@granto-umbrella/umbrella-components 3.0.8 → 3.0.9

package/dist/umbrella-components.umd.js

@@ -2501,6 +2501,8 @@ gap: ${D.global.gap.lg};
         background: ${v.branding.surface.disabled};
       `,issue:B`
         background: ${v.global.surface.status.online};
+      `,order:B`
+        background: ${v.global.surface.status.online};
       `};return t[a]??t.continued}}
 
   ${({$variant:a="continued"})=>{const t={continued:B`
@@ -2513,6 +2515,8 @@ gap: ${D.global.gap.lg};
         border-color: ${v.branding.surface.enabled};
       `,issue:B`
         border-color: ${v.global.border.feedback.success};
+      `,order:B`
+        border-color: ${v.global.border.feedback.success};
       `};return t[a]??t.continued}}
 `,jL0=S.div`
   background: #fff;

package/package.json

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

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

@@ -1,23 +1,37 @@
 // TimeLine.mapper.ts
-import { TimelineItem, TimelineVariant, RemoteEvent } from './TimeLine.types';
+import {
+  TimelineItem,
+  TimelineVariant,
+  RemoteEvent,
+  EventType,
+} from './TimeLine.types';
+
+const eventTypeToVariant: Record<string, TimelineVariant> = {
+  [EventType.PartnerSubscribe]: 'accepted',
+  [EventType.PartnerQuote]: 'continued',
+  [EventType.ProposalRefused]: 'rejected',
+  [EventType.PartnerIssue]: 'issue',
+  [EventType.PartnerOrder]: 'order',
+};
+
+const eventTypeToTitle: Record<string, string> = {
+  [EventType.PartnerSubscribe]: 'Subscrição realizada',
+  [EventType.PartnerQuote]: 'Cotação processada',
+  [EventType.ProposalRefused]: 'Proposta recusada',
+  [EventType.PartnerIssue]: 'Emissão realizada',
+  [EventType.PartnerOrder]: 'Proposta realizada',
+};
 
 function toVariant(eventType: string): TimelineVariant {
-  if (eventType === 'subscription:partner_subscribe') return 'accepted';
-  if (eventType === 'subscription:partner_quote') return 'continued';
-  if (eventType === 'order:proposal_refused') return 'rejected';
-  if (eventType === 'issue:partner_issue') return 'issue';
-  return 'continued';
+  return eventTypeToVariant[eventType] || 'continued';
 }
 
 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';
-  if (eventType === 'issue:partner_issue') return 'Emissão realizada';
-  return data?.title ? String(data.title) : eventType;
+  return (
+    eventTypeToTitle[eventType] ||
+    (data?.title ? String(data.title) : eventType)
+  );
 }
 
 export function mapRemoteToTimeline(items: RemoteEvent[]): TimelineItem[] {

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

@@ -58,6 +58,9 @@ export const Dot = styled.span<{
       issue: css`
         background: ${semanticColors.global.surface.status.online};
       `,
+      order: css`
+        background: ${semanticColors.global.surface.status.online};
+      `,
     };
     return map[$variant as TimelineVariant] ?? map['continued'];
   }}
@@ -79,6 +82,9 @@ export const Dot = styled.span<{
       issue: css`
         border-color: ${semanticColors.global.border.feedback.success};
       `,
+      order: css`
+        border-color: ${semanticColors.global.border.feedback.success};
+      `,
     };
     return map[$variant as TimelineVariant] ?? map['continued'];
   }}

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

@@ -4,7 +4,16 @@ export type TimelineVariant =
   | 'continued'
   | 'rejected'
   | 'download'
-  | 'issue';
+  | 'issue'
+  | 'order';
+
+export enum EventType {
+  PartnerSubscribe = 'subscription:partner_subscribe',
+  PartnerQuote = 'subscription:partner_quote',
+  ProposalRefused = 'order:proposal_refused',
+  PartnerIssue = 'issue:partner_issue',
+  PartnerOrder = 'order:partner_order',
+}
 
 export interface TimelineItem {
   id: string;
@@ -43,6 +52,7 @@ export type RemoteEventType =
   | 'subscription:partner_subscribe'
   | 'order:proposal_refused'
   | 'issue:partner_issue'
+  | 'order:partner_order'
   | string;
 
 export interface RemoteEventActor {