@telnyx/ai-chat-widget 5.0.1 → 5.0.3

package/dist/index.d.ts

@@ -5,8 +5,8 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
 declare type BaseProps = {
     /**
-     * The base URL for AIDA (Heavy thinking mode).
-     * Optional — if omitted, defaults to the internal AIDA endpoint.
+     * The base URL for TAIA (Heavy thinking mode).
+     * Optional — if omitted, defaults to the internal TAIA endpoint.
      */
     chatAPIUrl?: string;
     /**

package/dist/index.mjs

@@ -5803,7 +5803,7 @@ function rR() {
   }), [e, t];
 }
 const lt = {
-  // AIDA API URL (Heavy thinking mode)
+  // TAIA API URL (Heavy thinking mode)
   CHAT_API_URL: "https://api.telnyx.com/v2/support_agent/support/portal",
   FEEDBACK_API_URL: "https://api.telnyx.com/v2/support_agent/support/portal",
   WIDGET_WIDTH: 360,
@@ -5918,15 +5918,15 @@ const uR = [
   ["path", { d: "M6 18a4 4 0 0 1-2-7.464", key: "k1g0md" }],
   ["path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77", key: "q97ue3" }]
 ], dR = cR("brain", uR);
-var qr = /* @__PURE__ */ ((e) => (e.AIDA = "aida", e))(qr || {});
+var qr = /* @__PURE__ */ ((e) => (e.TAIA = "taia", e))(qr || {});
 const ME = {
-  [qr.AIDA]: {
+  [qr.TAIA]: {
     label: "Heavy thinking",
     icon: "🧠",
     /** Rendered in the mode toggle. */
     Icon: dR,
     ariaLabel: "Heavy thinking mode",
-    endpoint: qr.AIDA,
+    endpoint: qr.TAIA,
     tooltip: {
       title: "🧠 Heavy thinking",
       capabilities: ["Troubleshooting tools", "Deep reasoning"],
@@ -9454,14 +9454,14 @@ const AI = {
 }, RI = (e, t) => ({
   user: AI,
   chatAPIUrl: lt.CHAT_API_URL,
-  hasAIDAConfig: !1,
+  hasTAIAConfig: !1,
   feedbackAPIUrl: lt.FEEDBACK_API_URL,
   apiService: new Tr(
     lt.CHAT_API_URL,
     lt.FEEDBACK_API_URL,
     () => t().user
   ),
-  endpoint: qr.AIDA,
+  endpoint: qr.TAIA,
   numRetries: 0,
   retryTimeoutId: null,
   sessionId: Zm(),
@@ -9480,7 +9480,7 @@ const AI = {
     );
   }),
   setChatAPIUrl: (n, r = !0) => e((a) => {
-    a.chatAPIUrl = n, a.hasAIDAConfig = r, a.apiService = new Tr(
+    a.chatAPIUrl = n, a.hasTAIAConfig = r, a.apiService = new Tr(
       n,
       a.feedbackAPIUrl,
       () => t().user
@@ -9851,6 +9851,17 @@ const AI = {
   .visible {
     visibility: visible;
   }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
   .absolute {
     position: absolute;
   }
@@ -10214,6 +10225,10 @@ const AI = {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-x-full {
+    --tw-translate-x: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-0\\.5 {
     --tw-translate-y: calc(var(--spacing) * -0.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -10251,6 +10266,9 @@ const AI = {
   .animate-shadow-grow {
     animation: var(--animate-shadow-grow);
   }
+  .animate-shimmer {
+    animation: var(--animate-shimmer);
+  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -10380,6 +10398,9 @@ const AI = {
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
+  .rounded-\\[7px\\] {
+    border-radius: 7px;
+  }
   .rounded-\\[30px\\] {
     border-radius: 30px;
   }
@@ -10480,9 +10501,6 @@ const AI = {
   .border-widget-text-primary {
     border-color: var(--color-widget-text-primary);
   }
-  .bg-\\[\\#fefef8\\] {
-    background-color: #fefef8;
-  }
   .bg-black {
     background-color: var(--color-black);
   }
@@ -10609,6 +10627,14 @@ const AI = {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .via-neutral-600\\/30 {
+    --tw-gradient-via: color-mix(in srgb, oklch(43.9% 0 0) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-600) 30%, transparent);
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .via-telnyx-green {
     --tw-gradient-via: var(--color-telnyx-green);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -10652,6 +10678,9 @@ const AI = {
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-px {
+    padding: 1px;
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -10917,6 +10946,10 @@ const AI = {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -11588,6 +11621,11 @@ const AI = {
       color: var(--color-white);
     }
   }
+  .motion-reduce\\:animate-none {
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
+    }
+  }
   .motion-reduce\\:transition-none {
     @media (prefers-reduced-motion: reduce) {
       transition-property: none;
@@ -15166,17 +15204,19 @@ const Ql = (e) => /* @__PURE__ */ y.jsxs(
     /* @__PURE__ */ y.jsx(y_, { className: "text-black px-1 pt-1", children: "AI Assistant" })
   ] })
 ] }), w_ = () => /* @__PURE__ */ y.jsxs("span", { className: "text-white text-sm", children: [
-  "Read more",
-  /* @__PURE__ */ y.jsx(S_, { text: "here" }),
+  /* @__PURE__ */ y.jsx(S_, { text: "Read more about the AI assistant" }),
   "."
-] }), S_ = ({ text: e }) => /* @__PURE__ */ y.jsx(
+] }), S_ = ({ text: e }) => /* @__PURE__ */ y.jsxs(
   "a",
   {
-    className: "inline underline text-telnyx-light-green hover:text-white ml-1",
+    className: "inline underline text-telnyx-light-green hover:text-white",
     target: "_blank",
     rel: "noopener noreferrer",
     href: "https://support.telnyx.com/en/articles/8020222-mission-control-portal-ai-chat-support",
-    children: e
+    children: [
+      e,
+      /* @__PURE__ */ y.jsx("span", { className: "sr-only", children: " (opens in a new tab)" })
+    ]
   }
 );
 function v_() {
@@ -16914,14 +16954,23 @@ const On = ({
   /* @__PURE__ */ y.jsx(On, { isLoaded: e }),
   /* @__PURE__ */ y.jsxs("div", { className: "flex gap-1 items-center", children: [
     /* @__PURE__ */ y.jsx(On, { className: "duration-100 flex-1", isLoaded: e }),
-    /* @__PURE__ */ y.jsx("div", { className: "bg-[#fefef8] px-3 z-10", children: /* @__PURE__ */ y.jsx(
-      _O,
-      {
-        words: t,
-        className: "text-gray-700/60 font-medium"
-      },
-      t
-    ) }),
+    /* @__PURE__ */ y.jsxs("div", { className: "relative z-10 overflow-hidden rounded-lg bg-neutral-700/20 p-px", children: [
+      !e && /* @__PURE__ */ y.jsx(
+        "div",
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-0 -translate-x-full animate-shimmer bg-gradient-to-r from-transparent via-neutral-600/30 to-transparent motion-reduce:animate-none"
+        }
+      ),
+      /* @__PURE__ */ y.jsx("div", { className: "relative rounded-[7px] bg-widget-bg-tertiary px-3 py-1", children: /* @__PURE__ */ y.jsx(
+        _O,
+        {
+          words: t,
+          className: "text-gray-700/60 font-medium"
+        },
+        t
+      ) })
+    ] }),
     /* @__PURE__ */ y.jsx(On, { className: "duration-100 flex-1", isLoaded: e })
   ] }),
   /* @__PURE__ */ y.jsx(On, { isLoaded: e }),
@@ -48023,7 +48072,7 @@ const ZP = ie.create(jI), QP = ie.create(VI), Av = ({
           d === "error" && /* @__PURE__ */ y.jsx(gB, { onClick: r })
         ] });
       if (n === "loading")
-        return s === qr.AIDA ? /* @__PURE__ */ y.jsx(
+        return s === qr.TAIA ? /* @__PURE__ */ y.jsx(
           OO,
           {
             isLoaded: !1,