mcp-chat-ui 1.0.0

package/dist/components/VoiceOverlay.d.ts

@@ -0,0 +1,11 @@
+import type { ChatUITextConfig } from "../config";
+type VoiceOverlayProps = {
+    voiceMode: boolean;
+    waveData: number[];
+    voiceUploading: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+    text: ChatUITextConfig["voiceOverlay"];
+};
+export default function VoiceOverlay({ voiceMode, waveData, voiceUploading, onCancel, onConfirm, text, }: VoiceOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/VoiceOverlay.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = VoiceOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+function VoiceOverlay({ voiceMode, waveData, voiceUploading, onCancel, onConfirm, text, }) {
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: voiceMode && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -8 }, className: "flex w-full justify-center pb-2", style: { transformOrigin: "center" }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-[70%] items-center justify-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("button", { onClick: onCancel, disabled: voiceUploading, className: "inline-flex h-8 w-8 items-center justify-center rounded-full border border-gray-200 text-gray-700 hover:bg-gray-50", title: text.cancelTitle, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-[70%] items-center justify-center gap-[3px] overflow-hidden", children: waveData.map((h, i) => ((0, jsx_runtime_1.jsx)("span", { className: "w-[3px] rounded-full bg-gray-900/80 transition-[height] duration-80", style: { height: `${h}px` } }, i))) }), (0, jsx_runtime_1.jsx)("button", { onClick: onConfirm, disabled: voiceUploading, className: "inline-flex h-8 w-8 items-center justify-center rounded-full bg-gray-900 text-white hover:bg-[#252525]", title: text.confirmTitle, children: voiceUploading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin text-white" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-4 w-4" })) })] }) })) }));
+}

package/dist/config.d.ts

@@ -0,0 +1,179 @@
+export type ChatUIFontConfig = {
+    base?: string;
+    heading?: string;
+    mono?: string;
+};
+export type ChatUITheme = {
+    appBackground?: string;
+    panelBackground?: string;
+    panelBackgroundMuted?: string;
+    panelBackgroundSubtle?: string;
+    brand?: string;
+    brandHover?: string;
+    brandAlpha30?: string;
+    brandAlpha40?: string;
+    brandAlpha50?: string;
+    textMain?: string;
+    textEmphasis?: string;
+    textSupporting?: string;
+    textMuted?: string;
+    textSubtle?: string;
+    textDisabled?: string;
+    textOnBrand?: string;
+    userMessageBackground?: string;
+    userMessageText?: string;
+    neutralLightest?: string;
+    neutralLighter?: string;
+    neutralMedium?: string;
+    neutralDark?: string;
+    neutralDarker?: string;
+    neutralDarker80?: string;
+    borderDefault?: string;
+    accentBackground?: string;
+    accentText?: string;
+    warningBackground?: string;
+    warningText?: string;
+    errorBackground?: string;
+    errorText?: string;
+    focusRing?: string;
+    focusRingStrong?: string;
+    outlineShadow?: string;
+    elevatedShadow?: string;
+    selectOptionHover?: string;
+    cardSelectedBackground?: string;
+};
+export type ChatUITextConfig = {
+    topBar: {
+        sessionLabel: string;
+        clearButton: string;
+        clearTitle: string;
+        logoutButton: string;
+        logoutTitle: string;
+        loginButton: string;
+        loginTitle: string;
+    };
+    emptyState: {
+        title: string;
+    };
+    composer: {
+        selectedTaskPrefix: string;
+        selectionLineTemplate: string;
+        selectedTaskClearTitle: string;
+        attachTitle: string;
+        placeholderAuthRequired: string;
+        placeholderDefault: string;
+        voiceStartTitle: string;
+        voiceStopTitle: string;
+        sendTitle: string;
+    };
+    voiceOverlay: {
+        cancelTitle: string;
+        confirmTitle: string;
+    };
+    messageItem: {
+        moreButton: string;
+        selectCardTitle: string;
+        stopReadingTitle: string;
+        readMessageTitle: string;
+        linkButtonLabel: string;
+    };
+    taskCards: {
+        modalTitle: string;
+        takeActionButton: string;
+        showDocumentButton: string;
+    };
+    documentViewer: {
+        title: string;
+        downloadButton: string;
+        loading: string;
+        iframeTitle: string;
+        useGoogleViewer: string;
+        useDirectViewer: string;
+        errorSuffix: string;
+        proceedButton: string;
+    };
+    takeAction: {
+        backAriaLabel: string;
+        closeAriaLabel: string;
+        actionTypeLabel: string;
+        selectActionPlaceholder: string;
+        approveOption: string;
+        rejectOption: string;
+        commentsLabel: string;
+        commentsPlaceholder: string;
+        noEditableAttributes: string;
+        selectSignaturePlaceholder: string;
+        selectOptionPlaceholder: string;
+        signaturePlaceholder: string;
+        cancelButton: string;
+        submitButton: string;
+        nextButton: string;
+    };
+    toolResult: {
+        title: string;
+    };
+    alerts: {
+        clearConfirm: string;
+        clearFailedTemplate: string;
+        fetchHistoryFailed: string;
+        initMissingCredentials: string;
+        initMissingBaseUrl: string;
+        initMissingSubscriptionKey: string;
+        initMissingEndpoint: string;
+        initFailed: string;
+        initNoToken: string;
+        initChatFailedTemplate: string;
+        initChatNetworkError: string;
+        initChatErrorTemplate: string;
+        initRequired: string;
+        initNetworkError: string;
+        initErrorTemplate: string;
+    };
+    errors: {
+        assistantMessageTemplate: string;
+        microphoneAccess: string;
+        transcriptionStart: string;
+        sasRequestFailedTemplate: string;
+        noSasEntries: string;
+        invalidSasEntry: string;
+        chatFailedTemplate: string;
+        takeActionAuthRequired: string;
+        takeActionMissingRequestStep: string;
+        takeActionMissingSignature: string;
+        takeActionNoDocument: string;
+    };
+};
+export type ChatUITaskCardSize = {
+    width?: number;
+    height?: number;
+};
+export type ChatUIInitPreset = {
+    username: string;
+    password: string;
+};
+export type ChatUIInitPresets = {
+    requester?: ChatUIInitPreset;
+    provider?: ChatUIInitPreset;
+};
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export type ChatUITextConfigInput = DeepPartial<ChatUITextConfig>;
+export type ChatUISDKConfig = {
+    baseUrl: string;
+    apiSubscriptionKey: string;
+    loginSubscriptionKey: string;
+    token: string;
+    isDab: boolean;
+    showInitPanel?: boolean;
+    initializeChat: boolean;
+    contextWindow: string;
+};
+declare class SDKConfigStore {
+    private settings;
+    setConfig(next: ChatUISDKConfig): void;
+    getConfig(): ChatUISDKConfig;
+    getValue<Key extends keyof ChatUISDKConfig>(key: Key): ChatUISDKConfig[Key];
+}
+export declare const ChatUISDKConfigStoreInstance: SDKConfigStore;
+export {};

package/dist/config.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatUISDKConfigStoreInstance = void 0;
+class SDKConfigStore {
+    constructor() {
+        this.settings = null;
+    }
+    setConfig(next) {
+        this.settings = next;
+    }
+    getConfig() {
+        if (!this.settings) {
+            throw new Error("Init() must be called before rendering ChatUI.");
+        }
+        return this.settings;
+    }
+    getValue(key) {
+        if (!this.settings) {
+            throw new Error("Init() must be called before reading SDK config.");
+        }
+        return this.settings[key];
+    }
+}
+exports.ChatUISDKConfigStoreInstance = new SDKConfigStore();

package/dist/constants/chatDefaults.d.ts

@@ -0,0 +1,19 @@
+import type { ChatUIFontConfig, ChatUIInitPresets, ChatUITheme, ChatUITextConfig, ChatUITaskCardSize } from "../config";
+export declare const DEFAULT_API_BASE = "https://nazo-mcp-agents.azurewebsites.net";
+export declare const DEFAULT_API_KEY = "u8lfAaMWb1snOXdZ3foCA1snOXAzLWwQ1snOXdZ3A1ssaXAz";
+export declare const DEFAULT_DOMAIN = "dab.ae";
+export declare const DEFAULT_CONTEXT_WINDOW = "ComposeRequest";
+export declare const DEFAULT_SPEECH_LANG = "en-US";
+export declare const DEFAULT_TTS_LANG = "en-US";
+export declare const DEFAULT_SERVICE_BASE_URL = "";
+export declare const DEFAULT_API_SUBSCRIPTION_KEY = "";
+export declare const DEFAULT_SPEECH_REGION = "swedencentral";
+export declare const DEFAULT_SPEECH_KEY = "ECgw12TXQyOkzwOD5QpTGoMmQHy2MzdRZEzhkakctmrE8SaHHKENJQQJ99BEACfhMk5XJ3w3AAAAACOGgh1l";
+export declare const DEFAULT_INIT_CLIENT_TYPE = "c305d1d6-f2ad-4287-bdd3-29b9afb513f1";
+export declare const DEFAULT_TTS_VOICE_MAP: Record<string, string>;
+export declare const DEFAULT_INIT_PRESETS: ChatUIInitPresets;
+export declare const DEFAULT_THEME: ChatUITheme;
+export declare const DEFAULT_FONTS: ChatUIFontConfig;
+export declare const DEFAULT_TEXT: ChatUITextConfig;
+export declare const DEFAULT_TASK_CARD_SIZE: ChatUITaskCardSize;
+export declare const CHATUI_THEME_CSS = "\n.chatui-root {\n  background-color: var(--chat-background);\n  color: var(--chat-text-primary);\n  font-family: var(--chat-font-base);\n}\n\n.chatui-root .bg-\\[\\#252525\\] { background-color: var(--chat-primary) !important; }\n.chatui-root .hover\\:bg-\\[\\#252525\\]:hover { background-color: var(--chat-primary-hover) !important; }\n.chatui-root .bg-\\[\\#252525\\]\\/30 { background-color: var(--chat-primary-30) !important; }\n.chatui-root .bg-\\[\\#252525\\]\\/40 { background-color: var(--chat-primary-40) !important; }\n.chatui-root .bg-\\[\\#252525\\]\\/50 { background-color: var(--chat-primary-50) !important; }\n\n.chatui-root .bg-white { background-color: var(--chat-surface) !important; }\n.chatui-root .bg-white\\/95 { background-color: var(--chat-surface-muted) !important; }\n.chatui-root .bg-white\\/70 { background-color: var(--chat-surface-subtle) !important; }\n.chatui-root .bg-chat-card-selected { background-color: var(--chat-card-selected-bg) !important; }\n\n.chatui-root .bg-gray-50 { background-color: var(--chat-neutral-50) !important; }\n.chatui-root .bg-gray-100 { background-color: var(--chat-neutral-100) !important; }\n.chatui-root .bg-gray-400 { background-color: var(--chat-neutral-400) !important; }\n.chatui-root .bg-gray-900 { background-color: var(--chat-neutral-900) !important; }\n.chatui-root .bg-gray-900\\/80 { background-color: var(--chat-neutral-900-80) !important; }\n\n.chatui-root .hover\\:bg-gray-50:hover { background-color: var(--chat-neutral-50) !important; }\n.chatui-root .hover\\:bg-gray-100:hover { background-color: var(--chat-neutral-100) !important; }\n.chatui-root .hover\\:bg-gray-800:hover { background-color: var(--chat-neutral-800) !important; }\n.chatui-root .hover\\:bg-white:hover { background-color: var(--chat-surface) !important; }\n.chatui-root .hover\\:text-\\[\\#252525\\]:hover { color: var(--chat-primary) !important; }\n\n.chatui-root .text-white { color: var(--chat-text-inverse) !important; }\n.chatui-root .text-gray-900 { color: var(--chat-text-primary) !important; }\n.chatui-root .text-gray-800 { color: var(--chat-text-strong) !important; }\n.chatui-root .text-gray-700 { color: var(--chat-text-secondary) !important; }\n.chatui-root .text-gray-600 { color: var(--chat-text-muted) !important; }\n.chatui-root .text-gray-500 { color: var(--chat-text-subtle) !important; }\n.chatui-root .text-gray-400 { color: var(--chat-text-faint) !important; }\n\n.chatui-root .bg-blue-100 { background-color: var(--chat-accent-bg) !important; }\n.chatui-root .text-blue-700 { color: var(--chat-accent-text) !important; }\n.chatui-root .bg-amber-50 { background-color: var(--chat-warning-bg) !important; }\n.chatui-root .text-amber-700 { color: var(--chat-warning-text) !important; }\n.chatui-root .bg-red-50 { background-color: var(--chat-error-bg) !important; }\n.chatui-root .text-red-700 { color: var(--chat-error-text) !important; }\n\n.chatui-root .border,\n.chatui-root .border-b,\n.chatui-root .border-t,\n.chatui-root .border-l,\n.chatui-root .border-r,\n.chatui-root .border-x,\n.chatui-root .border-y { border-color: var(--chat-border) !important; }\n.chatui-root .border-gray-200 { border-color: var(--chat-border) !important; }\n.chatui-root .border-\\[\\#252525\\] { border-color: var(--chat-primary) !important; }\n\n.chatui-root .ring-\\[\\#252525\\]\\/5 { --tw-ring-color: var(--chat-ring) !important; }\n.chatui-root .focus\\:ring-\\[\\#252525\\]\\/10:focus { --tw-ring-color: var(--chat-ring-strong) !important; }\n\n.chatui-root .shadow-\\[0_0_0_1px_rgba\\(71,72,72,0\\.12\\)\\] { box-shadow: 0 0 0 1px var(--chat-shadow-outline) !important; }\n.chatui-root .shadow-\\[0_10px_40px_rgba\\(0,0,0,0\\.08\\)\\] { box-shadow: 0 10px 40px var(--chat-shadow-elevated) !important; }\n\n.chatui-root select option:hover,\n.chatui-root select option:focus,\n.chatui-root select option:checked {\n  background-color: var(--chat-select-option-hover) !important;\n}\n";

package/dist/constants/chatDefaults.js

@@ -0,0 +1,234 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CHATUI_THEME_CSS = exports.DEFAULT_TASK_CARD_SIZE = exports.DEFAULT_TEXT = exports.DEFAULT_FONTS = exports.DEFAULT_THEME = exports.DEFAULT_INIT_PRESETS = exports.DEFAULT_TTS_VOICE_MAP = exports.DEFAULT_INIT_CLIENT_TYPE = exports.DEFAULT_SPEECH_KEY = exports.DEFAULT_SPEECH_REGION = exports.DEFAULT_API_SUBSCRIPTION_KEY = exports.DEFAULT_SERVICE_BASE_URL = exports.DEFAULT_TTS_LANG = exports.DEFAULT_SPEECH_LANG = exports.DEFAULT_CONTEXT_WINDOW = exports.DEFAULT_DOMAIN = exports.DEFAULT_API_KEY = exports.DEFAULT_API_BASE = void 0;
+exports.DEFAULT_API_BASE = "https://nazo-mcp-agents.azurewebsites.net";
+exports.DEFAULT_API_KEY = "u8lfAaMWb1snOXdZ3foCA1snOXAzLWwQ1snOXdZ3A1ssaXAz";
+exports.DEFAULT_DOMAIN = "dab.ae";
+exports.DEFAULT_CONTEXT_WINDOW = "ComposeRequest";
+exports.DEFAULT_SPEECH_LANG = "en-US";
+exports.DEFAULT_TTS_LANG = "en-US";
+exports.DEFAULT_SERVICE_BASE_URL = "";
+exports.DEFAULT_API_SUBSCRIPTION_KEY = "";
+exports.DEFAULT_SPEECH_REGION = "swedencentral";
+exports.DEFAULT_SPEECH_KEY = "ECgw12TXQyOkzwOD5QpTGoMmQHy2MzdRZEzhkakctmrE8SaHHKENJQQJ99BEACfhMk5XJ3w3AAAAACOGgh1l";
+exports.DEFAULT_INIT_CLIENT_TYPE = "c305d1d6-f2ad-4287-bdd3-29b9afb513f1";
+exports.DEFAULT_TTS_VOICE_MAP = {
+    "en-US": "en-US-RyanMultilingualNeural",
+    "ar-EG": "en-US-RyanMultilingualNeural",
+};
+exports.DEFAULT_INIT_PRESETS = {};
+exports.DEFAULT_THEME = {
+    appBackground: "#ffffff",
+    panelBackground: "#ffffff",
+    panelBackgroundMuted: "rgba(255,255,255,0.95)",
+    panelBackgroundSubtle: "rgba(255,255,255,0.7)",
+    brand: "#252525",
+    brandHover: "#252525",
+    brandAlpha30: "rgba(37,37,37,0.3)",
+    brandAlpha40: "rgba(37,37,37,0.4)",
+    brandAlpha50: "rgba(37,37,37,0.5)",
+    textMain: "#111827",
+    textEmphasis: "#1f2937",
+    textSupporting: "#374151",
+    textMuted: "#4b5563",
+    textSubtle: "#6b7280",
+    textDisabled: "#9ca3af",
+    textOnBrand: "#ffffff",
+    userMessageBackground: "#f2f2f2",
+    userMessageText: "#111827",
+    neutralLightest: "#f9fafb",
+    neutralLighter: "#f3f4f6",
+    neutralMedium: "#9ca3af",
+    neutralDark: "#1f2937",
+    neutralDarker: "#111827",
+    neutralDarker80: "rgba(17,24,39,0.8)",
+    borderDefault: "#252525",
+    accentBackground: "#dbeafe",
+    accentText: "#1d4ed8",
+    warningBackground: "#fffbeb",
+    warningText: "#b45309",
+    errorBackground: "#fef2f2",
+    errorText: "#b91c1c",
+    focusRing: "rgba(37,37,37,0.05)",
+    focusRingStrong: "rgba(37,37,37,0.1)",
+    outlineShadow: "rgba(71,72,72,0.12)",
+    elevatedShadow: "rgba(0,0,0,0.08)",
+    selectOptionHover: "#f3f4f6",
+    cardSelectedBackground: "#E8E9EB",
+};
+exports.DEFAULT_FONTS = {
+    base: "inherit",
+    heading: "inherit",
+    mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+};
+exports.DEFAULT_TEXT = {
+    topBar: {
+        sessionLabel: "Session:",
+        clearButton: "Clear",
+        clearTitle: "Clear chat",
+        logoutButton: "Logout",
+        logoutTitle: "Logout",
+        loginButton: "Login",
+        loginTitle: "Login",
+    },
+    emptyState: {
+        title: "Whats on the agenda today?",
+    },
+    composer: {
+        selectedTaskPrefix: "Selected-",
+        selectionLineTemplate: "Select '{id}'",
+        selectedTaskClearTitle: "Clear selected task",
+        attachTitle: "Attach files",
+        placeholderAuthRequired: "Enter a Session ID from Login panel…",
+        placeholderDefault: "Message Copilot or @ mention a tab",
+        voiceStartTitle: "Voice input",
+        voiceStopTitle: "Stop voice",
+        sendTitle: "Send",
+    },
+    voiceOverlay: {
+        cancelTitle: "Cancel",
+        confirmTitle: "Use",
+    },
+    messageItem: {
+        moreButton: "More",
+        selectCardTitle: "Select card",
+        stopReadingTitle: "Stop reading",
+        readMessageTitle: "Read this message",
+        linkButtonLabel: "document",
+    },
+    taskCards: {
+        modalTitle: "Task details",
+        takeActionButton: "Take Action",
+        showDocumentButton: "Show document",
+    },
+    documentViewer: {
+        title: "Document preview",
+        downloadButton: "Download",
+        loading: "Loading document...",
+        iframeTitle: "Document",
+        useGoogleViewer: "Use Google Viewer",
+        useDirectViewer: "Use Direct Viewer",
+        errorSuffix: "If the document doesn't render, the Azure container may force download via headers or block CORS; in that case you can still use the Download button above.",
+        proceedButton: "Proceed",
+    },
+    takeAction: {
+        backAriaLabel: "Back",
+        closeAriaLabel: "Close",
+        actionTypeLabel: "Action Type *",
+        selectActionPlaceholder: "Select action",
+        approveOption: "Approve",
+        rejectOption: "Reject",
+        commentsLabel: "Comments",
+        commentsPlaceholder: "Comments",
+        noEditableAttributes: "No editable attributes available.",
+        selectSignaturePlaceholder: "Select signature",
+        selectOptionPlaceholder: "Select option",
+        signaturePlaceholder: "Signature",
+        cancelButton: "Cancel",
+        submitButton: "Submit",
+        nextButton: "Next",
+    },
+    toolResult: {
+        title: "Tool Result",
+    },
+    alerts: {
+        clearConfirm: "Clear this chat?",
+        clearFailedTemplate: "❌ Clear failed: {error}",
+        fetchHistoryFailed: "❌ Failed to fetch session history. Verify API Base URL, CORS, and that your server is running.",
+        initMissingCredentials: "Enter username and password, or provide an auth token.",
+        initMissingBaseUrl: "Base URL is required to initialize the chat.",
+        initMissingSubscriptionKey: "API subscription key is required to initialize the chat.",
+        initMissingEndpoint: "Initialization endpoint is required when no auth token is provided.",
+        initFailed: "Initialization failed",
+        initNoToken: "Initialization failed: no access token returned from server.",
+        initChatFailedTemplate: "initializeChat failed: {status} {statusText}{details}",
+        initChatNetworkError: "Network/CORS error during initializeChat. Check server URL and CORS settings.",
+        initChatErrorTemplate: "initializeChat error: {error}",
+        initRequired: "Please initialize the chat before sending a message.",
+        initNetworkError: "Network/CORS error. Check server URL and CORS settings.",
+        initErrorTemplate: "Initialization error: {error}",
+    },
+    errors: {
+        assistantMessageTemplate: "❌ {error}",
+        microphoneAccess: "Microphone access failed.",
+        transcriptionStart: "Failed to start real-time transcription.",
+        sasRequestFailedTemplate: "SAS request failed: {status} {statusText}{details}",
+        noSasEntries: "No attachment SAS entries returned from server.",
+        invalidSasEntry: "Invalid SAS entry: missing AttachmentName or AttachmentSAS.",
+        chatFailedTemplate: "Chat failed: {status} {statusText}{details}",
+        takeActionAuthRequired: "Initialization required before taking action.",
+        takeActionMissingRequestStep: "Missing request step id for this task.",
+        takeActionMissingSignature: "Select a signature before submitting.",
+        takeActionNoDocument: "Unable to generate document preview.",
+    },
+};
+exports.DEFAULT_TASK_CARD_SIZE = {
+    width: 280,
+};
+exports.CHATUI_THEME_CSS = `
+.chatui-root {
+  background-color: var(--chat-background);
+  color: var(--chat-text-primary);
+  font-family: var(--chat-font-base);
+}
+
+.chatui-root .bg-\\[\\#252525\\] { background-color: var(--chat-primary) !important; }
+.chatui-root .hover\\:bg-\\[\\#252525\\]:hover { background-color: var(--chat-primary-hover) !important; }
+.chatui-root .bg-\\[\\#252525\\]\\/30 { background-color: var(--chat-primary-30) !important; }
+.chatui-root .bg-\\[\\#252525\\]\\/40 { background-color: var(--chat-primary-40) !important; }
+.chatui-root .bg-\\[\\#252525\\]\\/50 { background-color: var(--chat-primary-50) !important; }
+
+.chatui-root .bg-white { background-color: var(--chat-surface) !important; }
+.chatui-root .bg-white\\/95 { background-color: var(--chat-surface-muted) !important; }
+.chatui-root .bg-white\\/70 { background-color: var(--chat-surface-subtle) !important; }
+.chatui-root .bg-chat-card-selected { background-color: var(--chat-card-selected-bg) !important; }
+
+.chatui-root .bg-gray-50 { background-color: var(--chat-neutral-50) !important; }
+.chatui-root .bg-gray-100 { background-color: var(--chat-neutral-100) !important; }
+.chatui-root .bg-gray-400 { background-color: var(--chat-neutral-400) !important; }
+.chatui-root .bg-gray-900 { background-color: var(--chat-neutral-900) !important; }
+.chatui-root .bg-gray-900\\/80 { background-color: var(--chat-neutral-900-80) !important; }
+
+.chatui-root .hover\\:bg-gray-50:hover { background-color: var(--chat-neutral-50) !important; }
+.chatui-root .hover\\:bg-gray-100:hover { background-color: var(--chat-neutral-100) !important; }
+.chatui-root .hover\\:bg-gray-800:hover { background-color: var(--chat-neutral-800) !important; }
+.chatui-root .hover\\:bg-white:hover { background-color: var(--chat-surface) !important; }
+.chatui-root .hover\\:text-\\[\\#252525\\]:hover { color: var(--chat-primary) !important; }
+
+.chatui-root .text-white { color: var(--chat-text-inverse) !important; }
+.chatui-root .text-gray-900 { color: var(--chat-text-primary) !important; }
+.chatui-root .text-gray-800 { color: var(--chat-text-strong) !important; }
+.chatui-root .text-gray-700 { color: var(--chat-text-secondary) !important; }
+.chatui-root .text-gray-600 { color: var(--chat-text-muted) !important; }
+.chatui-root .text-gray-500 { color: var(--chat-text-subtle) !important; }
+.chatui-root .text-gray-400 { color: var(--chat-text-faint) !important; }
+
+.chatui-root .bg-blue-100 { background-color: var(--chat-accent-bg) !important; }
+.chatui-root .text-blue-700 { color: var(--chat-accent-text) !important; }
+.chatui-root .bg-amber-50 { background-color: var(--chat-warning-bg) !important; }
+.chatui-root .text-amber-700 { color: var(--chat-warning-text) !important; }
+.chatui-root .bg-red-50 { background-color: var(--chat-error-bg) !important; }
+.chatui-root .text-red-700 { color: var(--chat-error-text) !important; }
+
+.chatui-root .border,
+.chatui-root .border-b,
+.chatui-root .border-t,
+.chatui-root .border-l,
+.chatui-root .border-r,
+.chatui-root .border-x,
+.chatui-root .border-y { border-color: var(--chat-border) !important; }
+.chatui-root .border-gray-200 { border-color: var(--chat-border) !important; }
+.chatui-root .border-\\[\\#252525\\] { border-color: var(--chat-primary) !important; }
+
+.chatui-root .ring-\\[\\#252525\\]\\/5 { --tw-ring-color: var(--chat-ring) !important; }
+.chatui-root .focus\\:ring-\\[\\#252525\\]\\/10:focus { --tw-ring-color: var(--chat-ring-strong) !important; }
+
+.chatui-root .shadow-\\[0_0_0_1px_rgba\\(71,72,72,0\\.12\\)\\] { box-shadow: 0 0 0 1px var(--chat-shadow-outline) !important; }
+.chatui-root .shadow-\\[0_10px_40px_rgba\\(0,0,0,0\\.08\\)\\] { box-shadow: 0 10px 40px var(--chat-shadow-elevated) !important; }
+
+.chatui-root select option:hover,
+.chatui-root select option:focus,
+.chatui-root select option:checked {
+  background-color: var(--chat-select-option-hover) !important;
+}
+`;

package/dist/helpers/api.d.ts

@@ -0,0 +1,12 @@
+export type RequestHeadersConfig = {
+    authToken?: string;
+    apiSubscriptionKey?: string;
+};
+export declare function buildRequestHeaders({ authToken, apiSubscriptionKey, }: RequestHeadersConfig): {
+    Authorization?: string | undefined;
+    "ocp-apim-subscription-key"?: string | undefined;
+    "Content-Type": string;
+};
+export declare function postJson(url: string, body: unknown, headers: Record<string, string>): Promise<any>;
+export declare function getDocumentUrl(storageBaseUrl: string, documentId: string | number, headers: Record<string, string>): Promise<string>;
+export declare function uploadFileWithSAS(sasUrl: string, blobName: string, file: File): Promise<string>;

package/dist/helpers/api.js

@@ -0,0 +1,104 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildRequestHeaders = buildRequestHeaders;
+exports.postJson = postJson;
+exports.getDocumentUrl = getDocumentUrl;
+exports.uploadFileWithSAS = uploadFileWithSAS;
+function buildRequestHeaders({ authToken, apiSubscriptionKey, }) {
+    return Object.assign(Object.assign({ "Content-Type": "application/json" }, (apiSubscriptionKey
+        ? { "ocp-apim-subscription-key": apiSubscriptionKey }
+        : {})), (authToken ? { Authorization: authToken } : {}));
+}
+function postJson(url, body, headers) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const res = yield fetch(url, {
+            method: "POST",
+            headers,
+            body: JSON.stringify(body),
+        });
+        if (!res.ok) {
+            let msg = "";
+            try {
+                msg = yield res.text();
+            }
+            catch (_a) { }
+            throw new Error(`Request failed: ${res.status} ${res.statusText}${msg ? ` - ${msg}` : ""}`);
+        }
+        return res.json().catch(() => ({}));
+    });
+}
+function getDocumentUrl(storageBaseUrl, documentId, headers) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const sasUrl = `${storageBaseUrl}/api/Storage/CreateReadSAS`;
+        const res = yield fetch(sasUrl, {
+            method: "GET",
+            headers,
+        });
+        if (!res.ok) {
+            let msg = "";
+            try {
+                msg = yield res.text();
+            }
+            catch (_a) { }
+            throw new Error(`CreateReadSAS failed: ${res.status} ${res.statusText}${msg ? ` - ${msg}` : ""}`);
+        }
+        const payload = yield res.json().catch(() => ({}));
+        const sas = payload === null || payload === void 0 ? void 0 : payload.Result;
+        if (!sas)
+            return "";
+        const parts = String(sas).split("?");
+        if (parts.length < 2)
+            return "";
+        return `${parts[0]}/${documentId}?${parts[1]}`;
+    });
+}
+function uploadFileWithSAS(sasUrl, blobName, file) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const url = new URL(sasUrl);
+        const parts = url.pathname.replace(/^\/+/, "").split("/");
+        if (parts.length === 1) {
+            const encodedBlobPath = blobName
+                .split("/")
+                .map(encodeURIComponent)
+                .join("/");
+            url.pathname = `/${parts[0]}/${encodedBlobPath}`;
+        }
+        const blobUrl = url.toString();
+        let resp;
+        try {
+            resp = yield fetch(blobUrl, {
+                method: "PUT",
+                headers: {
+                    "x-ms-blob-type": "BlockBlob",
+                    "x-ms-blob-content-type": file.type || "application/octet-stream",
+                    "x-ms-version": "2021-08-06",
+                },
+                body: file,
+            });
+        }
+        catch (err) {
+            if ((err === null || err === void 0 ? void 0 : err.name) === "TypeError") {
+                throw new Error("Network/CORS error. Ensure your Blob CORS allows your origin, method PUT, and headers x-ms-blob-type,x-ms-blob-content-type.");
+            }
+            throw err;
+        }
+        if (!resp.ok) {
+            let details = "";
+            try {
+                details = yield resp.text();
+            }
+            catch (_a) { }
+            throw new Error(`Azure upload failed: ${resp.status} ${resp.statusText}${details ? ` - ${details}` : ""}`);
+        }
+        return blobUrl;
+    });
+}

package/dist/helpers/taskAttributes.d.ts

@@ -0,0 +1,11 @@
+import type { RequestStepAttribute, UserSignatureOption } from "../models/chat.types";
+export declare function getSignatureLabel(sig: UserSignatureOption): string;
+export declare function getAttributeValueByAlias(attrs: RequestStepAttribute[], alias: string | null | undefined): string | number | null;
+export declare function isDocumentAttribute(attr: RequestStepAttribute, documentAttributeName: string | null | undefined): boolean;
+export declare function applyDocumentIdToAttributes(attrs: RequestStepAttribute[], documentAttributeName: string | null | undefined, documentId: string | number): RequestStepAttribute[];
+export declare function buildAttributePayload(attrs: RequestStepAttribute[]): {
+    AttributeTypeId: number;
+    Name: string;
+    Alias: string;
+    Value: string | number | null;
+}[];

package/dist/helpers/taskAttributes.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSignatureLabel = getSignatureLabel;
+exports.getAttributeValueByAlias = getAttributeValueByAlias;
+exports.isDocumentAttribute = isDocumentAttribute;
+exports.applyDocumentIdToAttributes = applyDocumentIdToAttributes;
+exports.buildAttributePayload = buildAttributePayload;
+function getSignatureLabel(sig) {
+    return sig.Name || `Signature ${sig.interactorSignatureId}`;
+}
+function getAttributeValueByAlias(attrs, alias) {
+    var _a;
+    if (!alias)
+        return null;
+    const match = attrs.find((attr) => attr.Alias === alias);
+    return (_a = match === null || match === void 0 ? void 0 : match.Value) !== null && _a !== void 0 ? _a : null;
+}
+function isDocumentAttribute(attr, documentAttributeName) {
+    if (!documentAttributeName)
+        return false;
+    return attr.Name === documentAttributeName || attr.Alias === documentAttributeName;
+}
+function applyDocumentIdToAttributes(attrs, documentAttributeName, documentId) {
+    if (!documentAttributeName)
+        return attrs;
+    return attrs.map((attr) => {
+        const matchesName = attr.Name === documentAttributeName;
+        const matchesAlias = attr.Alias === documentAttributeName;
+        if (!matchesName && !matchesAlias)
+            return attr;
+        return Object.assign(Object.assign({}, attr), { Value: String(documentId) });
+    });
+}
+function buildAttributePayload(attrs) {
+    return attrs.map((attr) => ({
+        AttributeTypeId: attr.AttributeTypeId,
+        Name: attr.Name,
+        Alias: attr.Alias,
+        Value: attr.Value,
+    }));
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ChatUI } from "./ChatUI";
+export type { ChatMessage, ChatUIProps, Role } from "./models/chat.types";
+export { Init, GetConfig, FinalizeSession, InitializeChatClients, InitializeChatSession, } from "./sdkUtilities";
+export type { InitializeChatClientsOptions, FinalizeSessionOptions, InitializeChatOptions, InitializeChatResult, } from "./sdkUtilities";
+export type { ChatUIFontConfig, ChatUIInitPreset, ChatUIInitPresets, ChatUISDKConfig, ChatUITheme, ChatUITaskCardSize, ChatUITextConfig, ChatUITextConfigInput, } from "./config";