@zauru-sdk/components 6.16.1 → 6.18.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.18.0](https://github.com/intuitiva/zauru-typescript-sdk/compare/@zauru-sdk/components@6.17.0...@zauru-sdk/components@6.18.0) (2026-10-30)
+
+
+### Features
+
+* preservar estado local al reautenticar webapps ([e1f76e6](https://github.com/intuitiva/zauru-typescript-sdk/commit/e1f76e6fe06a76c9dc183b0d1af91439f4cadea7))
+
+
+
+
+
+# [6.17.0](https://github.com/intuitiva/zauru-typescript-sdk/compare/@zauru-sdk/components@6.16.1...@zauru-sdk/components@6.17.0) (2026-10-29)
+
+
+### Features
+
+* reportar ErrorBoundaryAlert a CloudWatch ([de3c326](https://github.com/intuitiva/zauru-typescript-sdk/commit/de3c32674da2ebbbff53dc307e11ca213043d1c5))
+
+
+
+
+
 ## [6.16.1](https://github.com/intuitiva/zauru-typescript-sdk/compare/@zauru-sdk/components@6.16.0...@zauru-sdk/components@6.16.1) (2026-10-29)
 
 

package/dist/esm/Alerts/ErrorBoundaryAlert/ErrorBoundaryAlert.js

@@ -1,5 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+//<reference> https://tailwindtemplates.io/templates?category=alert
+import { useEffect } from "react";
+import { sendClientError } from "../../observability/sendClientError.js";
 export const ErrorBoundaryAlert = (props) => {
     const { title, description } = props;
+    useEffect(() => {
+        const message = [title, description].filter(Boolean).join(" — ");
+        if (!message)
+            return;
+        sendClientError({
+            message,
+            source: "errorBoundary",
+        });
+    }, [title, description]);
     return (_jsx("div", { className: "rounded-full top-20 mx-auto p-3", children: _jsx("div", { className: "p-4 text-red-900 bg-red-100 border border-red-200 rounded-md", children: _jsxs("div", { className: "flex justify-between flex-wrap", children: [_jsxs("div", { className: "w-0 flex-1 flex", children: [_jsx("div", { className: "mr-3 pt-1", children: _jsx("svg", { width: "26", height: "26", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: _jsx("path", { d: "M13.6086 3.247l8.1916 15.8c.0999.2.1998.5.1998.8 0 1-.7992 1.8-1.7982 1.8H3.7188c-.2997 0-.4995-.1-.7992-.2-.7992-.5-1.1988-1.5-.6993-2.4 5.3067-10.1184 8.0706-15.385 8.2915-15.8.3314-.6222.8681-.8886 1.4817-.897.6135-.008 1.273.2807 1.6151.897zM12 18.95c.718 0 1.3-.582 1.3-1.3 0-.718-.582-1.3-1.3-1.3-.718 0-1.3.582-1.3 1.3 0 .718.582 1.3 1.3 1.3zm-.8895-10.203v5.4c0 .5.4.9.9.9s.9-.4.9-.9v-5.3c0-.5-.4-.9-.9-.9s-.9.4-.9.8z" }) }) }), _jsxs("div", { children: [_jsx("h4", { className: "text-md leading-6 font-medium", children: title?.toString() }), _jsx("p", { className: "text-sm", children: description?.toString() })] })] }), _jsx("div", { children: _jsx("button", { type: "button", className: "rounded-md focus:outline-none focus:ring-2 focus:ring-red-500", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: _jsx("path", { d: "M17.6555 6.3331a.9.9 0 0 1 .001 1.2728l-4.1032 4.1085a.4.4 0 0 0 0 .5653l4.1031 4.1088a.9002.9002 0 0 1 .0797 1.1807l-.0806.092a.9.9 0 0 1-1.2728-.0009l-4.1006-4.1068a.4.4 0 0 0-.5662 0l-4.099 4.1068a.9.9 0 1 1-1.2738-1.2718l4.1027-4.1089a.4.4 0 0 0 0-.5652L6.343 7.6059a.9002.9002 0 0 1-.0796-1.1807l.0806-.092a.9.9 0 0 1 1.2728.0009l4.099 4.1055a.4.4 0 0 0 .5662 0l4.1006-4.1055a.9.9 0 0 1 1.2728-.001z" }) }) }) })] }) }) }));
 };

package/dist/esm/Routes/ZauruLoginPage.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useFetcher } from "@remix-run/react";
 import { useEffect, useState } from "react";
-import { isOauthUserinfoUnauthorizedError } from "@zauru-sdk/common";
+import { hasZauruOauthReauthCookie, isOauthUserinfoUnauthorizedError, } from "@zauru-sdk/common";
 import { useValidateNotifications } from "@zauru-sdk/hooks";
 import { cleanLocalStorage, profileFetchSuccess, useAppDispatch, } from "@zauru-sdk/redux";
 import { ErrorLayout } from "../Layouts/errorLayout/index.js";
@@ -41,9 +41,7 @@ export function ZauruLoginPage({ cleanLocalStorageArgs, color, }) {
             setIsClient(true);
         }, []);
         useEffect(() => {
-            const alreadyReauthed = document.cookie
-                .split(";")
-                .some((part) => part.trim() === "zauru_oauth_reauth=1");
+            const alreadyReauthed = hasZauruOauthReauthCookie(document.cookie);
             if (fetcher.data?.error &&
                 !alreadyReauthed &&
                 isOauthUserinfoUnauthorizedError(String(fetcher.data?.description ?? ""))) {
@@ -51,7 +49,12 @@ export function ZauruLoginPage({ cleanLocalStorageArgs, color, }) {
             }
         }, [fetcher.data]);
         useEffect(() => {
-            cleanLocalStorage(cleanLocalStorageArgs);
+            // A reauthentication refreshes the same user's expired server session.
+            // Keep every local draft/queue intact; normal logins still clean storage
+            // and honor the app-specific whitelist.
+            if (!hasZauruOauthReauthCookie(document.cookie)) {
+                cleanLocalStorage(cleanLocalStorageArgs);
+            }
             fetcher.submit({ action: "login" }, { method: "post" });
         }, []);
         if (!isClient) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zauru-sdk/components",
-  "version": "6.16.1",
+  "version": "6.18.0",
   "description": "Componentes reutilizables en las WebApps de Zauru.",
   "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",
@@ -44,12 +44,12 @@
     "@reduxjs/toolkit": "^2.2.1",
     "@remix-run/node": "^2.8.1",
     "@remix-run/react": "^2.8.1",
-    "@zauru-sdk/common": "^6.12.0",
-    "@zauru-sdk/hooks": "^6.4.1",
+    "@zauru-sdk/common": "^6.14.0",
+    "@zauru-sdk/hooks": "^6.4.2",
     "@zauru-sdk/icons": "^6.2.0",
     "@zauru-sdk/redux": "^6.8.2",
-    "@zauru-sdk/types": "^6.28.0",
-    "@zauru-sdk/utils": "^6.27.0",
+    "@zauru-sdk/types": "^6.29.0",
+    "@zauru-sdk/utils": "^6.30.0",
     "browser-image-compression": "^2.0.2",
     "framer-motion": "^12.0.0",
     "jsonwebtoken": "^9.0.2",
@@ -62,5 +62,5 @@
     "styled-components": "^5.3.5",
     "zod": "^3.23.8"
   },
-  "gitHead": "1ec6d2513e0a162c76f1fd45173085c0532a0d59"
+  "gitHead": "8e5cb991b0da7d1a5d70cd6275d7bfdc52ee1102"
 }

package/src/Alerts/ErrorBoundaryAlert/ErrorBoundaryAlert.tsx

@@ -1,10 +1,21 @@
 //<reference> https://tailwindtemplates.io/templates?category=alert
-import React from "react";
+import React, { useEffect } from "react";
+import { sendClientError } from "../../observability/sendClientError.js";
 
 type Props = { title: string; description: string };
 
 export const ErrorBoundaryAlert = (props: Props) => {
   const { title, description } = props;
+
+  useEffect(() => {
+    const message = [title, description].filter(Boolean).join(" — ");
+    if (!message) return;
+    sendClientError({
+      message,
+      source: "errorBoundary",
+    });
+  }, [title, description]);
+
   return (
     <div className="rounded-full top-20 mx-auto p-3">
       <div className="p-4 text-red-900 bg-red-100 border border-red-200 rounded-md">

package/src/Routes/ZauruLoginPage.tsx

@@ -1,6 +1,9 @@
 import { useFetcher } from "@remix-run/react";
 import { useEffect, useState } from "react";
-import { isOauthUserinfoUnauthorizedError } from "@zauru-sdk/common";
+import {
+  hasZauruOauthReauthCookie,
+  isOauthUserinfoUnauthorizedError,
+} from "@zauru-sdk/common";
 import { useValidateNotifications } from "@zauru-sdk/hooks";
 import {
   cleanLocalStorage,
@@ -71,9 +74,7 @@ export function ZauruLoginPage({
     }, []);
 
     useEffect(() => {
-      const alreadyReauthed = document.cookie
-        .split(";")
-        .some((part) => part.trim() === "zauru_oauth_reauth=1");
+      const alreadyReauthed = hasZauruOauthReauthCookie(document.cookie);
       if (
         fetcher.data?.error &&
         !alreadyReauthed &&
@@ -86,7 +87,12 @@ export function ZauruLoginPage({
     }, [fetcher.data]);
 
     useEffect(() => {
-      cleanLocalStorage(cleanLocalStorageArgs);
+      // A reauthentication refreshes the same user's expired server session.
+      // Keep every local draft/queue intact; normal logins still clean storage
+      // and honor the app-specific whitelist.
+      if (!hasZauruOauthReauthCookie(document.cookie)) {
+        cleanLocalStorage(cleanLocalStorageArgs);
+      }
       fetcher.submit({ action: "login" }, { method: "post" });
     }, []);