@botpress/webchat 1.0.26 → 1.0.27

package/dist/App.d.ts

@@ -4,7 +4,7 @@ import { Container } from './components';
 import { Theme } from './schemas';
 type Props = {
     theme: Theme;
-    client: WebChatClient;
+    client?: WebChatClient;
 } & ComponentProps<typeof Container>;
 export declare const App: ({ theme, client }: Props) => JSX.Element;
 export {};

package/dist/contexts/WebchatContext.d.ts

@@ -48,7 +48,7 @@ export type ContextVaue = {
          */
         isReadOnly?: boolean;
     };
-    client: {
+    client?: {
         on: WebChatClient['on'];
         sendMessage: WebChatClient['sendMessage'];
         restartConversation: () => void;

package/dist/index.js

@@ -27158,7 +27158,7 @@ const Jz = ({ text: e, buttonValue: t, type: n, styles: a, variant: l, groupId:
       });
   }, [y, u, d]);
   function P() {
-    u && y.emit(`button-group-${u}-click`), S(!0), d || O(!0), l !== "link" && b.sendMessage(t);
+    u && y.emit(`button-group-${u}-click`), S(!0), d || O(!0), l !== "link" && (b == null || b.sendMessage(t));
   }
   return /* @__PURE__ */ Ae.jsx(
     ej,
@@ -32095,7 +32095,7 @@ const EV = ({ styles: e, type: t, options: n, label: a, reusable: l }) => {
     xe,
     V
   ]), me = (Ze) => {
-    S(Ze), k.sendMessage(_[A[Ze]]), m(!1);
+    S(Ze), k == null || k.sendMessage(_[A[Ze]]), m(!1);
   }, De = w !== null ? A[w] : void 0;
   return /* @__PURE__ */ Ae.jsxs(Ae.Fragment, { children: [
     /* @__PURE__ */ Ae.jsxs(
@@ -33009,10 +33009,13 @@ const rW = nW, iW = (e) => {
       state: n,
       theme: { composer: a },
       client: l
-    } = ki(), [u, d] = On(""), [m, y] = On(-1), b = () => {
+    } = ki(), [u, d] = On(""), [m, y] = On(-1);
+    if (n.isReadOnly || !l)
+      return null;
+    const b = () => {
       u && (l.sendMessage(u), d(""), y(-1));
     };
-    return n.isReadOnly ? null : /* @__PURE__ */ Ae.jsx(UD.Provider, { value: { value: u, setValue: d, historyIndex: m, setHistoryIndex: y, sendMessage: b }, children: /* @__PURE__ */ Ae.jsx("div", { "data-disabled": n.disableComposer, ...e, ...a == null ? void 0 : a.container, ref: t }) });
+    return /* @__PURE__ */ Ae.jsx(UD.Provider, { value: { value: u, setValue: d, historyIndex: m, setHistoryIndex: y, sendMessage: b }, children: /* @__PURE__ */ Ae.jsx("div", { "data-disabled": n.disableComposer, ...e, ...a == null ? void 0 : a.container, ref: t }) });
   })
 ), lW = Sy(({ ...e }) => {
   const {
@@ -42770,7 +42773,7 @@ const FX = ({
       setTheme: (q) => {
         _(q);
       },
-      client: {
+      client: n ? {
         ...n,
         sendMessage: async (q) => {
           await n.sendMessage(q), m((U) => [
@@ -42787,27 +42790,35 @@ const FX = ({
         restartConversation: async () => {
           await n.newConversation(), m([]);
         }
-      }
+      } : void 0
     }
   };
-  return dy(() => n.on("message", (q) => {
-    try {
-      const U = q.payload;
-      m((V) => [
-        ...V,
-        {
-          direction: "incoming",
-          sender: { name: w.botName ?? "Bot", avatar: w.botAvatar },
-          timestamp: q.sentOn,
-          block: U
+  return dy(() => {
+    if (n)
+      return n.on("message", (q) => {
+        try {
+          const U = q.payload;
+          m((V) => [
+            ...V,
+            {
+              direction: "incoming",
+              sender: { name: w.botName ?? "Bot", avatar: w.botAvatar },
+              timestamp: q.sentOn,
+              block: U
+            }
+          ]);
+        } catch {
+          console.error("Invalid message payload");
         }
-      ]);
-    } catch {
-      console.error("Invalid message payload");
-    }
-  })), dy(() => n.on("conversation", (q) => {
-    O(q);
-  })), HN(async () => {
+      });
+  }), dy(() => {
+    if (n)
+      return n.on("conversation", (q) => {
+        O(q);
+      });
+  }), HN(async () => {
+    if (!n)
+      return;
     z(await n.connect(M)), P && await n.conversationExists(P) && await n.switchConversation(P);
     const q = [];
     for (const U of await n.listMessages())
@@ -43070,8 +43081,8 @@ const Aq = _q, Dq = Tq, Nq = Rq, Mq = (e) => /* @__PURE__ */ te.createElement("s
   var d, m, y, b, w, S;
   const {
     theme: { header: a },
-    client: { clientId: l }
-  } = ki(), u = nM(l ?? "", 15);
+    client: l
+  } = ki(), u = nM((l == null ? void 0 : l.clientId) ?? "", 15);
   return /* @__PURE__ */ Ae.jsxs(u5, { ref: n, "data-color": u, ...(m = (d = a == null ? void 0 : a.content) == null ? void 0 : d.avatar) == null ? void 0 : m.container, children: [
     /* @__PURE__ */ Ae.jsx(c5, { ...(b = (y = a == null ? void 0 : a.content) == null ? void 0 : y.avatar) == null ? void 0 : b.image, src: e }),
     /* @__PURE__ */ Ae.jsx(f5, { ...(S = (w = a == null ? void 0 : a.content) == null ? void 0 : w.avatar) == null ? void 0 : S.fallback, children: t })
@@ -43147,14 +43158,14 @@ const Aq = _q, Dq = Tq, Nq = Rq, Mq = (e) => /* @__PURE__ */ te.createElement("s
     const [y, b] = On([]), {
       theme: { message: w },
       configuration: { botAvatar: S, botName: k },
-      client: { clientId: _ }
+      client: _
     } = ki();
     QV(() => {
       n();
     }), hn(() => {
       y.length === 0 && n();
     }, [y.length]);
-    const A = nM(_ ?? "", 15);
+    const A = nM((_ == null ? void 0 : _.clientId) ?? "", 15);
     return /* @__PURE__ */ Ae.jsx(VD.Provider, { value: { isLoading: y, setIsLoading: b }, children: /* @__PURE__ */ Ae.jsxs(
       "div",
       {
@@ -43187,9 +43198,9 @@ const Aq = _q, Dq = Tq, Nq = Rq, Mq = (e) => /* @__PURE__ */ te.createElement("s
   return hn(() => {
     const A = new Date(Date.now() - nA + 2e3);
     n.length > 0 && n[n.length - 1].timestamp < A && w(!1);
-  }, [S]), dy(() => l.on("messageSent", () => {
+  }, [S]), dy(() => l == null ? void 0 : l.on("messageSent", () => {
     w(!0), k(new Date(Date.now() + nA));
-  })), dy(() => l.on("message", () => {
+  })), dy(() => l == null ? void 0 : l.on("message", () => {
     w(!1);
   })), hn(() => {
     const A = n[n.length - 1];
@@ -44216,14 +44227,14 @@ const dG = ({ ...e }) => {
   var d, m;
   const {
     theme: { header: t, modal: n },
-    client: { restartConversation: a }
+    client: a
   } = ki(), { showModal: l } = Xz(), u = (y) => {
     var b, w, S, k;
     y.stopPropagation(), l({
       title: "Restart Conversation",
       content: /* @__PURE__ */ Ae.jsxs(Ae.Fragment, { children: [
         /* @__PURE__ */ Ae.jsx("p", { ...(w = (b = n == null ? void 0 : n.dialog) == null ? void 0 : b.newConversation) == null ? void 0 : w.text, children: "Are you sure you want to restart a new conversation?" }),
-        /* @__PURE__ */ Ae.jsx(py.Close, { asChild: !0, children: /* @__PURE__ */ Ae.jsx("button", { ...(k = (S = n == null ? void 0 : n.dialog) == null ? void 0 : S.newConversation) == null ? void 0 : k.button, onClick: a, children: "restart" }) })
+        /* @__PURE__ */ Ae.jsx(py.Close, { asChild: !0, children: /* @__PURE__ */ Ae.jsx("button", { ...(k = (S = n == null ? void 0 : n.dialog) == null ? void 0 : S.newConversation) == null ? void 0 : k.button, onClick: a == null ? void 0 : a.restartConversation, children: "restart" }) })
       ] })
     });
   };