@visma-swno/gaia-chat-ui 2.1.3 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [3.0.0](https://github.com/visma-swno/vsn-assistant/compare/web-component@v2.1.3...web-component@v3.0.0) (2025-10-14)
+
+
+### ⚠ BREAKING CHANGES
+
+* The authentication system has been completely redesigned for better flexibility and security.
+* **deps-dev:** <a href="https://redirect.github.com/capricorn86/happy-dom/issues/1620">#1620</a> Release v18.0.0</li> <li>See full diff in <a href="https://github.com/capricorn86/happy-dom/compare/v18.0.1...v19.0.2">compare view</a></li> </ul> </details> <br />
+
+### Features
+
+* add on-demand callback for token refresh ([#1192](https://github.com/visma-swno/vsn-assistant/issues/1192)) ([e5d6918](https://github.com/visma-swno/vsn-assistant/commit/e5d6918a9dc3eacecb2a4df77e724b9a53805a85))
+
+
+### Bug Fixes
+
+* add fixed container sizes ([#1188](https://github.com/visma-swno/vsn-assistant/issues/1188)) ([b2b30c9](https://github.com/visma-swno/vsn-assistant/commit/b2b30c91da672beff532409436ab3037f53c66bc))
+
+
+### Build System
+
+* **deps-dev:** bump happy-dom from 18.0.1 to 19.0.2 in /web-component ([#1158](https://github.com/visma-swno/vsn-assistant/issues/1158)) ([8eb4203](https://github.com/visma-swno/vsn-assistant/commit/8eb420315bbf0f2daae0b121570aba374c5af7a5))
+
 ## [2.1.3](https://github.com/visma-swno/vsn-assistant/compare/web-component@v2.1.2...web-component@v2.1.3) (2025-09-26)
 
 

package/README.md

@@ -21,10 +21,7 @@ import '@visma-swno/gaia-chat-ui';
 ```
 
 ```html
-<gaia-chat 
-  profile-id="default" 
-  base-url="https://your-api-endpoint.com" 
-  is-visitor>
+<gaia-chat profile-id="YOUR_PROFILE_ID" base-url="https://your-api-endpoint.com" is-visitor>
 </gaia-chat>
 ```
 

package/dist/{src/app → app}/app.d.ts

@@ -1,16 +1,13 @@
 import { PropertyValues } from 'lit';
+import { StrategyType } from '../auth/strategy-factory';
+import { TokenProvider } from '../auth/types';
 import { TwElement } from '../components/base-tw-element';
 export declare class ChatApp extends TwElement {
     baseUrl: string;
     profileId: string;
     supportPartnerId?: string;
-    vismaAccessToken?: string;
-    isVisitor: boolean;
-    /**
-     * Seconds before token expiration when the component should emit `token-expiring`.
-     * Default: 10 seconds.
-     */
-    tokenExpiringLeadSeconds: number;
+    tokenProvider?: TokenProvider;
+    authStrategy: StrategyType;
     closeable: boolean;
     private langObserver?;
     private state;
@@ -19,7 +16,8 @@ export declare class ChatApp extends TwElement {
     private welcomeMessages?;
     private unsubscribe?;
     private store;
-    private accessTokenProvider;
+    private strategyFactory;
+    private authProvider;
     private apiClient;
     private bootstrapEffect;
     private streamEffect;
@@ -28,8 +26,8 @@ export declare class ChatApp extends TwElement {
     private feedbackEffect;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private onPrincipalChanged;
-    updated(changedProperties: PropertyValues): void;
+    private handleAuthChanged;
+    willUpdate(changedProperties: PropertyValues): void;
     private checkPlatform;
     private onSendMessage;
     private onApproveToolCall;
@@ -49,4 +47,3 @@ declare global {
         'gaia-chat': ChatApp;
     }
 }
-//# sourceMappingURL=app.d.ts.map

package/dist/{src/app → app}/controllers/error-controller.d.ts

@@ -8,4 +8,3 @@ export declare class ErrorController implements ReactiveController {
     private onOffline;
     private onOnline;
 }
-//# sourceMappingURL=error-controller.d.ts.map

package/dist/{src/app → app}/localization.d.ts

@@ -4,4 +4,3 @@ export declare const getLocale: (() => string) & {
     _LIT_LOCALIZE_SET_LOCALE_?: never;
 };
 export declare function parseLocaleCode(locale: string): "en" | "da" | "nb" | "sv";
-//# sourceMappingURL=localization.d.ts.map

package/dist/{src/app → app}/middlewares/middleware.d.ts

@@ -9,4 +9,3 @@ export interface IWithMiddleware {
 type Constructor<T = object> = new (...args: any[]) => T;
 export declare const WithMiddleware: <T extends Constructor<LitElement>>(Base: T) => T & Constructor<IWithMiddleware>;
 export {};
-//# sourceMappingURL=middleware.d.ts.map

package/dist/auth/auth-errors.d.ts

@@ -0,0 +1,17 @@
+export declare class AuthError extends Error {
+    readonly code: string;
+    constructor(message: string, code: string);
+}
+export declare class TokenExpiredError extends AuthError {
+    constructor();
+}
+export declare class TokenInvalidError extends AuthError {
+    constructor(reason?: string);
+}
+export declare class TokenRefreshError extends AuthError {
+    readonly innerError?: unknown | undefined;
+    constructor(innerError?: unknown | undefined);
+}
+export declare class StrategyNotConfiguredError extends AuthError {
+    constructor();
+}

package/dist/auth/auth-provider.d.ts

@@ -0,0 +1,10 @@
+import { AuthStrategy } from './strategies/base-strategy';
+export declare class AuthProvider {
+    private strategy;
+    useStrategy(strategy: AuthStrategy): void;
+    getStrategy(): AuthStrategy;
+    getIdentifier(): string | null;
+    getAccessToken(): Promise<string | null>;
+    refresh(): Promise<void>;
+    clear(): void;
+}

package/dist/auth/strategies/base-strategy.d.ts

@@ -0,0 +1,21 @@
+import { TokenCache } from '../token-cache';
+import { TokenParser } from '../token-parser';
+import { TokenStorage } from '../types';
+export interface AuthStrategy {
+    getName(): string;
+    getIdentifier(): string | null;
+    getAccessToken(): Promise<string | null>;
+    refresh(): Promise<void>;
+    clear(): void;
+}
+export declare abstract class BaseAuthStrategy implements AuthStrategy {
+    protected readonly parser: TokenParser;
+    protected readonly cache: TokenCache;
+    constructor(parser: TokenParser, storage?: TokenStorage);
+    abstract getName(): string;
+    protected abstract fetchToken(): Promise<string>;
+    getIdentifier(): string | null;
+    getAccessToken(): Promise<string | null>;
+    refresh(): Promise<void>;
+    clear(): void;
+}

package/dist/auth/strategies/null-auth-strategy.d.ts

@@ -0,0 +1,8 @@
+import { AuthStrategy } from './base-strategy';
+export declare class NullAuthStrategy implements AuthStrategy {
+    getName(): string;
+    getIdentifier(): string | null;
+    getAccessToken(): Promise<string | null>;
+    refresh(): Promise<void>;
+    clear(): void;
+}

package/dist/auth/strategies/visitor-token-strategy.d.ts

@@ -0,0 +1,9 @@
+import { TokenParser } from '../token-parser';
+import { TokenStorage } from '../types';
+import { BaseAuthStrategy } from './base-strategy';
+export declare class VisitorTokenStrategy extends BaseAuthStrategy {
+    private readonly baseUrl;
+    constructor(baseUrl: string, parser: TokenParser, storage?: TokenStorage);
+    getName(): string;
+    protected fetchToken(): Promise<string>;
+}

package/dist/auth/strategies/visma-token-strategy.d.ts

@@ -0,0 +1,9 @@
+import { TokenParser } from '../token-parser';
+import { TokenProvider } from '../types';
+import { BaseAuthStrategy } from './base-strategy';
+export declare class VismaTokenStrategy extends BaseAuthStrategy {
+    private readonly tokenProvider;
+    constructor(tokenProvider: TokenProvider, parser: TokenParser);
+    getName(): string;
+    protected fetchToken(): Promise<string>;
+}

package/dist/auth/strategy-factory.d.ts

@@ -0,0 +1,13 @@
+import { AuthStrategy } from './strategies/base-strategy';
+import { TokenParser } from './token-parser';
+import { TokenProvider, TokenStorage } from './types';
+export type StrategyType = 'visma' | 'visitor';
+export interface StrategyFactoryConfig {
+    parser?: TokenParser;
+    storage?: TokenStorage;
+}
+export declare class StrategyFactory {
+    private readonly config;
+    constructor(config: StrategyFactoryConfig);
+    create(type: StrategyType, tokenProvider?: TokenProvider, baseUrl?: string): AuthStrategy;
+}

package/dist/auth/token-cache.d.ts

@@ -0,0 +1,17 @@
+import { TokenParser } from './token-parser';
+import { TokenInfo, TokenStorage } from './types';
+export declare class TokenCache {
+    private readonly parser;
+    private readonly storage?;
+    private currentToken;
+    private refreshPromise;
+    constructor(parser: TokenParser, storage?: TokenStorage | undefined);
+    private loadFromStorage;
+    get(): TokenInfo | null;
+    set(token: string): TokenInfo;
+    clear(): void;
+    isExpired(): boolean;
+    getIdentifier(): string | null;
+    refreshWith(refreshFn: () => Promise<string>): Promise<TokenInfo | null>;
+    private performRefresh;
+}

package/dist/auth/token-parser.d.ts

@@ -0,0 +1,6 @@
+import { TokenInfo } from './types';
+export declare class TokenParser {
+    parse(token: string): TokenInfo;
+    isExpired(tokenInfo: TokenInfo): boolean;
+    getTimeToExpiry(tokenInfo: TokenInfo): number;
+}

package/dist/auth/types.d.ts

@@ -0,0 +1,17 @@
+export type TokenProvider = () => Promise<string>;
+export interface DecodedToken {
+    exp: number;
+    sub: string;
+    [key: string]: unknown;
+}
+export interface TokenInfo {
+    raw: string;
+    decoded: DecodedToken;
+    expiresAt: number;
+    subject: string;
+}
+export interface TokenStorage {
+    load(): string | null;
+    save(token: string): void;
+    clear(): void;
+}

package/dist/{src/components → components}/base-tw-element.d.ts

@@ -2,4 +2,3 @@ import { LitElement } from 'lit';
 export declare class TwElement extends LitElement {
     connectedCallback(): void;
 }
-//# sourceMappingURL=base-tw-element.d.ts.map

package/dist/{src/components → components}/composer.d.ts

@@ -18,4 +18,3 @@ export declare class Composer extends TwElement {
     private maybeEmitTyping;
     render(): import('lit-html').TemplateResult<1>;
 }
-//# sourceMappingURL=composer.d.ts.map

package/dist/{src/components → components}/error-message.d.ts

@@ -6,4 +6,3 @@ export declare class ErrorMessage extends TwElement {
     private clearError;
     render(): import('lit-html').TemplateResult<1> | typeof nothing;
 }
-//# sourceMappingURL=error-message.d.ts.map

package/dist/{src/components → components}/feedback-form.d.ts

@@ -11,4 +11,3 @@ export declare class FeedbackForm extends TwElement {
     private onCancel;
     render(): import('lit-html').TemplateResult<1>;
 }
-//# sourceMappingURL=feedback-form.d.ts.map

package/dist/{src/components → components}/menu.d.ts

@@ -8,4 +8,3 @@ export declare class Menu extends TwElement {
     private closeChat;
     render(): import('lit-html').TemplateResult<1>;
 }
-//# sourceMappingURL=menu.d.ts.map

package/dist/{src/components → components}/message/assistant.d.ts

@@ -8,7 +8,6 @@ export declare class AssistantMessage extends BaseMessage<AssistantMessageType>
     private declineToolCall;
     protected isHidden(): boolean;
     protected renderHeader(): import('lit-html').TemplateResult<1>;
-    protected renderBody(): import('lit-html/directive').DirectiveResult<typeof import('lit-html/directives/guard').GuardDirective>;
+    protected renderBody(): import('lit-html/directive.js').DirectiveResult<typeof import('lit-html/directives/guard.js').GuardDirective>;
     protected renderFooter(): import('lit-html').TemplateResult<1> | typeof nothing;
 }
-//# sourceMappingURL=assistant.d.ts.map

package/dist/{src/components → components}/message/base.d.ts

@@ -11,4 +11,3 @@ export declare class BaseMessage<T extends UiMessage> extends TwElement {
     protected renderFooter(): unknown;
     render(): import('lit-html').TemplateResult<1> | typeof nothing;
 }
-//# sourceMappingURL=base.d.ts.map

package/dist/{src/components → components}/message/index.d.ts

@@ -2,4 +2,3 @@ export * from './assistant';
 export * from './operator';
 export * from './system';
 export * from './user';
-//# sourceMappingURL=index.d.ts.map

package/dist/{src/components → components}/message/operator.d.ts

@@ -4,4 +4,3 @@ export declare class OperatorMessage extends BaseMessage<OperatorMessageType> {
     protected renderHeader(): import('lit-html').TemplateResult<1>;
     protected renderBody(): import('lit-html').TemplateResult<1> | null;
 }
-//# sourceMappingURL=operator.d.ts.map

package/dist/{src/components → components}/message/system.d.ts

@@ -8,4 +8,3 @@ export declare class SystemMessage extends BaseMessage<SystemMessageType> {
     private openFeedbackForm;
     protected renderBody(): import('lit-html').TemplateResult<1> | typeof nothing;
 }
-//# sourceMappingURL=system.d.ts.map

package/dist/{src/components → components}/message/user.d.ts

@@ -4,4 +4,3 @@ export declare class UserMessage extends BaseMessage<UserMessageType> {
     protected readonly position = "right";
     protected renderBody(): import('lit-html').TemplateResult<1> | null;
 }
-//# sourceMappingURL=user.d.ts.map

package/dist/{src/components → components}/message-list.d.ts

@@ -22,4 +22,3 @@ export declare class MessageList extends TwElement {
     private scrollFeedbackFormIntoView;
     render(): import('lit-html').TemplateResult<1>;
 }
-//# sourceMappingURL=message-list.d.ts.map

package/dist/{src/components → components}/shared/markdown.d.ts

@@ -1,2 +1 @@
 export declare function renderMarkdown(md: string): string;
-//# sourceMappingURL=markdown.d.ts.map

package/dist/{src/components → components}/thinking-indicator.d.ts

@@ -2,4 +2,3 @@ import { TwElement } from './base-tw-element';
 export declare class ThinkingIndicator extends TwElement {
     render(): import('lit-html').TemplateResult<1>;
 }
-//# sourceMappingURL=thinking-indicator.d.ts.map

package/dist/{src/components → components}/welcome-message.d.ts

@@ -8,4 +8,3 @@ export declare class WelcomeMessageComponent extends TwElement {
     private renderMessageBlock;
     render(): import('lit-html').TemplateResult<1>;
 }
-//# sourceMappingURL=welcome-message.d.ts.map

package/dist/{src/core → core}/effects/bootstrap-effect.d.ts

@@ -7,4 +7,3 @@ export declare class BootstrapEffect {
     initialize(): Promise<void>;
     clear(): Promise<void>;
 }
-//# sourceMappingURL=bootstrap-effect.d.ts.map

package/dist/{src/core → core}/effects/conversation-effect.d.ts

@@ -8,4 +8,3 @@ export declare class ConversationEffect {
     getHistory(): Promise<void>;
     clear(): void;
 }
-//# sourceMappingURL=conversation-effect.d.ts.map

package/dist/{src/core → core}/effects/feedback-effect.d.ts

@@ -7,4 +7,3 @@ export declare class FeedbackEffect {
     constructor(store: AppStore, svc: FeedbackService);
     submitFeedback(target: ChatChannel, rating: number, comment: string | null): Promise<void>;
 }
-//# sourceMappingURL=feedback-effect.d.ts.map

package/dist/{src/core → core}/effects/stream-effect.d.ts

@@ -14,4 +14,3 @@ export declare class StreamEffect {
     private consume;
     private requireConversation;
 }
-//# sourceMappingURL=stream-effect.d.ts.map

package/dist/{src/core → core}/effects/stream-event-router.d.ts

@@ -7,4 +7,3 @@ export type SseEventHandlers = {
     [E in ChatSseEvent['event']]: (event: SpecificChatSseEvent<E>) => void;
 };
 export declare const makeSseHandlers: (s: AppStore) => Partial<SseEventHandlers>;
-//# sourceMappingURL=stream-event-router.d.ts.map

package/dist/{src/core → core}/effects/support-effect.d.ts

@@ -1,13 +1,13 @@
-import { AccessTokenProvider } from '../../auth/access-token-provider';
+import { AuthProvider } from '../../auth/auth-provider';
 import { AppStore } from '../state';
 export declare class SupportEffect {
     private store;
-    private accessTokenProvider;
+    private authProvider;
     private connection?;
     private readonly typingTimeoutMs;
     private readonly operatorMsgIdByOp;
     private readonly typingTimeoutByOp;
-    constructor(store: AppStore, accessTokenProvider: AccessTokenProvider);
+    constructor(store: AppStore, authProvider: AuthProvider);
     start(baseUrl: string, conversationId: string): Promise<void>;
     stop(): Promise<void>;
     sendMessage(message: string): Promise<void>;
@@ -22,4 +22,3 @@ export declare class SupportEffect {
     private onClose;
     private onSupportEnded;
 }
-//# sourceMappingURL=support-effect.d.ts.map

package/dist/{src/core → core}/effects/task-runner.d.ts

@@ -3,4 +3,3 @@ export declare class TaskRunner {
     run<T>(fn: (signal: AbortSignal) => Promise<T>): Promise<T>;
     cancel(): void;
 }
-//# sourceMappingURL=task-runner.d.ts.map

package/dist/{src/core → core}/errors/app-error.d.ts

@@ -12,4 +12,3 @@ export type AppError = {
     cause?: unknown;
 };
 export declare function toAppError(err: unknown): AppError;
-//# sourceMappingURL=app-error.d.ts.map

package/dist/{src/core → core}/events/internal/commands.d.ts

@@ -45,4 +45,3 @@ export declare class MarkSeenCommand extends CustomEvent<{
 export declare class CloseChatCommand extends CustomEvent<void> {
     constructor();
 }
-//# sourceMappingURL=commands.d.ts.map

package/dist/{src/core → core}/events/internal/index.d.ts

@@ -1,3 +1,2 @@
 export * from './commands';
 export * from './utils';
-//# sourceMappingURL=index.d.ts.map

package/dist/{src/core → core}/events/internal/utils.d.ts

@@ -14,4 +14,3 @@ export declare function isCustomEvent<T extends keyof CustomEventMap>(e: Event,
 export type TypedEvent<K extends keyof CustomEventMap> = CustomEventMap[K];
 export declare function on<K extends keyof CustomEventMap>(target: EventTarget, type: K, handler: (e: TypedEvent<K>) => void, options?: boolean | AddEventListenerOptions): () => void;
 export declare function off<K extends keyof CustomEventMap>(target: EventTarget, type: K, handler: (e: TypedEvent<K>) => void, options?: boolean | AddEventListenerOptions): void;
-//# sourceMappingURL=utils.d.ts.map

package/dist/{src/core → core}/events/public/app.d.ts

@@ -29,23 +29,6 @@ export declare class FeedbackSubmittedEvent extends PublicEvent<{
 }> {
     constructor(rating: number, comment: string | null);
 }
-export declare class TokenUpdatedEvent extends PublicEvent<{
-    expiresAt: number | null;
-    token: string | null;
-}> {
-    constructor(expiresAt: number | null, token: string | null);
-}
-export declare class TokenExpiringEvent extends PublicEvent<{
-    expiresAt: number;
-    remainingMs: number;
-}> {
-    constructor(expiresAt: number, remainingMs: number);
-}
-export declare class TokenExpiredEvent extends PublicEvent<{
-    expiredAt: number;
-}> {
-    constructor(expiredAt: number);
-}
 export declare class CloseRequestedEvent extends PublicEvent<void> {
     constructor();
 }
@@ -56,10 +39,6 @@ declare global {
         'tool-call-approved': ToolCallApprovedEvent;
         'tool-call-declined': ToolCallDeclinedEvent;
         'feedback-submitted': FeedbackSubmittedEvent;
-        'token-updated': TokenUpdatedEvent;
-        'token-expiring': TokenExpiringEvent;
-        'token-expired': TokenExpiredEvent;
         'close-requested': CloseEvent;
     }
 }
-//# sourceMappingURL=app.d.ts.map

package/dist/{src/core → core}/events/transport/sse.d.ts

@@ -72,4 +72,3 @@ export type ChatSseEvent = {
         errorType?: ChatSseErrorType;
     };
 };
-//# sourceMappingURL=sse.d.ts.map

package/dist/{src/core → core}/events/transport/ws.d.ts

@@ -31,4 +31,3 @@ export type CloseMessageDto = {
     time: string;
 };
 export {};
-//# sourceMappingURL=ws.d.ts.map

package/dist/{src/core → core}/state/index.d.ts

@@ -7,4 +7,3 @@ export * from './slices/session-slice';
 export * from './slices/ui-slice';
 export * from './store';
 export declare const selectMessages: (s: AppState) => UiMessage[];
-//# sourceMappingURL=index.d.ts.map

package/dist/{src/core → core}/state/root-reducer.d.ts

@@ -16,4 +16,3 @@ export declare const resetAll: () => {
 export type ResetAction = ReturnType<typeof resetAll>;
 export type RootAction = ConfigAction | MessagesAction | UiAction | SessionAction | ResetAction;
 export declare function rootReducer(state: AppState, action: RootAction): AppState;
-//# sourceMappingURL=root-reducer.d.ts.map

package/dist/{src/core → core}/state/slices/config-slice.d.ts

@@ -17,4 +17,3 @@ export declare const setInitialized: () => ConfigAction;
 export declare const setConfig: (config: BootstrapConfigResponse) => ConfigAction;
 export declare const clearConfig: () => ConfigAction;
 export declare function configReducer(state: ConfigState | undefined, action: ConfigAction): ConfigState;
-//# sourceMappingURL=config-slice.d.ts.map

package/dist/{src/core → core}/state/slices/messages-slice.d.ts

@@ -32,4 +32,3 @@ export declare const deleteMessage: (id: string) => MessagesAction;
 export declare const patchMessage: (id: string, patch: Partial<UiMessage>) => MessagesAction;
 export declare const addContentDelta: (id: string, delta: string) => MessagesAction;
 export declare function messagesReducer(state: MessagesState | undefined, action: MessagesAction): MessagesState;
-//# sourceMappingURL=messages-slice.d.ts.map

package/dist/{src/core → core}/state/slices/session-slice.d.ts

@@ -34,4 +34,3 @@ export declare const setActive: (active: boolean) => SessionAction;
 export declare const setThinking: (thinking: boolean) => SessionAction;
 export declare const setBusy: (busy: boolean) => SessionAction;
 export declare function sessionReducer(state: SessionState | undefined, action: SessionAction): SessionState;
-//# sourceMappingURL=session-slice.d.ts.map

package/dist/{src/core → core}/state/slices/ui-slice.d.ts

@@ -26,4 +26,3 @@ export declare const closeFeedbackForm: () => UiAction;
 export declare const setError: (error: AppError | null) => UiAction;
 export declare const pushError: (error: AppError) => UiAction;
 export declare function uiReducer(state: UiState | undefined, action: UiAction): UiState;
-//# sourceMappingURL=ui-slice.d.ts.map

package/dist/{src/core → core}/state/store.d.ts

@@ -9,4 +9,3 @@ export declare class AppStore {
     subscribe(listener: (state: AppState) => void): () => boolean;
     dispatch(action: RootAction): void;
 }
-//# sourceMappingURL=store.d.ts.map

package/dist/{src/core → core}/types.d.ts

@@ -82,4 +82,3 @@ export type Conversation = {
     createdAt: string;
     updatedAt: string;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/{src/core → core}/utils/message-factory.d.ts

@@ -12,4 +12,3 @@ export declare function createOperatorMessage(operator: Operator, content: strin
     isTyping?: boolean;
 }): OperatorMessage;
 export {};
-//# sourceMappingURL=message-factory.d.ts.map