Saltar al contenido principal

Jutro Digital Platform Olos

Novedades del parche 10.12.5 de Jutro​

Mejoras y problemas solucionados​

Los siguientes problemas se resolvieron en el parche 10.12.5:

ID
Descripción
JUT-25722Se reemplazó ajv@8.12.0 vulnerable por ajv@8.18.0 seguro.
JUT-25927Se reemplazó simple-git@3.19.0 vulnerable por simple-git@3.32.3 seguro.
JUT-25932Se reemplazó tar@7.5.8 vulnerable por tar@7.5.11 seguro.
JUT-26116Se reemplazó file-type@16.5.4 vulnerable por file-type@21.3.1 seguro.
JUT-26064Se reemplazó node-forge@1.3.2 vulnerable por node-forge@1.4.0 seguro.
JUT-26089Se reemplazó handlebars@4.7.8 vulnerable por handlebars@4.7.9 seguro.
JUT-26135Se reemplazó serialize-javascript@7.0.3 vulnerable por serialize-javascript@7.0.5 seguro.
JUT-26047Se reemplazó la dependencia vulnerable tootallnate/once@2.0.0 mediante la actualización de http-proxy-agent@<=5.0.0 a http-proxy-agent@7.0.2.
JUT-26047Se reemplazó la dependencia vulnerable tootallnate/once@2.0.0 mediante la actualización de https-proxy-agent@<=5.0.1 a https-proxy-agent@7.0.6.
JUT-26178Se reemplazó axios@0.30.3 vulnerable por axios@0.31.0 seguro.
JUT-26145Se reemplazó lodash@4.17.23 vulnerable por lodash@4.18.1 seguro.
JUT-26113Se reemplazó path-to-regexp@0.1.12 vulnerable por path-to-regexp@0.1.13 seguro.

Novedades del parche 10.12.4 de Jutro​

Mejoras y problemas solucionados​

Los siguientes problemas se resolvieron en el parche 10.12.4:

ID
Descripción
JUT-25632Se actualizó axios a la versión 0.30.3.
JUT-25679Se eliminó la dependencia bfj.
JUT-24728Se eliminó la dependencia de pares testcafe y se actualizó el paquete ip.
JUT-25722Se actualizó ajv a la versión 6.14.0.
JUT-25481Se actualizó lodash a la versión 4.17.23.
JUT-25821Se actualizó minimatch a la versión 5.1.8 y se actualizaron las invalidaciones.
JUT-25723Se actualizó tar a la versión 7.5.8.

Novedades del parche 10.12.3 de Jutro​

Mejoras y problemas solucionados​

Los siguientes problemas se resolvieron en el parche 10.12.3:

ID
Descripción
JUT-25223Se actualizó expr-eval-fork@3.0.0 a expr-eval-fork@3.0.1.

Novedades del parche 10.12.2 de Jutro​

Mejoras y problemas solucionados​

Los siguientes problemas se resolvieron en el parche 10.12.2:

ID
Descripción
JUT-24925Se reemplazó expr-eval@2.0.2 vulnerable por expr-eval-fork@3.0.0 seguro.

Novedades del parche 10.12.1 de Jutro​

Esta versión de parche introduce varias actualizaciones de dependencias con correcciones de seguridad, que abordan las vulnerabilidades descubiertas en paquetes de terceros.

Mejoras y problemas solucionados​

Los siguientes problemas se resolvieron en el parche 10.12.1:

ID
Descripción
JUT-24543Se actualizó el paquete axios a 0.30.2.
JUT-24549Se actualizó el paquete webpack-dev-server a 5.2.2.

Novedades de Jutro Digital Platform Olos​

Jutro Design System 10.12.0​

Nuevo componente tabla​

Se ha agregado un nuevo componente tabla a Jutro Design System. Puede usarlo para crear tablas en sus aplicaciones, desde simples visualizaciones de datos hasta tablas complejas que administran grandes conjuntos de datos con funciones avanzadas como búsqueda y filtrado.

La implementación de los componentes es modular, lo que le permite seleccionar las funciones necesarias para su aplicación y excluir las innecesarias. Este componente admite las siguientes funciones:

  • Título y subtítulo. Encabezado que describe el contenido de la tabla.
  • Controles de tabla. Conjunto de controles para manipular cómo se muestran los datos, como la búsqueda y los filtros.
  • Acciones de la tabla. Conjunto de botones que realizan una operación en el conjunto de datos de la tabla, como agregar un nuevo registro o exportar datos.
  • Encabezados de columna. Rótulos para cada columna que identifican el tipo de datos. Los encabezados también pueden incluir la funcionalidad de ordenamiento.
  • Filas de datos. Conjunto completo de celdas que representa un solo elemento o registro. Las filas pueden incluir controles de selección en forma de casillas de verificación.
  • Acciones de fila. Conjunto de acciones en la última columna que un usuario puede realizar en una fila individual.
  • Paginación. Controles que permiten a los usuarios navegar por las páginas de datos y ajustar el número de filas que se muestran por página.
  • Estados de tabla. Retroalimentación visual clara que se proporciona cuando la tabla no puede mostrar filas de datos porque aún se está cargando, faltan de datos o se ha producido un error.

Revise la documentación y los ejemplos de Storybook para comprender cómo puede implementar estas funciones en su aplicación. Algunas funciones, como la estructura de la tabla, la paginación y los estados de tabla, se crean como componentes de Jutro que puede importar y utilizar en su implementación. Para implementar otras funciones, como la búsqueda y el ordenamiento, debe desarrollar código personalizado y utilizar propiedades y funciones de devolución de llamada definidas en los contratos de componentes.

Para manejar la administración de datos de tablas, puede crear un gancho de React personalizado o usar funcionalidades de bibliotecas externas, como Tanstack Table. La documentación y los ejemplos de Storybook muestran ambas soluciones. Revíselos para seleccionar el enfoque que sea más adecuado para su implementación.

Para obtener más detalles sobre cómo utilizar el componente tabla, incluidos ejemplos de documentación y enlaces a Storybook, consulte las siguientes páginas:

Para ver una breve demostración de esta función, vea este video:

Nueva propiedad en el componente ruta de navegación para proporcionar contexto adicional para la navegación​

Para proporcionar más contexto al navegar por un sitio, el componente rutas de navegación ahora admite la propiedad showTwoBreadcrumbs. Esta propiedad le permite mostrar los nombres de ambas rutas de navegación si solo hay dos. Anteriormente, para un recorrido de dos rutas de navegación solo se mostraba una flecha hacia atrás, con o sin el rótulo “Atrás”. Para ver un ejemplo detallado que demuestra esta funcionalidad, consulte la documentación sobre rutas de navegación.

Nueva propiedad en los componentes de casilla de verificación y botón de selección​

Los componentes botón de selección y casilla de verificación ahora admiten una nueva propiedad secondaryLabel. Esta propiedad le permite mostrar contexto adicional debajo del rótulo principal.

Para ver ejemplos detallados que demuestren esta funcionalidad, consulte la documentación sobre el grupo de selección y la casilla de verificación.

Bibliotecas de interfaz de usuario de Jutro 10.12.0​

Developer Assistant para Jutro (acceso anticipado)​

Developer Assistant para Jutro es un asistente de código de IA generativa específico diseñado específicamente para el desarrollo de Jutro. Aumenta grandes modelos de lenguaje con una base de conocimientos seleccionada específica de Jutro para proporcionar asistencia de código específica utilizando componentes y patrones de Jutro.

Developer Assistant puede generar y refactorizar código, explicar la funcionalidad del código, depurar problemas y escribir pruebas unitarias basadas en indicaciones en lenguaje natural a través de una interfaz de chat. Todo el código generado no solo se basa en React y TypeScript, sino que también es idiomático en Jutro y sigue las prácticas recomendadas de Jutro.

Para obtener más información acerca de Developer Assistant para Jutro, consulte la documentación de Developer Assistant.

Jutro Web Apps​

Modo de prueba de JDP​

El modo de prueba de JDP ya está disponible para todo el público y ofrece una opción sin costo para que los clientes descubran las capacidades de Jutro Web Apps (JWA), creen aplicaciones pequeñas y evalúen la plataforma antes de comprometerse con un plan de pago. Incluye funciones esenciales y cuotas de uso limitadas adecuadas para fines de desarrollo y pruebas.

Qué está incluido:

  • El acceso de prueba de alcance limitado surgió directamente en la experiencia de JWA, para que los usuarios puedan explorar JDP y comprender su valor antes de suscribirse.
  • Un conjunto de funciones seleccionadas centradas en flujos de trabajo de desarrollo (como crear, compilar e implementar en desarrollo), con ascensos a preproducción y producción desactivados durante el modo de prueba.
  • La habilitación a nivel de inquilino permite la activación de la versión de prueba en función del entorno del cliente.

Para solicitar el modo de prueba de JDP, comuníquese con su gerente de satisfacción del cliente o con el administrador técnico de su cuenta.

Para obtener más información acerca del uso de JWA en el modo de prueba de JDP, consulte Acerca de Jutro Web Apps.

Editar y clonar elementos de configuración de la API de backend​

JDP ahora permite a los clientes editar y clonar elementos de configuración de la API de backend directamente en la experiencia de JWA. Esto agiliza los cambios de configuración y la reutilización en todos los entornos sin necesidad de volver a introducir datos manualmente.

Los beneficios incluyen estos:

  • Iteración acelerada al permitir que los equipos ajusten los terminales, encabezados y mapeos de la API en su lugar, lo que reduce el tiempo de ida y vuelta y los errores de copiar y pegar.
  • Ascensos a partir de reutilización. Comience con una configuración probada mediante la clonación y, a continuación, modifique solo lo que difiere para un nuevo servicio o entorno.
  • Gobernanza mejorada con controles basados en roles, validación e historial de auditoría para realizar un seguimiento de quién cambió qué y cuándo.

La función de la API de backend solo está disponible para los clientes que se registren en nuestro programa de acceso anticipado (EA). Hable con su representante de Guidewire para obtener más información sobre los criterios de elegibilidad para los programas de EA.

Plantillas mejoradas de experiencia de Jutro​

Las plantillas de experiencia de Jutro se han mejorado para enriquecer la experiencia del usuario y el rendimiento. También se han realizado los siguientes cambios en las plantillas:

Adopción de componentes de Jutro​

Las plantillas de experiencia de Jutro se actualizaron para utilizar los componentes tipografía y tabla. Para obtener más información sobre estos componentes, consulte las siguientes páginas de documentación:

Adopción de extensión de la interfaz de usuario del SDK de Digital​

Las siguientes plantillas se han actualizado para utilizar las extensiones de interfaz de usuario del SDK de Digital:

Para obtener más información sobre el uso de extensiones de interfaz de usuario del SDK de Digital en sus aplicaciones, consulte la documentación sobre extensiones de la interfaz de usuario del SDK de Digital.

SDK de Digital 10.12.0​

Hay una nueva opción AuthType para ayudar a configurar su SDK de Digital para clientes de autenticación basados en cookies. Para usar esta opción de configuración, establezca el tipo de autenticación en AuthType.Cookie al inicializar su SDK de Digital, como se muestra en el siguiente ejemplo:

import { initSdk, AuthType } from 'generated/<your-sdk-name>';

initSdk({
  auth: {
    authType: AuthType.Cookie,
  },
  backendUrl: '<your-backend-url>',
});

La opción AuthType.Cookie configura su cliente Axios para establecer withCredentials=true como la configuración predeterminada. Con esta configuración habilitada, el cliente incluye credenciales (cookies, encabezados de autorización y certificados de cliente TLS) en solicitudes de origen cruzado. Para obtener más información, consulte la documentación de Axios.

Para obtener más información acerca de las opciones de autenticación al inicializar su SDK de Digital, consulte la documentación del SDK de Digital.

Mejoras y problemas solucionados​

ID
Descripción
JUTSDK-1962Se solucionó un problema por el que entity-directories no exportaba ninguna función de la API a la que le faltara un tipo de respuesta.
JUT-23809Se solucionó un problema con los cálculos de line-height en los tokens de diseño de tipografía.
JUT-23601Se actualizó el valor del token de diseño line-height para los grupos de selección.
JUT-23601Se agregó el token de diseño jds.radio.input-label.max-width y se lo aplicó a los componentes Radio utilizados dentro de los componentes RadioGroup con la propiedad horizontal establecida en true.
JUT-23602Se agregó el token de diseño jds.checkbox.input-label.max-width y se lo aplicó a los componentes Checkbox dentro de los componentes CheckboxGroup con la propiedad horizontal establecida en true.

Problemas conocidos​

Problemas de rendimiento con el paquete react-toastify (JUT-25515)​

Problema: La actualización de la versión del paquete react-toastify en Jutro 10.12 puede causar disminución del rendimiento en las pruebas unitarias, especialmente las que interactúan con cuadros combinados. Esto puede provocar que se agoten los tiempos de espera en entornos más lentos.

Solución temporal: Para reducir los efectos en el rendimiento, puede simular el paquete react-toastify en los archivos de prueba afectados agregando el siguiente fragmento de código en la parte superior de cada archivo:

jest.mock('react-toastify', () => ({
  cssTransition: jest.fn(),
  ToastContainer: jest.fn(),
  toast: jest.fn(),
}));

El prefijo específico de Jutro no se aplica a los selectores en las consultas de medios (JUT-25517)​

Problema: La dependencia postcss-prefixwrap no aplica el prefijo JUTRO_APP_NAME a los selectores dentro de bloques @media. Esto crea una falta de coincidencia de especificidad de CSS en la que los estilos fuera de las consultas de medios tienen el prefijo correcto, pero los estilos dentro no, lo que hace que pierdan especificidad.

Solución temporal: Las siguientes soluciones son temporales hasta que se actualice a la siguiente versión importante, momento en el que se puede eliminar las soluciones. Puede elegir entre uno de los siguientes métodos:

  1. Agregar manualmente el prefijo a los selectores dentro de las consultas de medios:
/* Without workaround - does not get prefixed */
@media (max-width: 768px) {
  .my-component {
    padding: 8px;
  }
}

/* With workaround - manually add the app prefix */
@media (max-width: 768px) {
  .jutro-your-app-name .my-component {
    padding: 8px;
  }
}
  1. Utilizar las variables SCSS para centralizar el prefijo:
// Define your app name at the top of your stylesheet
// Replace the value with your JUTRO_APP_NAME
$app-prefix: '.jutro-your-app-name';

@media (max-width: 768px) {
  #{$app-prefix} .my-component {
    padding: 8px;
  }
  #{$app-prefix} .another-component {
    margin: 4px;
  }
}
  1. Crear una combinación SCSS para una aplicación de prefijo reutilizable:
// _mixins.scss
// Replace the value with your JUTRO_APP_NAME
$jutro-app-prefix: '.jutro-your-app-name';

@mixin with-app-prefix {
  #{$jutro-app-prefix} & {
    @content;
  }
}

// Usage in your components
@media (max-width: 768px) {
  @include with-app-prefix {
    .my-component {
      padding: 8px;
    }
  }
}

// Compiles to:
// @media (max-width: 768px) {
//   .jutro-your-app-name .my-component {
//     padding: 8px;
//   }
// }

Comportamiento inesperado de botones en la plantilla Commercial Auto Quote and Buy (JDCD-3269)​

Problema: El botón Ver todos los detalles de la póliza en la plantilla Commercial Auto Quote and Buy no funciona como se esperaba.

Solución temporal: Guidewire está al tanto del problema.

Comportamiento inesperado del botón en la plantilla Workers' Compensation Quote and Buy (JDCD-3270)​

Problema: Los botones Ver todos los detalles de la póliza y Panel de la plantilla Workers' Compensation Quote and Buy no funcionan como se esperaba. Al seleccionar el botón Ver todos los detalles de la póliza, se abre el panel, en lugar de la página Pólizas. Al seleccionar el botón Panel, accederá a la página Detalles de la cuenta.

Solución temporal: Guidewire está al tanto del problema.

Error por no encontrarse el recurso en la plantilla Agent Experience (JDCD-3271)​

Problema: Al utilizar la plantilla Agent Experience, es posible que encuentre el error “No se encontró ningún recurso en la ruta /billing/v1/accounts/undefined/invoices” en la página Cuentas hasta que se crea una cotización para una cuenta.

Solución temporal: Guidewire está al tanto del problema.

Error de la API de BillingCenter en la plantilla Policyholder Experience (JDCD-3272)​

Problema: Al utilizar la API de BillingCenter con la plantilla Policyholder Experience, es posible que encuentre un error si la API no devuelve información.

Solución temporal: Guidewire está al tanto del problema.

Información adicional​

Navegadores compatibles​

  • Chrome y navegadores basados en Chromium (probados en Chrome v110)
  • Firefox (probado en v107)
  • Safari (probado en v15.6)
  • Tablet y dispositivo móvil (iOS Safari + Android Chrome mismas versiones que arriba)

Dependencias de terceros​

  • Versión del nodo: >=22.6.0 < 23
  • Versión de NPM: >= 9.5.0
  • Versión de React: 18.2.0