@opencx/widget 3.0.11 → 3.0.12

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./widget-6i5ISSQC.cjs");exports.PubSub=e.PubSub;exports.WidgetCtx=e.WidgetCtx;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./widget.ctx-BFXSWWWZ.cjs");exports.PrimitiveState=t.PrimitiveState;exports.WidgetCtx=t.WidgetCtx;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,6 +1,6 @@
-import { P as b, W as e } from "./widget-BOaF1U-p.js";
+import { P as i, W as a } from "./widget.ctx-CKrjZfxE.js";
 export {
-  b as PubSub,
-  e as WidgetCtx
+  i as PrimitiveState,
+  a as WidgetCtx
 };
 //# sourceMappingURL=index.js.map

package/dist/react.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useUploadFiles-WylOvupS.cjs");function a(t,s,u){const{widgetCtx:{api:i}}=e.useWidget();return e._default(async o=>o==="up"?i.vote({action:"upvote",messagePublicId:t,sessionId:s}).then(u):i.vote({action:"downvote",messagePublicId:t,sessionId:s}).then(u),[i,t,s,u])}exports.WidgetProvider=e.WidgetProvider;exports.useConfig=e.useConfig;exports.useContact=e.useContact;exports.useIsAwaitingBotReply=e.useIsAwaitingBotReply;exports.useMessages=e.useMessages;exports.usePreludeData=e.usePreludeData;exports.usePubsub=e.usePubsub;exports.useSession=e.useSession;exports.useUploadFiles=e.useUploadFiles;exports.useWidget=e.useWidget;exports.useVote=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useUploadFiles-CgV45e1z.cjs");function a(t,s,u){const{widgetCtx:{api:i}}=e.useWidget();return e._default(async o=>o==="up"?i.vote({action:"upvote",messagePublicId:t,sessionId:s}).then(u):i.vote({action:"downvote",messagePublicId:t,sessionId:s}).then(u),[i,t,s,u])}exports.WidgetProvider=e.WidgetProvider;exports.useConfig=e.useConfig;exports.useContact=e.useContact;exports.useIsAwaitingBotReply=e.useIsAwaitingBotReply;exports.useMessages=e.useMessages;exports.usePreludeData=e.usePreludeData;exports.usePrimitiveState=e.usePrimitiveState;exports.useSession=e.useSession;exports.useUploadFiles=e.useUploadFiles;exports.useWidget=e.useWidget;exports.useVote=a;
 //# sourceMappingURL=react.cjs.map

package/dist/react.js

@@ -1,21 +1,21 @@
-import { u as o, _ as r } from "./useUploadFiles-B-HZXbPR.js";
-import { W as p, a as d, b as f, c as b, d as c, e as m, f as v, g as P, h } from "./useUploadFiles-B-HZXbPR.js";
-function n(e, t, s) {
-  const { widgetCtx: { api: a } } = o();
-  return r(
-    async (u) => u === "up" ? a.vote({ action: "upvote", messagePublicId: e, sessionId: t }).then(s) : a.vote({ action: "downvote", messagePublicId: e, sessionId: t }).then(s),
-    [a, e, t, s]
+import { u as o, _ as i } from "./useUploadFiles-BQkTgy3Z.js";
+import { W as p, a as d, b as f, c as m, d as v, e as c, f as P, g as b, h } from "./useUploadFiles-BQkTgy3Z.js";
+function n(e, t, a) {
+  const { widgetCtx: { api: s } } = o();
+  return i(
+    async (u) => u === "up" ? s.vote({ action: "upvote", messagePublicId: e, sessionId: t }).then(a) : s.vote({ action: "downvote", messagePublicId: e, sessionId: t }).then(a),
+    [s, e, t, a]
   );
 }
 export {
   p as WidgetProvider,
   d as useConfig,
   f as useContact,
-  b as useIsAwaitingBotReply,
-  c as useMessages,
-  m as usePreludeData,
-  v as usePubsub,
-  P as useSession,
+  m as useIsAwaitingBotReply,
+  v as useMessages,
+  c as usePreludeData,
+  P as usePrimitiveState,
+  b as useSession,
   h as useUploadFiles,
   n as useVote,
   o as useWidget

package/dist/src/headless/core/context/{contact.d.ts → contact.ctx.d.ts}

@@ -1,4 +1,4 @@
-import { PubSub } from '../utils/PubSub';
+import { PrimitiveState } from '../utils/PrimitiveState';
 import { ApiCaller } from '../api';
 import { WidgetConfig } from '../types/WidgetConfig';
 import { Dto } from '../sdk';
@@ -12,13 +12,13 @@ type ContactState = {
 export declare class ContactCtx {
     private config;
     private api;
-    state: PubSub<ContactState>;
+    state: PrimitiveState<ContactState>;
     constructor({ config, api, }: {
         api: ApiCaller;
         config: WidgetConfig;
     });
     shouldCollectData: () => boolean;
-    autoCreateUnverifiedUser: () => Promise<void>;
+    private autoCreateUnverifiedUser;
     createUnverifiedContact: (payload: Dto["CreateUnverifiedContactDto"]) => Promise<void>;
 }
 export {};

package/dist/src/headless/core/context/message.ctx.d.ts

@@ -0,0 +1,33 @@
+import { ApiCaller } from '../api';
+import { WidgetConfig } from '../types/WidgetConfig';
+import { SafeOmit, SomeOptional } from '../types/helpers';
+import { MessageType } from '../types/messages';
+import { SendMessageDto } from '../types/schemas';
+import { PrimitiveState } from '../utils/PrimitiveState';
+import { SessionCtx } from './session.ctx';
+export declare class MessageCtx {
+    private config;
+    private api;
+    private sessionCtx;
+    private poller;
+    state: PrimitiveState<{
+        messages: MessageType[];
+        isSendingMessage: boolean;
+        suggestedReplies: string[] | null;
+    }>;
+    private sendMessageAbortController;
+    constructor({ config, api, sessionCtx, }: {
+        config: WidgetConfig;
+        api: ApiCaller;
+        sessionCtx: SessionCtx;
+    });
+    reset: () => void;
+    private registerPolling;
+    sendMessage: (input: SomeOptional<SafeOmit<SendMessageDto, "bot_token" | "uuid">, "session_id" | "user">) => Promise<void>;
+    private fetchAndSetHistory;
+    /** Not the best name but whatever */
+    private static mapHistoryToMessage;
+    private static toUserMessage;
+    private static toBotMessage;
+    private static toErrorMessage;
+}

package/dist/src/headless/core/context/router.ctx.d.ts

@@ -0,0 +1,29 @@
+import { PrimitiveState } from '../utils/PrimitiveState';
+import { ContactCtx } from './contact.ctx';
+import { SessionCtx } from './session.ctx';
+import { WidgetCtx } from './widget.ctx';
+type RouterState = {
+    screen: /** A welcome screen to collect user data. Useful in public non-logged-in environments */ "welcome"
+    /** Show a list of the user's previous sessions */
+     | "sessions"
+    /** Self-explanatory */
+     | "chat";
+};
+export declare class RouterCtx {
+    state: PrimitiveState<RouterState>;
+    private contactCtx;
+    private sessionCtx;
+    private resetChat;
+    constructor({ contactCtx, sessionCtx, resetChat, }: {
+        contactCtx: ContactCtx;
+        sessionCtx: SessionCtx;
+        resetChat: WidgetCtx["resetChat"];
+    });
+    private registerRoutingListener;
+    toSessionsScreen: () => void;
+    /**
+     * @param sessionId The ID of the session to open, or `undefined` if it is a new chat session
+     */
+    toChatScreen: (sessionId?: string) => void;
+}
+export {};

package/dist/src/headless/core/context/{session.d.ts → session.ctx.d.ts}

@@ -1,29 +1,33 @@
 import { ApiCaller } from '../api';
 import { SessionDto } from '../types/schemas';
 import { WidgetConfig } from '../types/WidgetConfig';
-import { PubSub } from '../utils/PubSub';
-import { ContactCtx } from './contact';
-type SessionCtxState = {
-    /** The currently selected session */
+import { PrimitiveState } from '../utils/PrimitiveState';
+import { ContactCtx } from './contact.ctx';
+type SessionState = {
+    /**
+     * The currently selected session.
+     * Can be null if no session is selected, or if in chat screen and the session is not created yet.
+     */
     session: SessionDto | null;
-    sessions: {
-        /** List of all user sessions */
-        data: SessionDto[];
-        /** A cursor to get the next page of sessions */
-        cursor: string | undefined;
-        /** Indicates if no more pages are left */
-        isLastPage: boolean;
-        /** Did fetch for the first time */
-        didInitialFetch: boolean;
-    };
     isCreatingSession: boolean;
 };
+type SessionsState = {
+    /** List of all user sessions */
+    data: SessionDto[];
+    /** A cursor to get the next page of sessions */
+    cursor: string | undefined;
+    /** Indicates if no more pages are left */
+    isLastPage: boolean;
+    /** Did fetch for the first time */
+    didInitialFetch: boolean;
+};
 export declare class SessionCtx {
     private config;
     private api;
     private contactCtx;
     private poller;
-    state: PubSub<SessionCtxState>;
+    sessionState: PrimitiveState<SessionState>;
+    sessionsState: PrimitiveState<SessionsState>;
     constructor({ config, api, contactCtx, }: {
         config: WidgetConfig;
         api: ApiCaller;
@@ -31,8 +35,8 @@ export declare class SessionCtx {
     });
     /** Clears the session and stops polling */
     reset: () => Promise<void>;
-    registerPolling: () => void;
-    registerInitialSessionsFetch: () => void;
+    private registerPolling;
+    private registerInitialSessionsFetch;
     createSession: () => Promise<{
         id: string;
         createdAt: string;

package/dist/src/headless/core/context/{widget.d.ts → widget.ctx.d.ts}

@@ -1,14 +1,16 @@
 import { ApiCaller } from '../api';
 import { WidgetConfig } from '../types/WidgetConfig';
-import { ContactCtx } from './contact';
-import { MessageCtx } from './message';
-import { SessionCtx } from './session';
+import { ContactCtx } from './contact.ctx';
+import { MessageCtx } from './message.ctx';
+import { RouterCtx } from './router.ctx';
+import { SessionCtx } from './session.ctx';
 export declare class WidgetCtx {
     config: WidgetConfig;
     api: ApiCaller;
     contactCtx: ContactCtx;
     sessionCtx: SessionCtx;
     messageCtx: MessageCtx;
+    routerCtx: RouterCtx;
     constructor({ config }: {
         config: WidgetConfig;
     });

package/dist/src/headless/core/index.d.ts

@@ -3,8 +3,9 @@ export type { SafeExtract, SafeOmit, SomeOptional, StringOrLiteral, } from './ty
 export type { WidgetComponentKey, DefaultWidgetTextComponentData, UserMessageType, AgentMessageType, BotMessageType, MessageType, } from './types/messages';
 export type { MessageAttachmentType, MessageDto, PreludeDto, SendMessageDto, SendMessageOutputDto, SessionDto, VoteInputDto, VoteOutputDto, } from './types/schemas';
 export type { WidgetConfig } from './types/WidgetConfig';
-export { WidgetCtx } from './context/widget';
-export type { ContactCtx } from './context/contact';
-export type { SessionCtx } from './context/session';
-export type { MessageCtx } from './context/message';
-export { PubSub } from './utils/PubSub';
+export { WidgetCtx } from './context/widget.ctx';
+export type { ContactCtx } from './context/contact.ctx';
+export type { SessionCtx } from './context/session.ctx';
+export type { MessageCtx } from './context/message.ctx';
+export type { RouterCtx } from './context/router.ctx';
+export { PrimitiveState } from './utils/PrimitiveState';

package/dist/src/headless/core/utils/Poller.d.ts

@@ -1,10 +1,10 @@
-import { PubSub } from './PubSub';
+import { PrimitiveState } from './PrimitiveState';
 export type PollingState = {
     isPolling: boolean;
     isError: boolean;
 };
 export declare class Poller {
-    state: PubSub<PollingState>;
+    state: PrimitiveState<PollingState>;
     private abortController;
     reset: () => void;
     stopPolling: (() => void) | null;

package/dist/src/headless/core/utils/{PubSub.d.ts → PrimitiveState.d.ts}

@@ -12,7 +12,7 @@ type LifecycleListener = (event: {
     timestamp: number;
     data?: any;
 }) => void;
-export declare class PubSub<S> {
+export declare class PrimitiveState<S> {
     #private;
     private subscribers;
     private initialState;

package/dist/src/headless/react/hooks/useContact.d.ts

@@ -6,5 +6,5 @@ export declare function useContact(): {
         isCreatingUnverifiedContact: boolean;
         isErrorCreatingUnverifiedContact: boolean;
     };
-    contactCtx: import('../../core').ContactCtx;
+    createUnverifiedContact: (payload: import('../../core/sdk').Dto["CreateUnverifiedContactDto"]) => Promise<void>;
 };

package/dist/src/headless/react/hooks/useMessages.d.ts

@@ -4,5 +4,5 @@ export declare function useMessages(): {
         isSendingMessage: boolean;
         suggestedReplies: string[] | null;
     };
-    messageCtx: import('../../core').MessageCtx;
+    sendMessage: (input: import('../../core').SomeOptional<import('../../core').SafeOmit<import('../../core').SendMessageDto, "bot_token" | "uuid">, "session_id" | "user">) => Promise<void>;
 };

package/dist/src/headless/react/hooks/usePreludeData.d.ts

@@ -32,5 +32,7 @@ declare function usePreludeData(): import('swr').SWRResponse<import('openapi-fet
             "X-Bot-Token": string;
         };
     };
-}, `${string}/${string}`>, any, any>;
+}, `${string}/${string}`>, any, {
+    revalidateOnFocus: false;
+}>;
 export { usePreludeData };

package/dist/src/headless/react/hooks/usePrimitiveState.d.ts

@@ -0,0 +1,2 @@
+import { PrimitiveState } from '../../core';
+export declare function usePrimitiveState<T>(p: PrimitiveState<T>): T;

package/dist/src/headless/react/hooks/useSession.d.ts

@@ -1,13 +1,13 @@
 export declare function useSession(): {
     sessionState: {
         session: import('../../core').SessionDto | null;
-        sessions: {
-            data: import('../../core').SessionDto[];
-            cursor: string | undefined;
-            isLastPage: boolean;
-            didInitialFetch: boolean;
-        };
         isCreatingSession: boolean;
     };
-    sessionCtx: import('../../core').SessionCtx;
+    sessionsState: {
+        data: import('../../core').SessionDto[];
+        cursor: string | undefined;
+        isLastPage: boolean;
+        didInitialFetch: boolean;
+    };
+    loadMoreSessions: () => Promise<void>;
 };

package/dist/src/headless/react/hooks/useWidgetRouter.d.ts

@@ -0,0 +1,7 @@
+export declare function useWidgetRouter(): {
+    routerState: {
+        screen: "welcome" | "sessions" | "chat";
+    };
+    toSessionsScreen: () => void;
+    toChatScreen: (sessionId?: string) => void;
+};

package/dist/src/headless/react/index.d.ts

@@ -5,7 +5,7 @@ export { useContact } from './hooks/useContact';
 export { useIsAwaitingBotReply } from './hooks/useIsAwaitingBotReply';
 export { useMessages } from './hooks/useMessages';
 export { usePreludeData } from './hooks/usePreludeData';
-export { usePubsub } from './hooks/usePubsub';
+export { usePrimitiveState } from './hooks/usePrimitiveState';
 export { useSession } from './hooks/useSession';
 export { useVote } from './hooks/useVote';
 export { type FileWithProgress, useUploadFiles } from './hooks/useUploadFiles';