pixelon 0.3.83 → 0.3.84

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

@@ -16167,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 ?? {};
@@ -16206,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" }),
@@ -16326,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);
@@ -16397,8 +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 motivo = disabledReasonFor(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",
@@ -16464,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(
@@ -16509,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

@@ -16188,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 ?? {};
@@ -16227,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" }),
@@ -16347,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);
@@ -16418,8 +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 motivo = disabledReasonFor(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",
@@ -16485,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(
@@ -16530,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.83",
+  "version": "0.3.84",
   "description": "Design system de la marca goluti",
   "type": "module",
   "main": "dist/index.js",