udp-stencil-component-library 25.18.2-beta.6 → 25.18.2-beta.7

package/dist/cjs/index.cjs.js

@@ -85,6 +85,143 @@ function useMatchBreakpoint(breakpointKey) {
     return mediaQueryList.matches;
 }
 
+class UdpWebSocketClient {
+    get isConnected() {
+        var _a;
+        return ((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+    }
+    async connect(url, getAccessToken, keepAliveIntervalMs = 0, keepAliveTimeoutMs = 0) {
+        var _a;
+        if (!this.isWssUrl(url)) {
+            throw new Error("Invalid WebSocket URL. Only ws and wss protocols are supported.");
+        }
+        const accessToken = await getAccessToken();
+        if (accessToken) {
+            // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)
+            this.socket = new WebSocket(url, accessToken);
+        }
+        else {
+            this.socket = new WebSocket(url);
+        }
+        // Wait for the socket to open or error
+        await new Promise((resolve, reject) => {
+            const onOpen = () => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                resolve();
+            };
+            const onError = (e) => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                reject(e);
+            };
+            this.socket.addEventListener('open', onOpen);
+            this.socket.addEventListener('error', onError);
+        });
+        // Socket is now open, call the openHandler
+        (_a = this.openHandler) === null || _a === void 0 ? void 0 : _a.call(this);
+        // Assign socket events
+        this.socket.onmessage = (e) => this.handleMessage(e);
+        this.socket.onclose = (e) => this.handleClose(e);
+        this.socket.onerror = (e) => this.handleError(e);
+        // Start keepAliveTimer if configured
+        if (keepAliveIntervalMs && keepAliveTimeoutMs) {
+            this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);
+        }
+    }
+    onMessageReceived(handler) {
+        this.messageReceivedHandler = handler;
+        return this;
+    }
+    onOpen(handler) {
+        this.openHandler = handler;
+        return this;
+    }
+    onClose(handler) {
+        this.closeHandler = handler;
+        return this;
+    }
+    onError(handler) {
+        this.errorHandler = handler;
+        return this;
+    }
+    send(message) {
+        if (!this.isConnected) {
+            throw new Error("WebSocket is not connected.");
+        }
+        const json = JSON.stringify(message);
+        this.socket.send(json);
+    }
+    close() {
+        if (this.socket) {
+            this.socket.close();
+            this.stopKeepAliveTimer();
+            this.socket = undefined;
+        }
+    }
+    // Event handlers
+    handleMessage(event) {
+        var _a;
+        try {
+            const msg = JSON.parse(event.data);
+            (_a = this.messageReceivedHandler) === null || _a === void 0 ? void 0 : _a.call(this, msg);
+        }
+        catch (err) {
+            console.error("Invalid UdpWebSocketMessage received:", err);
+        }
+    }
+    handleClose(event) {
+        var _a;
+        (_a = this.closeHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        this.close();
+    }
+    handleError(event) {
+        var _a;
+        (_a = this.errorHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        console.error("UdpWebSocket error:", event);
+    }
+    // KeepAlive functions
+    startKeepAliveTimer(intervalMs, timeoutMs) {
+        this.stopKeepAliveTimer();
+        // TODO: Check that this is interval not timeout param
+        this.keepAliveIntervalId = window.setInterval(() => {
+            this.sendKeepAlivePing();
+        }, intervalMs);
+        // Autoclose after timeout reached
+        this.keepAliveTimeoutId = window.setTimeout(() => {
+            this.close();
+        }, timeoutMs);
+    }
+    stopKeepAliveTimer() {
+        if (this.keepAliveIntervalId)
+            clearInterval(this.keepAliveIntervalId);
+        if (this.keepAliveTimeoutId)
+            clearTimeout(this.keepAliveTimeoutId);
+        this.keepAliveIntervalId = undefined;
+        this.keepAliveTimeoutId = undefined;
+    }
+    sendKeepAlivePing() {
+        const pingPacket = {
+            headers: {
+                type: "KeepAlive",
+                timestamp: Date.now()
+            },
+        };
+        try {
+            this.send(pingPacket);
+        }
+        catch (err) {
+            console.error("KeepAlive ping failed to send:", err);
+        }
+    }
+    // Util functions
+    isWssUrl(url) {
+        return /^wss?:\/\//.test(url);
+    }
+}
+UdpWebSocketClient.DEFAULT_KEEPALIVE_INTERVAL_MS = 30000; // 30 sec
+UdpWebSocketClient.DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min
+
 exports.convertToAgGridColumns = transformSearchData.convertToAgGridColumns;
 exports.createStructuredQuery = transformSearchData.createStructuredQuery;
 exports.defaultPayload = transformSearchData.defaultPayload;
@@ -108,6 +245,7 @@ Object.defineProperty(exports, "SqlFilterOperators", {
     get: function () { return SearchBuilder.SearchOperators; }
 });
 exports.ConfigService = configService.ConfigService;
+exports.UdpWebSocketClient = UdpWebSocketClient;
 exports.apiMutate = apiMutate;
 exports.getMergedConfig = getMergedConfig;
 exports.useMatchBreakpoint = useMatchBreakpoint;

package/dist/cjs/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n"],"names":["Axios"],"mappings":";;;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAGa,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,KAAY;AAC3E,IAAA,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,IAAE,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAC,OAAO,IAAK,EAAE;AAC5D,IAAA,OAAO,CAAC,eAAe,GAAG,QAAQ;;AAGlC,IAAA,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,MAAM,CAAE,EAAA,EAAA,OAAO,EAAG,CAAA;AAChC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,GAAG,OACvB,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,KACP;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,EAAE;IAC5C,OAAOA,sBAAK,+CAAM,OAAO,CAAA,EAAK,MAAM,CAAK,EAAA,IAAI,EAAG;AAClD;;ACxEA;AACA,SAAS,mBAAmB,CAAC,QAAQ,EAAA;IACnC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAC9E;AAEO,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IAClE,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;AACnI,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;CACnE;AAKD;AACA;AACA;AACA;AACA;AACA;AACA;;ACpBM,SAAU,kBAAkB,CAAC,aAAuC,EAAA;IACxE,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;AAEhD,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/C,OAAO,cAAc,CAAC,OAAO;AAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts","src/udp-utilities/udp-websocket-client/udp-websocket-client.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n","export interface UdpWebSocketMessage {\n  headers?: Record<string, any>;\n  body?: any;\n}\n\nexport type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;\nexport type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;\nexport type UdpWsErrorHandler = (e: Event) => void | Promise<void>;\nexport type UdpWsOpenHandler = () => void | Promise<void>;\n\nexport class UdpWebSocketClient {\n  public static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30_000; // 30 sec\n  public static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min\n\n  private socket?: WebSocket;\n  private keepAliveIntervalId?: number;\n  private keepAliveTimeoutId?: number;\n\n  private messageReceivedHandler?: UdpWsReceiveHandler;\n  private closeHandler?: UdpWsCloseHandler\n  private errorHandler?: UdpWsErrorHandler;\n  private openHandler?: UdpWsOpenHandler;\n\n  public get isConnected(): boolean {\n    return this.socket?.readyState === WebSocket.OPEN;\n  }\n\n  public async connect(\n    url: string,\n    getAccessToken: () => Promise<string | void>,\n    keepAliveIntervalMs: number = 0,\n    keepAliveTimeoutMs: number = 0\n  ) {\n    if (!this.isWssUrl(url)) {\n      throw new Error(\"Invalid WebSocket URL. Only ws and wss protocols are supported.\");\n    }\n\n    const accessToken = await getAccessToken();\n\n    if (accessToken) {\n      // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)\n      this.socket = new WebSocket(url, accessToken);\n    } else {\n      this.socket = new WebSocket(url);\n    }\n\n    // Wait for the socket to open or error\n    await new Promise<void>((resolve, reject) => {\n      const onOpen = () => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        resolve();\n      };\n\n      const onError = (e: Event) => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        reject(e);\n      };\n\n      this.socket!.addEventListener('open', onOpen);\n      this.socket!.addEventListener('error', onError);\n    });\n\n    // Socket is now open, call the openHandler\n    this.openHandler?.();\n\n    // Assign socket events\n    this.socket.onmessage = (e) => this.handleMessage(e);\n    this.socket.onclose = (e) => this.handleClose(e);\n    this.socket.onerror = (e) => this.handleError(e);\n\n    // Start keepAliveTimer if configured\n    if (keepAliveIntervalMs && keepAliveTimeoutMs) {\n      this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);\n    }\n  }\n\n  public onMessageReceived(handler: UdpWsReceiveHandler) {\n    this.messageReceivedHandler = handler;\n    return this;\n  }\n\n  public onOpen(handler: UdpWsOpenHandler) {\n    this.openHandler = handler;\n    return this;\n  }\n\n  public onClose(handler: UdpWsCloseHandler) {\n    this.closeHandler = handler;\n    return this;\n  }\n\n  public onError(handler: UdpWsErrorHandler) {\n    this.errorHandler = handler;\n    return this;\n  }\n\n  public send(message: UdpWebSocketMessage) {\n    if (!this.isConnected) {\n      throw new Error(\"WebSocket is not connected.\");\n    }\n\n    const json = JSON.stringify(message);\n    this.socket!.send(json);\n  }\n\n  public close() {\n    if (this.socket) {\n      this.socket.close();\n      this.stopKeepAliveTimer();\n      this.socket = undefined;\n    }\n  }\n\n  // Event handlers\n  protected handleMessage(event: MessageEvent) {\n    try {\n      const msg = JSON.parse(event.data) as UdpWebSocketMessage;\n      this.messageReceivedHandler?.(msg);\n    } catch (err) {\n      console.error(\"Invalid UdpWebSocketMessage received:\", err)\n    }\n  }\n\n  protected handleClose(event: CloseEvent) {\n    this.closeHandler?.(event);\n    this.close();\n  }\n\n  protected handleError(event: Event) {\n    this.errorHandler?.(event);\n    console.error(\"UdpWebSocket error:\", event);\n  }\n\n  // KeepAlive functions\n  protected startKeepAliveTimer(intervalMs: number, timeoutMs: number) {\n    this.stopKeepAliveTimer();\n\n    // TODO: Check that this is interval not timeout param\n    this.keepAliveIntervalId = window.setInterval(() => {\n      this.sendKeepAlivePing();\n    }, intervalMs);\n\n    // Autoclose after timeout reached\n    this.keepAliveTimeoutId = window.setTimeout(() => {\n      this.close();\n    }, timeoutMs);\n  }\n\n  protected stopKeepAliveTimer() {\n    if (this.keepAliveIntervalId) clearInterval(this.keepAliveIntervalId);\n    if (this.keepAliveTimeoutId) clearTimeout(this.keepAliveTimeoutId);\n\n    this.keepAliveIntervalId = undefined;\n    this.keepAliveTimeoutId = undefined;\n  }\n\n  protected sendKeepAlivePing() {\n    const pingPacket: UdpWebSocketMessage = {\n      headers: {\n        type: \"KeepAlive\",\n        timestamp: Date.now()\n      },\n    };\n\n    try {\n      this.send(pingPacket);\n    } catch (err) {\n      console.error(\"KeepAlive ping failed to send:\", err);\n    }\n  }\n\n  // Util functions\n  protected isWssUrl(url: string): boolean {\n    return /^wss?:\\/\\//.test(url);\n  }\n}\n"],"names":["Axios"],"mappings":"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"}

package/dist/collection/index.js

@@ -6,5 +6,6 @@ export { SearchBuilder, SearchUtilities, LogicalSearchOperator, SearchGroupingTy
 export * from './store/catalog-store';
 export * from './udp-utilities/api-config';
 export { useMatchBreakpoint } from './udp-utilities/layout/breakpoints/useMatchBreakpoint';
+export * from './udp-utilities/udp-websocket-client/udp-websocket-client';
 // export { initializeUrls } from './udp-utilities/api-udp/apiUtils'
 //# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mCAAmC,CAAA;AACjD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,0DAA0D,CAAA;AACxE,OAAO,EACL,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,IAAI,kBAAkB,EACtC,MAAM,wBAAwB,CAAA;AAQ/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAA;AAE1F,oEAAoE","sourcesContent":["export * from './components';\nexport * from './udp-utilities/api-udp/apiMutate'\nexport * from './udp-utilities/grid/convertToAgGridColumns'\nexport * from './udp-utilities/grid/data-converters/transformSearchData'\nexport {\n  SearchBuilder,\n  SearchUtilities,\n  LogicalSearchOperator,\n  SearchGroupingType,\n  SearchOperators as SqlFilterOperators\n} from './udp-utilities/search'\nexport type {\n  Search as SearchInterface,\n  SearchFilters,\n  SearchFilterGroups,\n  GroupOperation,\n  OrderElement\n} from './udp-utilities/search'\nexport * from './store/catalog-store'\nexport * from './udp-utilities/api-config'\nexport { useMatchBreakpoint } from './udp-utilities/layout/breakpoints/useMatchBreakpoint'\n\n// export { initializeUrls } from './udp-utilities/api-udp/apiUtils'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mCAAmC,CAAA;AACjD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,0DAA0D,CAAA;AACxE,OAAO,EACL,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,IAAI,kBAAkB,EACtC,MAAM,wBAAwB,CAAA;AAQ/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAA;AAC1F,cAAc,2DAA2D,CAAC;AAE1E,oEAAoE","sourcesContent":["export * from './components';\nexport * from './udp-utilities/api-udp/apiMutate'\nexport * from './udp-utilities/grid/convertToAgGridColumns'\nexport * from './udp-utilities/grid/data-converters/transformSearchData'\nexport {\n  SearchBuilder,\n  SearchUtilities,\n  LogicalSearchOperator,\n  SearchGroupingType,\n  SearchOperators as SqlFilterOperators\n} from './udp-utilities/search'\nexport type {\n  Search as SearchInterface,\n  SearchFilters,\n  SearchFilterGroups,\n  GroupOperation,\n  OrderElement\n} from './udp-utilities/search'\nexport * from './store/catalog-store'\nexport * from './udp-utilities/api-config'\nexport { useMatchBreakpoint } from './udp-utilities/layout/breakpoints/useMatchBreakpoint'\nexport * from './udp-utilities/udp-websocket-client/udp-websocket-client';\n\n// export { initializeUrls } from './udp-utilities/api-udp/apiUtils'\n"]}

package/dist/collection/udp-utilities/udp-websocket-client/udp-websocket-client.js

@@ -0,0 +1,137 @@
+export class UdpWebSocketClient {
+    get isConnected() {
+        var _a;
+        return ((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+    }
+    async connect(url, getAccessToken, keepAliveIntervalMs = 0, keepAliveTimeoutMs = 0) {
+        var _a;
+        if (!this.isWssUrl(url)) {
+            throw new Error("Invalid WebSocket URL. Only ws and wss protocols are supported.");
+        }
+        const accessToken = await getAccessToken();
+        if (accessToken) {
+            // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)
+            this.socket = new WebSocket(url, accessToken);
+        }
+        else {
+            this.socket = new WebSocket(url);
+        }
+        // Wait for the socket to open or error
+        await new Promise((resolve, reject) => {
+            const onOpen = () => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                resolve();
+            };
+            const onError = (e) => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                reject(e);
+            };
+            this.socket.addEventListener('open', onOpen);
+            this.socket.addEventListener('error', onError);
+        });
+        // Socket is now open, call the openHandler
+        (_a = this.openHandler) === null || _a === void 0 ? void 0 : _a.call(this);
+        // Assign socket events
+        this.socket.onmessage = (e) => this.handleMessage(e);
+        this.socket.onclose = (e) => this.handleClose(e);
+        this.socket.onerror = (e) => this.handleError(e);
+        // Start keepAliveTimer if configured
+        if (keepAliveIntervalMs && keepAliveTimeoutMs) {
+            this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);
+        }
+    }
+    onMessageReceived(handler) {
+        this.messageReceivedHandler = handler;
+        return this;
+    }
+    onOpen(handler) {
+        this.openHandler = handler;
+        return this;
+    }
+    onClose(handler) {
+        this.closeHandler = handler;
+        return this;
+    }
+    onError(handler) {
+        this.errorHandler = handler;
+        return this;
+    }
+    send(message) {
+        if (!this.isConnected) {
+            throw new Error("WebSocket is not connected.");
+        }
+        const json = JSON.stringify(message);
+        this.socket.send(json);
+    }
+    close() {
+        if (this.socket) {
+            this.socket.close();
+            this.stopKeepAliveTimer();
+            this.socket = undefined;
+        }
+    }
+    // Event handlers
+    handleMessage(event) {
+        var _a;
+        try {
+            const msg = JSON.parse(event.data);
+            (_a = this.messageReceivedHandler) === null || _a === void 0 ? void 0 : _a.call(this, msg);
+        }
+        catch (err) {
+            console.error("Invalid UdpWebSocketMessage received:", err);
+        }
+    }
+    handleClose(event) {
+        var _a;
+        (_a = this.closeHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        this.close();
+    }
+    handleError(event) {
+        var _a;
+        (_a = this.errorHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        console.error("UdpWebSocket error:", event);
+    }
+    // KeepAlive functions
+    startKeepAliveTimer(intervalMs, timeoutMs) {
+        this.stopKeepAliveTimer();
+        // TODO: Check that this is interval not timeout param
+        this.keepAliveIntervalId = window.setInterval(() => {
+            this.sendKeepAlivePing();
+        }, intervalMs);
+        // Autoclose after timeout reached
+        this.keepAliveTimeoutId = window.setTimeout(() => {
+            this.close();
+        }, timeoutMs);
+    }
+    stopKeepAliveTimer() {
+        if (this.keepAliveIntervalId)
+            clearInterval(this.keepAliveIntervalId);
+        if (this.keepAliveTimeoutId)
+            clearTimeout(this.keepAliveTimeoutId);
+        this.keepAliveIntervalId = undefined;
+        this.keepAliveTimeoutId = undefined;
+    }
+    sendKeepAlivePing() {
+        const pingPacket = {
+            headers: {
+                type: "KeepAlive",
+                timestamp: Date.now()
+            },
+        };
+        try {
+            this.send(pingPacket);
+        }
+        catch (err) {
+            console.error("KeepAlive ping failed to send:", err);
+        }
+    }
+    // Util functions
+    isWssUrl(url) {
+        return /^wss?:\/\//.test(url);
+    }
+}
+UdpWebSocketClient.DEFAULT_KEEPALIVE_INTERVAL_MS = 30000; // 30 sec
+UdpWebSocketClient.DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min
+//# sourceMappingURL=udp-websocket-client.js.map

package/dist/collection/udp-utilities/udp-websocket-client/udp-websocket-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-websocket-client.js","sourceRoot":"","sources":["../../../src/udp-utilities/udp-websocket-client/udp-websocket-client.ts"],"names":[],"mappings":"AAUA,MAAM,OAAO,kBAAkB;IAa7B,IAAW,WAAW;;QACpB,OAAO,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,UAAU,MAAK,SAAS,CAAC,IAAI,CAAC;IACpD,CAAC;IAEM,KAAK,CAAC,OAAO,CAClB,GAAW,EACX,cAA4C,EAC5C,sBAA8B,CAAC,EAC/B,qBAA6B,CAAC;;QAE9B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,MAAM,IAAI,KAAK,CAAC,iEAAiE,CAAC,CAAC;QACrF,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;QAE3C,IAAI,WAAW,EAAE,CAAC;YAChB,2IAA2I;YAC3I,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC;QAED,uCAAuC;QACvC,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC1C,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBACjD,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBACnD,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC;YAEF,MAAM,OAAO,GAAG,CAAC,CAAQ,EAAE,EAAE;gBAC3B,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBACjD,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBACnD,MAAM,CAAC,CAAC,CAAC,CAAC;YACZ,CAAC,CAAC;YAEF,IAAI,CAAC,MAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAC9C,IAAI,CAAC,MAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,2CAA2C;QAC3C,MAAA,IAAI,CAAC,WAAW,oDAAI,CAAC;QAErB,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACrD,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAEjD,qCAAqC;QACrC,IAAI,mBAAmB,IAAI,kBAAkB,EAAE,CAAC;YAC9C,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;IAEM,iBAAiB,CAAC,OAA4B;QACnD,IAAI,CAAC,sBAAsB,GAAG,OAAO,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,OAAyB;QACrC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,OAAO,CAAC,OAA0B;QACvC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,OAAO,CAAC,OAA0B;QACvC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,IAAI,CAAC,OAA4B;QACtC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;QACjD,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACrC,IAAI,CAAC,MAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEM,KAAK;QACV,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,iBAAiB;IACP,aAAa,CAAC,KAAmB;;QACzC,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAwB,CAAC;YAC1D,MAAA,IAAI,CAAC,sBAAsB,qDAAG,GAAG,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,GAAG,CAAC,CAAA;QAC7D,CAAC;IACH,CAAC;IAES,WAAW,CAAC,KAAiB;;QACrC,MAAA,IAAI,CAAC,YAAY,qDAAG,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAES,WAAW,CAAC,KAAY;;QAChC,MAAA,IAAI,CAAC,YAAY,qDAAG,KAAK,CAAC,CAAC;QAC3B,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,sBAAsB;IACZ,mBAAmB,CAAC,UAAkB,EAAE,SAAiB;QACjE,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,sDAAsD;QACtD,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;YACjD,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC,EAAE,UAAU,CAAC,CAAC;QAEf,kCAAkC;QAClC,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,EAAE,SAAS,CAAC,CAAC;IAChB,CAAC;IAES,kBAAkB;QAC1B,IAAI,IAAI,CAAC,mBAAmB;YAAE,aAAa,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACtE,IAAI,IAAI,CAAC,kBAAkB;YAAE,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEnE,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;QACrC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;IACtC,CAAC;IAES,iBAAiB;QACzB,MAAM,UAAU,GAAwB;YACtC,OAAO,EAAE;gBACP,IAAI,EAAE,WAAW;gBACjB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;aACtB;SACF,CAAC;QAEF,IAAI,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACxB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,iBAAiB;IACP,QAAQ,CAAC,GAAW;QAC5B,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;;AArKsB,gDAA6B,GAAG,KAAM,CAAC,CAAC,SAAS;AACjD,+CAA4B,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,SAAS","sourcesContent":["export interface UdpWebSocketMessage {\n  headers?: Record<string, any>;\n  body?: any;\n}\n\nexport type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;\nexport type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;\nexport type UdpWsErrorHandler = (e: Event) => void | Promise<void>;\nexport type UdpWsOpenHandler = () => void | Promise<void>;\n\nexport class UdpWebSocketClient {\n  public static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30_000; // 30 sec\n  public static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min\n\n  private socket?: WebSocket;\n  private keepAliveIntervalId?: number;\n  private keepAliveTimeoutId?: number;\n\n  private messageReceivedHandler?: UdpWsReceiveHandler;\n  private closeHandler?: UdpWsCloseHandler\n  private errorHandler?: UdpWsErrorHandler;\n  private openHandler?: UdpWsOpenHandler;\n\n  public get isConnected(): boolean {\n    return this.socket?.readyState === WebSocket.OPEN;\n  }\n\n  public async connect(\n    url: string,\n    getAccessToken: () => Promise<string | void>,\n    keepAliveIntervalMs: number = 0,\n    keepAliveTimeoutMs: number = 0\n  ) {\n    if (!this.isWssUrl(url)) {\n      throw new Error(\"Invalid WebSocket URL. Only ws and wss protocols are supported.\");\n    }\n\n    const accessToken = await getAccessToken();\n\n    if (accessToken) {\n      // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)\n      this.socket = new WebSocket(url, accessToken);\n    } else {\n      this.socket = new WebSocket(url);\n    }\n\n    // Wait for the socket to open or error\n    await new Promise<void>((resolve, reject) => {\n      const onOpen = () => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        resolve();\n      };\n\n      const onError = (e: Event) => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        reject(e);\n      };\n\n      this.socket!.addEventListener('open', onOpen);\n      this.socket!.addEventListener('error', onError);\n    });\n\n    // Socket is now open, call the openHandler\n    this.openHandler?.();\n\n    // Assign socket events\n    this.socket.onmessage = (e) => this.handleMessage(e);\n    this.socket.onclose = (e) => this.handleClose(e);\n    this.socket.onerror = (e) => this.handleError(e);\n\n    // Start keepAliveTimer if configured\n    if (keepAliveIntervalMs && keepAliveTimeoutMs) {\n      this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);\n    }\n  }\n\n  public onMessageReceived(handler: UdpWsReceiveHandler) {\n    this.messageReceivedHandler = handler;\n    return this;\n  }\n\n  public onOpen(handler: UdpWsOpenHandler) {\n    this.openHandler = handler;\n    return this;\n  }\n\n  public onClose(handler: UdpWsCloseHandler) {\n    this.closeHandler = handler;\n    return this;\n  }\n\n  public onError(handler: UdpWsErrorHandler) {\n    this.errorHandler = handler;\n    return this;\n  }\n\n  public send(message: UdpWebSocketMessage) {\n    if (!this.isConnected) {\n      throw new Error(\"WebSocket is not connected.\");\n    }\n\n    const json = JSON.stringify(message);\n    this.socket!.send(json);\n  }\n\n  public close() {\n    if (this.socket) {\n      this.socket.close();\n      this.stopKeepAliveTimer();\n      this.socket = undefined;\n    }\n  }\n\n  // Event handlers\n  protected handleMessage(event: MessageEvent) {\n    try {\n      const msg = JSON.parse(event.data) as UdpWebSocketMessage;\n      this.messageReceivedHandler?.(msg);\n    } catch (err) {\n      console.error(\"Invalid UdpWebSocketMessage received:\", err)\n    }\n  }\n\n  protected handleClose(event: CloseEvent) {\n    this.closeHandler?.(event);\n    this.close();\n  }\n\n  protected handleError(event: Event) {\n    this.errorHandler?.(event);\n    console.error(\"UdpWebSocket error:\", event);\n  }\n\n  // KeepAlive functions\n  protected startKeepAliveTimer(intervalMs: number, timeoutMs: number) {\n    this.stopKeepAliveTimer();\n\n    // TODO: Check that this is interval not timeout param\n    this.keepAliveIntervalId = window.setInterval(() => {\n      this.sendKeepAlivePing();\n    }, intervalMs);\n\n    // Autoclose after timeout reached\n    this.keepAliveTimeoutId = window.setTimeout(() => {\n      this.close();\n    }, timeoutMs);\n  }\n\n  protected stopKeepAliveTimer() {\n    if (this.keepAliveIntervalId) clearInterval(this.keepAliveIntervalId);\n    if (this.keepAliveTimeoutId) clearTimeout(this.keepAliveTimeoutId);\n\n    this.keepAliveIntervalId = undefined;\n    this.keepAliveTimeoutId = undefined;\n  }\n\n  protected sendKeepAlivePing() {\n    const pingPacket: UdpWebSocketMessage = {\n      headers: {\n        type: \"KeepAlive\",\n        timestamp: Date.now()\n      },\n    };\n\n    try {\n      this.send(pingPacket);\n    } catch (err) {\n      console.error(\"KeepAlive ping failed to send:\", err);\n    }\n  }\n\n  // Util functions\n  protected isWssUrl(url: string): boolean {\n    return /^wss?:\\/\\//.test(url);\n  }\n}\n"]}

package/dist/components/index.js

@@ -68,7 +68,144 @@ function useMatchBreakpoint(breakpointKey) {
     return mediaQueryList.matches;
 }
 
-export { apiMutate, getMergedConfig, useMatchBreakpoint };
+class UdpWebSocketClient {
+    get isConnected() {
+        var _a;
+        return ((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+    }
+    async connect(url, getAccessToken, keepAliveIntervalMs = 0, keepAliveTimeoutMs = 0) {
+        var _a;
+        if (!this.isWssUrl(url)) {
+            throw new Error("Invalid WebSocket URL. Only ws and wss protocols are supported.");
+        }
+        const accessToken = await getAccessToken();
+        if (accessToken) {
+            // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)
+            this.socket = new WebSocket(url, accessToken);
+        }
+        else {
+            this.socket = new WebSocket(url);
+        }
+        // Wait for the socket to open or error
+        await new Promise((resolve, reject) => {
+            const onOpen = () => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                resolve();
+            };
+            const onError = (e) => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                reject(e);
+            };
+            this.socket.addEventListener('open', onOpen);
+            this.socket.addEventListener('error', onError);
+        });
+        // Socket is now open, call the openHandler
+        (_a = this.openHandler) === null || _a === void 0 ? void 0 : _a.call(this);
+        // Assign socket events
+        this.socket.onmessage = (e) => this.handleMessage(e);
+        this.socket.onclose = (e) => this.handleClose(e);
+        this.socket.onerror = (e) => this.handleError(e);
+        // Start keepAliveTimer if configured
+        if (keepAliveIntervalMs && keepAliveTimeoutMs) {
+            this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);
+        }
+    }
+    onMessageReceived(handler) {
+        this.messageReceivedHandler = handler;
+        return this;
+    }
+    onOpen(handler) {
+        this.openHandler = handler;
+        return this;
+    }
+    onClose(handler) {
+        this.closeHandler = handler;
+        return this;
+    }
+    onError(handler) {
+        this.errorHandler = handler;
+        return this;
+    }
+    send(message) {
+        if (!this.isConnected) {
+            throw new Error("WebSocket is not connected.");
+        }
+        const json = JSON.stringify(message);
+        this.socket.send(json);
+    }
+    close() {
+        if (this.socket) {
+            this.socket.close();
+            this.stopKeepAliveTimer();
+            this.socket = undefined;
+        }
+    }
+    // Event handlers
+    handleMessage(event) {
+        var _a;
+        try {
+            const msg = JSON.parse(event.data);
+            (_a = this.messageReceivedHandler) === null || _a === void 0 ? void 0 : _a.call(this, msg);
+        }
+        catch (err) {
+            console.error("Invalid UdpWebSocketMessage received:", err);
+        }
+    }
+    handleClose(event) {
+        var _a;
+        (_a = this.closeHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        this.close();
+    }
+    handleError(event) {
+        var _a;
+        (_a = this.errorHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        console.error("UdpWebSocket error:", event);
+    }
+    // KeepAlive functions
+    startKeepAliveTimer(intervalMs, timeoutMs) {
+        this.stopKeepAliveTimer();
+        // TODO: Check that this is interval not timeout param
+        this.keepAliveIntervalId = window.setInterval(() => {
+            this.sendKeepAlivePing();
+        }, intervalMs);
+        // Autoclose after timeout reached
+        this.keepAliveTimeoutId = window.setTimeout(() => {
+            this.close();
+        }, timeoutMs);
+    }
+    stopKeepAliveTimer() {
+        if (this.keepAliveIntervalId)
+            clearInterval(this.keepAliveIntervalId);
+        if (this.keepAliveTimeoutId)
+            clearTimeout(this.keepAliveTimeoutId);
+        this.keepAliveIntervalId = undefined;
+        this.keepAliveTimeoutId = undefined;
+    }
+    sendKeepAlivePing() {
+        const pingPacket = {
+            headers: {
+                type: "KeepAlive",
+                timestamp: Date.now()
+            },
+        };
+        try {
+            this.send(pingPacket);
+        }
+        catch (err) {
+            console.error("KeepAlive ping failed to send:", err);
+        }
+    }
+    // Util functions
+    isWssUrl(url) {
+        return /^wss?:\/\//.test(url);
+    }
+}
+UdpWebSocketClient.DEFAULT_KEEPALIVE_INTERVAL_MS = 30000; // 30 sec
+UdpWebSocketClient.DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min
+
+export { UdpWebSocketClient, apiMutate, getMergedConfig, useMatchBreakpoint };
 //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;AAgBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAGa,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,KAAY;AAC3E,IAAA,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,IAAE,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAC,OAAO,IAAK,EAAE;AAC5D,IAAA,OAAO,CAAC,eAAe,GAAG,QAAQ;;AAGlC,IAAA,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,MAAM,CAAE,EAAA,EAAA,OAAO,EAAG,CAAA;AAChC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,GAAG,OACvB,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,KACP;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,EAAE;IAC5C,OAAOA,KAAK,+CAAM,OAAO,CAAA,EAAK,MAAM,CAAK,EAAA,IAAI,EAAG;AAClD;;ACxEA;AACA,SAAS,mBAAmB,CAAC,QAAQ,EAAA;IACnC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAC9E;AAEO,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IAClE,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;AACnI,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;CACnE;;ACTK,SAAU,kBAAkB,CAAC,aAAuC,EAAA;IACxE,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;AAEhD,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/C,OAAO,cAAc,CAAC,OAAO;AAC/B;;;;","names":["Axios"],"sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n"],"version":3}
+{"file":"index.js","mappings":";;;;;;;AAgBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAGa,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,KAAY;AAC3E,IAAA,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,IAAE,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAC,OAAO,IAAK,EAAE;AAC5D,IAAA,OAAO,CAAC,eAAe,GAAG,QAAQ;;AAGlC,IAAA,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,MAAM,CAAE,EAAA,EAAA,OAAO,EAAG,CAAA;AAChC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,GAAG,OACvB,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,KACP;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,EAAE;IAC5C,OAAOA,KAAK,+CAAM,OAAO,CAAA,EAAK,MAAM,CAAK,EAAA,IAAI,EAAG;AAClD;;ACxEA;AACA,SAAS,mBAAmB,CAAC,QAAQ,EAAA;IACnC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAC9E;AAEO,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IAClE,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;AACnI,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;CACnE;;ACTK,SAAU,kBAAkB,CAAC,aAAuC,EAAA;IACxE,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;AAEhD,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/C,OAAO,cAAc,CAAC,OAAO;AAC/B;;MCEa,kBAAkB,CAAA;AAa7B,IAAA,IAAW,WAAW,GAAA;;AACpB,QAAA,OAAO,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,MAAK,SAAS,CAAC,IAAI;;AAG5C,IAAA,MAAM,OAAO,CAClB,GAAW,EACX,cAA4C,EAC5C,mBAA8B,GAAA,CAAC,EAC/B,kBAAA,GAA6B,CAAC,EAAA;;QAE9B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvB,YAAA,MAAM,IAAI,KAAK,CAAC,iEAAiE,CAAC;;AAGpF,QAAA,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE;QAE1C,IAAI,WAAW,EAAE;;YAEf,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC;;aACxC;YACL,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,GAAG,CAAC;;;QAIlC,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,KAAI;YAC1C,MAAM,MAAM,GAAG,MAAK;gBAClB,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC;gBAChD,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;AAClD,gBAAA,OAAO,EAAE;AACX,aAAC;AAED,YAAA,MAAM,OAAO,GAAG,CAAC,CAAQ,KAAI;gBAC3B,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC;gBAChD,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;gBAClD,MAAM,CAAC,CAAC,CAAC;AACX,aAAC;YAED,IAAI,CAAC,MAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC;YAC7C,IAAI,CAAC,MAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;AACjD,SAAC,CAAC;;QAGF,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,CAAI;;AAGpB,QAAA,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;AACpD,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AAChD,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;;AAGhD,QAAA,IAAI,mBAAmB,IAAI,kBAAkB,EAAE;AAC7C,YAAA,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,kBAAkB,CAAC;;;AAI9D,IAAA,iBAAiB,CAAC,OAA4B,EAAA;AACnD,QAAA,IAAI,CAAC,sBAAsB,GAAG,OAAO;AACrC,QAAA,OAAO,IAAI;;AAGN,IAAA,MAAM,CAAC,OAAyB,EAAA;AACrC,QAAA,IAAI,CAAC,WAAW,GAAG,OAAO;AAC1B,QAAA,OAAO,IAAI;;AAGN,IAAA,OAAO,CAAC,OAA0B,EAAA;AACvC,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO;AAC3B,QAAA,OAAO,IAAI;;AAGN,IAAA,OAAO,CAAC,OAA0B,EAAA;AACvC,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO;AAC3B,QAAA,OAAO,IAAI;;AAGN,IAAA,IAAI,CAAC,OAA4B,EAAA;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC;;QAGhD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;AACpC,QAAA,IAAI,CAAC,MAAO,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGlB,KAAK,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;YACnB,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;;;;AAKjB,IAAA,aAAa,CAAC,KAAmB,EAAA;;AACzC,QAAA,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAwB;AACzD,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,GAAG,CAAC;;QAClC,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,GAAG,CAAC;;;AAIrD,IAAA,WAAW,CAAC,KAAiB,EAAA;;AACrC,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAK,CAAC;QAC1B,IAAI,CAAC,KAAK,EAAE;;AAGJ,IAAA,WAAW,CAAC,KAAY,EAAA;;AAChC,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAK,CAAC;AAC1B,QAAA,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC;;;IAInC,mBAAmB,CAAC,UAAkB,EAAE,SAAiB,EAAA;QACjE,IAAI,CAAC,kBAAkB,EAAE;;QAGzB,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;YACjD,IAAI,CAAC,iBAAiB,EAAE;SACzB,EAAE,UAAU,CAAC;;QAGd,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;YAC/C,IAAI,CAAC,KAAK,EAAE;SACb,EAAE,SAAS,CAAC;;IAGL,kBAAkB,GAAA;QAC1B,IAAI,IAAI,CAAC,mBAAmB;AAAE,YAAA,aAAa,CAAC,IAAI,CAAC,mBAAmB,CAAC;QACrE,IAAI,IAAI,CAAC,kBAAkB;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC;AAElE,QAAA,IAAI,CAAC,mBAAmB,GAAG,SAAS;AACpC,QAAA,IAAI,CAAC,kBAAkB,GAAG,SAAS;;IAG3B,iBAAiB,GAAA;AACzB,QAAA,MAAM,UAAU,GAAwB;AACtC,YAAA,OAAO,EAAE;AACP,gBAAA,IAAI,EAAE,WAAW;AACjB,gBAAA,SAAS,EAAE,IAAI,CAAC,GAAG;AACpB,aAAA;SACF;AAED,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;;QACrB,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC;;;;AAK9C,IAAA,QAAQ,CAAC,GAAW,EAAA;AAC5B,QAAA,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;;;AApKR,kBAAA,CAAA,6BAA6B,GAAG,KAAM,CAAC;AACvC,kBAA4B,CAAA,4BAAA,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;;;;","names":["Axios"],"sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts","src/udp-utilities/udp-websocket-client/udp-websocket-client.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n","export interface UdpWebSocketMessage {\n  headers?: Record<string, any>;\n  body?: any;\n}\n\nexport type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;\nexport type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;\nexport type UdpWsErrorHandler = (e: Event) => void | Promise<void>;\nexport type UdpWsOpenHandler = () => void | Promise<void>;\n\nexport class UdpWebSocketClient {\n  public static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30_000; // 30 sec\n  public static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min\n\n  private socket?: WebSocket;\n  private keepAliveIntervalId?: number;\n  private keepAliveTimeoutId?: number;\n\n  private messageReceivedHandler?: UdpWsReceiveHandler;\n  private closeHandler?: UdpWsCloseHandler\n  private errorHandler?: UdpWsErrorHandler;\n  private openHandler?: UdpWsOpenHandler;\n\n  public get isConnected(): boolean {\n    return this.socket?.readyState === WebSocket.OPEN;\n  }\n\n  public async connect(\n    url: string,\n    getAccessToken: () => Promise<string | void>,\n    keepAliveIntervalMs: number = 0,\n    keepAliveTimeoutMs: number = 0\n  ) {\n    if (!this.isWssUrl(url)) {\n      throw new Error(\"Invalid WebSocket URL. Only ws and wss protocols are supported.\");\n    }\n\n    const accessToken = await getAccessToken();\n\n    if (accessToken) {\n      // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)\n      this.socket = new WebSocket(url, accessToken);\n    } else {\n      this.socket = new WebSocket(url);\n    }\n\n    // Wait for the socket to open or error\n    await new Promise<void>((resolve, reject) => {\n      const onOpen = () => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        resolve();\n      };\n\n      const onError = (e: Event) => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        reject(e);\n      };\n\n      this.socket!.addEventListener('open', onOpen);\n      this.socket!.addEventListener('error', onError);\n    });\n\n    // Socket is now open, call the openHandler\n    this.openHandler?.();\n\n    // Assign socket events\n    this.socket.onmessage = (e) => this.handleMessage(e);\n    this.socket.onclose = (e) => this.handleClose(e);\n    this.socket.onerror = (e) => this.handleError(e);\n\n    // Start keepAliveTimer if configured\n    if (keepAliveIntervalMs && keepAliveTimeoutMs) {\n      this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);\n    }\n  }\n\n  public onMessageReceived(handler: UdpWsReceiveHandler) {\n    this.messageReceivedHandler = handler;\n    return this;\n  }\n\n  public onOpen(handler: UdpWsOpenHandler) {\n    this.openHandler = handler;\n    return this;\n  }\n\n  public onClose(handler: UdpWsCloseHandler) {\n    this.closeHandler = handler;\n    return this;\n  }\n\n  public onError(handler: UdpWsErrorHandler) {\n    this.errorHandler = handler;\n    return this;\n  }\n\n  public send(message: UdpWebSocketMessage) {\n    if (!this.isConnected) {\n      throw new Error(\"WebSocket is not connected.\");\n    }\n\n    const json = JSON.stringify(message);\n    this.socket!.send(json);\n  }\n\n  public close() {\n    if (this.socket) {\n      this.socket.close();\n      this.stopKeepAliveTimer();\n      this.socket = undefined;\n    }\n  }\n\n  // Event handlers\n  protected handleMessage(event: MessageEvent) {\n    try {\n      const msg = JSON.parse(event.data) as UdpWebSocketMessage;\n      this.messageReceivedHandler?.(msg);\n    } catch (err) {\n      console.error(\"Invalid UdpWebSocketMessage received:\", err)\n    }\n  }\n\n  protected handleClose(event: CloseEvent) {\n    this.closeHandler?.(event);\n    this.close();\n  }\n\n  protected handleError(event: Event) {\n    this.errorHandler?.(event);\n    console.error(\"UdpWebSocket error:\", event);\n  }\n\n  // KeepAlive functions\n  protected startKeepAliveTimer(intervalMs: number, timeoutMs: number) {\n    this.stopKeepAliveTimer();\n\n    // TODO: Check that this is interval not timeout param\n    this.keepAliveIntervalId = window.setInterval(() => {\n      this.sendKeepAlivePing();\n    }, intervalMs);\n\n    // Autoclose after timeout reached\n    this.keepAliveTimeoutId = window.setTimeout(() => {\n      this.close();\n    }, timeoutMs);\n  }\n\n  protected stopKeepAliveTimer() {\n    if (this.keepAliveIntervalId) clearInterval(this.keepAliveIntervalId);\n    if (this.keepAliveTimeoutId) clearTimeout(this.keepAliveTimeoutId);\n\n    this.keepAliveIntervalId = undefined;\n    this.keepAliveTimeoutId = undefined;\n  }\n\n  protected sendKeepAlivePing() {\n    const pingPacket: UdpWebSocketMessage = {\n      headers: {\n        type: \"KeepAlive\",\n        timestamp: Date.now()\n      },\n    };\n\n    try {\n      this.send(pingPacket);\n    } catch (err) {\n      console.error(\"KeepAlive ping failed to send:\", err);\n    }\n  }\n\n  // Util functions\n  protected isWssUrl(url: string): boolean {\n    return /^wss?:\\/\\//.test(url);\n  }\n}\n"],"version":3}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-27T22:18:11",
+  "timestamp": "2026-01-28T18:48:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.2",

package/dist/esm/index.js

@@ -79,5 +79,142 @@ function useMatchBreakpoint(breakpointKey) {
     return mediaQueryList.matches;
 }
 
-export { apiMutate, getMergedConfig, useMatchBreakpoint };
+class UdpWebSocketClient {
+    get isConnected() {
+        var _a;
+        return ((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+    }
+    async connect(url, getAccessToken, keepAliveIntervalMs = 0, keepAliveTimeoutMs = 0) {
+        var _a;
+        if (!this.isWssUrl(url)) {
+            throw new Error("Invalid WebSocket URL. Only ws and wss protocols are supported.");
+        }
+        const accessToken = await getAccessToken();
+        if (accessToken) {
+            // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)
+            this.socket = new WebSocket(url, accessToken);
+        }
+        else {
+            this.socket = new WebSocket(url);
+        }
+        // Wait for the socket to open or error
+        await new Promise((resolve, reject) => {
+            const onOpen = () => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                resolve();
+            };
+            const onError = (e) => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                reject(e);
+            };
+            this.socket.addEventListener('open', onOpen);
+            this.socket.addEventListener('error', onError);
+        });
+        // Socket is now open, call the openHandler
+        (_a = this.openHandler) === null || _a === void 0 ? void 0 : _a.call(this);
+        // Assign socket events
+        this.socket.onmessage = (e) => this.handleMessage(e);
+        this.socket.onclose = (e) => this.handleClose(e);
+        this.socket.onerror = (e) => this.handleError(e);
+        // Start keepAliveTimer if configured
+        if (keepAliveIntervalMs && keepAliveTimeoutMs) {
+            this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);
+        }
+    }
+    onMessageReceived(handler) {
+        this.messageReceivedHandler = handler;
+        return this;
+    }
+    onOpen(handler) {
+        this.openHandler = handler;
+        return this;
+    }
+    onClose(handler) {
+        this.closeHandler = handler;
+        return this;
+    }
+    onError(handler) {
+        this.errorHandler = handler;
+        return this;
+    }
+    send(message) {
+        if (!this.isConnected) {
+            throw new Error("WebSocket is not connected.");
+        }
+        const json = JSON.stringify(message);
+        this.socket.send(json);
+    }
+    close() {
+        if (this.socket) {
+            this.socket.close();
+            this.stopKeepAliveTimer();
+            this.socket = undefined;
+        }
+    }
+    // Event handlers
+    handleMessage(event) {
+        var _a;
+        try {
+            const msg = JSON.parse(event.data);
+            (_a = this.messageReceivedHandler) === null || _a === void 0 ? void 0 : _a.call(this, msg);
+        }
+        catch (err) {
+            console.error("Invalid UdpWebSocketMessage received:", err);
+        }
+    }
+    handleClose(event) {
+        var _a;
+        (_a = this.closeHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        this.close();
+    }
+    handleError(event) {
+        var _a;
+        (_a = this.errorHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        console.error("UdpWebSocket error:", event);
+    }
+    // KeepAlive functions
+    startKeepAliveTimer(intervalMs, timeoutMs) {
+        this.stopKeepAliveTimer();
+        // TODO: Check that this is interval not timeout param
+        this.keepAliveIntervalId = window.setInterval(() => {
+            this.sendKeepAlivePing();
+        }, intervalMs);
+        // Autoclose after timeout reached
+        this.keepAliveTimeoutId = window.setTimeout(() => {
+            this.close();
+        }, timeoutMs);
+    }
+    stopKeepAliveTimer() {
+        if (this.keepAliveIntervalId)
+            clearInterval(this.keepAliveIntervalId);
+        if (this.keepAliveTimeoutId)
+            clearTimeout(this.keepAliveTimeoutId);
+        this.keepAliveIntervalId = undefined;
+        this.keepAliveTimeoutId = undefined;
+    }
+    sendKeepAlivePing() {
+        const pingPacket = {
+            headers: {
+                type: "KeepAlive",
+                timestamp: Date.now()
+            },
+        };
+        try {
+            this.send(pingPacket);
+        }
+        catch (err) {
+            console.error("KeepAlive ping failed to send:", err);
+        }
+    }
+    // Util functions
+    isWssUrl(url) {
+        return /^wss?:\/\//.test(url);
+    }
+}
+UdpWebSocketClient.DEFAULT_KEEPALIVE_INTERVAL_MS = 30000; // 30 sec
+UdpWebSocketClient.DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min
+
+export { UdpWebSocketClient, apiMutate, getMergedConfig, useMatchBreakpoint };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n"],"names":["Axios"],"mappings":";;;;;;;;;;;AAgBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAGa,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,KAAY;AAC3E,IAAA,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,IAAE,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAC,OAAO,IAAK,EAAE;AAC5D,IAAA,OAAO,CAAC,eAAe,GAAG,QAAQ;;AAGlC,IAAA,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,MAAM,CAAE,EAAA,EAAA,OAAO,EAAG,CAAA;AAChC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,GAAG,OACvB,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,KACP;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,EAAE;IAC5C,OAAOA,KAAK,+CAAM,OAAO,CAAA,EAAK,MAAM,CAAK,EAAA,IAAI,EAAG;AAClD;;ACxEA;AACA,SAAS,mBAAmB,CAAC,QAAQ,EAAA;IACnC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAC9E;AAEO,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IAClE,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;AACnI,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;CACnE;AAKD;AACA;AACA;AACA;AACA;AACA;AACA;;ACpBM,SAAU,kBAAkB,CAAC,aAAuC,EAAA;IACxE,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;AAEhD,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/C,OAAO,cAAc,CAAC,OAAO;AAC/B;;;;"}
+{"version":3,"file":"index.js","sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts","src/udp-utilities/udp-websocket-client/udp-websocket-client.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n","export interface UdpWebSocketMessage {\n  headers?: Record<string, any>;\n  body?: any;\n}\n\nexport type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;\nexport type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;\nexport type UdpWsErrorHandler = (e: Event) => void | Promise<void>;\nexport type UdpWsOpenHandler = () => void | Promise<void>;\n\nexport class UdpWebSocketClient {\n  public static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30_000; // 30 sec\n  public static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min\n\n  private socket?: WebSocket;\n  private keepAliveIntervalId?: number;\n  private keepAliveTimeoutId?: number;\n\n  private messageReceivedHandler?: UdpWsReceiveHandler;\n  private closeHandler?: UdpWsCloseHandler\n  private errorHandler?: UdpWsErrorHandler;\n  private openHandler?: UdpWsOpenHandler;\n\n  public get isConnected(): boolean {\n    return this.socket?.readyState === WebSocket.OPEN;\n  }\n\n  public async connect(\n    url: string,\n    getAccessToken: () => Promise<string | void>,\n    keepAliveIntervalMs: number = 0,\n    keepAliveTimeoutMs: number = 0\n  ) {\n    if (!this.isWssUrl(url)) {\n      throw new Error(\"Invalid WebSocket URL. Only ws and wss protocols are supported.\");\n    }\n\n    const accessToken = await getAccessToken();\n\n    if (accessToken) {\n      // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)\n      this.socket = new WebSocket(url, accessToken);\n    } else {\n      this.socket = new WebSocket(url);\n    }\n\n    // Wait for the socket to open or error\n    await new Promise<void>((resolve, reject) => {\n      const onOpen = () => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        resolve();\n      };\n\n      const onError = (e: Event) => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        reject(e);\n      };\n\n      this.socket!.addEventListener('open', onOpen);\n      this.socket!.addEventListener('error', onError);\n    });\n\n    // Socket is now open, call the openHandler\n    this.openHandler?.();\n\n    // Assign socket events\n    this.socket.onmessage = (e) => this.handleMessage(e);\n    this.socket.onclose = (e) => this.handleClose(e);\n    this.socket.onerror = (e) => this.handleError(e);\n\n    // Start keepAliveTimer if configured\n    if (keepAliveIntervalMs && keepAliveTimeoutMs) {\n      this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);\n    }\n  }\n\n  public onMessageReceived(handler: UdpWsReceiveHandler) {\n    this.messageReceivedHandler = handler;\n    return this;\n  }\n\n  public onOpen(handler: UdpWsOpenHandler) {\n    this.openHandler = handler;\n    return this;\n  }\n\n  public onClose(handler: UdpWsCloseHandler) {\n    this.closeHandler = handler;\n    return this;\n  }\n\n  public onError(handler: UdpWsErrorHandler) {\n    this.errorHandler = handler;\n    return this;\n  }\n\n  public send(message: UdpWebSocketMessage) {\n    if (!this.isConnected) {\n      throw new Error(\"WebSocket is not connected.\");\n    }\n\n    const json = JSON.stringify(message);\n    this.socket!.send(json);\n  }\n\n  public close() {\n    if (this.socket) {\n      this.socket.close();\n      this.stopKeepAliveTimer();\n      this.socket = undefined;\n    }\n  }\n\n  // Event handlers\n  protected handleMessage(event: MessageEvent) {\n    try {\n      const msg = JSON.parse(event.data) as UdpWebSocketMessage;\n      this.messageReceivedHandler?.(msg);\n    } catch (err) {\n      console.error(\"Invalid UdpWebSocketMessage received:\", err)\n    }\n  }\n\n  protected handleClose(event: CloseEvent) {\n    this.closeHandler?.(event);\n    this.close();\n  }\n\n  protected handleError(event: Event) {\n    this.errorHandler?.(event);\n    console.error(\"UdpWebSocket error:\", event);\n  }\n\n  // KeepAlive functions\n  protected startKeepAliveTimer(intervalMs: number, timeoutMs: number) {\n    this.stopKeepAliveTimer();\n\n    // TODO: Check that this is interval not timeout param\n    this.keepAliveIntervalId = window.setInterval(() => {\n      this.sendKeepAlivePing();\n    }, intervalMs);\n\n    // Autoclose after timeout reached\n    this.keepAliveTimeoutId = window.setTimeout(() => {\n      this.close();\n    }, timeoutMs);\n  }\n\n  protected stopKeepAliveTimer() {\n    if (this.keepAliveIntervalId) clearInterval(this.keepAliveIntervalId);\n    if (this.keepAliveTimeoutId) clearTimeout(this.keepAliveTimeoutId);\n\n    this.keepAliveIntervalId = undefined;\n    this.keepAliveTimeoutId = undefined;\n  }\n\n  protected sendKeepAlivePing() {\n    const pingPacket: UdpWebSocketMessage = {\n      headers: {\n        type: \"KeepAlive\",\n        timestamp: Date.now()\n      },\n    };\n\n    try {\n      this.send(pingPacket);\n    } catch (err) {\n      console.error(\"KeepAlive ping failed to send:\", err);\n    }\n  }\n\n  // Util functions\n  protected isWssUrl(url: string): boolean {\n    return /^wss?:\\/\\//.test(url);\n  }\n}\n"],"names":["Axios"],"mappings":";;;;;;;;;;;AAgBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAGa,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,KAAY;AAC3E,IAAA,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,IAAE,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAC,OAAO,IAAK,EAAE;AAC5D,IAAA,OAAO,CAAC,eAAe,GAAG,QAAQ;;AAGlC,IAAA,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,MAAM,CAAE,EAAA,EAAA,OAAO,EAAG,CAAA;AAChC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,GAAG,OACvB,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,KACP;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,EAAE;IAC5C,OAAOA,KAAK,+CAAM,OAAO,CAAA,EAAK,MAAM,CAAK,EAAA,IAAI,EAAG;AAClD;;ACxEA;AACA,SAAS,mBAAmB,CAAC,QAAQ,EAAA;IACnC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAC9E;AAEO,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IAClE,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;AACnI,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;CACnE;AAKD;AACA;AACA;AACA;AACA;AACA;AACA;;ACpBM,SAAU,kBAAkB,CAAC,aAAuC,EAAA;IACxE,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;AAEhD,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/C,OAAO,cAAc,CAAC,OAAO;AAC/B;;MCEa,kBAAkB,CAAA;AAa7B,IAAA,IAAW,WAAW,GAAA;;AACpB,QAAA,OAAO,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,MAAK,SAAS,CAAC,IAAI;;AAG5C,IAAA,MAAM,OAAO,CAClB,GAAW,EACX,cAA4C,EAC5C,mBAA8B,GAAA,CAAC,EAC/B,kBAAA,GAA6B,CAAC,EAAA;;QAE9B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvB,YAAA,MAAM,IAAI,KAAK,CAAC,iEAAiE,CAAC;;AAGpF,QAAA,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE;QAE1C,IAAI,WAAW,EAAE;;YAEf,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC;;aACxC;YACL,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,GAAG,CAAC;;;QAIlC,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,KAAI;YAC1C,MAAM,MAAM,GAAG,MAAK;gBAClB,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC;gBAChD,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;AAClD,gBAAA,OAAO,EAAE;AACX,aAAC;AAED,YAAA,MAAM,OAAO,GAAG,CAAC,CAAQ,KAAI;gBAC3B,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC;gBAChD,IAAI,CAAC,MAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;gBAClD,MAAM,CAAC,CAAC,CAAC;AACX,aAAC;YAED,IAAI,CAAC,MAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC;YAC7C,IAAI,CAAC,MAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;AACjD,SAAC,CAAC;;QAGF,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,CAAI;;AAGpB,QAAA,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;AACpD,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AAChD,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;;AAGhD,QAAA,IAAI,mBAAmB,IAAI,kBAAkB,EAAE;AAC7C,YAAA,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,kBAAkB,CAAC;;;AAI9D,IAAA,iBAAiB,CAAC,OAA4B,EAAA;AACnD,QAAA,IAAI,CAAC,sBAAsB,GAAG,OAAO;AACrC,QAAA,OAAO,IAAI;;AAGN,IAAA,MAAM,CAAC,OAAyB,EAAA;AACrC,QAAA,IAAI,CAAC,WAAW,GAAG,OAAO;AAC1B,QAAA,OAAO,IAAI;;AAGN,IAAA,OAAO,CAAC,OAA0B,EAAA;AACvC,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO;AAC3B,QAAA,OAAO,IAAI;;AAGN,IAAA,OAAO,CAAC,OAA0B,EAAA;AACvC,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO;AAC3B,QAAA,OAAO,IAAI;;AAGN,IAAA,IAAI,CAAC,OAA4B,EAAA;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC;;QAGhD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;AACpC,QAAA,IAAI,CAAC,MAAO,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGlB,KAAK,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;YACnB,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;;;;AAKjB,IAAA,aAAa,CAAC,KAAmB,EAAA;;AACzC,QAAA,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAwB;AACzD,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,GAAG,CAAC;;QAClC,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,GAAG,CAAC;;;AAIrD,IAAA,WAAW,CAAC,KAAiB,EAAA;;AACrC,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAK,CAAC;QAC1B,IAAI,CAAC,KAAK,EAAE;;AAGJ,IAAA,WAAW,CAAC,KAAY,EAAA;;AAChC,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAK,CAAC;AAC1B,QAAA,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC;;;IAInC,mBAAmB,CAAC,UAAkB,EAAE,SAAiB,EAAA;QACjE,IAAI,CAAC,kBAAkB,EAAE;;QAGzB,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;YACjD,IAAI,CAAC,iBAAiB,EAAE;SACzB,EAAE,UAAU,CAAC;;QAGd,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;YAC/C,IAAI,CAAC,KAAK,EAAE;SACb,EAAE,SAAS,CAAC;;IAGL,kBAAkB,GAAA;QAC1B,IAAI,IAAI,CAAC,mBAAmB;AAAE,YAAA,aAAa,CAAC,IAAI,CAAC,mBAAmB,CAAC;QACrE,IAAI,IAAI,CAAC,kBAAkB;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC;AAElE,QAAA,IAAI,CAAC,mBAAmB,GAAG,SAAS;AACpC,QAAA,IAAI,CAAC,kBAAkB,GAAG,SAAS;;IAG3B,iBAAiB,GAAA;AACzB,QAAA,MAAM,UAAU,GAAwB;AACtC,YAAA,OAAO,EAAE;AACP,gBAAA,IAAI,EAAE,WAAW;AACjB,gBAAA,SAAS,EAAE,IAAI,CAAC,GAAG;AACpB,aAAA;SACF;AAED,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;;QACrB,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC;;;;AAK9C,IAAA,QAAQ,CAAC,GAAW,EAAA;AAC5B,QAAA,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;;;AApKR,kBAAA,CAAA,6BAA6B,GAAG,KAAM,CAAC;AACvC,kBAA4B,CAAA,4BAAA,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;;;;"}

package/dist/stencil-library/index.esm.js

@@ -1,2 +1,2 @@
-import e from"axios";export{c as convertToAgGridColumns,a as createStructuredQuery,d as defaultPayload,b as demoMSSearchData,t as transformSearchData}from"./transformSearchData-DBjFnXu6.js";export{l as loadCatalogData,o as onChange,s as state}from"./catalog-store-BhgNAUY6.js";export{L as LogicalSearchOperator,S as SearchBuilder,b as SearchGroupingType,a as SearchUtilities,c as SqlFilterOperators}from"./SearchBuilder-CvKqGlUH.js";export{C as ConfigService}from"./configService-BqLfkVKh.js";import"@stencil/store";import"./apiUtils-cUHs50y0.js";import"deep-equal";import"./makeApiCall-B-daVutk.js";import"./tenantUtils-Basdb1b1.js";const r=(t,a)=>{const e=(a===null||a===void 0?void 0:a.headers)?Object.assign({},a.headers):{};e.currentTenantId=t;return Object.assign(Object.assign({},a),{headers:e})};const i=async(t,a,r,o)=>{const i={url:`${t}/${a}`};return e(Object.assign(Object.assign(Object.assign({},i),r),o))};function n(t){return getComputedStyle(document.documentElement).getPropertyValue(t)}const m={xs:`(max-width: ${n("--breakpoint-xs-max")}px)`,sm:`(min-width: ${n("--breakpoint-sm-min")}px) and (max-width: ${n("--breakpoint-sm-max")}px)`,md:`(min-width: ${n("--breakpoint-md-min")}px) and (max-width: ${n("--breakpoint-md-max")}px)`,lg:`(min-width: ${n("--breakpoint-lg-min")}px) and (max-width: ${n("--breakpoint-lg-max")}px)`,xl:`(min-width: ${n("--breakpoint-xl-min")}px)`};function p(t){if(typeof window==="undefined")return false;const a=m[t];const e=window.matchMedia(a);return e.matches}export{i as apiMutate,r as getMergedConfig,p as useMatchBreakpoint};
+import e from"axios";export{c as convertToAgGridColumns,a as createStructuredQuery,d as defaultPayload,b as demoMSSearchData,t as transformSearchData}from"./transformSearchData-DBjFnXu6.js";export{l as loadCatalogData,o as onChange,s as state}from"./catalog-store-BhgNAUY6.js";export{L as LogicalSearchOperator,S as SearchBuilder,b as SearchGroupingType,a as SearchUtilities,c as SqlFilterOperators}from"./SearchBuilder-CvKqGlUH.js";export{C as ConfigService}from"./configService-BqLfkVKh.js";import"@stencil/store";import"./apiUtils-cUHs50y0.js";import"deep-equal";import"./makeApiCall-B-daVutk.js";import"./tenantUtils-Basdb1b1.js";const i=(t,e)=>{const i=(e===null||e===void 0?void 0:e.headers)?Object.assign({},e.headers):{};i.currentTenantId=t;return Object.assign(Object.assign({},e),{headers:i})};const r=async(t,i,s,o)=>{const r={url:`${t}/${i}`};return e(Object.assign(Object.assign(Object.assign({},r),s),o))};function n(t){return getComputedStyle(document.documentElement).getPropertyValue(t)}const h={xs:`(max-width: ${n("--breakpoint-xs-max")}px)`,sm:`(min-width: ${n("--breakpoint-sm-min")}px) and (max-width: ${n("--breakpoint-sm-max")}px)`,md:`(min-width: ${n("--breakpoint-md-min")}px) and (max-width: ${n("--breakpoint-md-max")}px)`,lg:`(min-width: ${n("--breakpoint-lg-min")}px) and (max-width: ${n("--breakpoint-lg-max")}px)`,xl:`(min-width: ${n("--breakpoint-xl-min")}px)`};function p(t){if(typeof window==="undefined")return false;const e=h[t];const i=window.matchMedia(e);return i.matches}class m{get isConnected(){var t;return((t=this.socket)===null||t===void 0?void 0:t.readyState)===WebSocket.OPEN}async connect(t,e,i=0,s=0){var o;if(!this.isWssUrl(t)){throw new Error("Invalid WebSocket URL. Only ws and wss protocols are supported.")}const r=await e();if(r){this.socket=new WebSocket(t,r)}else{this.socket=new WebSocket(t)}await new Promise(((t,e)=>{const i=()=>{this.socket.removeEventListener("open",i);this.socket.removeEventListener("error",s);t()};const s=t=>{this.socket.removeEventListener("open",i);this.socket.removeEventListener("error",s);e(t)};this.socket.addEventListener("open",i);this.socket.addEventListener("error",s)}));(o=this.openHandler)===null||o===void 0?void 0:o.call(this);this.socket.onmessage=t=>this.handleMessage(t);this.socket.onclose=t=>this.handleClose(t);this.socket.onerror=t=>this.handleError(t);if(i&&s){this.startKeepAliveTimer(i,s)}}onMessageReceived(t){this.messageReceivedHandler=t;return this}onOpen(t){this.openHandler=t;return this}onClose(t){this.closeHandler=t;return this}onError(t){this.errorHandler=t;return this}send(t){if(!this.isConnected){throw new Error("WebSocket is not connected.")}const e=JSON.stringify(t);this.socket.send(e)}close(){if(this.socket){this.socket.close();this.stopKeepAliveTimer();this.socket=undefined}}handleMessage(t){var e;try{const i=JSON.parse(t.data);(e=this.messageReceivedHandler)===null||e===void 0?void 0:e.call(this,i)}catch(t){console.error("Invalid UdpWebSocketMessage received:",t)}}handleClose(t){var e;(e=this.closeHandler)===null||e===void 0?void 0:e.call(this,t);this.close()}handleError(t){var e;(e=this.errorHandler)===null||e===void 0?void 0:e.call(this,t);console.error("UdpWebSocket error:",t)}startKeepAliveTimer(t,e){this.stopKeepAliveTimer();this.keepAliveIntervalId=window.setInterval((()=>{this.sendKeepAlivePing()}),t);this.keepAliveTimeoutId=window.setTimeout((()=>{this.close()}),e)}stopKeepAliveTimer(){if(this.keepAliveIntervalId)clearInterval(this.keepAliveIntervalId);if(this.keepAliveTimeoutId)clearTimeout(this.keepAliveTimeoutId);this.keepAliveIntervalId=undefined;this.keepAliveTimeoutId=undefined}sendKeepAlivePing(){const t={headers:{type:"KeepAlive",timestamp:Date.now()}};try{this.send(t)}catch(t){console.error("KeepAlive ping failed to send:",t)}}isWssUrl(t){return/^wss?:\/\//.test(t)}}m.DEFAULT_KEEPALIVE_INTERVAL_MS=3e4;m.DEFAULT_KEEPALIVE_TIMEOUT_MS=60*60*1e3;export{m as UdpWebSocketClient,r as apiMutate,i as getMergedConfig,p as useMatchBreakpoint};
 //# sourceMappingURL=index.esm.js.map

package/dist/stencil-library/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n"],"names":["Axios"],"mappings":";;;;;;;;;;;AAgBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAGa,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,KAAY;AAC3E,IAAA,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,IAAE,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAC,OAAO,IAAK,EAAE;AAC5D,IAAA,OAAO,CAAC,eAAe,GAAG,QAAQ;;AAGlC,IAAA,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,MAAM,CAAE,EAAA,EAAA,OAAO,EAAG,CAAA;AAChC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,GAAG,OACvB,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,KACP;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,EAAE;IAC5C,OAAOA,KAAK,+CAAM,OAAO,CAAA,EAAK,MAAM,CAAK,EAAA,IAAI,EAAG;AAClD;;ACxEA;AACA,SAAS,mBAAmB,CAAC,QAAQ,EAAA;IACnC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAC9E;AAEO,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IAClE,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;AACnI,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;CACnE;AAKD;AACA;AACA;AACA;AACA;AACA;AACA;;ACpBM,SAAU,kBAAkB,CAAC,aAAuC,EAAA;IACxE,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;AAEhD,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/C,OAAO,cAAc,CAAC,OAAO;AAC/B;;;;"}
+{"version":3,"file":"index.esm.js","sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts","src/udp-utilities/udp-websocket-client/udp-websocket-client.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n","export interface UdpWebSocketMessage {\n  headers?: Record<string, any>;\n  body?: any;\n}\n\nexport type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;\nexport type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;\nexport type UdpWsErrorHandler = (e: Event) => void | Promise<void>;\nexport type UdpWsOpenHandler = () => void | Promise<void>;\n\nexport class UdpWebSocketClient {\n  public static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30_000; // 30 sec\n  public static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min\n\n  private socket?: WebSocket;\n  private keepAliveIntervalId?: number;\n  private keepAliveTimeoutId?: number;\n\n  private messageReceivedHandler?: UdpWsReceiveHandler;\n  private closeHandler?: UdpWsCloseHandler\n  private errorHandler?: UdpWsErrorHandler;\n  private openHandler?: UdpWsOpenHandler;\n\n  public get isConnected(): boolean {\n    return this.socket?.readyState === WebSocket.OPEN;\n  }\n\n  public async connect(\n    url: string,\n    getAccessToken: () => Promise<string | void>,\n    keepAliveIntervalMs: number = 0,\n    keepAliveTimeoutMs: number = 0\n  ) {\n    if (!this.isWssUrl(url)) {\n      throw new Error(\"Invalid WebSocket URL. Only ws and wss protocols are supported.\");\n    }\n\n    const accessToken = await getAccessToken();\n\n    if (accessToken) {\n      // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)\n      this.socket = new WebSocket(url, accessToken);\n    } else {\n      this.socket = new WebSocket(url);\n    }\n\n    // Wait for the socket to open or error\n    await new Promise<void>((resolve, reject) => {\n      const onOpen = () => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        resolve();\n      };\n\n      const onError = (e: Event) => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        reject(e);\n      };\n\n      this.socket!.addEventListener('open', onOpen);\n      this.socket!.addEventListener('error', onError);\n    });\n\n    // Socket is now open, call the openHandler\n    this.openHandler?.();\n\n    // Assign socket events\n    this.socket.onmessage = (e) => this.handleMessage(e);\n    this.socket.onclose = (e) => this.handleClose(e);\n    this.socket.onerror = (e) => this.handleError(e);\n\n    // Start keepAliveTimer if configured\n    if (keepAliveIntervalMs && keepAliveTimeoutMs) {\n      this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);\n    }\n  }\n\n  public onMessageReceived(handler: UdpWsReceiveHandler) {\n    this.messageReceivedHandler = handler;\n    return this;\n  }\n\n  public onOpen(handler: UdpWsOpenHandler) {\n    this.openHandler = handler;\n    return this;\n  }\n\n  public onClose(handler: UdpWsCloseHandler) {\n    this.closeHandler = handler;\n    return this;\n  }\n\n  public onError(handler: UdpWsErrorHandler) {\n    this.errorHandler = handler;\n    return this;\n  }\n\n  public send(message: UdpWebSocketMessage) {\n    if (!this.isConnected) {\n      throw new Error(\"WebSocket is not connected.\");\n    }\n\n    const json = JSON.stringify(message);\n    this.socket!.send(json);\n  }\n\n  public close() {\n    if (this.socket) {\n      this.socket.close();\n      this.stopKeepAliveTimer();\n      this.socket = undefined;\n    }\n  }\n\n  // Event handlers\n  protected handleMessage(event: MessageEvent) {\n    try {\n      const msg = JSON.parse(event.data) as UdpWebSocketMessage;\n      this.messageReceivedHandler?.(msg);\n    } catch (err) {\n      console.error(\"Invalid UdpWebSocketMessage received:\", err)\n    }\n  }\n\n  protected handleClose(event: CloseEvent) {\n    this.closeHandler?.(event);\n    this.close();\n  }\n\n  protected handleError(event: Event) {\n    this.errorHandler?.(event);\n    console.error(\"UdpWebSocket error:\", event);\n  }\n\n  // KeepAlive functions\n  protected startKeepAliveTimer(intervalMs: number, timeoutMs: number) {\n    this.stopKeepAliveTimer();\n\n    // TODO: Check that this is interval not timeout param\n    this.keepAliveIntervalId = window.setInterval(() => {\n      this.sendKeepAlivePing();\n    }, intervalMs);\n\n    // Autoclose after timeout reached\n    this.keepAliveTimeoutId = window.setTimeout(() => {\n      this.close();\n    }, timeoutMs);\n  }\n\n  protected stopKeepAliveTimer() {\n    if (this.keepAliveIntervalId) clearInterval(this.keepAliveIntervalId);\n    if (this.keepAliveTimeoutId) clearTimeout(this.keepAliveTimeoutId);\n\n    this.keepAliveIntervalId = undefined;\n    this.keepAliveTimeoutId = undefined;\n  }\n\n  protected sendKeepAlivePing() {\n    const pingPacket: UdpWebSocketMessage = {\n      headers: {\n        type: \"KeepAlive\",\n        timestamp: Date.now()\n      },\n    };\n\n    try {\n      this.send(pingPacket);\n    } catch (err) {\n      console.error(\"KeepAlive ping failed to send:\", err);\n    }\n  }\n\n  // Util functions\n  protected isWssUrl(url: string): boolean {\n    return /^wss?:\\/\\//.test(url);\n  }\n}\n"],"names":["Axios"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export type { Search as SearchInterface, SearchFilters, SearchFilterGroups, Grou
 export * from './store/catalog-store';
 export * from './udp-utilities/api-config';
 export { useMatchBreakpoint } from './udp-utilities/layout/breakpoints/useMatchBreakpoint';
+export * from './udp-utilities/udp-websocket-client/udp-websocket-client';

package/dist/types/udp-utilities/udp-websocket-client/udp-websocket-client.d.ts

@@ -0,0 +1,34 @@
+export interface UdpWebSocketMessage {
+    headers?: Record<string, any>;
+    body?: any;
+}
+export type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;
+export type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;
+export type UdpWsErrorHandler = (e: Event) => void | Promise<void>;
+export type UdpWsOpenHandler = () => void | Promise<void>;
+export declare class UdpWebSocketClient {
+    static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30000;
+    static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS: number;
+    private socket?;
+    private keepAliveIntervalId?;
+    private keepAliveTimeoutId?;
+    private messageReceivedHandler?;
+    private closeHandler?;
+    private errorHandler?;
+    private openHandler?;
+    get isConnected(): boolean;
+    connect(url: string, getAccessToken: () => Promise<string | void>, keepAliveIntervalMs?: number, keepAliveTimeoutMs?: number): Promise<void>;
+    onMessageReceived(handler: UdpWsReceiveHandler): this;
+    onOpen(handler: UdpWsOpenHandler): this;
+    onClose(handler: UdpWsCloseHandler): this;
+    onError(handler: UdpWsErrorHandler): this;
+    send(message: UdpWebSocketMessage): void;
+    close(): void;
+    protected handleMessage(event: MessageEvent): void;
+    protected handleClose(event: CloseEvent): void;
+    protected handleError(event: Event): void;
+    protected startKeepAliveTimer(intervalMs: number, timeoutMs: number): void;
+    protected stopKeepAliveTimer(): void;
+    protected sendKeepAlivePing(): void;
+    protected isWssUrl(url: string): boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-stencil-component-library",
-  "version": "25.18.2-beta.6",
+  "version": "25.18.2-beta.7",
   "description": "A Stencil based component library for UDP",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",