@opencx/widget 2.6.2 → 3.0.0

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./api-BEtFfKMB.cjs");exports.ApiCaller=r.ApiCaller;exports.AuthenticationError=r.AuthenticationError;exports.ConnectionError=r.ConnectionError;exports.ExternalIdNotDefinedError=r.ExternalIdNotDefinedError;exports.FileUploadError=r.FileUploadError;exports.LifecycleEvent=r.LifecycleEvent;exports.OpenCXError=r.OpenCXError;exports.PubSub=r.PubSub;exports.SessionError=r.SessionError;exports.SessionNotDefinedError=r.SessionNotDefinedError;exports.StorageNotAvailableError=r.StorageNotAvailableError;exports.TransportError=r.TransportError;exports.createChat=r.createChat;exports.createConfig=r.createConfig;exports.createContactHandler=r.createContactHandler;exports.createLogger=r.createLogger;exports.createPubSub=r.createPubSub;exports.isAudioAvailable=r.isAudioAvailable;exports.isStorageAvailable=r.isStorageAvailable;exports.safeAudioOperation=r.safeAudioOperation;exports.safeStorageOperation=r.safeStorageOperation;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./widget-BlvH6dre.cjs");exports.PubSub=e.PubSub;exports.WidgetCtx=e.WidgetCtx;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './core/index'
+export * from './src/headless/core/index'
 export {}

package/dist/index.js

@@ -1,25 +1,6 @@
-import { A as e, e as o, C as s, E as t, F as i, L as n, O as l, P as E, S as c, f as b, g as d, T as f, c as A, b as S, a as g, d as p, h as u, j as C, i as v, k as O, s as h } from "./api-Cez5T-se.js";
+import { P as b, W as e } from "./widget-DbgWez1r.js";
 export {
-  e as ApiCaller,
-  o as AuthenticationError,
-  s as ConnectionError,
-  t as ExternalIdNotDefinedError,
-  i as FileUploadError,
-  n as LifecycleEvent,
-  l as OpenCXError,
-  E as PubSub,
-  c as SessionError,
-  b as SessionNotDefinedError,
-  d as StorageNotAvailableError,
-  f as TransportError,
-  A as createChat,
-  S as createConfig,
-  g as createContactHandler,
-  p as createLogger,
-  u as createPubSub,
-  C as isAudioAvailable,
-  v as isStorageAvailable,
-  O as safeAudioOperation,
-  h as safeStorageOperation
+  b as PubSub,
+  e 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("./index-BzidnDPX.cjs");exports.ChatProvider=e.ChatProvider;exports.useChat=e.useChat;exports.useChatSession=e.useChatSession;exports.useChatState=e.useChatState;exports.useConfig=e.useConfig;exports.useContact=e.useContact;exports.useLocale=e.useLocale;exports.usePreludeData=e.usePreludeData;exports.useUploadFiles=e.useUploadFiles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useUploadFiles-BZa0DENN.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;
 //# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"react.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"react.cjs","sources":["../src/headless/react/hooks/useVote.ts"],"sourcesContent":["import useAsyncFn from \"react-use/lib/useAsyncFn\";\nimport { useWidget } from \"../WidgetProvider\";\n\n/**\n * @param id\n * @param onSuccess\n * @returns\n */\nexport function useVote(id: string, sessionId: string, onSuccess?: () => void) {\n  const { widgetCtx: { api } } = useWidget();\n  return useAsyncFn(\n    async (action: \"up\" | \"down\") => {\n      if (action === \"up\") {\n        return api\n          .vote({ action: \"upvote\", messagePublicId: id, sessionId })\n          .then(onSuccess);\n      } else {\n        return api\n          .vote({ action: \"downvote\", messagePublicId: id, sessionId })\n          .then(onSuccess);\n      }\n    },\n    [api, id, sessionId, onSuccess],\n  );\n}\n\n/**\n * @param id\n * @param onSuccess\n * @deprecated use useVote instead\n */\nexport function useUpvote(\n  id: string,\n  sessionId: string,\n  onSuccess?: () => void,\n) {\n  const { widgetCtx: { api } } = useWidget();\n  return useAsyncFn(\n    async () =>\n      api\n        .vote({ action: \"upvote\", messagePublicId: id, sessionId })\n        .then(onSuccess),\n    [api, id, sessionId, onSuccess],\n  );\n}\n\n/**\n * @param id\n * @param onSuccess\n * @deprecated use useVote instead\n */\nexport function useDownvote(\n  id: string,\n  sessionId: string,\n  onSuccess?: () => void,\n) {\n  const { widgetCtx: { api } } = useWidget();\n  return useAsyncFn(\n    async () =>\n      api\n        .vote({ action: \"downvote\", messagePublicId: id, sessionId })\n        .then(onSuccess),\n    [api, id, sessionId, onSuccess],\n  );\n}\n"],"names":["useVote","id","sessionId","onSuccess","api","useWidget","useAsyncFn","action"],"mappings":"iIAQgB,SAAAA,EAAQC,EAAYC,EAAmBC,EAAwB,CAC7E,KAAM,CAAE,UAAW,CAAE,IAAAC,CAAI,GAAMC,EAAU,UAAA,EAClC,OAAAC,EAAA,SACL,MAAOC,GACDA,IAAW,KACNH,EACJ,KAAK,CAAE,OAAQ,SAAU,gBAAiBH,EAAI,UAAAC,CAAW,CAAA,EACzD,KAAKC,CAAS,EAEVC,EACJ,KAAK,CAAE,OAAQ,WAAY,gBAAiBH,EAAI,UAAAC,CAAW,CAAA,EAC3D,KAAKC,CAAS,EAGrB,CAACC,EAAKH,EAAIC,EAAWC,CAAS,CAAA,CAElC"}

package/dist/react.d.ts

@@ -1,2 +1,2 @@
-export * from './react-web/index'
+export * from './src/headless/react/index'
 export {}

package/dist/react.js

@@ -1,13 +1,23 @@
-import { C as e, u as t, b as u, a as o, c as C, f as r, e as d, d as h, g as i } from "./index-DUlnC30_.js";
+import { u as o, _ as r } from "./useUploadFiles-BaCcqTwX.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-BaCcqTwX.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]
+  );
+}
 export {
-  e as ChatProvider,
-  t as useChat,
-  u as useChatSession,
-  o as useChatState,
-  C as useConfig,
-  r as useContact,
-  d as useLocale,
-  h as usePreludeData,
-  i as useUploadFiles
+  p as WidgetProvider,
+  d as useConfig,
+  f as useContact,
+  b as useIsAwaitingBotReply,
+  c as useMessages,
+  m as usePreludeData,
+  v as usePubsub,
+  P as useSession,
+  h as useUploadFiles,
+  n as useVote,
+  o as useWidget
 };
 //# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"react.js","sources":["../src/headless/react/hooks/useVote.ts"],"sourcesContent":["import useAsyncFn from \"react-use/lib/useAsyncFn\";\nimport { useWidget } from \"../WidgetProvider\";\n\n/**\n * @param id\n * @param onSuccess\n * @returns\n */\nexport function useVote(id: string, sessionId: string, onSuccess?: () => void) {\n  const { widgetCtx: { api } } = useWidget();\n  return useAsyncFn(\n    async (action: \"up\" | \"down\") => {\n      if (action === \"up\") {\n        return api\n          .vote({ action: \"upvote\", messagePublicId: id, sessionId })\n          .then(onSuccess);\n      } else {\n        return api\n          .vote({ action: \"downvote\", messagePublicId: id, sessionId })\n          .then(onSuccess);\n      }\n    },\n    [api, id, sessionId, onSuccess],\n  );\n}\n\n/**\n * @param id\n * @param onSuccess\n * @deprecated use useVote instead\n */\nexport function useUpvote(\n  id: string,\n  sessionId: string,\n  onSuccess?: () => void,\n) {\n  const { widgetCtx: { api } } = useWidget();\n  return useAsyncFn(\n    async () =>\n      api\n        .vote({ action: \"upvote\", messagePublicId: id, sessionId })\n        .then(onSuccess),\n    [api, id, sessionId, onSuccess],\n  );\n}\n\n/**\n * @param id\n * @param onSuccess\n * @deprecated use useVote instead\n */\nexport function useDownvote(\n  id: string,\n  sessionId: string,\n  onSuccess?: () => void,\n) {\n  const { widgetCtx: { api } } = useWidget();\n  return useAsyncFn(\n    async () =>\n      api\n        .vote({ action: \"downvote\", messagePublicId: id, sessionId })\n        .then(onSuccess),\n    [api, id, sessionId, onSuccess],\n  );\n}\n"],"names":["useVote","id","sessionId","onSuccess","api","useWidget","useAsyncFn","action"],"mappings":";;AAQgB,SAAAA,EAAQC,GAAYC,GAAmBC,GAAwB;AAC7E,QAAM,EAAE,WAAW,EAAE,KAAAC,EAAI,MAAMC,EAAU;AAClC,SAAAC;AAAAA,IACL,OAAOC,MACDA,MAAW,OACNH,EACJ,KAAK,EAAE,QAAQ,UAAU,iBAAiBH,GAAI,WAAAC,EAAW,CAAA,EACzD,KAAKC,CAAS,IAEVC,EACJ,KAAK,EAAE,QAAQ,YAAY,iBAAiBH,GAAI,WAAAC,EAAW,CAAA,EAC3D,KAAKC,CAAS;AAAA,IAGrB,CAACC,GAAKH,GAAIC,GAAWC,CAAS;AAAA,EAAA;AAElC;"}

package/dist/src/designs/react/basic/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ComponentPropsWithoutRef, ReactNode } from 'react';
+import { WidgetConfig } from 'src/headless/core';
+declare function Widget({ className, opened, ...props }: ComponentPropsWithoutRef<"div"> & {
+    opened?: boolean;
+}): React.JSX.Element;
+declare function WidgetRoot({ options, children, }: {
+    options: WidgetConfig;
+    children: ReactNode;
+}): React.JSX.Element;
+export { WidgetRoot, Widget };

package/dist/src/designs/{basic → react/basic}/utils/group-messages-by-type.d.ts

@@ -1,4 +1,4 @@
-import { AgentMessageType, BotMessageType, MessageType, UserMessageType } from '../../../../core/types';
+import { AgentMessageType, BotMessageType, MessageType, UserMessageType } from 'src/headless/core';
 export declare function groupMessagesByType(messages: MessageType[]): MessageType[][];
 export declare function isUserMessageGroup(messages: MessageType[]): messages is UserMessageType[];
 export declare function isBotMessageGroup(messages: MessageType[]): messages is BotMessageType[];

package/dist/src/{@components → designs/react/components}/BotOrAgentMessage.d.ts

@@ -1,4 +1,4 @@
-import { AgentMessageType, BotMessageType } from '../../core/types';
+import { AgentMessageType, BotMessageType } from 'src/headless/core';
 import { default as React } from 'react';
 interface BotMessageProps<W extends React.ElementType> {
     message: BotMessageType | AgentMessageType;

package/dist/src/{@components → designs/react/components}/BotOrAgentMessageGroup.d.ts

@@ -1,6 +1,6 @@
-import { AgentMessageType, AgentType, BotMessageType } from '../../core/types';
+import { AgentMessageType, AgentOrBotType, BotMessageType } from 'src/headless/core';
 import { default as React } from 'react';
 export declare function BotOrAgentMessageGroup({ messages, agent, }: {
     messages: BotMessageType[] | AgentMessageType[];
-    agent: AgentType | undefined;
+    agent: AgentOrBotType | undefined;
 }): React.JSX.Element;

package/dist/src/designs/react/components/BotOrAgentMessageWrapper.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare function BotOrAgentMessageWrapper({ children, className, messageId, }: {
+    children: React.ReactNode;
+    className?: string;
+    messageId?: string;
+    sessionId?: string;
+}): React.JSX.Element;

package/dist/src/{@components → designs/react/components}/Fallback.component.d.ts

@@ -1,6 +1,6 @@
-import { ComponentProps } from '../../react-web/types';
 import { default as React } from 'react';
-type Props = ComponentProps<unknown>;
+import { WidgetComponentProps } from 'src/headless/react/types/components';
+type Props = WidgetComponentProps<unknown>;
 /**
  * The Basic Fallback component (Rendered when Debug is True and the component key is not found)
  */

package/dist/src/{components → designs/react/components}/RenderFile.d.ts

@@ -1,7 +1,7 @@
-import { ChatAttachmentType } from '../../core/types';
+import { MessageAttachmentType } from 'src/headless/core';
 import { default as React } from 'react';
 type Props = {
-    attachment: ChatAttachmentType;
+    attachment: MessageAttachmentType;
 };
 export declare function RenderAttachment({ attachment }: Props): React.JSX.Element;
 export {};

package/dist/src/{@components → designs/react/components}/Text.component.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { DefaultTextComponentProps } from '../../react-web/types';
+import { DefaultTextComponentProps } from 'src/headless/react/types/components';
 export declare function BotOrAgentTextResponse({ data, id, type, attachments, }: DefaultTextComponentProps): React.JSX.Element;

package/dist/src/{components → designs/react/components}/UserMessageGroup.d.ts

@@ -1,4 +1,4 @@
-import { UserMessageType } from '../../core/types';
+import { UserMessageType } from 'src/headless/core';
 import { default as React } from 'react';
 export declare function UserMessageGroup({ messages, }: {
     messages: UserMessageType[];

package/dist/src/{components → designs/react/components}/VoteButtons.d.ts

@@ -4,5 +4,5 @@ interface VoteButtonsProps {
     sessionId: string;
     className?: string;
 }
-export declare function VoteButtons({ messageId, sessionId, className }: VoteButtonsProps): React.JSX.Element;
+export declare function VoteButtons({ messageId, sessionId, className, }: VoteButtonsProps): React.JSX.Element;
 export {};

package/dist/src/designs/{constants.d.ts → react/constants.d.ts}

@@ -7,9 +7,7 @@ export declare const DEFAULT_STYLES: {
     readonly widgetHeight: "h-[600px]";
 };
 interface Colors {
-    primary: string;
+    primary?: string;
 }
-export declare const cssVars: (colors: Colors, _: {
-    triggerOffset: string;
-}) => CSSProperties;
+export declare const cssVars: ({ primary }: Colors) => CSSProperties;
 export {};

package/dist/src/designs/react/hooks/useLocale.d.ts

@@ -0,0 +1,6 @@
+import { TranslationKeysU } from 'src/designs/translation/translation.types';
+import { Locale } from 'src/designs/translation';
+export declare function useLocale(): {
+    get: (key: TranslationKeysU) => string;
+    lang: Locale;
+};

package/dist/src/{index.d.ts → designs/react/index.d.ts}

@@ -1,9 +1,9 @@
-import { WidgetOptions } from '../react-web/types';
+import { WidgetConfig } from 'src/headless/core';
 declare global {
     interface Window {
         initOpenScript: typeof initOpenScript;
         openCXWidgetVersion: string;
     }
 }
-declare function initOpenScript(options: WidgetOptions): void;
+declare function initOpenScript(options: WidgetConfig): void;
 export {};

package/dist/src/designs/translation/ar.locale.d.ts

@@ -0,0 +1,2 @@
+import { TranslationInterface } from './translation.types';
+export declare const arLocale: TranslationInterface;

package/dist/src/designs/translation/de.locale.d.ts

@@ -0,0 +1,2 @@
+import { TranslationInterface } from './translation.types';
+export declare const deLocale: TranslationInterface;

package/dist/src/designs/translation/en.locale.d.ts

@@ -0,0 +1,2 @@
+import { TranslationInterface } from './translation.types';
+export declare const enLocale: TranslationInterface;

package/dist/src/designs/translation/fr.locale.d.ts

@@ -0,0 +1,2 @@
+import { TranslationInterface } from './translation.types';
+export declare const frLocale: TranslationInterface;

package/dist/src/designs/translation/index.d.ts

@@ -0,0 +1,14 @@
+import { TranslationKeysU } from './translation.types';
+declare const locales: {
+    readonly en: import('./translation.types').TranslationInterface;
+    readonly ar: import('./translation.types').TranslationInterface;
+    readonly nl: import('./translation.types').TranslationInterface;
+    readonly fr: import('./translation.types').TranslationInterface;
+    readonly de: import('./translation.types').TranslationInterface;
+    readonly pt: import('./translation.types').TranslationInterface;
+};
+export declare const LOCALES: (keyof typeof locales)[];
+export type Locale = (typeof LOCALES)[number];
+export declare const isSupportedLocale: (lang: string | null | undefined) => lang is Locale;
+export declare function getTranslation(key: TranslationKeysU, lang: Locale): string;
+export {};

package/dist/src/designs/translation/nl.locale.d.ts

@@ -0,0 +1,2 @@
+import { TranslationInterface } from './translation.types';
+export declare const nlLocale: TranslationInterface;

package/dist/src/designs/translation/pt.locale.d.ts

@@ -0,0 +1,2 @@
+import { TranslationInterface } from './translation.types';
+export declare const ptLocale: TranslationInterface;

package/dist/src/designs/translation/translation.types.d.ts

@@ -0,0 +1,4 @@
+export type TranslationKeysU = "ok" | "yes" | "no" | "agree" | "cancel" | "yes-exit" | "yes-reset" | "no-cancel" | "are-you-sure" | "recording" | "thank-you" | "sorry-try-again" | "error-occurred" | "please-try-again" | "write-a-message" | "send-message" | "connected" | "connecting" | "reconnecting" | "reconnected" | "disconnecting" | "disconnected" | "error" | "persist-session" | "settings" | "close" | "help" | "chat" | "send" | "copy" | "copied" | "sound-effects" | "language" | "select" | "agent" | "user" | "bot" | "reset-conversation-confirm" | "close-widget" | "got-any-questions" | "typical-response-time" | "session-closed-lead" | "create-new-ticket" | "exit" | "reset-conversation" | "welcome-title" | "welcome-description" | "your-name" | "your-email" | "start-chat" | "starting-chat" | "hello-greeting";
+export type TranslationInterface = {
+    [K in TranslationKeysU]: string;
+};