pixelon 0.3.82 → 0.3.84

package/dist/components/molecules/chat/StructuredContent/components/ReactiveCrud/ReactiveCrud.d.ts

@@ -15,6 +15,7 @@ export interface ReactiveCrudProps {
 }
 export declare function matchesVisibleWhen(a: RowActionDef, row: Record<string, unknown>): boolean;
 export declare function matchesDisabledWhen(a: RowActionDef, row: Record<string, unknown>): boolean;
+export declare function disabledReasonFor(a: RowActionDef, row: Record<string, unknown>): string | undefined;
 export declare function matchesDoneWhen(a: RowActionDef, row: Record<string, unknown>): boolean;
 export declare function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, onCreateClose, googleMapsApiKey: apiKeyProp }: ReactiveCrudProps): import("react/jsx-runtime").JSX.Element;
 export default ReactiveCrud;

package/dist/components/molecules/chat/StructuredContent/components/ReactiveCrud/types.d.ts

@@ -84,6 +84,14 @@ export interface RowActionVisibleWhen {
     field: string;
     in: string[];
 }
+/** SPEC-113 — una condición que apaga la acción, con SU motivo.
+ *
+ * Un botón deshabilitado que no dice cuál de dos motivos lo apaga enseña a ignorarlo. Fundir dos
+ * situaciones opuestas —«falta el comprobante del cliente» y «todavía no has llegado»— en un
+ * «no puedes todavía» es la validación muda de SPEC-074 con otra cara. */
+export interface RowActionDisabledWhen extends RowActionVisibleWhen {
+    reason?: string;
+}
 export interface RowActionDef {
     key: string;
     label: string;
@@ -97,9 +105,13 @@ export interface RowActionDef {
      * aceptado el precio—, que con condiciones unidas por «y» no se pueden escribir. */
     hiddenWhen?: RowActionVisibleWhen | RowActionVisibleWhen[];
     /** SPEC-007: la acción se muestra pero queda DESHABILITADA cuando `String(row[field])` está en
-     * `in` (ej. "Iniciar" deshabilitado hasta que `has_inspection` sea true). */
-    disabledWhen?: RowActionVisibleWhen;
-    /** SPEC-007: tooltip cuando la acción está deshabilitada (ej. "Registra la inspección primero"). */
+     * `in` (ej. "Iniciar" deshabilitado hasta que `has_inspection` sea true).
+     *
+     * SPEC-113: admite VARIAS, cada una con su motivo. Se apaga con la primera que se cumple, y esa
+     * es la que habla. Una sola condición sigue valiendo igual que siempre. */
+    disabledWhen?: RowActionDisabledWhen | RowActionDisabledWhen[];
+    /** SPEC-007: tooltip cuando la acción está deshabilitada (ej. "Registra la inspección primero").
+     * SPEC-113: es el respaldo — una condición con `reason` propio manda sobre este. */
     disabledReason?: string;
     /** SPEC-007: muestra un ✓ al final cuando `String(row[field])` está en `in` (ej. inspección ya
      * registrada). Indicador de "hecho"; no bloquea reejecutar la acción. */

package/dist/core/chat/ChatConfigContext.d.ts

@@ -6,6 +6,19 @@ export interface ChatCurrency {
     symbol?: string;
 }
 export interface ChatConfig {
+    /** SPEC-107 — esta conversación es de OTRO: se lee, no se opera.
+     *
+     * Las cards del chat llevan acciones que ejecutan de verdad —aceptar una cotización, confirmar
+     * un pago, asignar—. Estando dentro de la conversación de otro rol, pulsarlas es actuar en su
+     * nombre. `readOnly` no sirve para decidirlo: mezcla «cerrado», «del sistema» y «de otro», y los
+     * chats de servicio pertenecen a un usuario sintético, así que hasta el propio panel de la
+     * operadora sale como solo lectura.
+     *
+     * Viaja por config y no por evento porque el bus no guarda el último valor y estas cards nacen
+     * después de que se emita: no llegarían a oírlo. Por omisión, operable — una guarda que se cae
+     * sola es preferible a un panel que se apaga por una conexión mala; el backend sigue rechazando
+     * lo que no toca. */
+    chatIsForeign?: boolean;
     /** IANA timezone identifier (e.g. "America/Bogota") */
     timezone: string;
     /** BCP 47 locale string (e.g. "es-CO") */

package/dist/index.esm.js

@@ -15985,9 +15985,20 @@ function matchesVisibleWhen(a, row) {
   if (!a.visibleWhen) return true;
   return cumplenTodas(a.visibleWhen, row);
 }
+function condicionesDeshabilitado(a) {
+  if (!a.disabledWhen) return [];
+  return Array.isArray(a.disabledWhen) ? a.disabledWhen : [a.disabledWhen];
+}
+function primeraQueApaga(a, row) {
+  return condicionesDeshabilitado(a).find((c) => c.in.includes(String(row[c.field])));
+}
 function matchesDisabledWhen(a, row) {
-  if (!a.disabledWhen) return false;
-  return a.disabledWhen.in.includes(String(row[a.disabledWhen.field]));
+  return primeraQueApaga(a, row) !== void 0;
+}
+function disabledReasonFor(a, row) {
+  const c = primeraQueApaga(a, row);
+  if (!c) return void 0;
+  return c.reason ?? a.disabledReason;
 }
 function matchesDoneWhen(a, row) {
   if (!a.doneWhen) return false;
@@ -16062,7 +16073,8 @@ function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, on
       // 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,
+      // SPEC-113 — el motivo sale de la condición que apagó el botón, no de la acción entera.
+      disabledReason: (row) => disabledReasonFor(a, row),
       onClick: (row) => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] })
     }));
     if (config.detail) {
@@ -16155,7 +16167,7 @@ function readCreated(messageId) {
   }
 }
 function ReactiveCrudChat({ component, eventBus, assistantMessageId }) {
-  const { resolveModuleConfig } = useChatConfig();
+  const { resolveModuleConfig, chatIsForeign } = useChatConfig();
   const [open, setOpen] = useState(false);
   const [created, setCreated] = useState(() => readCreated(assistantMessageId));
   const props = component.props ?? {};
@@ -16194,8 +16206,8 @@ function ReactiveCrudChat({ component, eventBus, assistantMessageId }) {
         type: "button",
         className: `px-chat-reactive-crud-trigger${done ? " px-chat-reactive-crud-trigger--done" : ""}`,
         onClick: () => setOpen(true),
-        disabled: done,
-        "aria-disabled": done,
+        disabled: done || Boolean(chatIsForeign),
+        "aria-disabled": done || Boolean(chatIsForeign),
         children: [
           /* @__PURE__ */ jsx("span", { className: "px-chat-reactive-crud-trigger__icon", children: done ? /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
             /* @__PURE__ */ jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
@@ -16314,6 +16326,7 @@ function ReactiveCrudItemChat({ component, eventBus }) {
   );
 }
 function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus }) {
+  const { chatIsForeign } = useChatConfig();
   const crud = useReactiveCrud(config, eventBus);
   const [activeAction, setActiveAction] = useState(null);
   const [detailRow, setDetailRow] = useState(null);
@@ -16385,7 +16398,8 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
     row && /* @__PURE__ */ jsxs("div", { className: "px-chat-crud-item__actions", children: [
       config.detail && /* @__PURE__ */ jsx("button", { type: "button", className: "px-chat-crud-item__action", onClick: () => setDetailRow(row), children: "Ver" }),
       actions.map((a) => {
-        const disabled = matchesDisabledWhen(a, row);
+        const disabled = Boolean(chatIsForeign) || matchesDisabledWhen(a, row);
+        const motivo = chatIsForeign ? "Esta conversaci\xF3n es de otra persona" : disabledReasonFor(a, row);
         const done = matchesDoneWhen(a, row);
         return /* @__PURE__ */ jsxs(
           "button",
@@ -16394,14 +16408,14 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
             className: [
               "px-chat-crud-item__action",
               a.intent === "danger" ? "is-danger" : "",
-              disabled && a.disabledReason ? "is-con-motivo" : ""
+              disabled && motivo ? "is-con-motivo" : ""
             ].filter(Boolean).join(" "),
             disabled,
             onClick: () => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] }),
             children: [
               /* @__PURE__ */ jsxs("span", { className: "px-chat-crud-item__action-texts", children: [
                 /* @__PURE__ */ jsx("span", { children: a.label }),
-                disabled && a.disabledReason && /* @__PURE__ */ jsx("span", { className: "px-chat-crud-item__action-reason", children: a.disabledReason })
+                disabled && motivo && /* @__PURE__ */ jsx("span", { className: "px-chat-crud-item__action-reason", children: motivo })
               ] }),
               done && /* @__PURE__ */ jsx(Icon$1, { type: "check-circle", width: 18, height: 18, className: "px-chat-crud-item__done", "aria-label": "Hecho" })
             ]
@@ -16451,6 +16465,7 @@ function PriceNegotiationChat({ component, eventBus }) {
   );
 }
 function NegotiationPanel({ config, recordId, recordLabel, allowed, eventBus }) {
+  const { chatIsForeign } = useChatConfig();
   const crud = useReactiveCrud(config, eventBus);
   const [activeAction, setActiveAction] = useState(null);
   const row = useMemo(
@@ -16496,7 +16511,7 @@ function NegotiationPanel({ config, recordId, recordLabel, allowed, eventBus })
         actions.map((a) => {
           const gated = TURN_GATED.has(a.key) && !myTurn;
           const noOffer = a.key === "accept_price" && !hasOffer;
-          const disabled = gated || noOffer;
+          const disabled = gated || noOffer || Boolean(chatIsForeign);
           return /* @__PURE__ */ jsx(
             "button",
             {

package/dist/index.js

@@ -16006,9 +16006,20 @@ function matchesVisibleWhen(a, row) {
   if (!a.visibleWhen) return true;
   return cumplenTodas(a.visibleWhen, row);
 }
+function condicionesDeshabilitado(a) {
+  if (!a.disabledWhen) return [];
+  return Array.isArray(a.disabledWhen) ? a.disabledWhen : [a.disabledWhen];
+}
+function primeraQueApaga(a, row) {
+  return condicionesDeshabilitado(a).find((c) => c.in.includes(String(row[c.field])));
+}
 function matchesDisabledWhen(a, row) {
-  if (!a.disabledWhen) return false;
-  return a.disabledWhen.in.includes(String(row[a.disabledWhen.field]));
+  return primeraQueApaga(a, row) !== void 0;
+}
+function disabledReasonFor(a, row) {
+  const c = primeraQueApaga(a, row);
+  if (!c) return void 0;
+  return c.reason ?? a.disabledReason;
 }
 function matchesDoneWhen(a, row) {
   if (!a.doneWhen) return false;
@@ -16083,7 +16094,8 @@ function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, on
       // 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,
+      // SPEC-113 — el motivo sale de la condición que apagó el botón, no de la acción entera.
+      disabledReason: (row) => disabledReasonFor(a, row),
       onClick: (row) => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] })
     }));
     if (config.detail) {
@@ -16176,7 +16188,7 @@ function readCreated(messageId) {
   }
 }
 function ReactiveCrudChat({ component, eventBus, assistantMessageId }) {
-  const { resolveModuleConfig } = useChatConfig();
+  const { resolveModuleConfig, chatIsForeign } = useChatConfig();
   const [open, setOpen] = React.useState(false);
   const [created, setCreated] = React.useState(() => readCreated(assistantMessageId));
   const props = component.props ?? {};
@@ -16215,8 +16227,8 @@ function ReactiveCrudChat({ component, eventBus, assistantMessageId }) {
         type: "button",
         className: `px-chat-reactive-crud-trigger${done ? " px-chat-reactive-crud-trigger--done" : ""}`,
         onClick: () => setOpen(true),
-        disabled: done,
-        "aria-disabled": done,
+        disabled: done || Boolean(chatIsForeign),
+        "aria-disabled": done || Boolean(chatIsForeign),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-reactive-crud-trigger__icon", children: done ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
             /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
@@ -16335,6 +16347,7 @@ function ReactiveCrudItemChat({ component, eventBus }) {
   );
 }
 function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus }) {
+  const { chatIsForeign } = useChatConfig();
   const crud = useReactiveCrud(config, eventBus);
   const [activeAction, setActiveAction] = React.useState(null);
   const [detailRow, setDetailRow] = React.useState(null);
@@ -16406,7 +16419,8 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
     row && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-chat-crud-item__actions", children: [
       config.detail && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "px-chat-crud-item__action", onClick: () => setDetailRow(row), children: "Ver" }),
       actions.map((a) => {
-        const disabled = matchesDisabledWhen(a, row);
+        const disabled = Boolean(chatIsForeign) || matchesDisabledWhen(a, row);
+        const motivo = chatIsForeign ? "Esta conversaci\xF3n es de otra persona" : disabledReasonFor(a, row);
         const done = matchesDoneWhen(a, row);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -16415,14 +16429,14 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
             className: [
               "px-chat-crud-item__action",
               a.intent === "danger" ? "is-danger" : "",
-              disabled && a.disabledReason ? "is-con-motivo" : ""
+              disabled && motivo ? "is-con-motivo" : ""
             ].filter(Boolean).join(" "),
             disabled,
             onClick: () => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] }),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-chat-crud-item__action-texts", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: a.label }),
-                disabled && a.disabledReason && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-crud-item__action-reason", children: a.disabledReason })
+                disabled && motivo && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-crud-item__action-reason", children: motivo })
               ] }),
               done && /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: "check-circle", width: 18, height: 18, className: "px-chat-crud-item__done", "aria-label": "Hecho" })
             ]
@@ -16472,6 +16486,7 @@ function PriceNegotiationChat({ component, eventBus }) {
   );
 }
 function NegotiationPanel({ config, recordId, recordLabel, allowed, eventBus }) {
+  const { chatIsForeign } = useChatConfig();
   const crud = useReactiveCrud(config, eventBus);
   const [activeAction, setActiveAction] = React.useState(null);
   const row = React.useMemo(
@@ -16517,7 +16532,7 @@ function NegotiationPanel({ config, recordId, recordLabel, allowed, eventBus })
         actions.map((a) => {
           const gated = TURN_GATED.has(a.key) && !myTurn;
           const noOffer = a.key === "accept_price" && !hasOffer;
-          const disabled = gated || noOffer;
+          const disabled = gated || noOffer || Boolean(chatIsForeign);
           return /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelon",
-  "version": "0.3.82",
+  "version": "0.3.84",
   "description": "Design system de la marca goluti",
   "type": "module",
   "main": "dist/index.js",