@viasoftbr/shared-ui 0.0.7-2 → 0.0.7-3

package/dist/components.cjs

@@ -25547,19 +25547,24 @@ function formatAxiosError(err) {
   return err instanceof Error ? err : new Error(String(err));
 }
 var fetchApi = {
-  getJson: async (path, params, headers) => {
+  getJson: async (path, params, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), { params, headers });
+      const requestOptions = normalizeRequestOptions(params, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), {
+        params: withTokenQueryParams(requestOptions),
+        headers: requestOptions.headers
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  getText: async (path, params, headers) => {
+  getText: async (path, params, headersOrOptions) => {
     try {
+      const requestOptions = normalizeRequestOptions(params, headersOrOptions);
       const response = await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), {
-        params,
-        headers,
+        params: withTokenQueryParams(requestOptions),
+        headers: requestOptions.headers,
         responseType: "text"
       });
       return response.data;
@@ -25567,78 +25572,152 @@ var fetchApi = {
       throw formatAxiosError(e10);
     }
   },
-  getVoid: async (path, params, headers) => {
+  getVoid: async (path, params, headersOrOptions) => {
     try {
-      await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), { params, headers });
+      const requestOptions = normalizeRequestOptions(params, headersOrOptions);
+      await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), {
+        params: withTokenQueryParams(requestOptions),
+        headers: requestOptions.headers
+      });
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  postJson: async (path, payload, headers) => {
+  postJson: async (path, payload, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).post(path.replace("/auth", ""), payload, { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).post(path.replace("/auth", ""), payload, {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  patchJson: async (path, payload, headers) => {
+  patchJson: async (path, payload, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).patch(path.replace("/auth", ""), payload, { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).patch(path.replace("/auth", ""), payload, {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  putJson: async (path, payload, headers) => {
+  putJson: async (path, payload, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).put(path.replace("/auth", ""), payload, { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).put(path.replace("/auth", ""), payload, {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  deleteJson: async (path, headers) => {
+  deleteJson: async (path, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).delete(path.replace("/auth", ""), { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).delete(path.replace("/auth", ""), {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  deleteVoid: async (path, headers) => {
+  deleteVoid: async (path, headersOrOptions) => {
     try {
-      await (path.includes("/auth") ? authApi : api).delete(path.replace("/auth", ""), { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      await (path.includes("/auth") ? authApi : api).delete(path.replace("/auth", ""), {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   }
 };
-function buildWsUrl(path = "/") {
+function buildWsUrl(path = "/", options = {}) {
   try {
     const origin2 = new URL(apiOrigin);
     origin2.protocol = origin2.protocol === "https:" ? "wss:" : "ws:";
     if (!path.startsWith("/"))
       path = "/" + path;
     origin2.pathname = path;
-    return origin2.toString();
+    return withAccessTokenQuery(origin2.toString(), {
+      headers: options.headers,
+      params: options.query,
+      token: options.token ?? options.bearerToken,
+      tokenQueryParam: options.tokenQueryParam ?? options.bearerQueryParam,
+      includeStoredToken: options.includeStoredToken
+    });
   } catch (e10) {
     const proto = apiOrigin.startsWith("https") ? "wss" : "ws";
     const host = apiOrigin.replace(/^https?:\/\//, "").replace(/\/$/, "");
-    return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
+    return withAccessTokenQuery(
+      `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`,
+      {
+        headers: options.headers,
+        params: options.query,
+        token: options.token ?? options.bearerToken,
+        tokenQueryParam: options.tokenQueryParam ?? options.bearerQueryParam,
+        includeStoredToken: options.includeStoredToken
+      }
+    );
   }
 }
-function appendWsQueryParam(url, key, value) {
+function extractBearerToken(headers, explicitToken) {
+  if (explicitToken)
+    return explicitToken;
+  if (!headers)
+    return null;
+  const authHeader = headers.Authorization || headers.authorization;
+  if (!authHeader)
+    return null;
+  const match = authHeader.match(/^Bearer\s+(.+)$/i);
+  return match ? match[1] : null;
+}
+function resolveAuthToken(options = {}) {
+  const explicitToken = options.token ?? options.bearerToken ?? null;
+  const headerToken = extractBearerToken(options.headers, explicitToken);
+  if (headerToken)
+    return headerToken;
+  if (options.includeStoredToken === false)
+    return null;
+  return getAccessToken();
+}
+function mergeQueryParams(params, key, value) {
+  const nextParams = { ...params ?? {} };
+  if (key && value)
+    nextParams[key] = value;
+  return Object.keys(nextParams).length > 0 ? nextParams : void 0;
+}
+function appendQueryParams(url, params) {
+  if (!params || Object.keys(params).length === 0)
+    return url;
   try {
     const parsed = new URL(
       url,
       typeof window !== "undefined" ? window.location.href : void 0
     );
-    parsed.searchParams.set(key, value);
+    for (const [key, value] of Object.entries(params)) {
+      if (value === void 0 || value === null)
+        continue;
+      parsed.searchParams.set(key, String(value));
+    }
     return parsed.toString();
   } catch {
+    const search = Object.entries(params).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`).join("&");
+    if (!search)
+      return url;
     const separator = url.includes("?") ? "&" : "?";
-    return `${url}${separator}${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+    return `${url}${separator}${search}`;
   }
 }
 function normalizeProtocols(protocols) {
@@ -25646,31 +25725,67 @@ function normalizeProtocols(protocols) {
     return void 0;
   return Array.isArray(protocols) ? protocols.filter(Boolean) : [protocols];
 }
+function normalizeRequestOptions(params, headersOrOptions) {
+  const maybeOptions = headersOrOptions;
+  const hasOptionShape = Boolean(
+    maybeOptions && ("headers" in maybeOptions || "params" in maybeOptions || "sendTokenInQuery" in maybeOptions || "token" in maybeOptions || "tokenQueryParam" in maybeOptions || "includeStoredToken" in maybeOptions)
+  );
+  if (hasOptionShape) {
+    return {
+      ...maybeOptions,
+      params: { ...params ?? {}, ...maybeOptions?.params ?? {} }
+    };
+  }
+  return {
+    params,
+    headers: headersOrOptions
+  };
+}
+function withTokenQueryParams(options) {
+  if (!options.sendTokenInQuery)
+    return options.params;
+  const token = resolveAuthToken(options);
+  return mergeQueryParams(
+    options.params,
+    options.tokenQueryParam ?? "access_token",
+    token
+  );
+}
+function withAccessTokenQuery(url, options = {}) {
+  const token = resolveAuthToken(options);
+  return appendQueryParams(
+    url,
+    mergeQueryParams(options.params, options.tokenQueryParam ?? "access_token", token)
+  );
+}
 async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
-function resolveWsBearerToken(options) {
-  if (options.bearerToken)
-    return options.bearerToken;
-  if (options.autoAuth)
-    return getAccessToken();
-  return null;
-}
 function subscribeToWebsocket(url, onMessage, options = {}) {
-  const token = resolveWsBearerToken(options);
-  const strategy = options.bearerStrategy ?? "query";
+  const bearerToken = resolveAuthToken({
+    headers: options.headers,
+    token: options.token,
+    bearerToken: options.bearerToken,
+    includeStoredToken: options.includeStoredToken
+  });
+  const bearerStrategy = options.tokenTransport ?? options.bearerStrategy ?? "query";
+  let resolvedUrl = appendQueryParams(url, options.query);
   const protocols = normalizeProtocols(options.protocols) ?? [];
-  let resolvedUrl = url;
-  if (token) {
-    if (strategy === "protocol") {
-      protocols.push("bearer", token);
+  if (options.headers && Object.keys(options.headers).length > 0) {
+    console.warn(
+      "WebSocket connections in browsers do not support custom HTTP headers. shared-ui will derive bearer auth from Authorization and forward it using query string or subprotocol."
+    );
+  }
+  if (bearerToken) {
+    if (bearerStrategy === "protocol") {
+      protocols.push("bearer", bearerToken);
     } else {
-      resolvedUrl = appendWsQueryParam(
-        url,
-        options.bearerQueryParam ?? "access_token",
-        token
-      );
+      resolvedUrl = withAccessTokenQuery(resolvedUrl, {
+        token: bearerToken,
+        tokenQueryParam: options.tokenQueryParam ?? options.bearerQueryParam,
+        includeStoredToken: false
+      });
     }
   }
   const socket = protocols.length > 0 ? new WebSocket(resolvedUrl, protocols) : new WebSocket(resolvedUrl);
@@ -25679,7 +25794,7 @@ function subscribeToWebsocket(url, onMessage, options = {}) {
       const data = JSON.parse(event.data);
       onMessage(data);
     } catch (e10) {
-      console.error("WebSocket parse error", e10);
+      console.error("Parse error", e10);
     }
   };
   socket.onerror = (err) => console.error("WebSocket error", err);

package/dist/components.js

@@ -25490,19 +25490,24 @@ function formatAxiosError(err) {
   return err instanceof Error ? err : new Error(String(err));
 }
 var fetchApi = {
-  getJson: async (path, params, headers) => {
+  getJson: async (path, params, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), { params, headers });
+      const requestOptions = normalizeRequestOptions(params, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), {
+        params: withTokenQueryParams(requestOptions),
+        headers: requestOptions.headers
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  getText: async (path, params, headers) => {
+  getText: async (path, params, headersOrOptions) => {
     try {
+      const requestOptions = normalizeRequestOptions(params, headersOrOptions);
       const response = await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), {
-        params,
-        headers,
+        params: withTokenQueryParams(requestOptions),
+        headers: requestOptions.headers,
         responseType: "text"
       });
       return response.data;
@@ -25510,78 +25515,152 @@ var fetchApi = {
       throw formatAxiosError(e10);
     }
   },
-  getVoid: async (path, params, headers) => {
+  getVoid: async (path, params, headersOrOptions) => {
     try {
-      await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), { params, headers });
+      const requestOptions = normalizeRequestOptions(params, headersOrOptions);
+      await (path.includes("/auth") ? authApi : api).get(path.replace("/auth", ""), {
+        params: withTokenQueryParams(requestOptions),
+        headers: requestOptions.headers
+      });
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  postJson: async (path, payload, headers) => {
+  postJson: async (path, payload, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).post(path.replace("/auth", ""), payload, { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).post(path.replace("/auth", ""), payload, {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  patchJson: async (path, payload, headers) => {
+  patchJson: async (path, payload, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).patch(path.replace("/auth", ""), payload, { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).patch(path.replace("/auth", ""), payload, {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  putJson: async (path, payload, headers) => {
+  putJson: async (path, payload, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).put(path.replace("/auth", ""), payload, { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).put(path.replace("/auth", ""), payload, {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  deleteJson: async (path, headers) => {
+  deleteJson: async (path, headersOrOptions) => {
     try {
-      const response = await (path.includes("/auth") ? authApi : api).delete(path.replace("/auth", ""), { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      const response = await (path.includes("/auth") ? authApi : api).delete(path.replace("/auth", ""), {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
       return response.data;
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   },
-  deleteVoid: async (path, headers) => {
+  deleteVoid: async (path, headersOrOptions) => {
     try {
-      await (path.includes("/auth") ? authApi : api).delete(path.replace("/auth", ""), { headers });
+      const requestOptions = normalizeRequestOptions(void 0, headersOrOptions);
+      await (path.includes("/auth") ? authApi : api).delete(path.replace("/auth", ""), {
+        headers: requestOptions.headers,
+        params: withTokenQueryParams(requestOptions)
+      });
     } catch (e10) {
       throw formatAxiosError(e10);
     }
   }
 };
-function buildWsUrl(path = "/") {
+function buildWsUrl(path = "/", options = {}) {
   try {
     const origin2 = new URL(apiOrigin);
     origin2.protocol = origin2.protocol === "https:" ? "wss:" : "ws:";
     if (!path.startsWith("/"))
       path = "/" + path;
     origin2.pathname = path;
-    return origin2.toString();
+    return withAccessTokenQuery(origin2.toString(), {
+      headers: options.headers,
+      params: options.query,
+      token: options.token ?? options.bearerToken,
+      tokenQueryParam: options.tokenQueryParam ?? options.bearerQueryParam,
+      includeStoredToken: options.includeStoredToken
+    });
   } catch (e10) {
     const proto = apiOrigin.startsWith("https") ? "wss" : "ws";
     const host = apiOrigin.replace(/^https?:\/\//, "").replace(/\/$/, "");
-    return `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`;
+    return withAccessTokenQuery(
+      `${proto}://${host}${path.startsWith("/") ? path : "/" + path}`,
+      {
+        headers: options.headers,
+        params: options.query,
+        token: options.token ?? options.bearerToken,
+        tokenQueryParam: options.tokenQueryParam ?? options.bearerQueryParam,
+        includeStoredToken: options.includeStoredToken
+      }
+    );
   }
 }
-function appendWsQueryParam(url, key, value) {
+function extractBearerToken(headers, explicitToken) {
+  if (explicitToken)
+    return explicitToken;
+  if (!headers)
+    return null;
+  const authHeader = headers.Authorization || headers.authorization;
+  if (!authHeader)
+    return null;
+  const match = authHeader.match(/^Bearer\s+(.+)$/i);
+  return match ? match[1] : null;
+}
+function resolveAuthToken(options = {}) {
+  const explicitToken = options.token ?? options.bearerToken ?? null;
+  const headerToken = extractBearerToken(options.headers, explicitToken);
+  if (headerToken)
+    return headerToken;
+  if (options.includeStoredToken === false)
+    return null;
+  return getAccessToken();
+}
+function mergeQueryParams(params, key, value) {
+  const nextParams = { ...params ?? {} };
+  if (key && value)
+    nextParams[key] = value;
+  return Object.keys(nextParams).length > 0 ? nextParams : void 0;
+}
+function appendQueryParams(url, params) {
+  if (!params || Object.keys(params).length === 0)
+    return url;
   try {
     const parsed = new URL(
       url,
       typeof window !== "undefined" ? window.location.href : void 0
     );
-    parsed.searchParams.set(key, value);
+    for (const [key, value] of Object.entries(params)) {
+      if (value === void 0 || value === null)
+        continue;
+      parsed.searchParams.set(key, String(value));
+    }
     return parsed.toString();
   } catch {
+    const search = Object.entries(params).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`).join("&");
+    if (!search)
+      return url;
     const separator = url.includes("?") ? "&" : "?";
-    return `${url}${separator}${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+    return `${url}${separator}${search}`;
   }
 }
 function normalizeProtocols(protocols) {
@@ -25589,31 +25668,67 @@ function normalizeProtocols(protocols) {
     return void 0;
   return Array.isArray(protocols) ? protocols.filter(Boolean) : [protocols];
 }
+function normalizeRequestOptions(params, headersOrOptions) {
+  const maybeOptions = headersOrOptions;
+  const hasOptionShape = Boolean(
+    maybeOptions && ("headers" in maybeOptions || "params" in maybeOptions || "sendTokenInQuery" in maybeOptions || "token" in maybeOptions || "tokenQueryParam" in maybeOptions || "includeStoredToken" in maybeOptions)
+  );
+  if (hasOptionShape) {
+    return {
+      ...maybeOptions,
+      params: { ...params ?? {}, ...maybeOptions?.params ?? {} }
+    };
+  }
+  return {
+    params,
+    headers: headersOrOptions
+  };
+}
+function withTokenQueryParams(options) {
+  if (!options.sendTokenInQuery)
+    return options.params;
+  const token = resolveAuthToken(options);
+  return mergeQueryParams(
+    options.params,
+    options.tokenQueryParam ?? "access_token",
+    token
+  );
+}
+function withAccessTokenQuery(url, options = {}) {
+  const token = resolveAuthToken(options);
+  return appendQueryParams(
+    url,
+    mergeQueryParams(options.params, options.tokenQueryParam ?? "access_token", token)
+  );
+}
 async function decodeFfurl(ffurl) {
   const { settings } = await fetchApi.postJson("/auth/protocols/ffurl/decode", { ffurl });
   return settings;
 }
-function resolveWsBearerToken(options) {
-  if (options.bearerToken)
-    return options.bearerToken;
-  if (options.autoAuth)
-    return getAccessToken();
-  return null;
-}
 function subscribeToWebsocket(url, onMessage, options = {}) {
-  const token = resolveWsBearerToken(options);
-  const strategy = options.bearerStrategy ?? "query";
+  const bearerToken = resolveAuthToken({
+    headers: options.headers,
+    token: options.token,
+    bearerToken: options.bearerToken,
+    includeStoredToken: options.includeStoredToken
+  });
+  const bearerStrategy = options.tokenTransport ?? options.bearerStrategy ?? "query";
+  let resolvedUrl = appendQueryParams(url, options.query);
   const protocols = normalizeProtocols(options.protocols) ?? [];
-  let resolvedUrl = url;
-  if (token) {
-    if (strategy === "protocol") {
-      protocols.push("bearer", token);
+  if (options.headers && Object.keys(options.headers).length > 0) {
+    console.warn(
+      "WebSocket connections in browsers do not support custom HTTP headers. shared-ui will derive bearer auth from Authorization and forward it using query string or subprotocol."
+    );
+  }
+  if (bearerToken) {
+    if (bearerStrategy === "protocol") {
+      protocols.push("bearer", bearerToken);
     } else {
-      resolvedUrl = appendWsQueryParam(
-        url,
-        options.bearerQueryParam ?? "access_token",
-        token
-      );
+      resolvedUrl = withAccessTokenQuery(resolvedUrl, {
+        token: bearerToken,
+        tokenQueryParam: options.tokenQueryParam ?? options.bearerQueryParam,
+        includeStoredToken: false
+      });
     }
   }
   const socket = protocols.length > 0 ? new WebSocket(resolvedUrl, protocols) : new WebSocket(resolvedUrl);
@@ -25622,7 +25737,7 @@ function subscribeToWebsocket(url, onMessage, options = {}) {
       const data = JSON.parse(event.data);
       onMessage(data);
     } catch (e10) {
-      console.error("WebSocket parse error", e10);
+      console.error("Parse error", e10);
     }
   };
   socket.onerror = (err) => console.error("WebSocket error", err);