pixelon 0.3.84 → 0.4.0

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

@@ -13,7 +13,6 @@ export { ActionMenu } from './ActionMenu/ActionMenu';
 export { ReactiveCrud } from './ReactiveCrud/ReactiveCrud';
 export { ReactiveCrudChat } from './ReactiveCrud/ReactiveCrudChat';
 export { ReactiveCrudItemChat } from './ReactiveCrud/ReactiveCrudItemChat';
-export { PriceNegotiationChat } from './ReactiveCrud/PriceNegotiationChat';
 export { MapView } from './MapView/MapView';
 export { MapViewChat } from './MapView/MapViewChat';
 export type { MapPoint, MapViewProps, MapViewLabels } from './MapView/types';

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

@@ -1,3 +1,16 @@
 import React from 'react';
 import type { ChatComponentProps } from './types';
+export interface HostChatComponent {
+    render: React.FC<ChatComponentProps>;
+    /** No se oculta al llegar a un estado terminal (paneles y navegación, no acciones de un uso). */
+    persistent?: boolean;
+    /** Contenido del autor, sin interacción: nunca se oculta al re-hidratar el historial. */
+    pureDisplay?: boolean;
+}
+type EntradaHost = React.FC<ChatComponentProps> | HostChatComponent;
+/** Registra componentes del consumidor. Se llama una vez, al arrancar la app. */
+export declare function registerChatComponents(comps: Record<string, EntradaHost>): void;
+/** Vacía el registro del host. Para tests: sin esto un caso contamina al siguiente. */
+export declare function clearChatComponents(): void;
 export declare function renderComponent(props: ChatComponentProps): React.ReactNode;
+export {};

package/dist/index.d.ts

@@ -25,6 +25,11 @@ export { default as ChatModal } from './components/molecules/chat/Modal/Modal';
 export { default as ChatUserAttachments } from './components/molecules/chat/UserAttachments/UserAttachments';
 export { default as ChatUserMessage } from './components/molecules/chat/UserMessage/UserMessage';
 export { StructuredContent as ChatStructuredContent, type StructuredContentProps as ChatStructuredContentProps } from './components/molecules/chat/StructuredContent';
+export { useReactiveCrud } from './components/molecules/chat/StructuredContent/components/ReactiveCrud/useReactiveCrud';
+export { ActionFormDrawer } from './components/molecules/chat/StructuredContent/components/ReactiveCrud/ActionFormDrawer';
+export { matchesVisibleWhen, matchesDisabledWhen, matchesDoneWhen, disabledReasonFor, } from './components/molecules/chat/StructuredContent/components/ReactiveCrud/ReactiveCrud';
+export { registerChatComponents, clearChatComponents, type HostChatComponent, } from './components/molecules/chat/StructuredContent/helpers/componentRegistry';
+export type { ChatComponentProps as ChatHostComponentProps } from './components/molecules/chat/StructuredContent/helpers/types';
 export { ServiceShortcuts } from './components/molecules/chat/StructuredContent/components/ServiceShortcuts/ServiceShortcuts';
 export type { ServiceShortcut, ServiceShortcutsProps } from './components/molecules/chat/StructuredContent/components/ServiceShortcuts/ServiceShortcuts';
 export { ServicesMap } from './components/molecules/chat/StructuredContent/components/ServicesMap/ServicesMap';

package/dist/index.esm.js

@@ -1651,7 +1651,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 }) => {
@@ -16311,7 +16311,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__ */ jsx(
@@ -16440,108 +16441,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__ */ 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 { chatIsForeign } = useChatConfig();
-  const crud = useReactiveCrud(config, eventBus);
-  const [activeAction, setActiveAction] = useState(null);
-  const row = useMemo(
-    () => crud.rows.find((r) => String(r[config.idField]) === recordId),
-    [crud.rows, config.idField, recordId]
-  );
-  const actions = 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__ */ jsxs("div", { className: "px-chat-price-neg", children: [
-    /* @__PURE__ */ jsxs("div", { className: "px-chat-price-neg__header", children: [
-      /* @__PURE__ */ jsx("span", { className: "px-chat-price-neg__title", children: title }),
-      /* @__PURE__ */ 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__ */ jsxs("div", { className: "px-chat-price-neg__error", role: "alert", children: [
-      /* @__PURE__ */ jsx("span", { children: crud.actionError }),
-      /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Cerrar", onClick: crud.clearActionError, children: "\u2715" })
-    ] }),
-    crud.loading && !row && /* @__PURE__ */ jsx("div", { className: "px-chat-price-neg__hint", children: "Cargando\u2026" }),
-    !crud.loading && !row && /* @__PURE__ */ jsx("div", { className: "px-chat-price-neg__hint", children: "No se encontr\xF3 el servicio." }),
-    row && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "px-chat-price-neg__offer", children: cerrada ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: "px-chat-price-neg__amount", children: /* @__PURE__ */ jsx(CurrencyDisplay, { value: agreed }) }),
-        /* @__PURE__ */ jsx("span", { className: "px-chat-price-neg__by", children: "precio acordado" })
-      ] }) : hasOffer ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: "px-chat-price-neg__amount", children: /* @__PURE__ */ jsx(CurrencyDisplay, { value: proposed }) }),
-        /* @__PURE__ */ jsx("span", { className: "px-chat-price-neg__by", children: canPropose ? quienOfrece : "costo del servicio" })
-      ] }) : /* @__PURE__ */ jsx("span", { className: "px-chat-price-neg__by", children: "A\xFAn no hay una oferta. Prop\xF3n un valor." }) }),
-      !cerrada && /* @__PURE__ */ 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__ */ 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 || Boolean(chatIsForeign);
-          return /* @__PURE__ */ 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__ */ jsx("div", { className: "px-chat-price-neg__hint", children: "Sin acciones disponibles." })
-      ] })
-    ] }),
-    activeAction && /* @__PURE__ */ 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 ?? {};
@@ -16756,30 +16655,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__ */ jsx(
-    ServicesMap,
-    {
-      config,
-      eventBus,
-      apiKey: googleMapsApiKey,
-      filter: pick("filter")
-    }
-  );
-}
-
 const CLASS$5 = `${COMPONENT_PREFIX$1}service-shortcuts`;
 const ICONS = {
   map: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -16856,62 +16731,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] = 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__ */ jsx(
-    ServiceShortcuts,
-    {
-      options,
-      eventBus,
-      selectedId: elegido,
-      onSelect: recordar
-    }
-  );
-}
-
 const DATE_CHIPS = [
   { key: "todo", label: "Todo" },
   { key: "hoy", label: "Hoy" },
@@ -17575,16 +17394,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";
@@ -17597,7 +17439,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__ */ jsx(Component, { ...props });
 }
@@ -24735,4 +24577,4 @@ function buildBreadcrumbPath(items, targetKey, currentPath = []) {
   return [];
 }
 
-export { BottomSheet, CHAT_CONFIG_DEFAULTS, CHAT_EVENT, ICON_TYPES as CHAT_ICON_TYPES, Chat, AssistantMessage as ChatAssistantMessage, AssistantThinkingIndicator as ChatAssistantThinkingIndicator, AttachmentPreview as ChatAttachmentPreview, Avatar as ChatAvatar, Button$1 as ChatButton, ChatConfigProvider, DateDivider as ChatDateDivider, FileViewer as ChatFileViewer, ChatFloatingActions, FullscreenViewer as ChatFullscreenViewer, ChatHeader as ChatHeaderComponent, Icon$1 as ChatIcon, Input$2 as ChatInput, ChatInput as ChatInputComponent, Link as ChatLink, Loader$1 as ChatLoader, Logo as ChatLogo, MessageStatus as ChatMessageStatus, Modal as ChatModal, ChatNavigator, Select$2 as ChatSelect, SelectMenu as ChatSelectMenu, StructuredContent as ChatStructuredContent, Text as ChatText, Textarea as ChatTextarea, UserAttachments as ChatUserAttachments, UserMessage as ChatUserMessage, ChatWidget, FileField, BADGE_VARIANTS as LUMI_BADGE_VARIANTS, DEFAULT_TITLES as LUMI_DEFAULT_TITLES, LUMI_ICON_TYPES, LiveIndicator, LocationField, ActionBar as LumiActionBar, Badge as LumiBadge, Base as LumiBase, BaseNavbar as LumiBaseNavbar, BaseWorkspace as LumiBaseWorkspace, Breadcrumb as LumiBreadcrumb, BreadcrumbItem as LumiBreadcrumbItem, BreadcrumbSeparator as LumiBreadcrumbSeparator, Button as LumiButton, Calendar as LumiCalendar, Card as LumiCard, Checkbox$1 as LumiCheckbox, Crud as LumiCrud, CurrencyDisplay as LumiCurrencyDisplay, Dashboard as LumiDashboard, DashboardNavbar as LumiDashboardNavbar, DashboardSidebar as LumiDashboardSidebar, DashboardWorkspace as LumiDashboardWorkspace, DateDisplay as LumiDateDisplay, DateInput$1 as LumiDateInput, Drawer as LumiDrawer, DropdownMenu as LumiDropdownMenu, DynamicForm as LumiDynamicForm, FieldValue as LumiFieldValue, Filter as LumiFilter, FilterRow as LumiFilterRow, Checkbox as LumiFormCheckbox, DateInput as LumiFormDateInput, FormDrawer as LumiFormDrawer, Input as LumiFormInput, Select as LumiFormSelect, TimeInput as LumiFormTimeInput, Icon as LumiIcon, Input$1 as LumiInput, Loader as LumiLoader, Menu as LumiMenu, MenuItem as LumiMenuItem, MenuItemGroup as LumiMenuItemGroup, Notification as LumiNotification, Pagination as LumiPagination, Popover as LumiPopover, QRCode as LumiQRCode, RecordCard as LumiRecordCard, Select$1 as LumiSelect, StepIndicator as LumiStepIndicator, Stepper as LumiStepper, SubMenu as LumiSubMenu, Table as LumiTable, Tabs as LumiTabs, TextArea as LumiTextArea, TimeInput$1 as LumiTimeInput, Tooltip as LumiTooltip, MapView, ReactiveCrud, ServiceShortcuts, ServicesMap, SessionExpiryPrompt, UserTools, chatEventBus, createDeepPropertySubscriber, createEventBus, createStore, createStoreMerger, deepMerge, getLastFleetSnapshot, setLastFleetSnapshot, useChatConfig };
+export { ActionFormDrawer, BottomSheet, CHAT_CONFIG_DEFAULTS, CHAT_EVENT, ICON_TYPES as CHAT_ICON_TYPES, Chat, AssistantMessage as ChatAssistantMessage, AssistantThinkingIndicator as ChatAssistantThinkingIndicator, AttachmentPreview as ChatAttachmentPreview, Avatar as ChatAvatar, Button$1 as ChatButton, ChatConfigProvider, DateDivider as ChatDateDivider, FileViewer as ChatFileViewer, ChatFloatingActions, FullscreenViewer as ChatFullscreenViewer, ChatHeader as ChatHeaderComponent, Icon$1 as ChatIcon, Input$2 as ChatInput, ChatInput as ChatInputComponent, Link as ChatLink, Loader$1 as ChatLoader, Logo as ChatLogo, MessageStatus as ChatMessageStatus, Modal as ChatModal, ChatNavigator, Select$2 as ChatSelect, SelectMenu as ChatSelectMenu, StructuredContent as ChatStructuredContent, Text as ChatText, Textarea as ChatTextarea, UserAttachments as ChatUserAttachments, UserMessage as ChatUserMessage, ChatWidget, FileField, BADGE_VARIANTS as LUMI_BADGE_VARIANTS, DEFAULT_TITLES as LUMI_DEFAULT_TITLES, LUMI_ICON_TYPES, LiveIndicator, LocationField, ActionBar as LumiActionBar, Badge as LumiBadge, Base as LumiBase, BaseNavbar as LumiBaseNavbar, BaseWorkspace as LumiBaseWorkspace, Breadcrumb as LumiBreadcrumb, BreadcrumbItem as LumiBreadcrumbItem, BreadcrumbSeparator as LumiBreadcrumbSeparator, Button as LumiButton, Calendar as LumiCalendar, Card as LumiCard, Checkbox$1 as LumiCheckbox, Crud as LumiCrud, CurrencyDisplay as LumiCurrencyDisplay, Dashboard as LumiDashboard, DashboardNavbar as LumiDashboardNavbar, DashboardSidebar as LumiDashboardSidebar, DashboardWorkspace as LumiDashboardWorkspace, DateDisplay as LumiDateDisplay, DateInput$1 as LumiDateInput, Drawer as LumiDrawer, DropdownMenu as LumiDropdownMenu, DynamicForm as LumiDynamicForm, FieldValue as LumiFieldValue, Filter as LumiFilter, FilterRow as LumiFilterRow, Checkbox as LumiFormCheckbox, DateInput as LumiFormDateInput, FormDrawer as LumiFormDrawer, Input as LumiFormInput, Select as LumiFormSelect, TimeInput as LumiFormTimeInput, Icon as LumiIcon, Input$1 as LumiInput, Loader as LumiLoader, Menu as LumiMenu, MenuItem as LumiMenuItem, MenuItemGroup as LumiMenuItemGroup, Notification as LumiNotification, Pagination as LumiPagination, Popover as LumiPopover, QRCode as LumiQRCode, RecordCard as LumiRecordCard, Select$1 as LumiSelect, StepIndicator as LumiStepIndicator, Stepper as LumiStepper, SubMenu as LumiSubMenu, Table as LumiTable, Tabs as LumiTabs, TextArea as LumiTextArea, TimeInput$1 as LumiTimeInput, Tooltip as LumiTooltip, MapView, ReactiveCrud, ServiceShortcuts, ServicesMap, SessionExpiryPrompt, UserTools, chatEventBus, clearChatComponents, createDeepPropertySubscriber, createEventBus, createStore, createStoreMerger, deepMerge, disabledReasonFor, getLastFleetSnapshot, matchesDisabledWhen, matchesDoneWhen, matchesVisibleWhen, registerChatComponents, setLastFleetSnapshot, useChatConfig, useReactiveCrud };

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 }) => {
@@ -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(
@@ -16461,108 +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 { chatIsForeign } = useChatConfig();
-  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 || Boolean(chatIsForeign);
-          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 ?? {};
@@ -16777,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: [
@@ -16877,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" },
@@ -17596,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";
@@ -17618,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 });
 }
@@ -24756,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;
@@ -24854,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;