@asgard-js/react 0.0.8 → 0.0.9

package/dist/components/templates/hint-template/hint-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hint-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/hint-template/hint-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,mBAAmB,EAAuB,MAAM,iBAAiB,CAAC;AAG3E,UAAU,iBAAiB;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAuChE"}
+{"version":3,"file":"hint-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/hint-template/hint-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAG/C,OAAO,EAEL,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,iBAAiB;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA2ChE"}

package/dist/context/asgard-template-context.d.ts

@@ -2,12 +2,12 @@ import { ConversationErrorMessage } from '@asgard-js/core';
 import { PropsWithChildren, ReactNode } from 'react';
 
 export interface AsgardTemplateContextValue {
-    onErrorClick?: () => void;
+    onErrorClick?: (message: ConversationErrorMessage) => void;
     errorMessageRenderer?: (message: ConversationErrorMessage) => ReactNode;
 }
 export declare const AsgardTemplateContext: import('react').Context<AsgardTemplateContextValue>;
 interface AsgardTemplateContextProviderProps extends PropsWithChildren {
-    onErrorClick?: () => void;
+    onErrorClick?: (message: ConversationErrorMessage) => void;
     errorMessageRenderer?: (message: ConversationErrorMessage) => ReactNode;
 }
 export declare function AsgardTemplateContextProvider(props: AsgardTemplateContextProviderProps): ReactNode;

package/dist/context/asgard-template-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asgard-template-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-template-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,SAAS,CAAC;CACzE;AAED,eAAO,MAAM,qBAAqB,qDAGhC,CAAC;AAEH,UAAU,kCAAmC,SAAQ,iBAAiB;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,SAAS,CAAC;CACzE;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,GACxC,SAAS,CAaX;AAED,wBAAgB,wBAAwB,IAAI,0BAA0B,CAErE"}
+{"version":3,"file":"asgard-template-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-template-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,SAAS,CAAC;CACzE;AAED,eAAO,MAAM,qBAAqB,qDAGhC,CAAC;AAEH,UAAU,kCAAmC,SAAQ,iBAAiB;IACpE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,SAAS,CAAC;CACzE;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,GACxC,SAAS,CAaX;AAED,wBAAgB,wBAAwB,IAAI,0BAA0B,CAErE"}

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as m, Fragment as mt } from "react/jsx-runtime";
 import * as g from "react";
-import { createContext as F, useMemo as v, useContext as W, useRef as R, useEffect as C, useState as w, useCallback as p, useLayoutEffect as rt, memo as ft } from "react";
-import { AsgardServiceClient as bt, EventType as H, Conversation as pt, Channel as Ct, MessageTemplateType as O } from "@asgard-js/core";
+import { createContext as F, useMemo as v, useContext as W, useRef as R, useEffect as C, useState as w, useCallback as b, useLayoutEffect as rt, memo as ft } from "react";
+import { AsgardServiceClient as bt, EventType as V, Conversation as pt, Channel as Ct, MessageTemplateType as O } from "@asgard-js/core";
 function X(n) {
   return n !== null && typeof n == "object" && !Array.isArray(n);
 }
@@ -52,15 +52,15 @@ function xt(n) {
   return i.current || (i.current = new bt(t)), C(() => () => {
     i.current && (i.current.close(), i.current = null);
   }, []), C(() => {
-    !i.current || !o || i.current.on(H.INIT, o);
+    !i.current || !o || i.current.on(V.INIT, o);
   }, [o]), C(() => {
-    !i.current || !e || i.current.on(H.PROCESS, e);
+    !i.current || !e || i.current.on(V.PROCESS, e);
   }, [e]), C(() => {
-    !i.current || !r || i.current.on(H.MESSAGE, r);
+    !i.current || !r || i.current.on(V.MESSAGE, r);
   }, [r]), C(() => {
-    !i.current || !s || i.current.on(H.DONE, s);
+    !i.current || !s || i.current.on(V.DONE, s);
   }, [s]), C(() => {
-    !i.current || !a || i.current.on(H.ERROR, a);
+    !i.current || !a || i.current.on(V.ERROR, a);
   }, [a]), i.current;
 }
 function wt(n) {
@@ -69,10 +69,10 @@ function wt(n) {
     throw new Error("Client instance is required");
   if (!o)
     throw new Error("Custom channel id is required");
-  const [s, a] = w(null), [i, u] = w(!0), [d, h] = w(!1), [_, l] = w(!1), [b, f] = w(null), x = p(async () => {
+  const [s, a] = w(null), [i, u] = w(!0), [d, h] = w(!1), [_, l] = w(!1), [p, f] = w(null), x = b(async () => {
     const k = new pt({
       messages: new Map(
-        r == null ? void 0 : r.map((V) => [V.messageId, V])
+        r == null ? void 0 : r.map((H) => [H.messageId, H])
       )
     });
     h(!0), l(!0), f(k);
@@ -82,8 +82,8 @@ function wt(n) {
         customChannelId: o,
         customMessageId: e,
         conversation: k,
-        statesObserver: (V) => {
-          l(V.isConnecting), f(V.conversation);
+        statesObserver: (H) => {
+          l(H.isConnecting), f(H.conversation);
         }
       },
       {
@@ -96,9 +96,9 @@ function wt(n) {
       }
     );
     a(gt);
-  }, [t, o, e, r]), N = p(() => {
+  }, [t, o, e, r]), N = b(() => {
     a((k) => (k == null || k.close(), null)), u(!1), h(!1), l(!1), f(null);
-  }, []), K = p(
+  }, []), K = b(
     (k) => s == null ? void 0 : s.sendMessage({ text: k }),
     [s]
   );
@@ -109,7 +109,7 @@ function wt(n) {
       isOpen: i,
       isResetting: d,
       isConnecting: _,
-      conversation: b,
+      conversation: p,
       sendMessage: K,
       resetChannel: x,
       closeChannel: N
@@ -118,7 +118,7 @@ function wt(n) {
       i,
       d,
       _,
-      b,
+      p,
       K,
       x,
       N
@@ -139,7 +139,7 @@ function Tt() {
   return window.visualViewport ? [window.visualViewport.width, window.visualViewport.height] : [window.innerWidth, window.innerHeight];
 }
 function Et() {
-  const [n, t] = w(), o = p(() => {
+  const [n, t] = w(), o = b(() => {
     const e = Tt();
     t(
       (r) => r && r[0] === e[0] && r[1] === e[1] ? r : e
@@ -231,7 +231,7 @@ function St(n) {
 }
 const D = typeof window < "u" ? rt : null;
 function Rt(n) {
-  const t = p(() => {
+  const t = b(() => {
     const o = window.innerHeight * 0.01;
     n.current && n.current.style.setProperty("--vh", `${o}px`);
   }, [n]);
@@ -281,7 +281,7 @@ function Mt(n) {
     isResetting: h,
     isConnecting: _,
     conversation: l,
-    sendMessage: b,
+    sendMessage: p,
     resetChannel: f,
     closeChannel: x
   } = wt({
@@ -296,7 +296,7 @@ function Mt(n) {
       isResetting: h,
       isConnecting: _,
       messages: (l == null ? void 0 : l.messages) ?? null,
-      sendMessage: b,
+      sendMessage: p,
       resetChannel: f,
       closeChannel: x,
       botTypingPlaceholder: r,
@@ -309,7 +309,7 @@ function Mt(n) {
       h,
       _,
       l == null ? void 0 : l.messages,
-      b,
+      p,
       f,
       x,
       r
@@ -331,11 +331,11 @@ function zt(n) {
   );
   return /* @__PURE__ */ c(ut.Provider, { value: r, children: t });
 }
-function Vt() {
+function Ht() {
   return W(ut);
 }
-const Ht = "_chatbot_header_luxt4_1", At = "_chatbot_header__content_luxt4_4", Ot = "_chatbot_header__title_luxt4_12", Bt = "_chatbot_header__extra_luxt4_23", P = {
-  chatbot_header: Ht,
+const Vt = "_chatbot_header_luxt4_1", At = "_chatbot_header__content_luxt4_4", Ot = "_chatbot_header__title_luxt4_12", Bt = "_chatbot_header__extra_luxt4_23", P = {
+  chatbot_header: Vt,
   chatbot_header__content: At,
   chatbot_header__title: Ot,
   chatbot_header__extra: Bt
@@ -363,12 +363,12 @@ function Dt(n) {
       borderBottomColor: r == null ? void 0 : r.borderColor
     }),
     [r]
-  ), h = p(
+  ), h = b(
     (l) => {
       a || (l.stopPropagation(), o == null || o(), i == null || i());
     },
     [a, o, i]
-  ), _ = p(
+  ), _ = b(
     (l) => {
       a || (l.stopPropagation(), e == null || e(), u == null || u());
     },
@@ -432,7 +432,7 @@ const jt = "_template_box_content_fs2wk_1", Ut = "_content_fs2wk_8", G = {
   quick_reply: Xt
 };
 function Yt(n) {
-  const { quickReplies: t } = n, { sendMessage: o, isConnecting: e } = T(), r = p(
+  const { quickReplies: t } = n, { sendMessage: o, isConnecting: e } = T(), r = b(
     (s) => {
       o == null || o(s);
     },
@@ -496,7 +496,7 @@ function _t(n) {
       default:
         return "1.51 / 1";
     }
-  }, [t]), s = p(
+  }, [t]), s = b(
     (i) => function() {
       switch (i.type) {
         case "message":
@@ -601,7 +601,7 @@ function et(n) {
   ] });
 }
 function ht(n) {
-  const { isTyping: t, typingText: o } = n, { messageBoxBottomRef: e, avatar: r } = T(), s = L(), a = R(null), i = p(() => {
+  const { isTyping: t, typingText: o } = n, { messageBoxBottomRef: e, avatar: r } = T(), s = L(), a = R(null), i = b(() => {
     var _;
     (_ = e.current) == null || _.scrollIntoView({ behavior: "smooth" });
   }, [e]);
@@ -673,7 +673,9 @@ const he = "_hint_root_1bw94_1", ge = "_error_hint_title_1bw94_16", me = "_error
   time: fe
 };
 function ot(n) {
-  const { message: t } = n, { onErrorClick: o, errorMessageRenderer: e } = Vt();
+  const { message: t } = n, { onErrorClick: o, errorMessageRenderer: e } = Ht(), r = b(() => {
+    o == null || o(t);
+  }, [t, o]);
   if (t.type === "user") return null;
   if (t.type === "error")
     return /* @__PURE__ */ c("div", { className: z.hint_root, children: (e == null ? void 0 : e(t)) ?? /* @__PURE__ */ m(mt, { children: [
@@ -685,7 +687,7 @@ function ot(n) {
         "div",
         {
           className: z.error_hint_message,
-          onClick: o,
+          onClick: r,
           children: [
             "Click ",
             /* @__PURE__ */ c("span", { children: "here" }),
@@ -694,10 +696,10 @@ function ot(n) {
         }
       )
     ] }) });
-  const r = t.message.template;
-  return r.type !== O.HINT ? null : /* @__PURE__ */ m("div", { className: z.hint_root, children: [
+  const s = t.message.template;
+  return s.type !== O.HINT ? null : /* @__PURE__ */ m("div", { className: z.hint_root, children: [
     /* @__PURE__ */ c("div", { className: z.time, children: $(t.time) }),
-    r.text
+    s.text
   ] });
 }
 function be(n) {
@@ -769,17 +771,17 @@ function ke(n) {
   C(() => {
     const l = window.SpeechRecognition || window.webkitSpeechRecognition;
     if (!l) return;
-    const b = new l();
-    b.lang = "zh-TW", b.continuous = !0, b.interimResults = !0, b.onresult = (f) => {
+    const p = new l();
+    p.lang = "zh-TW", p.continuous = !0, p.interimResults = !0, p.onresult = (f) => {
       for (let x = f.resultIndex; x < f.results.length; x++)
         f.results[x].isFinal && t((N) => N + f.results[x][0].transcript);
-    }, b.onerror = (f) => {
+    }, p.onerror = (f) => {
       alert(`語音識別錯誤: ${JSON.stringify(f.error)}`);
-    }, b.onend = () => {
+    }, p.onend = () => {
       r(!1);
-    }, s.current = b;
+    }, s.current = p;
   }, [t]);
-  const a = p(() => {
+  const a = b(() => {
     if (!s.current) {
       alert("無法開始辨識: 語音識別器未初始化，請檢查是否有授權使用麥克風");
       return;
@@ -789,24 +791,24 @@ function ke(n) {
     } catch (l) {
       alert(`無法開始辨識: ${JSON.stringify(l)}`);
     }
-  }, []), i = p(() => {
+  }, []), i = b(() => {
     s.current && (s.current.stop(), r(!1));
-  }, []), u = p(
+  }, []), u = b(
     (l) => {
       e || (l.preventDefault(), a());
     },
     [e, a]
-  ), d = p(
+  ), d = b(
     (l) => {
       e && (l.preventDefault(), i());
     },
     [e, i]
-  ), h = p(
+  ), h = b(
     (l) => {
       e || (l.preventDefault(), a());
     },
     [e, a]
-  ), _ = p(
+  ), _ = b(
     (l) => {
       e && (l.preventDefault(), i());
     },
@@ -834,19 +836,19 @@ function Se() {
       borderTopColor: o == null ? void 0 : o.borderColor
     }),
     [o]
-  ), h = p(
-    (b) => {
-      const f = b.target, x = f.value;
-      f.style.height = "36px", x && (f.style.height = `${f.scrollHeight}px`), r(b.target.value);
+  ), h = b(
+    (p) => {
+      const f = p.target, x = f.value;
+      f.style.height = "36px", x && (f.style.height = `${f.scrollHeight}px`), r(p.target.value);
     },
     []
-  ), _ = p(() => {
+  ), _ = b(() => {
     !s && !t && (n == null || n(e), r(""), i.current && (i.current.style.height = "36px"));
-  }, [s, t, n, e]), l = p(
-    (b) => {
-      if (b.key === "Enter" && !s && !t && e.trim()) {
+  }, [s, t, n, e]), l = b(
+    (p) => {
+      if (p.key === "Enter" && !s && !t && e.trim()) {
         n == null || n(e), r("");
-        const f = b.target;
+        const f = p.target;
         f.style.height = "36px";
       }
     },
@@ -897,7 +899,7 @@ const Re = "_chatbot_root_1t5cx_1", Le = "_full_screen_1t5cx_122", Me = "_chatbo
   chatbot_container: Me,
   screen_keyboard_open: ze
 };
-function Ve(n) {
+function He(n) {
   const { children: t } = n, o = R(null), e = L();
   St(o), kt();
   const [, r] = Et() ?? [], s = Nt(), a = v(() => {
@@ -922,11 +924,11 @@ function Ve(n) {
     }
   ) });
 }
-function He(n) {
+function Ve(n) {
   const { fullScreen: t, children: o } = n, e = R(null);
   Rt(e);
   const r = L();
-  return /* @__PURE__ */ c("div", { ref: e, className: B.chatbot_root, children: t ? /* @__PURE__ */ c(Ve, { children: o }) : /* @__PURE__ */ c("div", { className: B.chatbot_container, style: r == null ? void 0 : r.chatbot, children: o }) });
+  return /* @__PURE__ */ c("div", { ref: e, className: B.chatbot_root, children: t ? /* @__PURE__ */ c(He, { children: o }) : /* @__PURE__ */ c("div", { className: B.chatbot_container, style: r == null ? void 0 : r.chatbot, children: o }) });
 }
 function Ie(n) {
   const {
@@ -951,7 +953,7 @@ function Ie(n) {
       customChannelId: r,
       initMessages: s,
       botTypingPlaceholder: u,
-      children: /* @__PURE__ */ m(He, { fullScreen: a, children: [
+      children: /* @__PURE__ */ m(Ve, { fullScreen: a, children: [
         /* @__PURE__ */ c(Dt, { title: t, onReset: d, onClose: h }),
         /* @__PURE__ */ c(
           zt,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgard-js/react",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "publishConfig": {
     "access": "public"
   },