@cossistant/react 0.0.1

package/realtime/use-realtime.d.ts

@@ -0,0 +1,29 @@
+import { RealtimeEvent, RealtimeEventData, RealtimeEventType } from "../realtime-events.js";
+import { RealtimeContextValue } from "./provider.js";
+
+//#region src/realtime/use-realtime.d.ts
+type RealtimeHandlerContext<TContext> = TContext;
+type RealtimeEventMeta<TType extends RealtimeEventType, TContext> = {
+  event: RealtimeEvent<TType>;
+  context: RealtimeHandlerContext<TContext>;
+};
+type RealtimeEventHandler<TType extends RealtimeEventType, TContext> = (data: RealtimeEventData<TType>, meta: RealtimeEventMeta<TType, TContext>) => void | Promise<void>;
+type RealtimeEventHandlerEntry<TType extends RealtimeEventType, TContext> = RealtimeEventHandler<TType, TContext> | RealtimeEventHandler<TType, TContext>[];
+type RealtimeEventHandlersMap<TContext> = Partial<{ [TType in RealtimeEventType]: RealtimeEventHandlerEntry<TType, TContext> }>;
+type UseRealtimeOptions<TContext, THandlers extends RealtimeEventHandlersMap<TContext>> = {
+  events: THandlers;
+  websiteId?: string | null;
+  visitorId?: string | null;
+  context?: TContext;
+  onEventError?: (error: unknown, event: RealtimeEvent<RealtimeEventType>) => void;
+};
+declare function useRealtime<TContext = void, THandlers extends RealtimeEventHandlersMap<TContext> = RealtimeEventHandlersMap<TContext>>({
+  events,
+  websiteId,
+  visitorId,
+  context,
+  onEventError
+}: UseRealtimeOptions<TContext, THandlers>): RealtimeContextValue;
+//#endregion
+export { RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, RealtimeHandlerContext, useRealtime };
+//# sourceMappingURL=use-realtime.d.ts.map

package/realtime/use-realtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-realtime.d.ts","names":[],"sources":["../../src/realtime/use-realtime.ts"],"sourcesContent":[],"mappings":";;;;KAUY,mCAAmC;KAEnC,gCAAgC;SACpC,cAAc;EAHV,OAAA,EAIF,sBAJwB,CAID,QAJc,CAAA;AAE/C,CAAA;AAA6B,KAKjB,oBALiB,CAAA,cAKkB,iBALlB,EAAA,QAAA,CAAA,GAAA,CAAA,IAAA,EAMtB,iBANsB,CAMJ,KANI,CAAA,EAAA,IAAA,EAOtB,iBAPsB,CAOJ,KAPI,EAOG,QAPH,CAAA,EAAA,GAAA,IAAA,GAQjB,OARiB,CAAA,IAAA,CAAA;AAAe,KAUhC,yBAVgC,CAAA,cAW7B,iBAX6B,EAAA,QAAA,CAAA,GAczC,oBAdyC,CAcpB,KAdoB,EAcb,QAda,CAAA,GAezC,oBAfyC,CAepB,KAfoB,EAeb,QAfa,CAAA,EAAA;AACtB,KAgBV,wBAhBU,CAAA,QAAA,CAAA,GAgB2B,OAhB3B,CAAA,YAiBX,iBAjBH,GAiBuB,yBAjBvB,CAiBiD,KAjBjD,EAiBwD,QAjBxD,CAAA;KAoBH,kBAnBK,CAAA,QAAA,EAAA,kBAqBS,wBArBT,CAqBkC,QArBlC,CAAA,CAAA,GAAA;EAAsB,MAAA,EAuBvB,SAvBuB;EAGpB,SAAA,CAAA,EAAA,MAAA,GAAA,IAAoB;EAAA,SAAA,CAAA,EAAA,MAAA,GAAA,IAAA;SAAe,CAAA,EAuBpC,QAvBoC;cACtB,CAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAyBhB,aAzBgB,CAyBF,iBAzBE,CAAA,EAAA,GAAA,IAAA;;AACA,iBA4BT,WA5BS,CAAA,WAAA,IAAA,EAAA,kBA+BvB,wBA/BuB,CA+BE,QA/BF,CAAA,GA+Bc,wBA/Bd,CA+BuC,QA/BvC,CAAA,CAAA,CAAA;EAAA,MAAA;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAsCtB,kBAtCsB,CAsCH,QAtCG,EAsCO,SAtCP,CAAA,CAAA,EAsCJ,oBAtCI"}

package/realtime/use-realtime.js

@@ -0,0 +1,47 @@
+import { useRealtimeConnection } from "./provider.js";
+import { shouldDeliverEvent } from "./event-filter.js";
+import { useEffect, useRef } from "react";
+
+//#region src/realtime/use-realtime.ts
+function useRealtime({ events, websiteId, visitorId, context, onEventError }) {
+	const connection = useRealtimeConnection();
+	const handlersRef = useRef(events);
+	const contextRef = useRef(context);
+	const websiteIdRef = useRef(websiteId ?? null);
+	const visitorIdRef = useRef(visitorId ?? null);
+	const errorHandlerRef = useRef(onEventError);
+	useEffect(() => {
+		handlersRef.current = events;
+	}, [events]);
+	useEffect(() => {
+		contextRef.current = context;
+	}, [context]);
+	useEffect(() => {
+		websiteIdRef.current = websiteId ?? null;
+	}, [websiteId]);
+	useEffect(() => {
+		visitorIdRef.current = visitorId ?? null;
+	}, [visitorId]);
+	useEffect(() => {
+		errorHandlerRef.current = onEventError;
+	}, [onEventError]);
+	useEffect(() => connection.subscribe((event) => {
+		const handlers = handlersRef.current[event.type];
+		if (!handlers) return;
+		if (!shouldDeliverEvent(event, websiteIdRef.current, visitorIdRef.current)) return;
+		const payload = Array.isArray(handlers) ? handlers : [handlers];
+		for (const handler of payload) Promise.resolve(handler(event.payload, {
+			event,
+			context: contextRef.current
+		})).catch((error) => {
+			const errorHandler = errorHandlerRef.current;
+			if (errorHandler) errorHandler(error, event);
+			else console.error("[Realtime] Event handler threw an error", error);
+		});
+	}), [connection]);
+	return connection;
+}
+
+//#endregion
+export { useRealtime };
+//# sourceMappingURL=use-realtime.js.map

package/realtime/use-realtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-realtime.js","names":[],"sources":["../../src/realtime/use-realtime.ts"],"sourcesContent":["import type {\n\tAnyRealtimeEvent,\n\tRealtimeEvent,\n\tRealtimeEventData,\n\tRealtimeEventType,\n} from \"@cossistant/types/realtime-events\";\nimport { useEffect, useRef } from \"react\";\nimport { shouldDeliverEvent } from \"./event-filter\";\nimport { useRealtimeConnection } from \"./provider\";\n\nexport type RealtimeHandlerContext<TContext> = TContext;\n\nexport type RealtimeEventMeta<TType extends RealtimeEventType, TContext> = {\n\tevent: RealtimeEvent<TType>;\n\tcontext: RealtimeHandlerContext<TContext>;\n};\n\nexport type RealtimeEventHandler<TType extends RealtimeEventType, TContext> = (\n\tdata: RealtimeEventData<TType>,\n\tmeta: RealtimeEventMeta<TType, TContext>\n) => void | Promise<void>;\n\nexport type RealtimeEventHandlerEntry<\n\tTType extends RealtimeEventType,\n\tTContext,\n> =\n\t| RealtimeEventHandler<TType, TContext>\n\t| RealtimeEventHandler<TType, TContext>[];\n\nexport type RealtimeEventHandlersMap<TContext> = Partial<{\n\t[TType in RealtimeEventType]: RealtimeEventHandlerEntry<TType, TContext>;\n}>;\n\ntype UseRealtimeOptions<\n\tTContext,\n\tTHandlers extends RealtimeEventHandlersMap<TContext>,\n> = {\n\tevents: THandlers;\n\twebsiteId?: string | null;\n\tvisitorId?: string | null;\n\tcontext?: TContext;\n\tonEventError?: (\n\t\terror: unknown,\n\t\tevent: RealtimeEvent<RealtimeEventType>\n\t) => void;\n};\n\nexport function useRealtime<\n\tTContext = void,\n\tTHandlers extends\n\t\tRealtimeEventHandlersMap<TContext> = RealtimeEventHandlersMap<TContext>,\n>({\n\tevents,\n\twebsiteId,\n\tvisitorId,\n\tcontext,\n\tonEventError,\n}: UseRealtimeOptions<TContext, THandlers>) {\n\tconst connection = useRealtimeConnection();\n\tconst handlersRef = useRef<RealtimeEventHandlersMap<TContext>>(events);\n\tconst contextRef = useRef<TContext | undefined>(context);\n\tconst websiteIdRef = useRef<string | null>(websiteId ?? null);\n\tconst visitorIdRef = useRef<string | null>(visitorId ?? null);\n\tconst errorHandlerRef = useRef<\n\t\t| ((error: unknown, event: RealtimeEvent<RealtimeEventType>) => void)\n\t\t| undefined\n\t>(onEventError);\n\n\tuseEffect(() => {\n\t\thandlersRef.current = events;\n\t}, [events]);\n\n\tuseEffect(() => {\n\t\tcontextRef.current = context;\n\t}, [context]);\n\n\tuseEffect(() => {\n\t\twebsiteIdRef.current = websiteId ?? null;\n\t}, [websiteId]);\n\n\tuseEffect(() => {\n\t\tvisitorIdRef.current = visitorId ?? null;\n\t}, [visitorId]);\n\n\tuseEffect(() => {\n\t\terrorHandlerRef.current = onEventError;\n\t}, [onEventError]);\n\n\tuseEffect(\n\t\t() =>\n\t\t\tconnection.subscribe((event) => {\n\t\t\t\tconst handlers = handlersRef.current[event.type];\n\n\t\t\t\tif (!handlers) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t!shouldDeliverEvent(event, websiteIdRef.current, visitorIdRef.current)\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst payload = Array.isArray(handlers) ? handlers : [handlers];\n\n\t\t\t\tfor (const handler of payload) {\n\t\t\t\t\tPromise.resolve(\n\t\t\t\t\t\thandler(event.payload as never, {\n\t\t\t\t\t\t\tevent: event as never,\n\t\t\t\t\t\t\tcontext: contextRef.current as TContext,\n\t\t\t\t\t\t})\n\t\t\t\t\t).catch((error) => {\n\t\t\t\t\t\tconst errorHandler = errorHandlerRef.current;\n\t\t\t\t\t\tif (errorHandler) {\n\t\t\t\t\t\t\terrorHandler(error, event);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconsole.error(\"[Realtime] Event handler threw an error\", error);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}),\n\t\t[connection]\n\t);\n\n\treturn connection;\n}\n"],"mappings":";;;;;AA+CA,SAAgB,YAId,EACD,QACA,WACA,WACA,SACA,gBAC2C;CAC3C,MAAM,aAAa,uBAAuB;CAC1C,MAAM,cAAc,OAA2C,OAAO;CACtE,MAAM,aAAa,OAA6B,QAAQ;CACxD,MAAM,eAAe,OAAsB,aAAa,KAAK;CAC7D,MAAM,eAAe,OAAsB,aAAa,KAAK;CAC7D,MAAM,kBAAkB,OAGtB,aAAa;AAEf,iBAAgB;AACf,cAAY,UAAU;IACpB,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACf,aAAW,UAAU;IACnB,CAAC,QAAQ,CAAC;AAEb,iBAAgB;AACf,eAAa,UAAU,aAAa;IAClC,CAAC,UAAU,CAAC;AAEf,iBAAgB;AACf,eAAa,UAAU,aAAa;IAClC,CAAC,UAAU,CAAC;AAEf,iBAAgB;AACf,kBAAgB,UAAU;IACxB,CAAC,aAAa,CAAC;AAElB,iBAEE,WAAW,WAAW,UAAU;EAC/B,MAAM,WAAW,YAAY,QAAQ,MAAM;AAE3C,MAAI,CAAC,SACJ;AAGD,MACC,CAAC,mBAAmB,OAAO,aAAa,SAAS,aAAa,QAAQ,CAEtE;EAGD,MAAM,UAAU,MAAM,QAAQ,SAAS,GAAG,WAAW,CAAC,SAAS;AAE/D,OAAK,MAAM,WAAW,QACrB,SAAQ,QACP,QAAQ,MAAM,SAAkB;GACxB;GACP,SAAS,WAAW;GACpB,CAAC,CACF,CAAC,OAAO,UAAU;GAClB,MAAM,eAAe,gBAAgB;AACrC,OAAI,aACH,cAAa,OAAO,MAAM;OAE1B,SAAQ,MAAM,2CAA2C,MAAM;IAE/D;GAEF,EACH,CAAC,WAAW,CACZ;AAED,QAAO"}

package/realtime-events.d.ts

@@ -0,0 +1,344 @@
+import { z } from "zod";
+
+//#region ../types/src/realtime-events.d.ts
+
+/**
+ * Central event system for real-time communication
+ * All WebSocket and Redis Pub/Sub events are defined here
+ */
+declare const realtimeSchema: {
+  readonly userConnected: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    visitorId: z.ZodNullable<z.ZodString>;
+    userId: z.ZodNullable<z.ZodString>;
+    connectionId: z.ZodString;
+  }, z.core.$strip>;
+  readonly userDisconnected: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    visitorId: z.ZodNullable<z.ZodString>;
+    userId: z.ZodNullable<z.ZodString>;
+    connectionId: z.ZodString;
+  }, z.core.$strip>;
+  readonly visitorConnected: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    userId: z.ZodNullable<z.ZodString>;
+    visitorId: z.ZodString;
+    connectionId: z.ZodString;
+  }, z.core.$strip>;
+  readonly visitorDisconnected: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    userId: z.ZodNullable<z.ZodString>;
+    visitorId: z.ZodString;
+    connectionId: z.ZodString;
+  }, z.core.$strip>;
+  readonly userPresenceUpdate: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    visitorId: z.ZodNullable<z.ZodString>;
+    userId: z.ZodString;
+    status: z.ZodEnum<{
+      online: "online";
+      away: "away";
+      offline: "offline";
+    }>;
+    lastSeen: z.ZodString;
+  }, z.core.$strip>;
+  readonly conversationSeen: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    visitorId: z.ZodNullable<z.ZodString>;
+    userId: z.ZodNullable<z.ZodString>;
+    conversationId: z.ZodString;
+    aiAgentId: z.ZodNullable<z.ZodString>;
+    lastSeenAt: z.ZodString;
+  }, z.core.$strip>;
+  readonly conversationTyping: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    visitorId: z.ZodNullable<z.ZodString>;
+    userId: z.ZodNullable<z.ZodString>;
+    conversationId: z.ZodString;
+    aiAgentId: z.ZodNullable<z.ZodString>;
+    isTyping: z.ZodBoolean;
+    visitorPreview: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+  }, z.core.$strip>;
+  readonly timelineItemCreated: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    visitorId: z.ZodNullable<z.ZodString>;
+    userId: z.ZodNullable<z.ZodString>;
+    conversationId: z.ZodString;
+    item: z.ZodObject<{
+      id: z.ZodString;
+      conversationId: z.ZodString;
+      organizationId: z.ZodString;
+      visibility: z.ZodEnum<{
+        public: "public";
+        private: "private";
+      }>;
+      type: z.ZodEnum<{
+        message: "message";
+        event: "event";
+      }>;
+      text: z.ZodNullable<z.ZodString>;
+      parts: z.ZodArray<z.ZodUnknown>;
+      userId: z.ZodNullable<z.ZodString>;
+      visitorId: z.ZodNullable<z.ZodString>;
+      aiAgentId: z.ZodNullable<z.ZodString>;
+      createdAt: z.ZodString;
+      deletedAt: z.ZodNullable<z.ZodString>;
+    }, z.core.$strip>;
+  }, z.core.$strip>;
+  readonly conversationCreated: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    visitorId: z.ZodNullable<z.ZodString>;
+    userId: z.ZodNullable<z.ZodString>;
+    conversationId: z.ZodString;
+    conversation: z.ZodObject<{
+      id: z.ZodString;
+      title: z.ZodOptional<z.ZodString>;
+      createdAt: z.ZodString;
+      updatedAt: z.ZodString;
+      visitorId: z.ZodString;
+      websiteId: z.ZodString;
+      status: z.ZodDefault<z.ZodEnum<{
+        resolved: "resolved";
+        open: "open";
+        spam: "spam";
+      }>>;
+      lastTimelineItem: z.ZodOptional<z.ZodObject<{
+        id: z.ZodOptional<z.ZodString>;
+        conversationId: z.ZodString;
+        organizationId: z.ZodString;
+        visibility: z.ZodEnum<{
+          public: "public";
+          private: "private";
+        }>;
+        type: z.ZodEnum<{
+          message: "message";
+          event: "event";
+        }>;
+        text: z.ZodNullable<z.ZodString>;
+        parts: z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
+          type: z.ZodLiteral<"text">;
+          text: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+          type: z.ZodLiteral<"event">;
+          eventType: z.ZodEnum<{
+            assigned: "assigned";
+            unassigned: "unassigned";
+            participant_requested: "participant_requested";
+            participant_joined: "participant_joined";
+            participant_left: "participant_left";
+            status_changed: "status_changed";
+            priority_changed: "priority_changed";
+            tag_added: "tag_added";
+            tag_removed: "tag_removed";
+            resolved: "resolved";
+            reopened: "reopened";
+          }>;
+          actorUserId: z.ZodNullable<z.ZodString>;
+          actorAiAgentId: z.ZodNullable<z.ZodString>;
+          targetUserId: z.ZodNullable<z.ZodString>;
+          targetAiAgentId: z.ZodNullable<z.ZodString>;
+          message: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        }, z.core.$strip>, z.ZodObject<{
+          type: z.ZodLiteral<"image">;
+          url: z.ZodString;
+          mediaType: z.ZodString;
+          fileName: z.ZodOptional<z.ZodString>;
+          size: z.ZodOptional<z.ZodNumber>;
+          width: z.ZodOptional<z.ZodNumber>;
+          height: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>, z.ZodObject<{
+          type: z.ZodLiteral<"file">;
+          url: z.ZodString;
+          mediaType: z.ZodString;
+          fileName: z.ZodOptional<z.ZodString>;
+          size: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>]>>;
+        userId: z.ZodNullable<z.ZodString>;
+        aiAgentId: z.ZodNullable<z.ZodString>;
+        visitorId: z.ZodNullable<z.ZodString>;
+        createdAt: z.ZodString;
+        deletedAt: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+      }, z.core.$strip>>;
+    }, z.core.$strip>;
+    header: z.ZodObject<{
+      id: z.ZodString;
+      status: z.ZodEnum<{
+        resolved: "resolved";
+        open: "open";
+        spam: "spam";
+      }>;
+      priority: z.ZodEnum<{
+        normal: "normal";
+        high: "high";
+        low: "low";
+        urgent: "urgent";
+      }>;
+      organizationId: z.ZodString;
+      visitorId: z.ZodString;
+      visitor: z.ZodObject<{
+        id: z.ZodULID;
+        lastSeenAt: z.ZodNullable<z.ZodString>;
+        blockedAt: z.ZodNullable<z.ZodString>;
+        blockedByUserId: z.ZodNullable<z.ZodString>;
+        isBlocked: z.ZodBoolean;
+        contact: z.ZodNullable<z.ZodObject<{
+          id: z.ZodULID;
+          name: z.ZodNullable<z.ZodString>;
+          email: z.ZodNullable<z.ZodString>;
+          image: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>;
+      }, z.core.$strip>;
+      websiteId: z.ZodString;
+      channel: z.ZodString;
+      title: z.ZodNullable<z.ZodString>;
+      resolutionTime: z.ZodNullable<z.ZodNumber>;
+      startedAt: z.ZodNullable<z.ZodString>;
+      firstResponseAt: z.ZodNullable<z.ZodString>;
+      resolvedAt: z.ZodNullable<z.ZodString>;
+      resolvedByUserId: z.ZodNullable<z.ZodString>;
+      resolvedByAiAgentId: z.ZodNullable<z.ZodString>;
+      createdAt: z.ZodString;
+      updatedAt: z.ZodString;
+      deletedAt: z.ZodNullable<z.ZodString>;
+      lastMessageAt: z.ZodNullable<z.ZodString>;
+      lastSeenAt: z.ZodNullable<z.ZodString>;
+      lastTimelineItem: z.ZodNullable<z.ZodObject<{
+        id: z.ZodOptional<z.ZodString>;
+        conversationId: z.ZodString;
+        organizationId: z.ZodString;
+        visibility: z.ZodEnum<{
+          public: "public";
+          private: "private";
+        }>;
+        type: z.ZodEnum<{
+          message: "message";
+          event: "event";
+        }>;
+        text: z.ZodNullable<z.ZodString>;
+        parts: z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
+          type: z.ZodLiteral<"text">;
+          text: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+          type: z.ZodLiteral<"event">;
+          eventType: z.ZodEnum<{
+            assigned: "assigned";
+            unassigned: "unassigned";
+            participant_requested: "participant_requested";
+            participant_joined: "participant_joined";
+            participant_left: "participant_left";
+            status_changed: "status_changed";
+            priority_changed: "priority_changed";
+            tag_added: "tag_added";
+            tag_removed: "tag_removed";
+            resolved: "resolved";
+            reopened: "reopened";
+          }>;
+          actorUserId: z.ZodNullable<z.ZodString>;
+          actorAiAgentId: z.ZodNullable<z.ZodString>;
+          targetUserId: z.ZodNullable<z.ZodString>;
+          targetAiAgentId: z.ZodNullable<z.ZodString>;
+          message: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        }, z.core.$strip>, z.ZodObject<{
+          type: z.ZodLiteral<"image">;
+          url: z.ZodString;
+          mediaType: z.ZodString;
+          fileName: z.ZodOptional<z.ZodString>;
+          size: z.ZodOptional<z.ZodNumber>;
+          width: z.ZodOptional<z.ZodNumber>;
+          height: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>, z.ZodObject<{
+          type: z.ZodLiteral<"file">;
+          url: z.ZodString;
+          mediaType: z.ZodString;
+          fileName: z.ZodOptional<z.ZodString>;
+          size: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>]>>;
+        userId: z.ZodNullable<z.ZodString>;
+        aiAgentId: z.ZodNullable<z.ZodString>;
+        visitorId: z.ZodNullable<z.ZodString>;
+        createdAt: z.ZodString;
+        deletedAt: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+      }, z.core.$strip>>;
+      viewIds: z.ZodArray<z.ZodString>;
+      seenData: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        conversationId: z.ZodString;
+        userId: z.ZodNullable<z.ZodString>;
+        visitorId: z.ZodNullable<z.ZodString>;
+        aiAgentId: z.ZodNullable<z.ZodString>;
+        lastSeenAt: z.ZodString;
+        createdAt: z.ZodString;
+        updatedAt: z.ZodString;
+        deletedAt: z.ZodNullable<z.ZodString>;
+      }, z.core.$strip>>;
+    }, z.core.$strip>;
+  }, z.core.$strip>;
+  readonly visitorIdentified: z.ZodObject<{
+    websiteId: z.ZodString;
+    organizationId: z.ZodString;
+    userId: z.ZodNullable<z.ZodString>;
+    visitorId: z.ZodString;
+    visitor: z.ZodObject<{
+      id: z.ZodULID;
+      browser: z.ZodNullable<z.ZodString>;
+      browserVersion: z.ZodNullable<z.ZodString>;
+      os: z.ZodNullable<z.ZodString>;
+      osVersion: z.ZodNullable<z.ZodString>;
+      device: z.ZodNullable<z.ZodString>;
+      deviceType: z.ZodNullable<z.ZodString>;
+      ip: z.ZodNullable<z.ZodString>;
+      city: z.ZodNullable<z.ZodString>;
+      region: z.ZodNullable<z.ZodString>;
+      country: z.ZodNullable<z.ZodString>;
+      countryCode: z.ZodNullable<z.ZodString>;
+      latitude: z.ZodNullable<z.ZodNumber>;
+      longitude: z.ZodNullable<z.ZodNumber>;
+      language: z.ZodNullable<z.ZodString>;
+      timezone: z.ZodNullable<z.ZodString>;
+      screenResolution: z.ZodNullable<z.ZodString>;
+      viewport: z.ZodNullable<z.ZodString>;
+      createdAt: z.ZodString;
+      updatedAt: z.ZodString;
+      lastSeenAt: z.ZodNullable<z.ZodString>;
+      websiteId: z.ZodULID;
+      organizationId: z.ZodULID;
+      blockedAt: z.ZodNullable<z.ZodString>;
+      blockedByUserId: z.ZodNullable<z.ZodString>;
+      isBlocked: z.ZodBoolean;
+      contact: z.ZodNullable<z.ZodObject<{
+        id: z.ZodULID;
+        externalId: z.ZodNullable<z.ZodString>;
+        name: z.ZodNullable<z.ZodString>;
+        email: z.ZodNullable<z.ZodEmail>;
+        image: z.ZodNullable<z.ZodURL>;
+        metadata: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodString, z.ZodNumber]>, z.ZodBoolean]>, z.ZodNull]>>>;
+        contactOrganizationId: z.ZodNullable<z.ZodULID>;
+        websiteId: z.ZodULID;
+        organizationId: z.ZodULID;
+        userId: z.ZodNullable<z.ZodULID>;
+        createdAt: z.ZodString;
+        updatedAt: z.ZodString;
+      }, z.core.$strip>>;
+    }, z.core.$strip>;
+  }, z.core.$strip>;
+};
+type RealtimeEventType = keyof typeof realtimeSchema;
+type RealtimeEventPayload<T extends RealtimeEventType> = z.infer<(typeof realtimeSchema)[T]>;
+type RealtimeEvent<T extends RealtimeEventType> = {
+  type: T;
+  payload: RealtimeEventPayload<T>;
+};
+type AnyRealtimeEvent = { [K in RealtimeEventType]: RealtimeEvent<K> }[RealtimeEventType];
+type RealtimeEventData<T extends RealtimeEventType> = RealtimeEventPayload<T>;
+//#endregion
+export { AnyRealtimeEvent, RealtimeEvent, RealtimeEventData, RealtimeEventType };
+//# sourceMappingURL=realtime-events.d.ts.map

package/realtime-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-events.d.ts","names":[],"sources":["../../types/src/realtime-events.ts"],"sourcesContent":[],"mappings":";;;;;;;;cAiBa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiED,iBAAA,gBAAiC;KAEjC,+BAA+B,qBAAqB,CAAA,CAAE,cACzD,gBAAgB;KAGb,wBAAwB;QAC7B;WACG,qBAAqB;;KAGnB,gBAAA,WACL,oBAAoB,cAAc,KACvC;KAEU,4BAA4B,qBACvC,qBAAqB"}

package/schemas.d.ts

@@ -0,0 +1,90 @@
+import { z } from "zod";
+
+//#region ../types/src/schemas.d.ts
+
+declare const conversationSchema: z.ZodObject<{
+  id: z.ZodString;
+  title: z.ZodOptional<z.ZodString>;
+  createdAt: z.ZodString;
+  updatedAt: z.ZodString;
+  visitorId: z.ZodString;
+  websiteId: z.ZodString;
+  status: z.ZodDefault<z.ZodEnum<{
+    resolved: "resolved";
+    open: "open";
+    spam: "spam";
+  }>>;
+  lastTimelineItem: z.ZodOptional<z.ZodObject<{
+    id: z.ZodOptional<z.ZodString>;
+    conversationId: z.ZodString;
+    organizationId: z.ZodString;
+    visibility: z.ZodEnum<{
+      public: "public";
+      private: "private";
+    }>;
+    type: z.ZodEnum<{
+      message: "message";
+      event: "event";
+    }>;
+    text: z.ZodNullable<z.ZodString>;
+    parts: z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
+      type: z.ZodLiteral<"text">;
+      text: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+      type: z.ZodLiteral<"event">;
+      eventType: z.ZodEnum<{
+        assigned: "assigned";
+        unassigned: "unassigned";
+        participant_requested: "participant_requested";
+        participant_joined: "participant_joined";
+        participant_left: "participant_left";
+        status_changed: "status_changed";
+        priority_changed: "priority_changed";
+        tag_added: "tag_added";
+        tag_removed: "tag_removed";
+        resolved: "resolved";
+        reopened: "reopened";
+      }>;
+      actorUserId: z.ZodNullable<z.ZodString>;
+      actorAiAgentId: z.ZodNullable<z.ZodString>;
+      targetUserId: z.ZodNullable<z.ZodString>;
+      targetAiAgentId: z.ZodNullable<z.ZodString>;
+      message: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+      type: z.ZodLiteral<"image">;
+      url: z.ZodString;
+      mediaType: z.ZodString;
+      fileName: z.ZodOptional<z.ZodString>;
+      size: z.ZodOptional<z.ZodNumber>;
+      width: z.ZodOptional<z.ZodNumber>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>, z.ZodObject<{
+      type: z.ZodLiteral<"file">;
+      url: z.ZodString;
+      mediaType: z.ZodString;
+      fileName: z.ZodOptional<z.ZodString>;
+      size: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>]>>;
+    userId: z.ZodNullable<z.ZodString>;
+    aiAgentId: z.ZodNullable<z.ZodString>;
+    visitorId: z.ZodNullable<z.ZodString>;
+    createdAt: z.ZodString;
+    deletedAt: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+  }, z.core.$strip>>;
+}, z.core.$strip>;
+type Conversation = z.infer<typeof conversationSchema>;
+declare const conversationSeenSchema: z.ZodObject<{
+  id: z.ZodString;
+  conversationId: z.ZodString;
+  userId: z.ZodNullable<z.ZodString>;
+  visitorId: z.ZodNullable<z.ZodString>;
+  aiAgentId: z.ZodNullable<z.ZodString>;
+  lastSeenAt: z.ZodString;
+  createdAt: z.ZodString;
+  updatedAt: z.ZodString;
+  deletedAt: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+type ConversationSeen = z.infer<typeof conversationSeenSchema>;
+//#endregion
+export { Conversation, ConversationSeen };
+//# sourceMappingURL=schemas.d.ts.map

package/schemas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemas.d.ts","names":[],"sources":["../../types/src/schemas.ts"],"sourcesContent":[],"mappings":";;;;cAkBa,oBAAkB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA,SAAA,aAAA;IAAA,SAAA,eAAA,cAAA,YAAA,CAAA,CAAA;EAiBnB,CAAA,eAAY,CAAA,CAAA;CAAA,eAAA,CAAA;AAAkB,KAA9B,YAAA,GAAe,CAAA,CAAE,KAAa,CAAA,OAAA,kBAAA,CAAA;AAAf,cAEd,sBAFgB,EAEM,CAAA,CAAA,SAFN,CAAA;EAAK,EAAA,aAAA;EAErB,cAAA,aAUX;EAAA,MAAA,eAAA,YAAA,CAAA;;;;;;;;KAEU,gBAAA,GAAmB,CAAA,CAAE,aAAa"}

package/support/components/avatar-stack.d.ts

@@ -0,0 +1,45 @@
+import * as react0 from "react";
+import { AvailableAIAgent, AvailableHumanAgent } from "@cossistant/types";
+
+//#region src/support/components/avatar-stack.d.ts
+type AvatarStackProps = {
+  humanAgents: AvailableHumanAgent[];
+  aiAgents: AvailableAIAgent[];
+  hideBranding?: boolean;
+  hideDefaultAIAgent?: boolean;
+  className?: string;
+  /** Size of avatars (default: 44px) */
+  size?: number;
+  /** Space between avatars (default: 28px) */
+  spacing?: number;
+  /** Gap width between avatars (default: 2px) */
+  gapWidth?: number;
+};
+declare const AvatarStackItem: ({
+  children,
+  index,
+  size,
+  spacing,
+  gapWidth,
+  className
+}: {
+  children: React.ReactNode;
+  index: number;
+  size?: number;
+  spacing?: number;
+  gapWidth?: number;
+  className?: string;
+}) => react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | null;
+declare function AvatarStack({
+  humanAgents,
+  aiAgents,
+  hideBranding,
+  hideDefaultAIAgent,
+  className,
+  size,
+  spacing,
+  gapWidth
+}: AvatarStackProps): react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | null;
+//#endregion
+export { AvatarStack, AvatarStackItem };
+//# sourceMappingURL=avatar-stack.d.ts.map

package/support/components/avatar-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-stack.d.ts","names":[],"sources":["../../../src/support/components/avatar-stack.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,gBAAA;eACS;YACH;EAFN,YAAA,CAAA,EAAA,OAAgB;EAAA,kBAAA,CAAA,EAAA,OAAA;WACP,CAAA,EAAA,MAAA;;EACa,IAAA,CAAA,EAAA,MAAA;EAYd;EA8CZ,OAAA,CAAA,EAAA,MAAA;;UA9C+B,CAAA,EAAA,MAAA;;AAAA,cAAnB,eAAmB,EAAA,CAAA;EAAA,QAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAgDhC,CAhDgC,EAAA;UAAA,EAQrB,KAAA,CAAM,SARe;OAAA,EAAA,MAAA;MAQrB,CAAA,EAAA,MAAM;SAAS,CAAA,EAMzB,MAAA;UAAA,CAAA,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;AAkCD,CAAA,EAAA,GAlCC,MAAA,CAAA,YAkC0B,CAAA,OAAA,EAAA,MAAA,GAxCD,MAAA,CAMzB,qBAkC0B,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA;AAAA,iBAAX,WAAA,CAAW;EAAA,WAAA;EAAA,QAAA;EAAA,YAAA;EAAA,kBAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EASxB,gBATwB,CAAA,EASR,MAAA,CAAA,YATQ,CAAA,OAAA,EAAA,MAAA,GASR,MAAA,CAAA,qBATQ,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA"}

package/support/components/avatar-stack.js

@@ -0,0 +1,72 @@
+import { cn } from "../utils/index.js";
+import { useRenderElement } from "../../utils/use-render-element.js";
+import { Avatar } from "./avatar.js";
+import { CossistantLogo } from "./cossistant-branding.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/support/components/avatar-stack.tsx
+const AvatarStackItem = ({ children, index, size = 44, spacing = 28, gapWidth = 2, className }) => {
+	const isFirst = index === 0;
+	const circleRadius = size * .5;
+	const cutoutRadius = circleRadius + gapWidth;
+	const cutoutPosition = `${circleRadius - spacing}px`;
+	return useRenderElement("div", { className }, { props: {
+		className: cn("relative grid place-items-center", !isFirst && "[mask-repeat:no-repeat] [mask-size:100%_100%]"),
+		style: {
+			width: `${size}px`,
+			height: `${size}px`,
+			...isFirst ? {} : {
+				mask: `radial-gradient(${cutoutRadius}px ${cutoutRadius}px at ${cutoutPosition} 50%, transparent ${cutoutRadius}px, white ${cutoutRadius}px)`,
+				WebkitMask: `radial-gradient(${cutoutRadius}px ${cutoutRadius}px at ${cutoutPosition} 50%, transparent ${cutoutRadius}px, white ${cutoutRadius}px)`
+			}
+		},
+		children
+	} });
+};
+function AvatarStack({ humanAgents, aiAgents, hideBranding = false, hideDefaultAIAgent = true, className, size = 44, spacing = 28, gapWidth = 3 }) {
+	const displayedHumanAgents = humanAgents.slice(0, 2);
+	const remainingHumanAgentsCount = Math.max(0, humanAgents.length - 2);
+	const items = [
+		...displayedHumanAgents.map((agent) => ({
+			type: "human",
+			agent
+		})),
+		...remainingHumanAgentsCount > 0 ? [{
+			type: "count",
+			count: remainingHumanAgentsCount
+		}] : [],
+		...hideDefaultAIAgent ? [] : [{
+			type: "ai",
+			agent: aiAgents[0]
+		}]
+	];
+	return useRenderElement("div", { className }, { props: {
+		className: "inline-grid items-center",
+		style: { gridTemplateColumns: `repeat(${items.length}, ${spacing}px)` },
+		children: items.map((item, index) => /* @__PURE__ */ jsxs(AvatarStackItem, {
+			gapWidth,
+			index,
+			size,
+			spacing,
+			children: [
+				item.type === "human" && /* @__PURE__ */ jsx(Avatar, {
+					className: cn("size-full"),
+					image: item.agent.image,
+					name: item.agent.name
+				}),
+				item.type === "count" && /* @__PURE__ */ jsxs("div", {
+					className: "flex size-full items-center justify-center rounded-full bg-co-background-200 font-medium text-co-text-900 text-sm dark:bg-co-background-500",
+					children: ["+", item.count]
+				}),
+				item.type === "ai" && /* @__PURE__ */ jsx("div", {
+					className: "flex size-full items-center justify-center rounded-full bg-co-background-200 dark:bg-co-background-600",
+					children: /* @__PURE__ */ jsx(CossistantLogo, { className: "h-[50%] min-h-4 w-[50%] min-w-4" })
+				})
+			]
+		}, `avatar-${index}`))
+	} });
+}
+
+//#endregion
+export { AvatarStack, AvatarStackItem };
+//# sourceMappingURL=avatar-stack.js.map

package/support/components/avatar-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-stack.js","names":[],"sources":["../../../src/support/components/avatar-stack.tsx"],"sourcesContent":["import type { AvailableAIAgent, AvailableHumanAgent } from \"@cossistant/types\";\nimport { useRenderElement } from \"../../utils/use-render-element\";\nimport { cn } from \"../utils\";\nimport { Avatar } from \"./avatar\";\nimport { CossistantLogo } from \"./cossistant-branding\";\n\ntype AvatarStackProps = {\n\thumanAgents: AvailableHumanAgent[];\n\taiAgents: AvailableAIAgent[];\n\thideBranding?: boolean;\n\thideDefaultAIAgent?: boolean;\n\tclassName?: string;\n\t/** Size of avatars (default: 44px) */\n\tsize?: number;\n\t/** Space between avatars (default: 28px) */\n\tspacing?: number;\n\t/** Gap width between avatars (default: 2px) */\n\tgapWidth?: number;\n};\n\nexport const AvatarStackItem = ({\n\tchildren,\n\tindex,\n\tsize = 44,\n\tspacing = 28,\n\tgapWidth = 2,\n\tclassName,\n}: {\n\tchildren: React.ReactNode;\n\tindex: number;\n\tsize?: number;\n\tspacing?: number;\n\tgapWidth?: number;\n\tclassName?: string;\n}) => {\n\tconst isFirst = index === 0;\n\n\t// Calculate the circle radius for the mask cutout\n\tconst circleRadius = size * 0.5;\n\tconst cutoutRadius = circleRadius + gapWidth; // Add gap width to create visible border\n\tconst cutoutPosition = `${circleRadius - spacing}px`;\n\n\treturn useRenderElement(\n\t\t\"div\",\n\t\t{ className },\n\t\t{\n\t\t\tprops: {\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"relative grid place-items-center\",\n\t\t\t\t\t!isFirst && \"[mask-repeat:no-repeat] [mask-size:100%_100%]\"\n\t\t\t\t),\n\t\t\t\tstyle: {\n\t\t\t\t\twidth: `${size}px`,\n\t\t\t\t\theight: `${size}px`,\n\t\t\t\t\t// Apply mask only to non-first items\n\t\t\t\t\t...(isFirst\n\t\t\t\t\t\t? {}\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tmask: `radial-gradient(${cutoutRadius}px ${cutoutRadius}px at ${cutoutPosition} 50%, transparent ${cutoutRadius}px, white ${cutoutRadius}px)`,\n\t\t\t\t\t\t\t\tWebkitMask: `radial-gradient(${cutoutRadius}px ${cutoutRadius}px at ${cutoutPosition} 50%, transparent ${cutoutRadius}px, white ${cutoutRadius}px)`,\n\t\t\t\t\t\t\t}),\n\t\t\t\t},\n\t\t\t\tchildren,\n\t\t\t},\n\t\t}\n\t);\n};\n\nexport function AvatarStack({\n\thumanAgents,\n\taiAgents,\n\thideBranding = false,\n\thideDefaultAIAgent = true,\n\tclassName,\n\tsize = 44,\n\tspacing = 28,\n\tgapWidth = 3,\n}: AvatarStackProps) {\n\tconst displayedHumanAgents = humanAgents.slice(0, 2);\n\tconst remainingHumanAgentsCount = Math.max(0, humanAgents.length - 2);\n\n\t// Create array of all items to display\n\tconst items = [\n\t\t...displayedHumanAgents.map((agent) => ({\n\t\t\ttype: \"human\" as const,\n\t\t\tagent,\n\t\t})),\n\t\t...(remainingHumanAgentsCount > 0\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: \"count\" as const,\n\t\t\t\t\t\tcount: remainingHumanAgentsCount,\n\t\t\t\t\t},\n\t\t\t\t]\n\t\t\t: []),\n\t\t...(hideDefaultAIAgent\n\t\t\t? []\n\t\t\t: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: \"ai\" as const,\n\t\t\t\t\t\tagent: aiAgents[0],\n\t\t\t\t\t},\n\t\t\t\t]),\n\t];\n\n\treturn useRenderElement(\n\t\t\"div\",\n\t\t{ className },\n\t\t{\n\t\t\tprops: {\n\t\t\t\tclassName: \"inline-grid items-center\",\n\t\t\t\tstyle: {\n\t\t\t\t\tgridTemplateColumns: `repeat(${items.length}, ${spacing}px)`,\n\t\t\t\t},\n\t\t\t\tchildren: items.map((item, index) => (\n\t\t\t\t\t<AvatarStackItem\n\t\t\t\t\t\tgapWidth={gapWidth}\n\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\tkey={`avatar-${index}`}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tspacing={spacing}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.type === \"human\" && (\n\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\tclassName={cn(\"size-full\")}\n\t\t\t\t\t\t\t\timage={item.agent.image}\n\t\t\t\t\t\t\t\tname={item.agent.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{item.type === \"count\" && (\n\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center rounded-full bg-co-background-200 font-medium text-co-text-900 text-sm dark:bg-co-background-500\">\n\t\t\t\t\t\t\t\t+{item.count}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{item.type === \"ai\" && (\n\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center rounded-full bg-co-background-200 dark:bg-co-background-600\">\n\t\t\t\t\t\t\t\t<CossistantLogo className=\"h-[50%] min-h-4 w-[50%] min-w-4\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</AvatarStackItem>\n\t\t\t\t)),\n\t\t\t},\n\t\t}\n\t);\n}\n"],"mappings":";;;;;;;AAoBA,MAAa,mBAAmB,EAC/B,UACA,OACA,OAAO,IACP,UAAU,IACV,WAAW,GACX,gBAQK;CACL,MAAM,UAAU,UAAU;CAG1B,MAAM,eAAe,OAAO;CAC5B,MAAM,eAAe,eAAe;CACpC,MAAM,iBAAiB,GAAG,eAAe,QAAQ;AAEjD,QAAO,iBACN,OACA,EAAE,WAAW,EACb,EACC,OAAO;EACN,WAAW,GACV,oCACA,CAAC,WAAW,gDACZ;EACD,OAAO;GACN,OAAO,GAAG,KAAK;GACf,QAAQ,GAAG,KAAK;GAEhB,GAAI,UACD,EAAE,GACF;IACA,MAAM,mBAAmB,aAAa,KAAK,aAAa,QAAQ,eAAe,oBAAoB,aAAa,YAAY,aAAa;IACzI,YAAY,mBAAmB,aAAa,KAAK,aAAa,QAAQ,eAAe,oBAAoB,aAAa,YAAY,aAAa;IAC/I;GACH;EACD;EACA,EACD,CACD;;AAGF,SAAgB,YAAY,EAC3B,aACA,UACA,eAAe,OACf,qBAAqB,MACrB,WACA,OAAO,IACP,UAAU,IACV,WAAW,KACS;CACpB,MAAM,uBAAuB,YAAY,MAAM,GAAG,EAAE;CACpD,MAAM,4BAA4B,KAAK,IAAI,GAAG,YAAY,SAAS,EAAE;CAGrE,MAAM,QAAQ;EACb,GAAG,qBAAqB,KAAK,WAAW;GACvC,MAAM;GACN;GACA,EAAE;EACH,GAAI,4BAA4B,IAC7B,CACA;GACC,MAAM;GACN,OAAO;GACP,CACD,GACA,EAAE;EACL,GAAI,qBACD,EAAE,GACF,CACA;GACC,MAAM;GACN,OAAO,SAAS;GAChB,CACD;EACH;AAED,QAAO,iBACN,OACA,EAAE,WAAW,EACb,EACC,OAAO;EACN,WAAW;EACX,OAAO,EACN,qBAAqB,UAAU,MAAM,OAAO,IAAI,QAAQ,MACxD;EACD,UAAU,MAAM,KAAK,MAAM,UAC1B,qBAAC;GACU;GACH;GAED;GACG;;IAER,KAAK,SAAS,WACd,oBAAC;KACA,WAAW,GAAG,YAAY;KAC1B,OAAO,KAAK,MAAM;KAClB,MAAM,KAAK,MAAM;MAChB;IAEF,KAAK,SAAS,WACd,qBAAC;KAAI,WAAU;gBAA8I,KAC1J,KAAK;MACF;IAEN,KAAK,SAAS,QACd,oBAAC;KAAI,WAAU;eACd,oBAAC,kBAAe,WAAU,oCAAoC;MACzD;;KAnBF,UAAU,QAqBE,CACjB;EACF,EACD,CACD"}