@granto-umbrella/umbrella-components 3.0.3 → 3.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granto-umbrella/umbrella-components",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "description": "Umbrella Components for React",
   "type": "module",
   "main": "src/index.js",

package/src/components/atoms/Footer/Footer.styles.tsx

@@ -1,16 +1,16 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 import {
   semanticSizes,
   semanticColors,
   primitiveSizes,
   typographyTokens,
-} from "@granto-umbrella/umbrella-components";
+} from '@granto-umbrella/umbrella-components';
 
 export const Container = styled.div`
   font-size: ${typographyTokens.fontSizes.bodyM};
   color: ${semanticColors.global.text.default.enabled};
-  margin-top: calc(${semanticSizes.global.padding["4xl"]} + 111px);
-  padding-bottom: ${semanticSizes.global.padding["2xl"]};
+  margin-top: calc(${semanticSizes.global.padding['4xl']} + 111px);
+  padding-bottom: ${semanticSizes.global.padding['2xl']};
   text-align: center;
   font-family: ${typographyTokens.fontFamily.base};
   font-weight: ${typographyTokens.fontWeights.regular};
@@ -19,4 +19,4 @@ export const Container = styled.div`
   bottom: ${primitiveSizes.size.half};
   width: ${semanticSizes.global.full};
   background-color: ${semanticColors.base.background};
-`;
+`;

package/src/components/molecules/TimeLine/TimeLine.mapper.ts

@@ -0,0 +1,54 @@
+// TimeLine.mapper.ts
+import { TimelineItem, TimelineVariant, RemoteEvent } from './TimeLine.types';
+
+function toVariant(eventType: string): TimelineVariant {
+  if (eventType === 'subscription:partner_subscribe') return 'accepted';
+  if (eventType === 'subscription:partner_quote') return 'continued';
+  return 'StatusChanged';
+}
+
+function buildTitle(ev: RemoteEvent): string {
+  const { eventType, data } = ev;
+
+  if (eventType === 'subscription:partner_subscribe')
+    return 'Subscrição realizada';
+  if (eventType === 'subscription:partner_quote') return 'Cotação processada';
+  if (eventType === 'order:proposal_refused') return 'Proposta recusada';
+
+  // Fallback genérico
+  return data?.title ? String(data.title) : eventType;
+}
+
+export function mapRemoteToTimeline(items: RemoteEvent[]): TimelineItem[] {
+  return items.map((ev, idx) => {
+    const id = ev.correlationId || String(idx);
+    const actorName = ev.actor?.name || 'Sistema';
+
+    return {
+      id,
+      timestamp: ev.startAt,
+      type: toVariant(ev.eventType), // mapeia para seu Dot
+      title: buildTitle(ev), // título legível
+      description: undefined, // opcional: pode montar aqui
+      actor: {
+        id: String(ev.actor?.id ?? ''),
+        displayName: actorName,
+        type: ev.actor?.type ?? 'app',
+      },
+      origin: ev.parentEventType || ev.eventType,
+      correlationId: ev.correlationId,
+      metadata: {
+        eventType: ev.eventType,
+        orderId: ev.data?.orderId,
+        insuranceId: ev.data?.insuranceId,
+        startAt: ev.startAt,
+        endAt: ev.endAt,
+        duration: ev.duration,
+        parentCorrelationId: ev.parentCorrelationId,
+        offers: ev.data?.offers,
+        subscriptionPeriod: ev.data?.subscription?.period,
+        insuredName: ev.data?.subscription?.insured?.name,
+      },
+    };
+  });
+}

package/src/components/molecules/TimeLine/TimeLine.types.ts

@@ -33,3 +33,76 @@ export interface TimelineMetadata {
   to?: string;
   [key: string]: any;
 }
+
+export type RemoteEventType =
+  | 'subscription:partner_quote'
+  | 'subscription:partner_subscribe'
+  | string;
+
+export interface RemoteEventActor {
+  id: number | string;
+  name: string;
+  type: 'app' | 'user' | string;
+}
+
+export interface RemoteEventData {
+  orderId?: string | null;
+  title?: string | number | null;
+  insuranceId?: string | null;
+  subscription?: {
+    branch?: number;
+    sumInsuredRatio?: number;
+    sumContract?: number;
+    hasExclusivity?: boolean;
+    hasContinuity?: boolean;
+    retroactive?: number;
+    coverages?: Array<unknown>;
+    insured?: {
+      name?: string;
+      type?: string;
+      document?: string;
+      address?: {
+        cep?: string;
+        street?: string;
+        number?: number | string;
+        locale?: string;
+        city?: string;
+        uf?: string;
+        complement?: string | null;
+      };
+    };
+    contract?: {
+      edital?: string | null;
+      number?: string | null;
+      title?: string | null;
+      addition?: string | null;
+      object?: string | null;
+      process?: string | null;
+      signedOn?: string | null;
+    };
+    event?: unknown;
+    startAt?: string | null;
+    endAt?: string | null;
+    period?: number | null;
+    sumInsured?: number | null;
+    endosso?: unknown;
+    underwriter?: unknown;
+    details?: unknown;
+  } | null;
+  offers?: Array<{ insurerId: number; insurerName: string }> | null;
+  upn?: number;
+  isApp?: boolean;
+}
+
+export interface RemoteEvent {
+  eventType: RemoteEventType;
+  isPublic: boolean;
+  startAt: string; // ISO
+  endAt?: string; // ISO
+  duration?: number; // ms
+  correlationId: string;
+  parentCorrelationId?: string;
+  parentEventType?: string;
+  actor: RemoteEventActor;
+  data: RemoteEventData;
+}

package/src/components/organisms/TimelineModal/TimelineModal.styles.ts

@@ -32,7 +32,7 @@ export const Title = styled.h2`
   flex-direction: row;
   gap: 8px;
   align-items: center;
-  margin-top: -24px;
+  margin-top: -2px;
 `;
 
 export const CloseIcon = styled(Dialog.Close)`