@nlxai/touchpoint-ui 1.2.2-alpha.1 → 1.2.2

package/lib/components/VoiceMini.d.ts

@@ -4,6 +4,7 @@ import { CustomModalityComponent } from '../interface';
 export declare const VoiceMini: FC<{
     modalityComponents: Record<string, CustomModalityComponent<unknown>>;
     handler: ConversationHandler;
+    brandIcon?: string;
     renderCollapse: boolean;
     onClose: (event: Event) => void;
     context?: Context;

package/lib/index.js

@@ -5997,7 +5997,7 @@ var Bw = /* @__PURE__ */ Ip(/* @__PURE__ */ ky([], Uw, function(n, e) {
     l = e[o], a = n(l), t.add(a) && r.push(l), o += 1;
   return r;
 })), Vw = /* @__PURE__ */ Bw(Dw);
-const zw = "1.2.2-alpha.1", Ww = {
+const zw = "1.2.2", Ww = {
   version: zw
 };
 var _n = typeof globalThis < "u" && globalThis || typeof self < "u" && self || // eslint-disable-next-line no-undef
@@ -7793,7 +7793,14 @@ const Ky = (n) => {
         "@3xl/main:absolute @3xl/main:left-0 @3xl/main:right-0 @3xl/main:top-0": n === "full" || n === "embedded"
       }),
       children: [
-        u != null ? /* @__PURE__ */ R.jsx("img", { className: "w-10 h-10 block", src: u, role: "presentation" }) : null,
+        u != null ? /* @__PURE__ */ R.jsx(
+          "img",
+          {
+            className: "w-10 h-10 block flex-none",
+            src: u,
+            role: "presentation"
+          }
+        ) : null,
         /* @__PURE__ */ R.jsx(
           xn,
           {
@@ -27795,48 +27802,68 @@ const ny = 8, zE = ({
     ),
     children: n
   }
-), GE = ({ handler: n, context: e, onClose: t, modalityComponents: r, renderCollapse: o }) => {
-  const [a, l] = be.useState(!0), [u, f] = be.useState(!0), p = () => {
+), GE = ({
+  handler: n,
+  context: e,
+  onClose: t,
+  modalityComponents: r,
+  renderCollapse: o,
+  brandIcon: a
+}) => {
+  const [l, u] = be.useState(!0), [f, p] = be.useState(!0), g = () => {
     t(new Event("close"));
   }, {
-    roomState: g,
-    isUserSpeaking: C,
-    isApplicationSpeaking: _,
-    retry: T,
-    modalities: N
+    roomState: C,
+    isUserSpeaking: _,
+    isApplicationSpeaking: T,
+    retry: N,
+    modalities: A
   } = U1({
-    micEnabled: a,
-    speakersEnabled: u,
+    micEnabled: l,
+    speakersEnabled: f,
     handler: n,
     context: e
   });
-  return g === "error" ? /* @__PURE__ */ R.jsxs(ry, { renderCollapse: o, onClose: p, children: [
-    /* @__PURE__ */ R.jsx(hc, { message: "I couldn’t connect" }),
-    /* @__PURE__ */ R.jsx(
-      As,
-      {
-        type: "ghost",
-        label: "Retry",
-        Icon: sc,
-        onClick: () => {
-          T();
+  if (C === "error")
+    return /* @__PURE__ */ R.jsxs(ry, { renderCollapse: o, onClose: g, children: [
+      /* @__PURE__ */ R.jsx(hc, { message: "I couldn’t connect" }),
+      /* @__PURE__ */ R.jsx(
+        As,
+        {
+          type: "ghost",
+          label: "Retry",
+          Icon: sc,
+          onClick: () => {
+            N();
+          }
         }
-      }
-    )
-  ] }) : g === "noAudioPermissions" ? /* @__PURE__ */ R.jsxs(ry, { renderCollapse: o, onClose: p, children: [
-    /* @__PURE__ */ R.jsx(hc, { message: "Connect your microphone and speaker" }),
-    /* @__PURE__ */ R.jsx(
-      As,
-      {
-        type: "ghost",
-        label: "Retry",
-        Icon: sc,
-        onClick: () => {
-          T();
+      )
+    ] });
+  if (C === "noAudioPermissions")
+    return /* @__PURE__ */ R.jsxs(ry, { renderCollapse: o, onClose: g, children: [
+      /* @__PURE__ */ R.jsx(hc, { message: "Connect your microphone and speaker" }),
+      /* @__PURE__ */ R.jsx(
+        As,
+        {
+          type: "ghost",
+          label: "Retry",
+          Icon: sc,
+          onClick: () => {
+            N();
+          }
         }
-      }
-    )
-  ] }) : g === "pending" ? /* @__PURE__ */ R.jsxs(iy, { className: "relative", children: [
+      )
+    ] });
+  const H = a != null ? /* @__PURE__ */ R.jsx(
+    "img",
+    {
+      className: "w-10 h-10 block flex-none",
+      src: a,
+      role: "presentation"
+    }
+  ) : null;
+  return C === "pending" ? /* @__PURE__ */ R.jsxs(iy, { className: "relative", children: [
+    H,
     /* @__PURE__ */ R.jsx(
       xn,
       {
@@ -27866,30 +27893,31 @@ const ny = 8, zE = ({
     ),
     /* @__PURE__ */ R.jsx("span", { className: "w-6 h-6 block text-accent absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ R.jsx(jp, {}) })
   ] }) : /* @__PURE__ */ R.jsxs(iy, { children: [
+    H,
     /* @__PURE__ */ R.jsxs("div", { className: "w-fit relative", children: [
-      C ? /* @__PURE__ */ R.jsx(ac, { className: "rounded-inner" }) : null,
+      _ ? /* @__PURE__ */ R.jsx(ac, { className: "rounded-inner" }) : null,
       /* @__PURE__ */ R.jsx(
         xn,
         {
-          Icon: a ? sd : Dp,
+          Icon: l ? sd : Dp,
           label: "Microphone",
-          type: a ? "activated" : "ghost",
+          type: l ? "activated" : "ghost",
           onClick: () => {
-            l((A) => !A);
+            u((z) => !z);
           }
         }
       )
     ] }),
     /* @__PURE__ */ R.jsxs("div", { className: "w-fit relative", children: [
-      _ ? /* @__PURE__ */ R.jsx(ac, { className: "rounded-inner" }) : null,
+      T ? /* @__PURE__ */ R.jsx(ac, { className: "rounded-inner" }) : null,
       /* @__PURE__ */ R.jsx(
         xn,
         {
-          Icon: u ? ad : Np,
+          Icon: f ? ad : Np,
           label: "Speakers",
-          type: u ? "activated" : "ghost",
+          type: f ? "activated" : "ghost",
           onClick: () => {
-            f((A) => !A);
+            p((z) => !z);
           }
         }
       )
@@ -27901,7 +27929,7 @@ const ny = 8, zE = ({
         Icon: oc,
         type: "error",
         onClick: () => {
-          p();
+          g();
         }
       }
     ),
@@ -27912,7 +27940,7 @@ const ny = 8, zE = ({
           X1,
           "absolute right-0 -top-2 transform translate-x-0 -translate-y-full max-h-[360px] overflow-auto"
         ),
-        modalities: N,
+        modalities: A,
         modalityComponents: r,
         handler: n
       }
@@ -34490,6 +34518,7 @@ const YP = ({ restored: n }) => {
             {
               handler: o,
               context: n.initialContext,
+              brandIcon: n.brandIcon,
               onClose: () => {
                 ee(new Event("close"));
               },
@@ -34600,7 +34629,10 @@ const YP = ({ restored: n }) => {
                     setEnabled: We
                   } : void 0,
                   colorMode: f,
-                  brandIcon: n.brandIcon,
+                  brandIcon: (
+                    /* In fullscreen voice mode, a separate header brand icon is not necessary because a brand icon+ripple are rendered in the middle */
+                    A === "text" ? n.brandIcon : void 0
+                  ),
                   isSettingsOpen: _,
                   enabled: n.enabled,
                   toggleSettings: n.enableSettings ? () => {