@uraiagent/react 0.0.1

package/dist/interfaces/components.d.ts

@@ -0,0 +1,9 @@
+import { AgentMessageProps } from '.';
+export type ComponentProps<TData> = AgentMessageProps<TData>;
+export type ComponentType = {
+    key: string;
+    component: React.ElementType;
+};
+export type OptionsType = {
+    components?: ComponentType[];
+};

package/dist/interfaces/config.d.ts

@@ -0,0 +1,101 @@
+import { ReactNode } from 'react';
+import { HandoffPayloadType } from '.';
+import { ComponentType } from './components';
+type User = {
+    name?: string;
+    email?: string;
+    phone: string;
+    avatar?: string;
+    custom?: Record<string, string>;
+};
+type Agent = {
+    name?: string;
+    logo?: string;
+};
+type ContainerProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+/**
+ * Public, grouped widget configuration.
+ *
+ * Styling is NOT configured here — the widget is pure namespaced CSS
+ * (`.uraiagent-*`) + design tokens (`--uw-*`). Retheme from your own stylesheet
+ * (e.g. `.uraiagent-root { --uw-color-primary: #6d28d9 }`). So there is no
+ * `theme.tokens` / `theme.classNames` — only the host `container` survives.
+ */
+export type WidgetConfig = {
+    identity: {
+        /** Widget ID from the dashboard. */
+        token: string;
+        organizationId: string;
+        agentId: string;
+    };
+    connection: {
+        /** Backend API base URL, e.g. "https://api.example.com". */
+        api: string;
+        headers?: Record<string, string>;
+        queryParams?: Record<string, string>;
+    };
+    content?: {
+        initialMessage?: string;
+        inputPlaceholder?: string;
+        description?: {
+            visible?: boolean;
+            text?: string;
+        };
+        /** Custom node rendered inside the trigger button. */
+        triggerIcon?: ReactNode;
+    };
+    behavior?: {
+        defaultOpen?: boolean;
+        closeOutside?: boolean;
+        debug?: boolean;
+        warn?: boolean;
+        language?: string;
+    };
+    people?: {
+        user?: User;
+        agent?: Agent;
+    };
+    on?: {
+        close?: () => void;
+        handoff?: (handout: HandoffPayloadType) => void;
+    };
+    /** Custom message/event components. */
+    components?: ComponentType[];
+    /** Props spread onto the widget's host container <div>. */
+    container?: ContainerProps;
+};
+/**
+ * Flat, resolved config — the shape every internal component reads via
+ * `useConfig()`. Produced from `WidgetConfig` by `normalizeConfig`.
+ */
+export type OptionsProps = {
+    token: string;
+    organizationId: string;
+    agentId: string;
+    api: string;
+    headers?: Record<string, string>;
+    queryParams?: Record<string, string>;
+    initialMessage?: string;
+    inputPlaceholder?: string;
+    description?: {
+        visible?: boolean;
+        text?: string;
+    };
+    triggerIcon?: ReactNode;
+    defaultOpen?: boolean;
+    closeOutside?: boolean;
+    debug?: boolean;
+    warn?: boolean;
+    language?: string;
+    user?: User;
+    agent?: Agent;
+    components?: ComponentType[];
+    onClose?: () => void;
+    onHandoff?: (handout: HandoffPayloadType) => void;
+    container?: ContainerProps;
+};
+/** Flatten the grouped public config into the internal flat shape. */
+export declare function normalizeConfig(c: WidgetConfig): OptionsProps;
+/** Back-compat alias for the flat shape. */
+export type ConfigProps = OptionsProps;
+export {};

package/dist/interfaces/form.d.ts

@@ -0,0 +1,15 @@
+export type FormFieldType = {
+    type: string;
+    name: string;
+    label: string;
+    value: string | boolean | Date;
+    checked: boolean;
+    setValue: (value: string | boolean) => void;
+    placeholder?: string;
+    required: boolean;
+    disabled: boolean;
+    description?: string;
+    onChange: (value: string | boolean | Date) => void;
+    onSelect: (value: string | boolean | Date) => void;
+};
+export type FormFieldProps = Omit<FormFieldType, "onChange" | "onSelect" | "setValue">;

package/dist/interfaces/helpers.d.ts

@@ -0,0 +1,2 @@
+export type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T : never;
+export type FunctionReturningPromise = (...args: any[]) => Promise<any>;

package/dist/interfaces/index.d.ts

@@ -0,0 +1,5 @@
+export * from './helpers';
+export * from './messages';
+export * from './components';
+export * from './config';
+export * from './translations';

package/dist/interfaces/messages.d.ts

@@ -0,0 +1,127 @@
+import { FormFieldProps } from './form';
+export type Meta = {
+    count: number;
+    page: number;
+    limit: number;
+    total_pages: number;
+    has_next: boolean;
+    has_previous: boolean;
+};
+export type AgentMessageProps<TData = Record<string, unknown>> = {
+    _id: string;
+    from: "agent";
+    type: string;
+    data: TData;
+    senderName?: string;
+    senderAvatarUrl?: string;
+    attachement?: {
+        type: string;
+        value: string;
+    };
+    createdAt: string;
+};
+export type UserMessageProps = {
+    _id: string;
+    from: "user";
+    message: string;
+    attachement?: {
+        type: string;
+        value: string;
+    };
+    createdAt: string;
+};
+export type EventMessageProps<TData = Record<string, unknown>> = {
+    _id: string;
+    from: "event";
+    type: string;
+    data: TData;
+    createdAt: string;
+};
+export type UserMessageFormProps = Omit<UserMessageProps, "from" | "_id" | "createdAt" | "session_id">;
+export type Message = AgentMessageProps | UserMessageProps | EventMessageProps;
+export type HistoryMessage = {
+    _id: string;
+    agent: {
+        name: string;
+        logo: string;
+        _id: string;
+    };
+    event?: {
+        _id: string;
+        type: string;
+        status: string;
+        data: Record<string, any>;
+    };
+    conversation_id: string;
+    source: "user" | "agent" | "support" | "event";
+    contact?: {
+        name: string;
+        email: string;
+    };
+    assigned?: {
+        public_name: string;
+        avatar: string;
+    };
+    attachment?: {
+        type: string;
+        value: string;
+    };
+    api_requests?: Record<string, any>;
+    debug?: Record<string, any>;
+    message: string;
+    createdAt: string;
+};
+export type HandoffPayloadType = {
+    summary: string;
+    sentiment: "happy" | "angry" | "neutral";
+};
+export type FollowUpProps = {
+    follow_up_questions: {
+        label: string;
+        value: string;
+    }[];
+};
+export type ConfirmationEvent = {
+    event_id: string;
+    status: string;
+};
+export type AgentResponseUI = {
+    _id: string;
+    type: "ui_form";
+    message_id: string;
+    action: {
+        submit_url: string;
+        request_type: string;
+        fields: FormFieldProps[];
+    };
+    createdAt: string;
+} | {
+    _id: string;
+    key: string;
+    type: "ui_component";
+    message_id: string;
+    request_response: Record<string, any>;
+    senderName?: string;
+    senderAvatarUrl?: string;
+    createdAt: string;
+} | {
+    _id: string;
+    type: "ui_confirmation";
+    message_id: string;
+    createdAt: string;
+};
+export declare enum EventEnum {
+    API_ACTION = "API_ACTION",
+    CONFIRM_EVENT = "CONFIRM_EVENT",
+    FORM_EVENT = "FORM_EVENT",
+    INTERFACE_EVENT = "INTERFACE_EVENT",
+    CALL_WEBHOOK = "CALL_WEBHOOK"
+}
+export declare enum ProgressEventType {
+    LOADING = "LOADING",
+    TYPING = "TYPING",
+    THINKING = "THINKING",
+    INFO = "INFO",
+    ERROR = "ERROR",
+    WARNING = "WARNING"
+}

package/dist/interfaces/translations.d.ts

@@ -0,0 +1,3 @@
+export type TranslatableMessages = {
+    [key: string]: string;
+};

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export default function cn(...inputs: ClassValue[]): string;

package/dist/utils/icons.d.ts

@@ -0,0 +1 @@
+export declare const FileSVGDraw: () => import("react/jsx-runtime").JSX.Element;

package/dist/utils/index.d.ts

@@ -0,0 +1,126 @@
+import { FormFieldType } from '../interfaces/form';
+import { default as json } from '../../../package.json';
+import { z } from 'zod';
+export declare const isServer: boolean;
+declare const isEmpty: (value: string | object | any[] | undefined) => boolean;
+declare const getLast: <T>(arr: T[]) => T | undefined;
+declare const get: <K extends keyof typeof json>(key: K) => {
+    name: string;
+    private: boolean;
+    version: string;
+    type: string;
+    description: string;
+    publishConfig: {
+        access: string;
+    };
+    scripts: {
+        dev: string;
+        clean: string;
+        "build:embed": string;
+        "build:lib": string;
+        format: string;
+        lint: string;
+        preview: string;
+        release: string;
+        prepublishOnly: string;
+        "update-dashboard-agent": string;
+    };
+    peerDependencies: {
+        "framer-motion": string;
+        postcss: string;
+        react: string;
+    };
+    devDependencies: {
+        "@eslint/js": string;
+        "@types/node": string;
+        "@types/react": string;
+        "@types/react-dom": string;
+        "@typescript-eslint/eslint-plugin": string;
+        "@typescript-eslint/parser": string;
+        "@vitejs/plugin-react": string;
+        eslint: string;
+        "eslint-plugin-react-hooks": string;
+        "eslint-plugin-react-refresh": string;
+        postcss: string;
+        prettier: string;
+        react: string;
+        "react-dom": string;
+        "release-it": string;
+        typescript: string;
+        "typescript-eslint": string;
+        vite: string;
+        "vite-plugin-dts": string;
+        "vite-tsconfig-paths": string;
+    };
+    files: string[];
+    author: {
+        name: string;
+        url: string;
+    };
+    main: string;
+    types: string;
+    exports: {
+        ".": {
+            require: string;
+            import: string;
+            default: string;
+            types: string;
+        };
+    };
+    dependencies: {
+        "@heroicons/react": string;
+        "@hookform/resolvers": string;
+        "@radix-ui/react-avatar": string;
+        "@radix-ui/react-checkbox": string;
+        "@radix-ui/react-dialog": string;
+        "@radix-ui/react-icons": string;
+        "@radix-ui/react-label": string;
+        "@radix-ui/react-popover": string;
+        "@radix-ui/react-progress": string;
+        "@radix-ui/react-radio-group": string;
+        "@radix-ui/react-scroll-area": string;
+        "@radix-ui/react-select": string;
+        "@radix-ui/react-separator": string;
+        "@radix-ui/react-slider": string;
+        "@radix-ui/react-slot": string;
+        "@radix-ui/react-switch": string;
+        "@radix-ui/react-tabs": string;
+        "@radix-ui/react-toast": string;
+        "@uidotdev/usehooks": string;
+        "class-variance-authority": string;
+        clsx: string;
+        cmdk: string;
+        "date-fns": string;
+        "framer-motion": string;
+        "html-react-parser": string;
+        immer: string;
+        "input-otp": string;
+        "lucide-react": string;
+        nanoid: string;
+        "pusher-js": string;
+        "react-day-picker": string;
+        "react-dropzone": string;
+        "react-hook-form": string;
+        "react-intersection-observer": string;
+        "react-markdown": string;
+        "react-phone-number-input": string;
+        "react-textarea-autosize": string;
+        "remark-gfm": string;
+        sonner: string;
+        vaul: string;
+        zod: string;
+    };
+}[K];
+declare const randomString: (length?: number) => string;
+declare const formatDates: (date: string) => string;
+/** Per-message timestamp shown inside the bubble, e.g. "27 Jun, 1:24 PM". */
+declare const formatMessageTime: (iso: string | undefined) => string | null;
+declare const getCurrentDate: () => string;
+declare const parse_json: <T extends Record<string, any>>(jsonString: string) => T | null;
+declare const convertLinkToElement: (message: string) => string;
+declare const getLastObject: (object: Record<string, any>) => any;
+export declare const generateZodSchema: (formFields: FormFieldType[]) => z.ZodObject<{
+    [x: string]: any;
+}, z.core.$strip>;
+export { isEmpty, getLast, get, randomString, formatDates, getCurrentDate, formatMessageTime, parse_json, convertLinkToElement, getLastObject, };
+export declare const composeRoot: (id: string, fluid?: boolean) => HTMLElement;

package/dist/utils/map.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+type RenderFunction<T> = (item: T, index: number) => ReactNode;
+interface MapProps<T> {
+    data: T[];
+    render: RenderFunction<T>;
+    fallback?: ReactNode;
+}
+export declare function Map<T>({ data, render, fallback }: MapProps<T>): string | number | bigint | true | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
+export {};