@eka-care/medassist-widget 0.1.80 → 0.1.82

package/dist/medassist-widget-ChatComposer-CRm0Bvmo.js

@@ -0,0 +1,1234 @@
+import { c as ie, D as le, u as e, b as p, C as ce, B as w, N as pe, A as V, d as J, T as B, y as A, q as k, a as j, S as oe, k as F } from "./medassist-widget-main-CvBx4wsw.js";
+import { F as Q } from "./medassist-widget-FilePreview-Dof_VuUv.js";
+import { M as he } from "./medassist-widget-message-square-plus-D5bJkQm2.js";
+import { M as ee } from "./medassist-widget-mic-uIy1yldF.js";
+const ue = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], te = ie("plus", ue);
+const fe = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
+], re = ie("square", fe), W = le(({ className: r, ...a }, c) => /* @__PURE__ */ e(
+  "textarea",
+  {
+    className: p(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      r
+    ),
+    ref: c,
+    ...a
+  }
+));
+W.displayName = "Textarea";
+const K = ({ className: r }) => /* @__PURE__ */ e("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: r, children: /* @__PURE__ */ e("path", { d: "M1.46875 0.09375L16.3125 6.9375C16.75 7.125 17 7.53125 17 8C17 8.46875 16.75 8.875 16.3125 9.0625L1.46875 15.9062C1.3125 15.9688 1.1875 16 1.03125 16C0.46875 16 0 15.5312 0 14.9688C0 14.8125 0.03125 14.6875 0.09375 14.5625L2.34375 9.5C2.5 9.15625 2.8125 8.9375 3.15625 8.90625L8.0625 8.46875C8.3125 8.46875 8.5 8.25 8.5 8C8.5 7.75 8.3125 7.5625 8.0625 7.53125L3.15625 7.09375C2.8125 7.0625 2.5 6.84375 2.34375 6.5L0.09375 1.4375C0.03125 1.3125 0 1.1875 0 1.03125C0 0.46875 0.46875 0 1.03125 0C1.1875 0 1.3125 0.03125 1.46875 0.09375Z", fill: "currentColor" }) }), Y = le(
+  ({ className: r, type: a, ...c }, d) => {
+    const h = r && typeof r == "string" && r.includes("placeholder:");
+    return /* @__PURE__ */ e(
+      "input",
+      {
+        type: a,
+        className: p(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          // Only apply default placeholder color if not overridden
+          !h && "placeholder:text-muted-foreground",
+          r
+        ),
+        ref: d,
+        ...c
+      }
+    );
+  }
+);
+Y.displayName = "Input";
+const me = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { display: "block" },
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ e("g", { clipPath: "url(#circleClip)", children: /* @__PURE__ */ e("g", { children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M15.9766 0.0234375V5.31055H0.0234375V0.0234375H15.9766Z",
+            fill: "#FF9933",
+            stroke: "#1A1A1A",
+            "stroke-width": "0.046875"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M15.9766 5.35779V10.642H0.0234375V5.35779H15.9766Z",
+            fill: "white",
+            stroke: "#1A1A1A",
+            "stroke-width": "0.046875"
+          }
+        ),
+        /* @__PURE__ */ e("path", { d: "M0 10.6656H16V16H0V10.6656Z", fill: "#128807" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.00101 10.1334C9.17921 10.1334 10.1343 9.17824 10.1343 8.00003C10.1343 6.82182 9.17921 5.8667 8.00101 5.8667C6.8228 5.8667 5.86768 6.82182 5.86768 8.00003C5.86768 9.17824 6.8228 10.1334 8.00101 10.1334Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.00143 9.86663C9.03236 9.86663 9.8681 9.0309 9.8681 7.99997C9.8681 6.96904 9.03236 6.1333 8.00143 6.1333C6.9705 6.1333 6.13477 6.96904 6.13477 7.99997C6.13477 9.0309 6.9705 9.86663 8.00143 9.86663Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.00126 8.37325C8.20745 8.37325 8.3746 8.20611 8.3746 7.99992C8.3746 7.79373 8.20745 7.62659 8.00126 7.62659C7.79508 7.62659 7.62793 7.79373 7.62793 7.99992C7.62793 8.20611 7.79508 8.37325 8.00126 8.37325Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.84014 8.33936C9.8927 8.34628 9.94093 8.30928 9.94785 8.25671C9.95477 8.20415 9.91776 8.15593 9.8652 8.14901C9.81263 8.14208 9.76441 8.17909 9.75749 8.23165C9.75057 8.28422 9.78757 8.33244 9.84014 8.33936Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.00199 9.86647L8.06599 8.74647L8.00199 8.21313L7.93799 8.74647L8.00199 9.86647Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.69246 8.8036C9.74145 8.82389 9.7976 8.80063 9.81789 8.75165C9.83818 8.70266 9.81492 8.6465 9.76594 8.62622C9.71696 8.60593 9.6608 8.62919 9.64051 8.67817C9.62022 8.72715 9.64348 8.78331 9.69246 8.8036Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M7.52209 9.80289L7.87379 8.73762L7.95 8.2059L7.75015 8.70449L7.52209 9.80289Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.4251 9.21296C9.46716 9.24524 9.52743 9.2373 9.5597 9.19524C9.59198 9.15318 9.58405 9.09291 9.54198 9.06064C9.49992 9.02836 9.43966 9.0363 9.40738 9.07836C9.3751 9.12042 9.38304 9.18069 9.4251 9.21296Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M7.06958 9.61654L7.68501 8.67859L7.89625 8.18471L7.57415 8.61459L7.06958 9.61654Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.06041 9.53972C9.09269 9.58179 9.15295 9.58972 9.19502 9.55744C9.23708 9.52517 9.24501 9.4649 9.21274 9.42284C9.18046 9.38078 9.1202 9.37284 9.07814 9.40512C9.03607 9.4374 9.02814 9.49766 9.06041 9.53972Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.68086 9.31981L7.51807 8.5731L7.84994 8.15072L7.42756 8.48259L6.68086 9.31981Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.6284 9.76153C8.64869 9.81052 8.70484 9.83378 8.75383 9.81349C8.80281 9.7932 8.82607 9.73704 8.80578 9.68806C8.78549 9.63907 8.72933 9.61581 8.68035 9.6361C8.63137 9.65639 8.60811 9.71255 8.6284 9.76153Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.38679 8.93324L7.38874 8.42867L7.81862 8.10657L7.32474 8.31781L6.38679 8.93324Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.14737 9.86316C8.15429 9.91573 8.20251 9.95273 8.25508 9.94581C8.30764 9.93889 8.34465 9.89066 8.33773 9.8381C8.33081 9.78553 8.28258 9.74853 8.23002 9.75545C8.17745 9.76237 8.14045 9.81059 8.14737 9.86316Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.19642 8.4829L7.29482 8.25484L7.79342 8.05498L7.2617 8.1312L6.19642 8.4829Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M7.66381 9.83806C7.65689 9.89063 7.69389 9.93885 7.74646 9.94577C7.79903 9.95269 7.84725 9.91569 7.85417 9.86312C7.86109 9.81056 7.82409 9.76233 7.77152 9.75541C7.71895 9.74849 7.67073 9.7855 7.66381 9.83806Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.13671 7.99991L7.25671 8.06391L7.79004 7.99991L7.25671 7.93591L6.13671 7.99991Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M7.20092 9.68758C7.18063 9.73656 7.20389 9.79272 7.25287 9.81301C7.30185 9.8333 7.35801 9.81004 7.3783 9.76106C7.39859 9.71207 7.37533 9.65592 7.32635 9.63563C7.27736 9.61534 7.22121 9.6386 7.20092 9.68758Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.20138 7.51684L7.26665 7.86854L7.79838 7.94475L7.29978 7.7449L6.20138 7.51684Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.79363 9.42217C6.76135 9.46423 6.76929 9.5245 6.81135 9.55677C6.85341 9.58905 6.91368 9.58112 6.94595 9.53905C6.97823 9.49699 6.9703 9.43673 6.92823 9.40445C6.88617 9.37217 6.82591 9.38011 6.79363 9.42217Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.39018 7.06677L7.32812 7.6822L7.822 7.89344L7.39212 7.57135L6.39018 7.06677Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.46467 9.05968C6.42261 9.09196 6.41467 9.15222 6.44695 9.19428C6.47923 9.23635 6.53949 9.24428 6.58155 9.21201C6.62362 9.17973 6.63155 9.11947 6.59927 9.0774C6.567 9.03534 6.50673 9.02741 6.46467 9.05968Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.68459 6.68013L7.43129 7.51734L7.85367 7.84921L7.5218 7.42683L6.68459 6.68013Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.24115 8.6251C6.19217 8.64539 6.16891 8.70155 6.1892 8.75053C6.20949 8.79951 6.26564 8.82277 6.31463 8.80248C6.36361 8.7822 6.38687 8.72604 6.36658 8.67705C6.34629 8.62807 6.29014 8.60481 6.24115 8.6251Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M7.06908 6.38338L7.57365 7.38532L7.89575 7.8152L7.68451 7.32132L7.06908 6.38338Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.14294 8.14786C6.09038 8.15478 6.05338 8.203 6.0603 8.25557C6.06722 8.30813 6.11544 8.34513 6.168 8.33821C6.22057 8.33129 6.25757 8.28307 6.25065 8.2305C6.24373 8.17794 6.19551 8.14094 6.14294 8.14786Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M7.52345 6.19703L7.75151 7.29543L7.95136 7.79403L7.87515 7.26231L7.52345 6.19703Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.17061 7.66052C6.11804 7.6536 6.06982 7.6906 6.0629 7.74316C6.05598 7.79573 6.09298 7.84395 6.14554 7.85087C6.19811 7.85779 6.24633 7.82079 6.25325 7.76822C6.26017 7.71566 6.22317 7.66744 6.17061 7.66052Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.00875 6.13341L7.94475 7.25341L8.00875 7.78674L8.07275 7.25341L8.00875 6.13341Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.32316 7.19628C6.27418 7.17599 6.21802 7.19925 6.19773 7.24823C6.17744 7.29722 6.2007 7.35337 6.24969 7.37366C6.29867 7.39395 6.35483 7.37069 6.37512 7.32171C6.39541 7.27272 6.37215 7.21657 6.32316 7.19628Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.49354 6.19699L8.14184 7.26226L8.06562 7.79398L8.26548 7.29539L8.49354 6.19699Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.58174 6.78692C6.53967 6.75464 6.47941 6.76257 6.44713 6.80464C6.41486 6.8467 6.42279 6.90696 6.46485 6.93924C6.50692 6.97152 6.56718 6.96358 6.59946 6.92152C6.63173 6.87946 6.6238 6.81919 6.58174 6.78692Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.93726 6.38334L8.32183 7.32129L8.11059 7.81517L8.43268 7.38529L8.93726 6.38334Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M6.94642 6.46015C6.91415 6.41809 6.85388 6.41016 6.81182 6.44243C6.76976 6.47471 6.76182 6.53497 6.7941 6.57704C6.82637 6.6191 6.88664 6.62703 6.9287 6.59476C6.97076 6.56248 6.9787 6.50222 6.94642 6.46015Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.32598 6.68007L8.48876 7.42678L8.15689 7.84915L8.57927 7.51729L9.32598 6.68007Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M7.37649 6.23847C7.3562 6.18948 7.30004 6.16622 7.25106 6.18651C7.20207 6.2068 7.17881 6.26296 7.1991 6.31194C7.21939 6.36093 7.27555 6.38419 7.32453 6.3639C7.37352 6.34361 7.39678 6.28745 7.37649 6.23847Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.61809 7.06676L8.61614 7.57133L8.18626 7.89343L8.68014 7.68219L9.61809 7.06676Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M7.85751 6.13684C7.85059 6.08427 7.80237 6.04727 7.74981 6.05419C7.69724 6.06111 7.66024 6.10934 7.66716 6.1619C7.67408 6.21447 7.7223 6.25147 7.77487 6.24455C7.82743 6.23763 7.86443 6.18941 7.85751 6.13684Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.80846 7.5171L8.71006 7.74516L8.21146 7.94502L8.74319 7.8688L9.80846 7.5171Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.34302 6.16194C8.34994 6.10937 8.31294 6.06115 8.26038 6.05423C8.20781 6.04731 8.15959 6.08431 8.15267 6.13688C8.14575 6.18944 8.18275 6.23767 8.23532 6.24459C8.28788 6.25151 8.3361 6.2145 8.34302 6.16194Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.87013 8.00009L8.75013 7.93609L8.2168 8.00009L8.75013 8.06409L9.87013 8.00009Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.80592 6.31242C8.82621 6.26344 8.80295 6.20728 8.75396 6.18699C8.70498 6.1667 8.64882 6.18996 8.62853 6.23894C8.60824 6.28793 8.63151 6.34408 8.68049 6.36437C8.72947 6.38466 8.78563 6.3614 8.80592 6.31242Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.80545 8.48316L8.74018 8.13146L8.20846 8.05525L8.70705 8.2551L9.80545 8.48316Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.21614 6.57795C9.24841 6.53589 9.24048 6.47562 9.19842 6.44335C9.15635 6.41107 9.09609 6.41901 9.06381 6.46107C9.03154 6.50313 9.03947 6.5634 9.08153 6.59567C9.1236 6.62795 9.18386 6.62001 9.21614 6.57795Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.61959 8.93335L8.68164 8.31792L8.18776 8.10668L8.61764 8.42878L9.61959 8.93335Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.53875 6.94044C9.58081 6.90816 9.58874 6.8479 9.55647 6.80584C9.52419 6.76377 9.46393 6.75584 9.42186 6.78812C9.3798 6.82039 9.37187 6.88066 9.40414 6.92272C9.43642 6.96478 9.49668 6.97272 9.53875 6.94044Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.31883 9.31999L8.57213 8.48278L8.14975 8.15091L8.48162 8.57329L9.31883 9.31999Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.76715 7.37502C9.81613 7.35473 9.83939 7.29858 9.8191 7.24959C9.79881 7.20061 9.74266 7.17735 9.69367 7.19764C9.64469 7.21793 9.62143 7.27408 9.64172 7.32307C9.66201 7.37205 9.71816 7.39531 9.76715 7.37502Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.93922 9.61662L8.43465 8.61468L8.11255 8.1848L8.3238 8.67868L8.93922 9.61662Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.86682 7.85227C9.91939 7.84534 9.95639 7.79712 9.94947 7.74456C9.94255 7.69199 9.89433 7.65499 9.84176 7.66191C9.78919 7.66883 9.75219 7.71705 9.75911 7.76962C9.76603 7.82218 9.81426 7.85919 9.86682 7.85227Z",
+            fill: "#000088"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.48631 9.80309L8.25826 8.70469L8.0584 8.20609L8.13462 8.73782L8.48631 9.80309Z",
+            fill: "#000088"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "circleClip", children: /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "8" }) }) })
+    ]
+  }
+), ge = "+91";
+function Ce(r) {
+  const a = r.replace(/\D/g, ""), c = a.slice(0, 5), d = a.slice(5, 10);
+  return d ? `${c} ${d}` : c;
+}
+function be({
+  value: r,
+  onChange: a,
+  onKeyDown: c,
+  // placeholder,
+  disabled: d,
+  theme: h,
+  isMobile: g,
+  maxLength: o,
+  isMobileValid: n,
+  onSend: f
+}) {
+  return /* @__PURE__ */ e("div", { className: "px-2 pt-3 pb-2 space-y-2 w-full", children: [
+    /* @__PURE__ */ e("p", { className: "px-1 text-xs font-semibold tracking-wide text-foreground uppercase", children: "Enter your mobile number" }),
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-2 w-full", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: p(
+            "inline-flex items-center gap-2 rounded-full px-3 shrink-0 py-2 min-h-[56px]",
+            d && "opacity-60",
+            h?.textColor === "white" ? "bg-white-100" : "bg-black-100"
+          ),
+          style: {
+            fontSize: g ? "16px" : "14px"
+          },
+          children: [
+            /* @__PURE__ */ e(me, {}),
+            /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: ge }),
+            /* @__PURE__ */ e(ce, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": !0 })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: p(
+            "flex items-center gap-1 rounded-full px-2 py-2 flex-1 min-w-0",
+            d && "opacity-60",
+            h?.textColor === "white" ? "bg-white-100" : "bg-black-100"
+          ),
+          children: [
+            /* @__PURE__ */ e(
+              Y,
+              {
+                type: "tel",
+                autoComplete: "tel-national",
+                value: Ce(r),
+                onChange: a,
+                onKeyDown: c,
+                placeholder: "88888 88888",
+                className: p(
+                  "w-full h-full shadow-none border-0 outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+                  "text-sm placeholder:text-muted-foreground/40 bg-transparent",
+                  "disabled:cursor-not-allowed rounded-none break-words overflow-wrap-anywhere whitespace-pre-wrap",
+                  "text-foreground px-3 py-2 pr-11 min-h-[40px]"
+                ),
+                style: {
+                  fontSize: g ? "16px" : "14px"
+                },
+                maxLength: o ? o + 1 : void 0,
+                inputMode: "numeric",
+                autoFocus: !d,
+                disabled: d
+              }
+            ),
+            /* @__PURE__ */ e(
+              w,
+              {
+                type: "button",
+                size: "icon",
+                onClick: f,
+                disabled: d || !n,
+                variant: "ghost",
+                className: `h-10 w-10 ${n ? "bg-primary" : "bg-none"} hover:bg-primary/90 rounded-full transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 shrink-0 disabled:opacity-50 disabled:pointer-events-none disabled:hover:scale-100`,
+                title: n ? "Submit mobile number" : "Enter a valid mobile number",
+                "aria-label": n ? "Submit mobile number" : "Enter a valid mobile number",
+                children: /* @__PURE__ */ e(K, { className: `w-4 h-4 ${n ? "text-primary-foreground" : "text-primary"}` })
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const xe = 6, we = 30, ye = (r, a) => r.disabled === a.disabled && r.isMobile === a.isMobile && r.validation?.pattern === a.validation?.pattern && r.validation?.minLength === a.validation?.minLength && r.validation?.maxLength === a.validation?.maxLength && r.serverMessage === a.serverMessage && r.theme?.textColor === a.theme?.textColor;
+function ve({
+  disabled: r,
+  isMobile: a,
+  validation: c,
+  onSubmit: d,
+  onResendOtp: h,
+  serverMessage: g
+}) {
+  const o = V([]), [n, f] = J(0), [s, N] = J(!1), C = V(!1), E = V(d), Z = V(h), i = c?.maxLength ?? xe, y = B(
+    () => new RegExp(c?.pattern ?? `^\\d{${i}}$`),
+    [c?.pattern, i]
+  );
+  A(() => {
+    E.current = d;
+  }, [d]), A(() => {
+    Z.current = h;
+  }, [h]), A(() => {
+    if (!g) return;
+    const t = g.toLowerCase();
+    t.includes("otp") && (t.includes("invalid") || t.includes("incorrect") || t.includes("wrong")) && (C.current = !1, N(!1));
+  }, [g]);
+  const x = k(() => o.current.map(
+    (t) => t?.value.replace(/\D/g, "").slice(-1) ?? ""
+  ), []), S = k(() => {
+    const t = x().join(""), l = t.length === i && y.test(t);
+    C.current !== l && (C.current = l, N(l));
+  }, [i, y, x]), O = k((t) => {
+    t < i - 1 && o.current[t + 1]?.focus();
+  }, [i]), P = k((t) => {
+    t > 0 && o.current[t - 1]?.focus();
+  }, []), T = B(() => Array.from({ length: i }, (t, l) => l), [i]), v = k(
+    (t) => {
+      for (let b = 0; b < i; b++) {
+        const I = o.current[b];
+        I && (I.value = t[b] ?? "");
+      }
+      S();
+      const l = Math.min(t.length, i - 1);
+      o.current[l]?.focus();
+    },
+    [S, i]
+  ), M = k(
+    (t, l) => {
+      const b = l.target.value.replace(/\D/g, "");
+      if (b.length > 1) {
+        v(b.slice(0, i));
+        return;
+      }
+      const I = b.slice(-1);
+      l.target.value = I, S(), I && O(t);
+    },
+    [S, v, O, i]
+  ), L = k(
+    (t, l) => {
+      if (l.key === "Backspace" && !o.current[t]?.value) {
+        P(t);
+        return;
+      }
+      if (l.key === "Enter" && !l.shiftKey && !r) {
+        l.preventDefault();
+        const b = x().join("");
+        if (b.length === i && y.test(b))
+          E.current(b);
+        else {
+          const D = x().findIndex((R) => !R);
+          o.current[D === -1 ? 0 : D]?.focus();
+        }
+      }
+    },
+    [r, P, i, y, x]
+  ), _ = k(
+    (t) => {
+      t.preventDefault();
+      const l = t.clipboardData.getData("text").replace(/\D/g, "").slice(0, i);
+      l && v(l);
+    },
+    [v, i]
+  ), u = k(() => {
+    if (r) return;
+    const t = x().join("");
+    t.length === i && y.test(t) && E.current(t);
+  }, [r, i, y, x]), z = k(() => {
+    if (!(n > 0 || r)) {
+      for (const t of o.current)
+        t && (t.value = "");
+      C.current = !1, N(!1), o.current[0]?.focus(), Z.current?.(), f(we);
+    }
+  }, [r, n]);
+  A(() => {
+    r || o.current[0]?.focus();
+  }, [r]), A(() => {
+    if (s) {
+      n > 0 && f(0);
+      return;
+    }
+    if (n <= 0) return;
+    const t = setTimeout(() => f((l) => l - 1), 1e3);
+    return () => clearTimeout(t);
+  }, [s, n]);
+  const H = B(
+    () => T.map((t) => /* @__PURE__ */ e(
+      "input",
+      {
+        ref: (l) => {
+          o.current[t] = l;
+        },
+        type: "text",
+        inputMode: "numeric",
+        maxLength: a && t === 0 ? i : 1,
+        onChange: (l) => M(t, l),
+        onKeyDown: (l) => L(t, l),
+        onPaste: _,
+        disabled: r,
+        tabIndex: 0,
+        style: { fontSize: a ? "16px" : "14px", backgroundColor: "var(--input-box-bg)" },
+        className: p(
+          "h-10 w-10 rounded-full border text-center text-lg font-semibold text-foreground",
+          "border-border shadow-sm outline-none transition-colors",
+          "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0 focus-visible:border-transparent",
+          "disabled:cursor-not-allowed disabled:opacity-50"
+        ),
+        autoComplete: t === 0 ? "one-time-code" : "off",
+        "aria-label": `Digit ${t + 1}`
+      },
+      t
+    )),
+    [r, T, M, L, _, a, i]
+  );
+  return /* @__PURE__ */ e("div", { className: "px-4 pt-3 pb-2 space-y-3", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-wide text-foreground uppercase", children: "Please enter the OTP" }),
+      !s && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: z,
+          disabled: r || n > 0,
+          className: p(
+            "text-xs font-medium underline underline-offset-2",
+            "text-primary hover:opacity-90 disabled:opacity-50 disabled:no-underline disabled:cursor-not-allowed"
+          ),
+          children: [
+            "Resend OTP",
+            n > 0 ? ` (00:${String(n).padStart(2, "0")}s)` : ""
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex items-center w-full gap-2 justify-between", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: H }),
+      /* @__PURE__ */ e(
+        w,
+        {
+          type: "button",
+          size: "icon",
+          onClick: u,
+          disabled: r,
+          variant: "ghost",
+          className: `h-10 w-10 ${s ? "bg-primary" : "bg-none"} hover:bg-primary/90 rounded-full transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 shrink-0 disabled:opacity-50 disabled:pointer-events-none disabled:hover:scale-100`,
+          title: s ? "Submit OTP" : "Enter the full OTP to submit",
+          "aria-label": s ? "Submit OTP" : "Enter the full OTP to submit",
+          children: /* @__PURE__ */ e(K, { className: `w-4 h-4 ${s ? "text-primary-foreground" : "text-primary"}` })
+        }
+      )
+    ] })
+  ] }) });
+}
+const Le = pe(ve, ye);
+function Ne({
+  value: r,
+  onChange: a,
+  onKeyDown: c,
+  placeholder: d,
+  disabled: h,
+  theme: g,
+  isMobile: o,
+  isEmailValid: n,
+  onSend: f
+}) {
+  return /* @__PURE__ */ e("div", { className: "px-2 pt-3 pb-2 space-y-2 w-full", children: [
+    /* @__PURE__ */ e("p", { className: "px-1 text-xs font-semibold tracking-wide text-foreground uppercase", children: "Enter your email address" }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: p(
+          "flex items-center gap-1 rounded-full px-2 py-2 w-full",
+          h && "opacity-60",
+          g?.textColor === "white" ? "bg-white-100" : "bg-black-100"
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            Y,
+            {
+              type: "email",
+              autoComplete: "email",
+              value: r,
+              onChange: a,
+              onKeyDown: c,
+              placeholder: d ?? "username@example.com",
+              className: p(
+                "w-full h-full shadow-none border-0 outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+                "text-sm placeholder:text-muted-foreground/40 bg-transparent",
+                "disabled:cursor-not-allowed rounded-none break-words overflow-wrap-anywhere whitespace-pre-wrap",
+                "text-foreground px-3 py-2 pr-11 min-h-[40px]"
+              ),
+              style: {
+                fontSize: o ? "16px" : "14px"
+              },
+              autoFocus: !h,
+              disabled: h
+            }
+          ),
+          /* @__PURE__ */ e(
+            w,
+            {
+              type: "button",
+              size: "icon",
+              onClick: f,
+              disabled: h || !n,
+              variant: "ghost",
+              className: `h-10 w-10 ${n ? "bg-primary" : "bg-none"} hover:bg-primary/90 rounded-full transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 shrink-0 disabled:opacity-50 disabled:pointer-events-none disabled:hover:scale-100`,
+              title: n ? "Submit email address" : "Enter a valid email address",
+              "aria-label": n ? "Submit email address" : "Enter a valid email address",
+              children: /* @__PURE__ */ e(K, { className: `w-4 h-4 ${n ? "text-primary-foreground" : "text-primary"}` })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+const ne = 10, Me = 10, ke = /^[6-9][0-9]{9}$/, Ee = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function Ze({
+  elicitationEntry: r,
+  value: a,
+  onChange: c,
+  isDisabled: d,
+  theme: h,
+  isMobile: g,
+  onSend: o
+}) {
+  const {
+    component: n,
+    pattern: f,
+    minLength: s,
+    maxLength: N,
+    description: C,
+    disp_toast_msg: E,
+    tool_key: Z
+  } = r ?? {}, i = B(() => n === j.SYNAPSE_COMPONENTS.MOBILE, [n]), y = B(() => n === j.SYNAPSE_COMPONENTS.OTP, [n]), x = B(() => n === j.SYNAPSE_COMPONENTS.EMAIL, [n]);
+  if (!i && !y && !x)
+    return null;
+  const S = E?.trim() ?? "", O = (u) => {
+    const z = u.target.value.replace(/\D/g, ""), H = N ?? ne;
+    c(z.slice(0, H));
+  }, P = a.length === (s ?? Me) && (f ? new RegExp(f).test(a) : ke.test(a)), T = f ? new RegExp(f).test(a) : Ee.test(a), v = () => {
+    !T || d || o({ toolCalled: !0, tool_key: Z });
+  }, M = (u) => {
+    u.key === "Enter" && (u.preventDefault(), v());
+  }, L = () => {
+    !P || d || o({ toolCalled: !0, tool_key: Z });
+  };
+  return /* @__PURE__ */ e(oe, { children: [
+    i && /* @__PURE__ */ e(
+      be,
+      {
+        value: a,
+        onChange: O,
+        onSend: L,
+        onKeyDown: (u) => {
+          u.key === "Enter" && (u.preventDefault(), L());
+        },
+        placeholder: C ?? "Enter your mobile number",
+        disabled: d,
+        isMobileValid: P,
+        theme: h,
+        isMobile: g,
+        maxLength: N ?? ne
+      }
+    ),
+    y && /* @__PURE__ */ e(
+      Le,
+      {
+        disabled: d,
+        isMobile: g,
+        validation: { pattern: f, minLength: s, maxLength: N },
+        onSubmit: (u) => {
+          o({ message: u, toolCalled: !0, tool_key: Z });
+        },
+        onResendOtp: () => {
+          o({ toolCalled: !0, resend: !0, tool_key: Z });
+        },
+        serverMessage: S,
+        theme: h
+      }
+    ),
+    x && /* @__PURE__ */ e(
+      Ne,
+      {
+        value: a,
+        onChange: (u) => c(u.target.value),
+        onKeyDown: M,
+        disabled: d,
+        isEmailValid: T,
+        theme: h,
+        isMobile: g,
+        placeholder: C,
+        onSend: v
+      }
+    )
+  ] });
+}
+const ae = ({ className: r }) => /* @__PURE__ */ e("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: r, children: /* @__PURE__ */ e("path", { d: "M6.875 0C7.375 0 7.75 0.40625 7.75 0.875V14.875C7.75 15.375 7.375 15.75 6.875 15.75C6.40625 15.75 6 15.375 6 14.875V0.875C6 0.40625 6.40625 0 6.875 0ZM12.875 2C13.375 2 13.75 2.40625 13.75 2.875V12.875C13.75 13.375 13.375 13.75 12.875 13.75C12.4062 13.75 12 13.375 12 12.875V2.875C12 2.40625 12.4062 2 12.875 2ZM3.875 3C4.375 3 4.75 3.40625 4.75 3.875V11.875C4.75 12.375 4.375 12.75 3.875 12.75C3.40625 12.75 3 12.375 3 11.875V3.875C3 3.40625 3.40625 3 3.875 3ZM9.875 4C10.375 4 10.75 4.40625 10.75 4.875V10.875C10.75 11.375 10.375 11.75 9.875 11.75C9.40625 11.75 9 11.375 9 10.875V4.875C9 4.40625 9.40625 4 9.875 4ZM0.875 6C1.375 6 1.75 6.40625 1.75 6.875V8.875C1.75 9.375 1.375 9.75 0.875 9.75C0.40625 9.75 0 9.375 0 8.875V6.875C0 6.40625 0.40625 6 0.875 6ZM15.875 6C16.375 6 16.75 6.40625 16.75 6.875V8.875C16.75 9.375 16.375 9.75 15.875 9.75C15.4062 9.75 15 9.375 15 8.875V6.875C15 6.40625 15.4062 6 15.875 6Z", fill: "currentColor" }) });
+function Te({
+  value: r,
+  onChange: a,
+  onSend: c,
+  onFileChange: d,
+  onRemoveFile: h,
+  onRecording: g,
+  isRecording: o,
+  hasAttachment: n,
+  attachmentFiles: f,
+  isDisabled: s,
+  placeholder: N,
+  isMobile: C,
+  recordingStatus: E,
+  theme: Z,
+  allowed: i,
+  showStartNewChatButton: y,
+  onStartNewChat: x,
+  isVoiceAgentActive: S,
+  handleVoiceMode: O,
+  isAuthComponent: P,
+  activeElicitationState: T,
+  isFullScreen: v
+}) {
+  const M = V(null), L = V(null), _ = r.trim().length > 0 || n, u = i === void 0 || i.includes(j.SYNAPSE_CONVERSATION.AUDIO), z = i === void 0 || i.includes(j.SYNAPSE_CONVERSATION.VOICE), H = _ || !u, t = _, l = i === void 0 || i.includes(j.SYNAPSE_CONVERSATION.FILE), b = (s || E !== F.IDLE) && !o, I = p(
+    "rounded-full transition-all duration-200 ",
+    o ? "bg-gradient-to-r from-rose-400 via-primary to-indigo-500 text-white ring-2 ring-white/60 animate-pulse shadow-[0_0_20px_rgba(139,92,246,0.45)]" : b ? "text-primary/50 cursor-not-allowed shadow-none" : "text-foreground hover:bg-primary hover:text-primary-foreground"
+  ), D = (m) => {
+    const $ = Array.from(m.target.files || []);
+    $.length > 0 && d($);
+  }, R = () => {
+    s || (M.current && (M.current.value = ""), M.current?.click());
+  }, q = (m) => {
+    m.key === "Enter" && !m.shiftKey && t && !s && (m.preventDefault(), c());
+  }, U = (m) => {
+    m.style.height = "auto", m.style.overflow = "hidden";
+    const $ = m.scrollHeight, se = v ? 20 : 28, X = 120, de = Math.max(se, Math.min($, X));
+    m.style.height = de + "px", $ > X ? m.style.overflow = "auto" : m.style.overflow = "hidden";
+  }, G = (m) => {
+    U(m.currentTarget);
+  };
+  return A(() => {
+    L.current && U(L.current);
+  }, [r]), A(() => {
+    !s && !C && L.current?.focus();
+  }, [s]), y && x ? /* @__PURE__ */ e("div", { className: "px-4 py-2 flex justify-unset", children: /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: x,
+      className: p(
+        "px-6 py-3 bg-primary text-primary-foreground text-sm font-semibold rounded-lg transition-colors flex items-center justify-center gap-2 disabled:opacity-60 disabled:pointer-events-none w-full",
+        !C && "hover:bg-primary/90"
+      ),
+      children: [
+        /* @__PURE__ */ e("span", { children: "Start new chat" }),
+        /* @__PURE__ */ e(he, { className: "w-5 h-5", "aria-hidden": !0 })
+      ]
+    }
+  ) }) : /* @__PURE__ */ e(oe, { children: P ? /* @__PURE__ */ e(
+    Ze,
+    {
+      elicitationEntry: T,
+      value: r,
+      onChange: a,
+      isDisabled: s,
+      theme: Z,
+      isMobile: C,
+      onSend: c
+    }
+  ) : v ? /* @__PURE__ */ e("div", { className: "mx-3 mb-3", "data-name": "reply-box", children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex flex-col items-stretch w-full bg-elicitationBg",
+      style: {
+        border: "1px solid hsl(var(--primary) / 0.5)",
+        borderRadius: 24,
+        padding: 8
+      },
+      children: [
+        n && f.length > 0 && /* @__PURE__ */ e("div", { className: "mb-2 pb-2 border-b border-border-subtle", children: /* @__PURE__ */ e(
+          Q,
+          {
+            files: f,
+            onRemoveFile: h,
+            isPreview: !0
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: M,
+            type: "file",
+            multiple: !0,
+            max: 3,
+            accept: "image/jpeg, image/png, image/jpg, application/pdf",
+            className: "hidden",
+            onChange: D,
+            disabled: s,
+            title: "Attach file",
+            "aria-label": "Attach file"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex items-center justify-between w-full",
+            style: { padding: "12px 8px" },
+            "data-name": "text-frame",
+            children: /* @__PURE__ */ e(
+              W,
+              {
+                ref: L,
+                onInput: G,
+                placeholder: N,
+                value: r,
+                onChange: (m) => a(m.target.value),
+                rows: 1,
+                maxLength: 1e3,
+                autoFocus: !C,
+                style: {
+                  wordBreak: "break-word",
+                  overflowWrap: "anywhere",
+                  minHeight: "20px",
+                  maxHeight: "120px",
+                  fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+                  fontSize: 14,
+                  lineHeight: "20px",
+                  fontWeight: 400,
+                  padding: 0
+                },
+                onKeyPress: q,
+                title: "Enter your message",
+                "aria-label": "Enter your message",
+                className: p(
+                  "flex-1 min-w-0 shadow-none border-0 outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+                  "bg-transparent disabled:cursor-not-allowed rounded-none break-words whitespace-pre-wrap",
+                  "text-foreground resize-none placeholder:text-muted-foreground"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex items-center justify-between w-full",
+            "data-name": "cta-row",
+            children: [
+              /* @__PURE__ */ e("div", { className: "flex items-start shrink-0", "data-name": "input-left-cta", children: l && E === F.IDLE && /* @__PURE__ */ e(
+                w,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: R,
+                  disabled: s,
+                  className: p(
+                    "rounded-full transition-all shrink-0 p-2 h-10 w-10",
+                    n ? "bg-primary text-primary-foreground" : "text-foreground",
+                    !C && (n ? "hover:bg-primary/15" : "hover:bg-primary hover:text-primary-foreground")
+                  ),
+                  title: "Attach file",
+                  "aria-label": "Attach file",
+                  children: /* @__PURE__ */ e(te, { className: "w-6 h-6", strokeWidth: 1.5 })
+                }
+              ) }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "flex gap-2 items-center shrink-0",
+                  "data-name": "input-right-cta",
+                  children: [
+                    o ? /* @__PURE__ */ e(
+                      w,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon",
+                        onClick: g,
+                        className: p(
+                          "h-10 w-10 rounded-full bg-gradient-to-r from-red-400 to-rose-500 text-white shadow-lg transition-all duration-200 active:scale-95 shrink-0",
+                          !C && "hover:from-red-500 hover:to-rose-600 hover:scale-105"
+                        ),
+                        title: "Stop recording",
+                        "aria-label": "Stop recording",
+                        children: /* @__PURE__ */ e(re, { className: "w-4 h-4" })
+                      }
+                    ) : u && /* @__PURE__ */ e(
+                      w,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon",
+                        onClick: g,
+                        disabled: b,
+                        className: p(
+                          "h-10 w-10 shrink-0 p-2",
+                          I
+                        ),
+                        title: "Start recording",
+                        "aria-label": "Start recording",
+                        children: /* @__PURE__ */ e(ee, { className: "w-6 h-6", strokeWidth: 1.5 })
+                      }
+                    ),
+                    H && !o ? /* @__PURE__ */ e(
+                      w,
+                      {
+                        type: "button",
+                        size: "icon",
+                        onClick: () => c(),
+                        disabled: s || !t,
+                        variant: "ghost",
+                        className: p(
+                          "h-10 w-10 rounded-full transition-all duration-200 shadow-lg shrink-0 p-2",
+                          t ? "bg-primary hover:bg-primary/90 hover:shadow-xl hover:scale-105 active:scale-95" : "bg-primary/40"
+                        ),
+                        title: t ? "Send message" : "Type a message to send",
+                        "aria-label": t ? "Send message" : "Type a message to send",
+                        children: /* @__PURE__ */ e(K, { className: "w-4 h-4 text-primary-foreground" })
+                      }
+                    ) : u && z && !o && /* @__PURE__ */ e(
+                      w,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon",
+                        onClick: O,
+                        disabled: s || S,
+                        className: "h-10 w-10 bg-primary text-primary-foreground hover:bg-primary/90 rounded-full transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 shrink-0 disabled:opacity-50 disabled:pointer-events-none disabled:hover:scale-100 p-2",
+                        title: "Enter voice mode",
+                        "aria-label": "Enter voice mode",
+                        children: /* @__PURE__ */ e(ae, { className: "w-4 h-4 text-primary-foreground" })
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) }) : /* @__PURE__ */ e("div", { className: "px-3 pb-2 pt-1", children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: M,
+        type: "file",
+        multiple: !0,
+        max: 3,
+        accept: "image/jpeg, image/png, image/jpg, application/pdf",
+        className: "hidden",
+        onChange: D,
+        disabled: s,
+        title: "Attach file",
+        "aria-label": "Attach file"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "flex flex-col w-full bg-elicitationBg",
+        style: {
+          border: "1px solid hsl(var(--primary) / 0.3)",
+          borderRadius: 20,
+          padding: "4px 8px"
+        },
+        children: [
+          n && f.length > 0 && /* @__PURE__ */ e("div", { className: "mb-2 pb-2 border-b border-border-subtle", children: /* @__PURE__ */ e(
+            Q,
+            {
+              files: f,
+              onRemoveFile: h,
+              isPreview: !0
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "px-2 pt-1 pb-0", children: /* @__PURE__ */ e(
+            W,
+            {
+              ref: L,
+              onInput: G,
+              placeholder: N,
+              value: r,
+              onChange: (m) => a(m.target.value),
+              rows: 1,
+              maxLength: 1e3,
+              autoFocus: !C,
+              style: {
+                wordBreak: "break-word",
+                overflowWrap: "anywhere",
+                minHeight: "28px",
+                maxHeight: "120px",
+                fontSize: "16px",
+                lineHeight: "1.4"
+              },
+              onKeyPress: q,
+              title: "Enter your message",
+              "aria-label": "Enter your message",
+              className: p(
+                "w-full shadow-none border-0 outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+                "text-base placeholder:text-muted-foreground bg-transparent",
+                "disabled:cursor-not-allowed rounded-none break-words whitespace-pre-wrap text-foreground resize-none"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "flex items-center justify-between px-1", children: [
+            /* @__PURE__ */ e("div", { className: "flex items-center shrink-0", children: l && E === F.IDLE && /* @__PURE__ */ e(
+              w,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: R,
+                disabled: s,
+                className: p(
+                  "h-10 w-10 rounded-full transition-all shrink-0",
+                  n ? "bg-primary text-primary-foreground" : "text-foreground",
+                  !C && (n ? "hover:bg-primary/15" : "hover:bg-primary hover:text-primary-foreground")
+                ),
+                title: "Attach file",
+                "aria-label": "Attach file",
+                children: /* @__PURE__ */ e(te, { className: "w-5 h-5", strokeWidth: 1.5 })
+              }
+            ) }),
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-2 shrink-0", children: [
+              o ? /* @__PURE__ */ e(
+                w,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: g,
+                  className: p(
+                    "h-10 w-10 rounded-full bg-gradient-to-r from-red-400 to-rose-500 text-white shadow-lg transition-all duration-200 active:scale-95 shrink-0",
+                    !C && "hover:from-red-500 hover:to-rose-600 hover:scale-105"
+                  ),
+                  title: "Stop recording",
+                  "aria-label": "Stop recording",
+                  children: /* @__PURE__ */ e(re, { className: "w-4 h-4" })
+                }
+              ) : H ? /* @__PURE__ */ e(
+                w,
+                {
+                  type: "button",
+                  size: "icon",
+                  onClick: () => c(),
+                  disabled: s || !t,
+                  variant: "ghost",
+                  className: p(
+                    "h-10 w-10 rounded-full transition-all duration-200 shadow-lg shrink-0",
+                    t ? "bg-primary hover:bg-primary/90 hover:shadow-xl hover:scale-105 active:scale-95" : "bg-primary/40"
+                  ),
+                  title: t ? "Send message" : "Type a message to send",
+                  "aria-label": t ? "Send message" : "Type a message to send",
+                  children: /* @__PURE__ */ e(K, { className: "w-4 h-4 text-primary-foreground" })
+                }
+              ) : u && /* @__PURE__ */ e(
+                w,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: g,
+                  disabled: b,
+                  className: p("h-10 w-10 shrink-0", I),
+                  title: "Start recording",
+                  "aria-label": "Start recording",
+                  children: /* @__PURE__ */ e(ee, { className: "w-5 h-5", strokeWidth: 1.5 })
+                }
+              ),
+              u && z && !o && /* @__PURE__ */ e(
+                w,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: O,
+                  disabled: s || S,
+                  className: "h-10 w-10 bg-primary text-primary-foreground hover:bg-primary/90 rounded-full transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 shrink-0 disabled:opacity-50 disabled:pointer-events-none disabled:hover:scale-100",
+                  title: "Enter voice mode",
+                  "aria-label": "Enter voice mode",
+                  children: /* @__PURE__ */ e(ae, { className: "w-4 h-4 text-primary-foreground" })
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  Te as default
+};