pixelon 0.3.76 → 0.3.77

package/dist/components/molecules/chat/StructuredContent/helpers/errorMessage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Mensaje que se le muestra a la persona cuando una acción falla.
+ * `respaldo` es lo que se dice cuando no hay nada legible que contar.
+ */
+export declare const mensajeDeError: (e: unknown, respaldo: string) => string;

package/dist/components/molecules/lumi/DropdownMenu/types.d.ts

@@ -11,6 +11,12 @@ export interface DropdownMenuOption {
     icon?: LumiIconType;
     /** Si la opción está deshabilitada */
     disabled?: boolean;
+    /**
+     * SPEC-090 T3 — por qué está deshabilitada. Se muestra bajo la etiqueta, no como tooltip:
+     * este menú se usa sobre todo desde el teléfono, y ahí un `title` no se lee nunca.
+     * Sin esto, una opción apagada es indistinguible de una rota.
+     */
+    disabledReason?: string;
 }
 /**
  * Props del componente DropdownMenu

package/dist/components/templates/lumi/Crud/types.d.ts

@@ -239,6 +239,8 @@ export interface CrudProps<T extends Record<string, unknown>> {
         drawerId?: string;
         /** Función para determinar si la acción está deshabilitada */
         disabled?: (row: T) => boolean;
+        /** SPEC-090 T3 — por qué está deshabilitada, para esa fila. Se muestra bajo la etiqueta. */
+        disabledReason?: (row: T) => string | undefined;
         /** Función para determinar si la acción debe mostrarse */
         show?: (row: T) => boolean;
     }>;

package/dist/index.esm.js

@@ -11686,11 +11686,12 @@ const DropdownMenu = ({
         children: options.map((option, index) => /* @__PURE__ */ jsxs(
           "button",
           {
-            className: `${baseClass}__option ${option.disabled ? `${baseClass}__option--disabled` : ""}`,
+            className: `${baseClass}__option ${option.disabled ? `${baseClass}__option--disabled` : ""} ${option.disabled && option.disabledReason ? `${baseClass}__option--con-motivo` : ""}`,
             onClick: () => !option.disabled && handleOptionClick(option.onClick),
             disabled: option.disabled,
             role: "menuitem",
             type: "button",
+            title: option.disabled && option.disabledReason ? option.disabledReason : void 0,
             children: [
               option.icon && /* @__PURE__ */ jsx(
                 Icon,
@@ -11700,7 +11701,10 @@ const DropdownMenu = ({
                   className: `${baseClass}__option-icon`
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: `${baseClass}__option-label`, children: option.label })
+              option.disabled && option.disabledReason ? /* @__PURE__ */ jsxs("span", { className: `${baseClass}__option-texts`, children: [
+                /* @__PURE__ */ jsx("span", { className: `${baseClass}__option-label`, children: option.label }),
+                /* @__PURE__ */ jsx("span", { className: `${baseClass}__option-reason`, children: option.disabledReason })
+              ] }) : /* @__PURE__ */ jsx("span", { className: `${baseClass}__option-label`, children: option.label })
             ]
           },
           index
@@ -13316,7 +13320,9 @@ function Crud({
                   action.onClick(row);
                 }
               },
-              disabled: action.disabled ? action.disabled(row) : false
+              disabled: action.disabled ? action.disabled(row) : false,
+              // SPEC-090 T3 — una acción apagada sin motivo es indistinguible de una rota.
+              disabledReason: action.disabledReason?.(row)
             });
           });
           if (menuOptions.length === 0) return null;
@@ -13790,6 +13796,30 @@ async function loadOptions(eventBus, ep) {
   }));
 }
 
+const esTextoUtil = (v) => typeof v === "string" && v.trim().length > 0;
+const buscarEnCuerpo = (cuerpo) => {
+  if (!cuerpo || typeof cuerpo !== "object") return null;
+  const c = cuerpo;
+  const detalle = c.detail;
+  if (esTextoUtil(detalle)) return detalle;
+  if (detalle && typeof detalle === "object") {
+    const d = detalle;
+    if (esTextoUtil(d.message)) return d.message;
+  }
+  if (esTextoUtil(c.message)) return c.message;
+  return null;
+};
+const ES_JERGA_HTTP = /^Request failed with status code \d+$/i;
+const mensajeDeError = (e, respaldo) => {
+  const err = e;
+  const delServidor = buscarEnCuerpo(err?.response?.data);
+  if (delServidor) return delServidor;
+  if (esTextoUtil(err?.message) && !ES_JERGA_HTTP.test(err.message.trim())) {
+    return err.message;
+  }
+  return respaldo;
+};
+
 const REFRESH_INTERVAL_MS = 2e4;
 function unwrap$2(raw) {
   if (raw && typeof raw === "object" && "response" in raw) {
@@ -13854,7 +13884,7 @@ function useReactiveCrud(config, eventBus) {
       if (myReq === reqIdRef.current) setState({ rows, total, loading: false, error: null });
     } catch (e) {
       if (myReq === reqIdRef.current) {
-        setState((s) => ({ ...s, loading: false, error: e instanceof Error ? e.message : "Error al cargar" }));
+        setState((s) => ({ ...s, loading: false, error: mensajeDeError(e, "Error al cargar") }));
       }
     }
   }, [eventBus, config.data.list, skip, pageSize, filters]);
@@ -13898,7 +13928,7 @@ function useReactiveCrud(config, eventBus) {
         }
         await loadList();
       } catch (e) {
-        setActionError(e instanceof Error ? e.message : "La acci\xF3n no se pudo completar");
+        setActionError(mensajeDeError(e, "La acci\xF3n no se pudo completar"));
         throw e;
       }
     },
@@ -14159,7 +14189,7 @@ function ActionFormDrawer({ action, row, idField, eventBus, onExecute, onClose }
       await onExecute(ctx);
       onClose();
     } catch (e) {
-      setFormError(e instanceof Error ? e.message : "La acci\xF3n no se pudo completar");
+      setFormError(mensajeDeError(e, "La acci\xF3n no se pudo completar"));
     } finally {
       setSubmitting(false);
     }
@@ -15681,6 +15711,10 @@ function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, on
       icon: a.icon,
       show: (row) => matchesVisibleWhen(a, row),
       disabled: (row) => matchesDisabledWhen(a, row),
+      // SPEC-090 T3 — el `disabledReason` de la config ya existía, pero solo lo pintaba el panel
+      // del chat; en la tabla el botón se apagaba mudo. Afecta también al de la inspección
+      // («Falta el comprobante de pago del cliente», SPEC-066 T7), que tampoco se veía aquí.
+      disabledReason: (row) => matchesDisabledWhen(a, row) ? a.disabledReason : void 0,
       onClick: (row) => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] })
     }));
     if (config.detail) {
@@ -15689,6 +15723,7 @@ function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, on
         icon: "eye",
         show: () => true,
         disabled: () => false,
+        disabledReason: () => void 0,
         onClick: (row) => setDetailRow(row)
       });
     }

package/dist/index.js

@@ -11707,11 +11707,12 @@ const DropdownMenu = ({
         children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
-            className: `${baseClass}__option ${option.disabled ? `${baseClass}__option--disabled` : ""}`,
+            className: `${baseClass}__option ${option.disabled ? `${baseClass}__option--disabled` : ""} ${option.disabled && option.disabledReason ? `${baseClass}__option--con-motivo` : ""}`,
             onClick: () => !option.disabled && handleOptionClick(option.onClick),
             disabled: option.disabled,
             role: "menuitem",
             type: "button",
+            title: option.disabled && option.disabledReason ? option.disabledReason : void 0,
             children: [
               option.icon && /* @__PURE__ */ jsxRuntime.jsx(
                 Icon,
@@ -11721,7 +11722,10 @@ const DropdownMenu = ({
                   className: `${baseClass}__option-icon`
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${baseClass}__option-label`, children: option.label })
+              option.disabled && option.disabledReason ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${baseClass}__option-texts`, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${baseClass}__option-label`, children: option.label }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${baseClass}__option-reason`, children: option.disabledReason })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${baseClass}__option-label`, children: option.label })
             ]
           },
           index
@@ -13337,7 +13341,9 @@ function Crud({
                   action.onClick(row);
                 }
               },
-              disabled: action.disabled ? action.disabled(row) : false
+              disabled: action.disabled ? action.disabled(row) : false,
+              // SPEC-090 T3 — una acción apagada sin motivo es indistinguible de una rota.
+              disabledReason: action.disabledReason?.(row)
             });
           });
           if (menuOptions.length === 0) return null;
@@ -13811,6 +13817,30 @@ async function loadOptions(eventBus, ep) {
   }));
 }
 
+const esTextoUtil = (v) => typeof v === "string" && v.trim().length > 0;
+const buscarEnCuerpo = (cuerpo) => {
+  if (!cuerpo || typeof cuerpo !== "object") return null;
+  const c = cuerpo;
+  const detalle = c.detail;
+  if (esTextoUtil(detalle)) return detalle;
+  if (detalle && typeof detalle === "object") {
+    const d = detalle;
+    if (esTextoUtil(d.message)) return d.message;
+  }
+  if (esTextoUtil(c.message)) return c.message;
+  return null;
+};
+const ES_JERGA_HTTP = /^Request failed with status code \d+$/i;
+const mensajeDeError = (e, respaldo) => {
+  const err = e;
+  const delServidor = buscarEnCuerpo(err?.response?.data);
+  if (delServidor) return delServidor;
+  if (esTextoUtil(err?.message) && !ES_JERGA_HTTP.test(err.message.trim())) {
+    return err.message;
+  }
+  return respaldo;
+};
+
 const REFRESH_INTERVAL_MS = 2e4;
 function unwrap$2(raw) {
   if (raw && typeof raw === "object" && "response" in raw) {
@@ -13875,7 +13905,7 @@ function useReactiveCrud(config, eventBus) {
       if (myReq === reqIdRef.current) setState({ rows, total, loading: false, error: null });
     } catch (e) {
       if (myReq === reqIdRef.current) {
-        setState((s) => ({ ...s, loading: false, error: e instanceof Error ? e.message : "Error al cargar" }));
+        setState((s) => ({ ...s, loading: false, error: mensajeDeError(e, "Error al cargar") }));
       }
     }
   }, [eventBus, config.data.list, skip, pageSize, filters]);
@@ -13919,7 +13949,7 @@ function useReactiveCrud(config, eventBus) {
         }
         await loadList();
       } catch (e) {
-        setActionError(e instanceof Error ? e.message : "La acci\xF3n no se pudo completar");
+        setActionError(mensajeDeError(e, "La acci\xF3n no se pudo completar"));
         throw e;
       }
     },
@@ -14180,7 +14210,7 @@ function ActionFormDrawer({ action, row, idField, eventBus, onExecute, onClose }
       await onExecute(ctx);
       onClose();
     } catch (e) {
-      setFormError(e instanceof Error ? e.message : "La acci\xF3n no se pudo completar");
+      setFormError(mensajeDeError(e, "La acci\xF3n no se pudo completar"));
     } finally {
       setSubmitting(false);
     }
@@ -15702,6 +15732,10 @@ function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, on
       icon: a.icon,
       show: (row) => matchesVisibleWhen(a, row),
       disabled: (row) => matchesDisabledWhen(a, row),
+      // SPEC-090 T3 — el `disabledReason` de la config ya existía, pero solo lo pintaba el panel
+      // del chat; en la tabla el botón se apagaba mudo. Afecta también al de la inspección
+      // («Falta el comprobante de pago del cliente», SPEC-066 T7), que tampoco se veía aquí.
+      disabledReason: (row) => matchesDisabledWhen(a, row) ? a.disabledReason : void 0,
       onClick: (row) => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] })
     }));
     if (config.detail) {
@@ -15710,6 +15744,7 @@ function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, on
         icon: "eye",
         show: () => true,
         disabled: () => false,
+        disabledReason: () => void 0,
         onClick: (row) => setDetailRow(row)
       });
     }