@granto-umbrella/umbrella-components 3.0.5 → 3.0.7

package/package.json

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

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

@@ -4,7 +4,9 @@ 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';
+  if (eventType === 'order:proposal_refused') return 'rejected';
+  if (eventType === 'issue:partner_issue') return 'issue';
+  return 'continued';
 }
 
 function buildTitle(ev: RemoteEvent): string {
@@ -14,8 +16,7 @@ function buildTitle(ev: RemoteEvent): string {
     return 'Subscrição realizada';
   if (eventType === 'subscription:partner_quote') return 'Cotação processada';
   if (eventType === 'order:proposal_refused') return 'Proposta recusada';
-
-  // Fallback genérico
+  if (eventType === 'issue:partner_issue') return 'Emissão realizada';
   return data?.title ? String(data.title) : eventType;
 }
 
@@ -27,9 +28,9 @@ export function mapRemoteToTimeline(items: RemoteEvent[]): TimelineItem[] {
     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
+      type: toVariant(ev.eventType),
+      title: buildTitle(ev),
+      description: undefined,
       actor: {
         id: String(ev.actor?.id ?? ''),
         displayName: actorName,

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

@@ -24,11 +24,11 @@ export const ItemWrap = styled.li`
     content: '';
     position: absolute;
     left: 11px;
-    top: 32px;
+    top: 34px;
     bottom: 0;
     width: 2px;
     height: 100%;
-    background-color: ${primitiveColors.gray[100]};
+    background-color: ${primitiveColors.gray[200]};
   }
 `;
 
@@ -41,46 +41,46 @@ export const Dot = styled.span<{
   border: 1px solid;
   display: inline-block;
   margin-top: 0.2rem;
-  ${({ $variant = 'StatusChanged' }) => {
+  ${({ $variant = 'continued' }) => {
     const map: Record<TimelineVariant, ReturnType<typeof css>> = {
-      StatusChanged: css`
+      continued: css`
         background: ${semanticColors.branding.surface.disabled};
       `,
       accepted: css`
-        background: #3dcb2c;
-      `,
-      continued: css`
-        background: #f59e0b;
+        background: ${semanticColors.global.surface.status.online};
       `,
       rejected: css`
-        background: #cb2c2d;
+        background: ${semanticColors.global.surface.status.notification};
       `,
       download: css`
-        background: #9ca3af;
+        background: ${semanticColors.branding.surface.disabled};
+      `,
+      issue: css`
+        background: ${semanticColors.global.surface.status.online};
       `,
     };
-    return map[$variant as TimelineVariant] ?? map['StatusChanged'];
+    return map[$variant as TimelineVariant] ?? map['continued'];
   }}
 
-  ${({ $variant = 'StatusChanged' }) => {
+  ${({ $variant = 'continued' }) => {
     const map: Record<TimelineVariant, ReturnType<typeof css>> = {
-      StatusChanged: css`
+      continued: css`
         border-color: ${semanticColors.branding.surface.enabled};
       `,
       accepted: css`
-        border-color: #21731c;
-      `,
-      continued: css`
-        border-color: #f59e0b;
+        border-color: ${semanticColors.global.border.feedback.success};
       `,
       rejected: css`
-        border-color: #731c1c;
+        border-color: ${semanticColors.global.border.feedback.error};
       `,
       download: css`
-        border-color: #9ca3af;
+        border-color: ${semanticColors.branding.surface.enabled};
+      `,
+      issue: css`
+        border-color: ${semanticColors.global.border.feedback.success};
       `,
     };
-    return map[$variant as TimelineVariant] ?? map['StatusChanged'];
+    return map[$variant as TimelineVariant] ?? map['continued'];
   }}
 `;
 

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

@@ -1,10 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 export type TimelineVariant =
-  | 'StatusChanged'
   | 'accepted'
   | 'continued'
   | 'rejected'
-  | 'download';
+  | 'download'
+  | 'issue';
 
 export interface TimelineItem {
   id: string;
@@ -37,6 +37,7 @@ export interface TimelineMetadata {
 export type RemoteEventType =
   | 'subscription:partner_quote'
   | 'subscription:partner_subscribe'
+  | 'order:proposal_refused'
   | string;
 
 export interface RemoteEventActor {

package/src/lib/helpers.ts

@@ -1,17 +0,0 @@
-import { TimelineVariant } from '@/components/molecules/TimeLine/TimeLine.types';
-
-export function labelFromVariant(v?: TimelineVariant) {
-  switch (v) {
-    case 'accepted':
-      return 'Proposta aceita';
-    case 'continued':
-      return 'Continuação';
-    case 'rejected':
-      return 'Recusada';
-    case 'download':
-      return 'Download';
-    case 'StatusChanged':
-    default:
-      return 'Status Alterado';
-  }
-}