pixelon 0.3.83 → 0.4.0

package/dist/index.js

@@ -1672,7 +1672,7 @@ function getSubmitActionId(component) {
 }
 const TERMINAL_STATUS = /* @__PURE__ */ new Set(["answered", "cancelled", "expired"]);
 const DISPLAY_COMPONENTS = /* @__PURE__ */ new Set(["card", "badge", "reactive_form", "carousel"]);
-const PERSISTENT_COMPONENTS = /* @__PURE__ */ new Set(["reactive_crud", "reactive_crud_item", "price_negotiation", "chat_navigator", "map_view", "services_map", "service_shortcuts", "user_tools"]);
+const PERSISTENT_COMPONENTS = /* @__PURE__ */ new Set(["reactive_crud", "reactive_crud_item", "chat_navigator", "map_view", "user_tools"]);
 const PURE_DISPLAY_COMPONENTS = /* @__PURE__ */ new Set(["card", "badge"]);
 
 const AnsweredSummary = ({ component }) => {
@@ -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" }),
@@ -16332,7 +16332,8 @@ function ReactiveCrudItemChat({ component, eventBus }) {
   const moduleKey = pick("module");
   const recordId = pick("record_id") ?? pick("recordId") ?? pick("id") ?? pick("service_id");
   const recordLabel = pick("record_label") ?? pick("label");
-  const allowed = pick("actions");
+  const allowedRaw = pick("actions");
+  const allowed = Array.isArray(allowedRaw) && allowedRaw.length > 0 ? allowedRaw : void 0;
   const config = typeof moduleKey === "string" && resolveModuleConfig ? resolveModuleConfig(moduleKey) : void 0;
   if (!config || recordId == null || recordId === "") return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -16347,6 +16348,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 +16420,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",
@@ -16460,107 +16462,6 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
   ] });
 }
 
-const ACTOR_LABEL = { COLLA: "la empresa aliada", ADMIN: "la operadora" };
-const TURN_GATED = /* @__PURE__ */ new Set(["accept_price", "propose_price"]);
-function PriceNegotiationChat({ component, eventBus }) {
-  const { resolveModuleConfig } = useChatConfig();
-  const props = component.props ?? {};
-  const top = component;
-  const pick = (key) => props[key] !== void 0 ? props[key] : top[key];
-  const moduleKey = pick("module");
-  const recordId = pick("record_id") ?? pick("service_id") ?? pick("id");
-  const recordLabel = pick("record_label") ?? pick("label");
-  const allowed = pick("actions");
-  const config = typeof moduleKey === "string" && resolveModuleConfig ? resolveModuleConfig(moduleKey) : void 0;
-  if (!config || recordId == null || recordId === "") return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    NegotiationPanel,
-    {
-      config,
-      recordId: String(recordId),
-      recordLabel,
-      allowed: Array.isArray(allowed) ? allowed.map(String) : void 0,
-      eventBus
-    }
-  );
-}
-function NegotiationPanel({ config, recordId, recordLabel, allowed, eventBus }) {
-  const crud = useReactiveCrud(config, eventBus);
-  const [activeAction, setActiveAction] = React.useState(null);
-  const row = React.useMemo(
-    () => crud.rows.find((r) => String(r[config.idField]) === recordId),
-    [crud.rows, config.idField, recordId]
-  );
-  const actions = React.useMemo(() => {
-    if (!row) return [];
-    return (config.rowActions ?? []).filter((a) => !allowed || allowed.includes(a.key)).filter((a) => matchesVisibleWhen(a, row));
-  }, [config.rowActions, row, allowed]);
-  const title = recordLabel ?? config.title ?? "Servicio";
-  const proposed = row?.proposed_price;
-  const proposer = row?.price_proposed_by;
-  const myTurn = row?.my_turn === true || String(row?.my_turn) === "true";
-  const hasOffer = proposed != null && proposed !== "";
-  const canPropose = !allowed || allowed.includes("propose_price");
-  const agreed = row?.price_amount;
-  const esperandoRespuesta = ["QUOTED", "PRE_ASSIGNED"].includes(String(row?.status ?? ""));
-  const cerrada = !esperandoRespuesta && agreed != null && agreed !== "";
-  const ofertaMia = hasOffer && !myTurn;
-  const quienOfrece = ofertaMia ? "tu oferta" : `oferta de ${ACTOR_LABEL[proposer ?? ""] ?? "la otra parte"}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-chat-price-neg", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-chat-price-neg__header", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-price-neg__title", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `px-chat-price-neg__badge${cerrada ? " is-closed" : ""}`, children: cerrada ? "Precio acordado" : canPropose ? "Negociaci\xF3n de precio" : "Cotizaci\xF3n" })
-    ] }),
-    crud.actionError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-chat-price-neg__error", role: "alert", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: crud.actionError }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Cerrar", onClick: crud.clearActionError, children: "\u2715" })
-    ] }),
-    crud.loading && !row && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-chat-price-neg__hint", children: "Cargando\u2026" }),
-    !crud.loading && !row && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-chat-price-neg__hint", children: "No se encontr\xF3 el servicio." }),
-    row && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-chat-price-neg__offer", children: cerrada ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-price-neg__amount", children: /* @__PURE__ */ jsxRuntime.jsx(CurrencyDisplay, { value: agreed }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-price-neg__by", children: "precio acordado" })
-      ] }) : hasOffer ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-price-neg__amount", children: /* @__PURE__ */ jsxRuntime.jsx(CurrencyDisplay, { value: proposed }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-price-neg__by", children: canPropose ? quienOfrece : "costo del servicio" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-price-neg__by", children: "A\xFAn no hay una oferta. Prop\xF3n un valor." }) }),
-      !cerrada && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `px-chat-price-neg__turn${myTurn ? " is-mine" : ""}`, children: myTurn ? canPropose ? "Es tu turno: acepta o contraprop\xF3n." : "Es tu turno: acepta o rechaza." : "Esperando la respuesta de la otra parte\u2026" }),
-      !cerrada && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-chat-price-neg__actions", children: [
-        actions.map((a) => {
-          const gated = TURN_GATED.has(a.key) && !myTurn;
-          const noOffer = a.key === "accept_price" && !hasOffer;
-          const disabled = gated || noOffer;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: `px-chat-price-neg__action${a.intent === "danger" ? " is-danger" : a.key === "accept_price" ? " is-primary" : ""}`,
-              disabled,
-              title: gated ? "Esperando la respuesta de la otra parte" : void 0,
-              onClick: () => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] }),
-              children: a.label
-            },
-            a.key
-          );
-        }),
-        actions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-chat-price-neg__hint", children: "Sin acciones disponibles." })
-      ] })
-    ] }),
-    activeAction && /* @__PURE__ */ jsxRuntime.jsx(
-      ActionFormDrawer,
-      {
-        action: activeAction.action,
-        row: activeAction.row,
-        idField: config.idField,
-        eventBus,
-        onExecute: (ctx) => crud.runEndpoints(activeAction.action.endpoints ?? [activeAction.action.endpoint], ctx),
-        onClose: () => setActiveAction(null)
-      }
-    )
-  ] });
-}
-
 function MapViewChat({ component, eventBus }) {
   const { googleMapsApiKey } = useChatConfig();
   const props = component.props ?? {};
@@ -16775,30 +16676,6 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
 };
 ServicesMap.displayName = "ServicesMap";
 
-function ServicesMapChat({ component, eventBus }) {
-  const { resolveModuleConfig, googleMapsApiKey } = useChatConfig();
-  const props = component.props ?? {};
-  const top = component;
-  const pick = (key) => props[key] !== void 0 ? props[key] : top[key];
-  const moduleKey = pick("module");
-  let config;
-  if (typeof moduleKey === "string" && resolveModuleConfig) {
-    config = resolveModuleConfig(moduleKey);
-  } else if (pick("data")) {
-    config = component.props ? props : top;
-  }
-  if (!config?.data?.list) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ServicesMap,
-    {
-      config,
-      eventBus,
-      apiKey: googleMapsApiKey,
-      filter: pick("filter")
-    }
-  );
-}
-
 const CLASS$5 = `${COMPONENT_PREFIX$1}service-shortcuts`;
 const ICONS = {
   map: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -16875,62 +16752,6 @@ const ServiceShortcuts = ({
 };
 ServiceShortcuts.displayName = "ServiceShortcuts";
 
-const USED_KEY = (messageId) => `px:service_shortcuts:used:${messageId}`;
-function readUsed(messageId) {
-  if (!messageId) return void 0;
-  try {
-    return localStorage.getItem(USED_KEY(messageId)) ?? void 0;
-  } catch {
-    return void 0;
-  }
-}
-const DEFAULTS = {
-  map: { id: "map", label: "Ver en el mapa", hint: "D\xF3nde est\xE1n ubicados", route: "/mapa", icon: "map" },
-  list: { id: "list", label: "Ver la lista", hint: "Gestionar y filtrar", route: "/servicios", icon: "list" },
-  // SPEC-030 — las dos puertas de quien llega por el enlace público y no sabe qué escribir.
-  // No navegan: dicen por él lo que tendría que teclear, y el agente responde con el formulario
-  // que toque. Así el componente no necesita saber qué formulario es cada cosa.
-  request: {
-    id: "request",
-    label: "Solicitar una gr\xFAa",
-    hint: "Pedir el servicio ahora",
-    prompt: "Quiero solicitar una gr\xFAa",
-    icon: "tow"
-  },
-  check: {
-    id: "check",
-    label: "Consultar mi servicio",
-    hint: "Ya ped\xED una gr\xFAa antes",
-    prompt: "Quiero consultar el servicio que ya ped\xED",
-    icon: "search"
-  }
-};
-function ServiceShortcutsChat({ component, eventBus, assistantMessageId }) {
-  const [elegido, setElegido] = React.useState(() => readUsed(assistantMessageId));
-  const props = component.props ?? {};
-  const top = component;
-  const pick = (key) => props[key] !== void 0 ? props[key] : top[key];
-  const recordar = (id) => {
-    setElegido(id);
-    if (!assistantMessageId) return;
-    try {
-      localStorage.setItem(USED_KEY(assistantMessageId), id);
-    } catch {
-    }
-  };
-  const custom = pick("options");
-  const options = custom?.length ? custom : (pick("show") ?? ["map", "list"]).map((k) => DEFAULTS[k]).filter(Boolean);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ServiceShortcuts,
-    {
-      options,
-      eventBus,
-      selectedId: elegido,
-      onSelect: recordar
-    }
-  );
-}
-
 const DATE_CHIPS = [
   { key: "todo", label: "Todo" },
   { key: "hoy", label: "Hoy" },
@@ -17594,16 +17415,39 @@ const COMPONENT_MAP = {
   action_menu: ActionMenu,
   reactive_crud: ReactiveCrudChat,
   reactive_crud_item: ReactiveCrudItemChat,
-  price_negotiation: PriceNegotiationChat,
   chat_navigator: ChatNavigatorChat,
   user_tools: UserToolsChat,
-  map_view: MapViewChat,
-  services_map: ServicesMapChat,
-  service_shortcuts: ServiceShortcutsChat
-};
+  map_view: MapViewChat
+  // SPEC-115 — `price_negotiation`, `services_map` y `service_shortcuts` salieron de aquí: son del flujo del
+  // solicitante de grúas, no primitivos de diseño. Los registra el host (towing-web) con
+  // `registerChatComponents`. Los componentes de presentación (ServicesMap, ServiceShortcuts)
+  // SÍ se quedan y siguen exportándose: lo que se fue es su adaptador al chat.
+};
+const HOST_COMPONENTS = {};
+function normalizar(e) {
+  return typeof e === "function" ? { render: e } : e;
+}
+function registerChatComponents(comps) {
+  for (const [tipo, entrada] of Object.entries(comps)) {
+    HOST_COMPONENTS[tipo] = normalizar(entrada);
+  }
+}
+function clearChatComponents() {
+  for (const tipo of Object.keys(HOST_COMPONENTS)) delete HOST_COMPONENTS[tipo];
+}
+function esPersistente(tipo) {
+  const h = HOST_COMPONENTS[tipo];
+  if (h) return h.persistent === true;
+  return PERSISTENT_COMPONENTS.has(tipo);
+}
+function esDisplayPuro(tipo) {
+  const h = HOST_COMPONENTS[tipo];
+  if (h) return h.pureDisplay === true;
+  return PURE_DISPLAY_COMPONENTS.has(tipo);
+}
 function renderComponent(props) {
   const { component } = props;
-  if (!PERSISTENT_COMPONENTS.has(component.type) && !PURE_DISPLAY_COMPONENTS.has(component.type)) {
+  if (!esPersistente(component.type) && !esDisplayPuro(component.type)) {
     if (component.status) {
       if (TERMINAL_STATUS.has(component.status)) {
         const policy = component.visibility_policy ?? "hide_on_terminal";
@@ -17616,7 +17460,7 @@ function renderComponent(props) {
       return null;
     }
   }
-  const Component = COMPONENT_MAP[component.type];
+  const Component = HOST_COMPONENTS[component.type]?.render ?? COMPONENT_MAP[component.type];
   if (!Component) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props });
 }
@@ -24754,6 +24598,7 @@ function buildBreadcrumbPath(items, targetKey, currentPath = []) {
   return [];
 }
 
+exports.ActionFormDrawer = ActionFormDrawer;
 exports.BottomSheet = BottomSheet;
 exports.CHAT_CONFIG_DEFAULTS = CHAT_CONFIG_DEFAULTS;
 exports.CHAT_EVENT = CHAT_EVENT;
@@ -24852,11 +24697,18 @@ exports.ServicesMap = ServicesMap;
 exports.SessionExpiryPrompt = SessionExpiryPrompt;
 exports.UserTools = UserTools;
 exports.chatEventBus = chatEventBus;
+exports.clearChatComponents = clearChatComponents;
 exports.createDeepPropertySubscriber = createDeepPropertySubscriber;
 exports.createEventBus = createEventBus;
 exports.createStore = createStore;
 exports.createStoreMerger = createStoreMerger;
 exports.deepMerge = deepMerge;
+exports.disabledReasonFor = disabledReasonFor;
 exports.getLastFleetSnapshot = getLastFleetSnapshot;
+exports.matchesDisabledWhen = matchesDisabledWhen;
+exports.matchesDoneWhen = matchesDoneWhen;
+exports.matchesVisibleWhen = matchesVisibleWhen;
+exports.registerChatComponents = registerChatComponents;
 exports.setLastFleetSnapshot = setLastFleetSnapshot;
 exports.useChatConfig = useChatConfig;
+exports.useReactiveCrud = useReactiveCrud;