rio-assist-widget 0.1.35 → 0.1.36

package/src/consultant-agent/consultant-agent-mocks.ts

@@ -0,0 +1,46 @@
+export type ConsultantAgentOption = {
+  id: string;
+  label: string;
+};
+
+export type ConsultantFollowUp = {
+  topicId: string;
+  topicLabel: string;
+  questions: string[];
+};
+
+export const CONSULTANT_AGENT_INTRO =
+  'Olá! Sou o Agente Consultor. Em qual assunto posso ajudar você hoje?';
+
+export const CONSULTANT_AGENT_OPTIONS: ConsultantAgentOption[] = [
+  { id: 'process-efficiency', label: 'Eficiência de Processo' },
+  { id: 'failure-modes', label: 'Modos de Falha' },
+  { id: 'network-performance', label: 'Performance de Rede' },
+  { id: 'tactical-management-aging', label: 'Gestão tática (Aging)' },
+];
+
+export const CONSULTANT_AGENT_FOLLOW_UPS: Record<string, string[]> = {
+  'process-efficiency': [
+    'Qual é o gargalo médio de tempo antes do mecânico tocar no veículo?',
+    'Por que temos uma média alta de 6,1 dias na abertura?',
+    'O tempo de aprovação do cliente é alto. O que isso indica?',
+  ],
+  'failure-modes': [
+    'Qual é o componente nº 1 em volume de falhas?',
+    'Como aplicar a estratégia de "ação massiva e acelerada" para Motor?',
+    'O tempo de diagnóstico de Motor é alto. Qual a causa provável?',
+  ],
+  'network-performance': [
+    'Qual a diferença principal entre os problemas do Grupo Resende e Grupo Mônaco?',
+    "Onde o problema de 'Peças em Trânsito' é mais grave?",
+    'Como identificar concessionárias com falta de boxes físicos?',
+  ],
+  'tactical-management-aging': [
+    'Quantos veículos estão parados por falta de peça há mais de 8 dias?',
+    "Quais casos de 'Aguardando Diagnóstico' são prioritários?",
+    'Qual a proporção de chamados proativos vs. reativos?',
+  ],
+};
+
+export const buildConsultantFollowUpText = (topicLabel: string) =>
+  `Certo! Reuni abaixo as principais dúvidas sobre ${topicLabel}. Escolha uma delas ou faça sua pergunta.`;

package/src/consultant-agent/consultant-agent.template.ts

@@ -0,0 +1,37 @@
+import { html } from 'lit';
+import type { RioAssistWidget } from '../components/rio-assist/rio-assist';
+
+export const renderConsultantAgentHero = (component: RioAssistWidget) => {
+  const { consultantAgentVisible, consultantAgentIntro, consultantAgentOptions } = component;
+
+  return html`
+    <div class="consultant-agent">
+      <button
+        class="consultant-agent__button"
+        type="button"
+        @click=${() => component.handleConsultantAgentOpen()}
+      >
+        Fale com um consultor
+      </button>
+
+      ${consultantAgentVisible
+        ? html`
+            <div class="consultant-agent__intro">${consultantAgentIntro}</div>
+            <div class="consultant-agent__options">
+              ${consultantAgentOptions.map(
+                (option) => html`
+                  <button
+                    class="consultant-agent__option"
+                    type="button"
+                    @click=${() => component.handleConsultantAgentOption(option)}
+                  >
+                    ${option.label}
+                  </button>
+                `,
+              )}
+            </div>
+          `
+        : null}
+    </div>
+  `;
+};

package/src/consultant-agent/consultant-agent.ts

@@ -0,0 +1,45 @@
+import {
+  CONSULTANT_AGENT_INTRO,
+  CONSULTANT_AGENT_OPTIONS,
+  CONSULTANT_AGENT_FOLLOW_UPS,
+  buildConsultantFollowUpText,
+  type ConsultantAgentOption,
+  type ConsultantFollowUp,
+} from './consultant-agent-mocks';
+
+export type ConsultantAgentState = {
+  isVisible: boolean;
+  introText: string;
+  options: ConsultantAgentOption[];
+};
+
+export function getConsultantFollowUp(topicId: string, topicLabel: string): ConsultantFollowUp {
+  const questions = CONSULTANT_AGENT_FOLLOW_UPS[topicId] ?? [];
+  return {
+    topicId,
+    topicLabel,
+    questions,
+  };
+}
+
+export function createConsultantAgentState(): ConsultantAgentState {
+  return {
+    isVisible: false,
+    introText: CONSULTANT_AGENT_INTRO,
+    options: [...CONSULTANT_AGENT_OPTIONS],
+  };
+}
+
+export async function loadConsultantAgentOptions(): Promise<ConsultantAgentOption[]> {
+  // Mantido separado para facilitar a troca para dados vindos do backend futuramente.
+  return [...CONSULTANT_AGENT_OPTIONS];
+}
+
+export {
+  CONSULTANT_AGENT_INTRO,
+  CONSULTANT_AGENT_OPTIONS,
+  CONSULTANT_AGENT_FOLLOW_UPS,
+  buildConsultantFollowUpText,
+  type ConsultantAgentOption,
+  type ConsultantFollowUp,
+};

package/src/main.ts

@@ -9,6 +9,7 @@ export type RioAssistOptions = {
   accentColor?: string;
   apiBaseUrl?: string;
   rioToken?: string;
+  floatingOffset?: number;
 };
 
 const DEFAULT_OPTIONS: Required<Omit<RioAssistOptions, 'target'>> = {
@@ -29,6 +30,7 @@ const DEFAULT_OPTIONS: Required<Omit<RioAssistOptions, 'target'>> = {
   accentColor: '#008B9A',
   apiBaseUrl: '',
   rioToken: '',
+  floatingOffset: 32,
 };
 
 const widgetTagName = 'rio-assist-widget';
@@ -46,7 +48,17 @@ function ensureElement(options: RioAssistOptions = {}) {
     target.appendChild(widget);
   }
 
-  const mergedOptions = { ...DEFAULT_OPTIONS, ...rest };
+  const topMargin = 96;
+  const buttonHeight = 64;
+  const viewport =
+    typeof window !== 'undefined'
+      ? window.innerHeight || document.documentElement.clientHeight || 0
+      : 0;
+  const computedFloatingOffset =
+    rest.floatingOffset ??
+    (viewport ? Math.max(12, viewport - topMargin - buttonHeight) : DEFAULT_OPTIONS.floatingOffset);
+
+  const mergedOptions = { ...DEFAULT_OPTIONS, ...rest, floatingOffset: computedFloatingOffset };
 
   Object.entries(mergedOptions).forEach(([key, value]) => {
     if (value === undefined) {
@@ -77,4 +89,3 @@ if (typeof window !== 'undefined') {
 
 
 
-