@nlxai/touchpoint-ui 1.1.8-alpha.4 → 1.2.0

package/lib/components/RiveAnimation.d.ts

@@ -1,2 +1,4 @@
 import { FC } from 'react';
-export declare const RiveAnimation: FC<unknown>;
+export declare const RiveAnimation: FC<{
+    restored: boolean;
+}>;

package/lib/index.js

@@ -5997,7 +5997,7 @@ var mw = /* @__PURE__ */ Cp(/* @__PURE__ */ Z0([], pw, function(n, e) {
     l = e[o], a = n(l), t.add(a) && r.push(l), o += 1;
   return r;
 })), gw = /* @__PURE__ */ mw(uw);
-const vw = "1.1.8-alpha.4", yw = {
+const vw = "1.2.0", yw = {
   version: vw
 };
 var wn = typeof globalThis < "u" && globalThis || typeof self < "u" && self || // eslint-disable-next-line no-undef
@@ -26800,7 +26800,7 @@ const EE = (n) => n instanceof HTMLTextAreaElement ? { value: n.value } : n.type
       uri: window.location.pathname,
       fields: e,
       destinations: r,
-      actions: n.map((l) => {
+      actions: n.filter((l) => l.description != null).map((l) => {
         const { handler: d, ...h } = l;
         return h;
       })
@@ -26877,13 +26877,9 @@ const EE = (n) => n instanceof HTMLTextAreaElement ? { value: n.value } : n.type
         });
         break;
       case "custom":
-        if (t.current.customCommands.has(o.action)) {
-          const a = t.current.customCommands.get(
-            o.action
-          );
-          o.payload != null && a(o.payload);
-        }
-        (e == null ? void 0 : e.custom) != null && (e.automaticContext !== !1 && console.warn(
+        t.current.customCommands.has(o.action) && t.current.customCommands.get(
+          o.action
+        )(o.payload), (e == null ? void 0 : e.custom) != null && (e.automaticContext !== !1 && console.warn(
           "bidirectional.custom is deprecated in automatic context mode. Please use `setCustomBidirectionalCommands` instead."
         ), e.custom(o.action, o.payload));
         break;
@@ -32382,15 +32378,15 @@ function jE(n, e) {
   const t = getComputedStyle(e).getPropertyValue("border-color"), r = e.getContext("2d");
   return r ? (r.fillStyle = t, r.fillRect(0, 0, 1, 1), e.style.display = "none", [...r.getImageData(0, 0, 1, 1).data]) : [0, 0, 0, 255];
 }
-const UE = () => {
-  const n = Se.useRef(null), e = Se.useRef(null);
+const UE = ({ restored: n }) => {
+  const e = Se.useRef(null), t = Se.useRef(null);
   return Se.useEffect(() => {
-    const t = e.current, r = n.current;
-    if (t == null || r == null)
+    const r = t.current, o = e.current;
+    if (r == null || o == null)
       return;
-    const o = new Sh.Rive({
+    const a = new Sh.Rive({
       src: "https://assets.nlx.ai/touchpoint/voice-plus-animation.riv",
-      canvas: t,
+      canvas: r,
       autoBind: !0,
       autoplay: !0,
       stateMachines: "State Machine 1",
@@ -32398,26 +32394,26 @@ const UE = () => {
         fit: Sh.Fit.Fill
       }),
       onLoad: () => {
-        o.resizeDrawingSurfaceToCanvas();
-        const l = o.viewModelInstance;
-        if (l != null) {
-          const d = l.trigger("run"), h = l.color("color");
-          h == null || h.rgba(...jE("var(--accent)", r)), d != null && d.trigger();
+        a.resizeDrawingSurfaceToCanvas();
+        const d = a.viewModelInstance;
+        if (d != null) {
+          const h = d.trigger("run"), m = d.trigger("runNoWave"), g = d.color("color"), T = d.number("voiceInput");
+          T != null && (T.value = 100), g == null || g.rgba(...jE("var(--accent)", o)), n ? m == null || m.trigger() : h == null || h.trigger();
         }
       }
-    }), a = () => {
-      o.resizeDrawingSurfaceToCanvas();
+    }), l = () => {
+      a.resizeDrawingSurfaceToCanvas();
     };
-    return window.addEventListener("resize", a, !1), () => {
-      o.cleanup(), window.removeEventListener("resize", a, !1);
+    return window.addEventListener("resize", l, !1), () => {
+      a.cleanup(), window.removeEventListener("resize", l, !1);
     };
-  }, []), /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    /* @__PURE__ */ R.jsx("canvas", { ref: n, width: "1", height: "1" }),
+  }, [n]), /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
+    /* @__PURE__ */ R.jsx("canvas", { ref: e, width: "1", height: "1" }),
     /* @__PURE__ */ R.jsx(
       "canvas",
       {
         className: "pointer-events-none fixed inset-0",
-        ref: e,
+        ref: t,
         style: { width: "100%", height: "100%" }
       }
     )
@@ -32573,7 +32569,7 @@ const UE = () => {
           n.embedded ? "" : "fixed z-touchpoint bottom-2 right-2"
         ),
         children: [
-          n.animate ? /* @__PURE__ */ R.jsx(UE, {}) : null,
+          n.animate ? /* @__PURE__ */ R.jsx(UE, { restored: t }) : null,
           /* @__PURE__ */ R.jsx(
             D_,
             {