callix-dialer-widget 1.3.3 → 1.3.5

package/dist-widget/callix-dialer.es.js

@@ -48278,6 +48278,9 @@ function IconBase(props) {
 function FiActivity(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "polyline", "attr": { "points": "22 12 18 12 15 21 9 3 6 12 2 12" }, "child": [] }] })(props);
 }
+function FiAlertCircle(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "10" }, "child": [] }, { "tag": "line", "attr": { "x1": "12", "y1": "8", "x2": "12", "y2": "12" }, "child": [] }, { "tag": "line", "attr": { "x1": "12", "y1": "16", "x2": "12.01", "y2": "16" }, "child": [] }] })(props);
+}
 function FiAlertTriangle(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }, "child": [] }, { "tag": "line", "attr": { "x1": "12", "y1": "9", "x2": "12", "y2": "13" }, "child": [] }, { "tag": "line", "attr": { "x1": "12", "y1": "17", "x2": "12.01", "y2": "17" }, "child": [] }] })(props);
 }
@@ -48293,6 +48296,9 @@ function FiDelete(props) {
 function FiHeadphones(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M3 18v-6a9 9 0 0 1 18 0v6" }, "child": [] }, { "tag": "path", "attr": { "d": "M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z" }, "child": [] }] })(props);
 }
+function FiInfo(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "10" }, "child": [] }, { "tag": "line", "attr": { "x1": "12", "y1": "16", "x2": "12", "y2": "12" }, "child": [] }, { "tag": "line", "attr": { "x1": "12", "y1": "8", "x2": "12.01", "y2": "8" }, "child": [] }] })(props);
+}
 function FiLogOut(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }, "child": [] }, { "tag": "polyline", "attr": { "points": "16 17 21 12 16 7" }, "child": [] }, { "tag": "line", "attr": { "x1": "21", "y1": "12", "x2": "9", "y2": "12" }, "child": [] }] })(props);
 }
@@ -48338,6 +48344,9 @@ function FiVolume2(props) {
 function FiVolumeX(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "polygon", "attr": { "points": "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }, "child": [] }, { "tag": "line", "attr": { "x1": "23", "y1": "9", "x2": "17", "y2": "15" }, "child": [] }, { "tag": "line", "attr": { "x1": "17", "y1": "9", "x2": "23", "y2": "15" }, "child": [] }] })(props);
 }
+function FiXCircle(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "10" }, "child": [] }, { "tag": "line", "attr": { "x1": "15", "y1": "9", "x2": "9", "y2": "15" }, "child": [] }, { "tag": "line", "attr": { "x1": "9", "y1": "9", "x2": "15", "y2": "15" }, "child": [] }] })(props);
+}
 function FiX(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "line", "attr": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" }, "child": [] }, { "tag": "line", "attr": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" }, "child": [] }] })(props);
 }
@@ -53039,6 +53048,35 @@ function useOperatorBreak() {
     goOffBreak: becomeAvailable
   };
 }
+function normalizePhoneNumberPaste(pastedText) {
+  let cleaned = pastedText.replace(/[^\d+]/g, "");
+  if (cleaned.startsWith("+55")) {
+    cleaned = cleaned.substring(3);
+  } else if (cleaned.startsWith("55") && cleaned.length > 11) {
+    cleaned = cleaned.substring(2);
+  }
+  if (cleaned.length === 11 && cleaned.startsWith("0")) {
+    cleaned = cleaned.substring(1);
+  }
+  if (cleaned.length === 10) {
+    const ddd = cleaned.substring(0, 2);
+    const restante = cleaned.substring(2);
+    if (restante[0] !== "9") {
+      cleaned = ddd + "9" + restante;
+    }
+  }
+  if (cleaned.length === 8) {
+    if (cleaned[0] !== "9") {
+      cleaned = "489" + cleaned;
+    } else {
+      cleaned = "48" + cleaned;
+    }
+  }
+  if (cleaned.length === 9 && cleaned[0] === "9") {
+    cleaned = "48" + cleaned;
+  }
+  return cleaned;
+}
 const DEFAULT_COUNTRY_PREFIX = "+55";
 const MAX_DIAL_LENGTH = 32;
 const DEFAULT_DIALER_DIMENSIONS = { width: 448, height: 640 };
@@ -53116,14 +53154,14 @@ function FloatingDialer({
     const widthRatio = observedSize.width / DEFAULT_DIALER_DIMENSIONS.width;
     const heightRatio = observedSize.height / DEFAULT_DIALER_DIMENSIONS.height;
     const ratio = Math.min(widthRatio, heightRatio);
-    return clamp(ratio, MIN_DIALER_SCALE, MAX_DIALER_SCALE);
+    return clamp$2(ratio, MIN_DIALER_SCALE, MAX_DIALER_SCALE);
   }, [observedSize]);
   const clampSizeToViewport = useCallback(
     (proposed) => {
       if (typeof window === "undefined") {
         return {
-          width: clamp(proposed.width, MIN_DIALER_WIDTH, MAX_DIALER_WIDTH),
-          height: clamp(proposed.height, MIN_DIALER_HEIGHT, MAX_DIALER_HEIGHT)
+          width: clamp$2(proposed.width, MIN_DIALER_WIDTH, MAX_DIALER_WIDTH),
+          height: clamp$2(proposed.height, MIN_DIALER_HEIGHT, MAX_DIALER_HEIGHT)
         };
       }
       const viewportWidth = window.innerWidth;
@@ -53132,8 +53170,8 @@ function FloatingDialer({
       const maxWidth = Math.min(MAX_DIALER_WIDTH, viewportWidth - margin2 * 2);
       const maxHeight = Math.min(MAX_DIALER_HEIGHT, viewportHeight - margin2 * 2);
       return {
-        width: clamp(proposed.width, MIN_DIALER_WIDTH, Math.max(MIN_DIALER_WIDTH, maxWidth)),
-        height: clamp(proposed.height, MIN_DIALER_HEIGHT, Math.max(MIN_DIALER_HEIGHT, maxHeight))
+        width: clamp$2(proposed.width, MIN_DIALER_WIDTH, Math.max(MIN_DIALER_WIDTH, maxWidth)),
+        height: clamp$2(proposed.height, MIN_DIALER_HEIGHT, Math.max(MIN_DIALER_HEIGHT, maxHeight))
       };
     },
     []
@@ -53168,8 +53206,8 @@ function FloatingDialer({
         nextY = margin2;
       }
       return {
-        x: clamp(nextX, minX, maxX),
-        y: clamp(nextY, minY, maxY)
+        x: clamp$2(nextX, minX, maxX),
+        y: clamp$2(nextY, minY, maxY)
       };
     },
     [isOpen, manualSize, observedSize]
@@ -53262,8 +53300,8 @@ function FloatingDialer({
       const safeMaxX = Math.max(margin2, maxX);
       const safeMaxY = Math.max(margin2, maxY);
       setPosition({
-        x: clamp(nextX, margin2, safeMaxX),
-        y: clamp(nextY, margin2, safeMaxY)
+        x: clamp$2(nextX, margin2, safeMaxX),
+        y: clamp$2(nextY, margin2, safeMaxY)
       });
     };
     const handlePointerUp = (event2) => {
@@ -54270,6 +54308,15 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
       setIsDialerFocused(false);
     }
   }, []);
+  const handlePaste = useCallback((event2) => {
+    event2.preventDefault();
+    const pastedText = event2.clipboardData.getData("text");
+    if (!pastedText) {
+      return;
+    }
+    const normalized = normalizePhoneNumberPaste(pastedText);
+    setDialValue(normalized);
+  }, [setDialValue]);
   const handleSelectInputDevice = useCallback((event2) => {
     const value = event2.target.value;
     setSelectedInputId(value || null);
@@ -54303,7 +54350,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
   const SpeakerIcon = outputMuted ? FiVolumeX : normalizedVolume > 0.65 ? FiVolume2 : FiVolume1;
   const MicIcon = inputMuted ? FiMicOff : FiMic;
   const statusVisual = getStatusVisual(callState);
-  if (callState === "afterCall") {
+  if (callState === "afterCall" && !isMiniMode) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       AfterCallPanel,
       {
@@ -54402,21 +54449,18 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: ["callix", "mode", "min", tw`flex w-full max-w-full flex-col gap-1.5 rounded-2xl border border-slate-200 bg-white/95 p-2 shadow-sm text-slate-800 overflow-hidden`].join(" "),
+          className: ["callix", "mode", "min", tw`flex w-full max-w-full flex-col gap-1 rounded-xl border border-slate-200 bg-white/95 p-1.5 shadow-sm text-slate-800 overflow-hidden`].join(" "),
           "data-callix-variant": "min",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1.5 rounded-xl border border-slate-200 bg-slate-50 px-2 py-1.5 overflow-hidden`, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] font-semibold text-slate-700`, children: "Qualifique a chamada" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[8px] text-slate-500`, children: "Esta etapa e obrigatoria." })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-2 gap-1`, children: [
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1 rounded-lg border border-slate-200 bg-slate-50 px-1.5 py-1 overflow-hidden`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`text-center`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] font-semibold text-slate-700`, children: "Qualifique a chamada" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-2 gap-0.5`, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
                   type: "button",
                   onClick: () => setAfterCallResult("success"),
-                  className: tw`${afterCallResult === "success" ? "bg-green-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-md border border-slate-200 px-1.5 py-0.5 text-[8px] font-semibold transition`,
-                  children: "Concluido"
+                  className: tw`${afterCallResult === "success" ? "bg-green-500 text-white" : "bg-white text-slate-600"} rounded border border-slate-200 px-1 py-0.5 text-[7px] font-semibold transition`,
+                  children: "✓ Concluído"
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -54424,37 +54468,37 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
                 {
                   type: "button",
                   onClick: () => setAfterCallResult("failure"),
-                  className: tw`${afterCallResult === "failure" ? "bg-rose-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-md border border-slate-200 px-1.5 py-0.5 text-[8px] font-semibold transition`,
-                  children: "Descartado"
+                  className: tw`${afterCallResult === "failure" ? "bg-rose-500 text-white" : "bg-white text-slate-600"} rounded border border-slate-200 px-1 py-0.5 text-[7px] font-semibold transition`,
+                  children: "✗ Descartado"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[8px] font-medium text-slate-700`, children: "Selecione qualificacao" }),
-              hasOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`max-h-20 space-y-0.5 overflow-y-auto pr-0.5`, children: options.map((qualification) => {
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-0.5`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[7px] font-medium text-slate-700 text-center`, children: "Selecione qualificação" }),
+              hasOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`max-h-16 space-y-0.5 overflow-y-auto`, children: options.map((qualification) => {
                 const isSelected = selectedQualificationId === qualification.id;
                 return /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "button",
                   {
                     type: "button",
                     onClick: () => setSelectedQualificationId(qualification.id),
-                    className: tw`${isSelected ? "ring-1 ring-blue-400 bg-blue-50 border-blue-300" : "border-slate-200 bg-white"} w-full rounded-md border px-1.5 py-0.5 text-left transition`,
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[8px] font-semibold text-slate-800 leading-tight truncate`, children: qualification.name })
+                    className: tw`${isSelected ? "bg-blue-100 border-blue-300 text-blue-800" : "border-slate-200 bg-white text-slate-700"} w-full rounded border px-1 py-0.5 text-left transition`,
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[7px] font-medium leading-tight truncate`, children: qualification.name })
                   },
                   qualification.id
                 );
-              }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-md border border-amber-200 bg-amber-50 px-1.5 py-0.5 text-[8px] text-amber-700`, children: "Nenhuma qualificacao disponivel." })
+              }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded border border-amber-200 bg-amber-50 px-1 py-0.5 text-[7px] text-amber-700 text-center`, children: "Nenhuma qualificação" })
             ] }),
-            afterCallError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[8px] text-red-500`, children: afterCallError }),
+            afterCallError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[7px] text-red-500 text-center`, children: afterCallError }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "button",
               {
                 type: "button",
                 onClick: handleFinishAfterCall,
                 disabled: !hasOptions || !selectedQualificationId || isSubmittingAfterCall,
-                className: tw`flex w-full items-center justify-center gap-1 rounded-md bg-blue-500 px-2 py-1 text-[8px] font-bold text-white shadow-md transition hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-60`,
+                className: tw`flex w-full items-center justify-center gap-1 rounded bg-blue-500 px-1.5 py-1 text-[7px] font-bold text-white transition hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-60`,
                 children: [
-                  isSubmittingAfterCall && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`inline-flex h-2.5 w-2.5 animate-spin rounded-full border border-white/40 border-t-white` }),
+                  isSubmittingAfterCall && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`inline-flex h-2 w-2 animate-spin rounded-full border border-white/50 border-t-white` }),
                   "Finalizar"
                 ]
               }
@@ -54481,6 +54525,20 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
         className: ["callix", "mode", "min", tw`flex w-full max-w-full flex-col gap-3 rounded-2xl border border-slate-200 bg-white/95 p-3 shadow-sm text-slate-800`].join(" "),
         "data-callix-variant": "min",
         children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              ref: hiddenInputRef,
+              type: "tel",
+              inputMode: "tel",
+              value: sanitizedDialValue,
+              onChange: (event2) => setDialValue(event2.target.value),
+              onPaste: handlePaste,
+              className: tw`sr-only`,
+              tabIndex: -1,
+              "aria-hidden": "true"
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between gap-2`, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`${isCallActive ? "border-green-200 bg-green-50 text-green-700" : statusVisual.badgeClass} flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase leading-tight`, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(statusVisual.Icon, { className: tw`text-xs` }),
@@ -54518,37 +54576,46 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
             ] }),
             callDurationSeconds > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex shrink-0 items-center gap-1 rounded-lg bg-green-500 px-2 py-1`, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(FiClock, { className: tw`text-[10px] text-white` }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`tabular-nums text-xs font-bold text-white`, children: formatDuration(callDurationSeconds) })
-            ] }),
-            console.log("[FloatingDialer Mini] 🕐 Timer Debug:", { callDurationSeconds, shouldShowTimer: callDurationSeconds > 0, formattedDuration: formatDuration(callDurationSeconds), isCallActive })
-          ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2`, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[10px] font-semibold uppercase tracking-wide text-slate-500`, children: "Numero" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2`, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`flex-1 truncate text-sm font-semibold text-slate-800`, children: dialDisplayText || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-slate-400 text-xs font-normal`, children: "Digite um numero" }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleBackspace,
-                  disabled: !miniCanUseKeypad,
-                  className: tw`inline-flex h-8 w-8 items-center justify-center rounded-lg border border-slate-300 bg-white text-slate-600 transition hover:border-slate-400 hover:text-slate-800 disabled:opacity-40 disabled:cursor-not-allowed`,
-                  "aria-label": "Apagar ultimo digito",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiDelete, { className: tw`text-base` })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleClear,
-                  disabled: !miniCanUseKeypad,
-                  className: tw`inline-flex h-8 w-8 items-center justify-center rounded-lg border border-rose-300 bg-rose-50 text-rose-600 transition hover:border-rose-400 hover:bg-rose-100 disabled:opacity-40 disabled:cursor-not-allowed`,
-                  "aria-label": "Limpar numero",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiX, { className: tw`text-sm` })
-                }
-              )
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`tabular-nums text-xs font-bold text-white`, children: formatDuration$1(callDurationSeconds) })
             ] })
-          ] }),
+          ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: tw`space-y-1 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 cursor-text`,
+              onClick: () => {
+                var _a3;
+                return (_a3 = hiddenInputRef.current) == null ? void 0 : _a3.focus();
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[10px] font-semibold uppercase tracking-wide text-slate-500`, children: "Numero" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2`, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`flex-1 truncate text-sm font-semibold text-slate-800`, children: dialDisplayText || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-slate-400 text-xs font-normal`, children: "Digite ou cole um numero" }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleBackspace,
+                      disabled: !miniCanUseKeypad,
+                      className: tw`inline-flex h-8 w-8 items-center justify-center rounded-lg border border-slate-300 bg-white text-slate-600 transition hover:border-slate-400 hover:text-slate-800 disabled:opacity-40 disabled:cursor-not-allowed`,
+                      "aria-label": "Apagar ultimo digito",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiDelete, { className: tw`text-base` })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleClear,
+                      disabled: !miniCanUseKeypad,
+                      className: tw`inline-flex h-8 w-8 items-center justify-center rounded-lg border border-rose-300 bg-rose-50 text-rose-600 transition hover:border-rose-400 hover:bg-rose-100 disabled:opacity-40 disabled:cursor-not-allowed`,
+                      "aria-label": "Limpar numero",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiX, { className: tw`text-sm` })
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`grid grid-cols-3 gap-2`, children: keypadKeys.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "button",
             {
@@ -54681,6 +54748,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
                   inputMode: "tel",
                   value: sanitizedDialValue,
                   onChange: (event2) => setDialValue(event2.target.value),
+                  onPaste: handlePaste,
                   className: tw`sr-only`,
                   tabIndex: -1,
                   "aria-hidden": "true"
@@ -55130,7 +55198,7 @@ function getStatusVisual(state) {
       };
   }
 }
-function clamp(value, min2, max2) {
+function clamp$2(value, min2, max2) {
   if (!Number.isFinite(value)) {
     return min2;
   }
@@ -55165,7 +55233,7 @@ function getStatusLabel(state) {
       return "Aguardando";
   }
 }
-function formatDuration(seconds) {
+function formatDuration$1(seconds) {
   const safeSeconds = Math.max(0, Math.floor(seconds));
   const minutes = Math.floor(safeSeconds / 60).toString().padStart(2, "0");
   const remaining = (safeSeconds % 60).toString().padStart(2, "0");
@@ -55266,7 +55334,7 @@ function ActiveCallSummary({
   callTarget,
   durationSeconds
 }) {
-  const durationLabel = durationSeconds > 0 ? formatDuration(durationSeconds) : "00:00";
+  const durationLabel = durationSeconds > 0 ? formatDuration$1(durationSeconds) : "00:00";
   const cleanNumber = (callTarget == null ? void 0 : callTarget.replace(/^\+55/, "")) || "Conectando...";
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-lg border border-green-200 bg-gradient-to-br from-green-50 to-white px-3 py-2`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between gap-3`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2.5 min-w-0 flex-1`, children: [
@@ -55282,7 +55350,576 @@ function ActiveCallSummary({
     ] })
   ] }) });
 }
-function InlineDialer({ variant = "default", ...props }) {
+const VIEWPORT_MARGIN$1 = 16;
+function clamp$1(value, min2, max2) {
+  return Math.min(Math.max(value, min2), max2);
+}
+function formatDuration(seconds) {
+  const hrs = Math.floor(seconds / 3600);
+  const mins = Math.floor(seconds % 3600 / 60);
+  const secs = seconds % 60;
+  if (hrs > 0) {
+    return `${hrs}:${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+  }
+  return `${mins}:${secs.toString().padStart(2, "0")}`;
+}
+function DraggableClientInfoModal({
+  isOpen,
+  clientInfo,
+  callDuration,
+  isCallActive,
+  onClose
+}) {
+  const containerRef = useRef(null);
+  const pointerRef = useRef({ pointerId: null, offsetX: 0, offsetY: 0 });
+  const dragMovedRef = useRef(false);
+  const [position2, setPosition] = useState({ x: 100, y: 100 });
+  const [isDragging, setIsDragging] = useState(false);
+  const clampPositionToViewport = useCallback((proposed) => {
+    if (typeof window === "undefined") {
+      return proposed;
+    }
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const element = containerRef.current;
+    const width = (element == null ? void 0 : element.offsetWidth) ?? 400;
+    const height = (element == null ? void 0 : element.offsetHeight) ?? 300;
+    const minX = VIEWPORT_MARGIN$1;
+    const minY = VIEWPORT_MARGIN$1;
+    const maxX = Math.max(minX, viewportWidth - width - VIEWPORT_MARGIN$1);
+    const maxY = Math.max(minY, viewportHeight - height - VIEWPORT_MARGIN$1);
+    return {
+      x: clamp$1(proposed.x, minX, maxX),
+      y: clamp$1(proposed.y, minY, maxY)
+    };
+  }, []);
+  useEffect(() => {
+    if (isOpen && typeof window !== "undefined") {
+      const element = containerRef.current;
+      const width = (element == null ? void 0 : element.offsetWidth) ?? 400;
+      const height = (element == null ? void 0 : element.offsetHeight) ?? 300;
+      const centerX = (window.innerWidth - width) / 2;
+      const centerY = (window.innerHeight - height) / 2;
+      setPosition(clampPositionToViewport({ x: centerX, y: centerY }));
+    }
+  }, [isOpen, clampPositionToViewport]);
+  useEffect(() => {
+    if (!isOpen || typeof window === "undefined") {
+      return;
+    }
+    const handleViewportChange = () => {
+      setPosition((prev) => clampPositionToViewport(prev));
+    };
+    window.addEventListener("resize", handleViewportChange);
+    window.addEventListener("orientationchange", handleViewportChange);
+    return () => {
+      window.removeEventListener("resize", handleViewportChange);
+      window.removeEventListener("orientationchange", handleViewportChange);
+    };
+  }, [isOpen, clampPositionToViewport]);
+  useEffect(() => {
+    if (!isDragging) {
+      return;
+    }
+    const handlePointerMove = (event2) => {
+      var _a2, _b;
+      if (pointerRef.current.pointerId !== event2.pointerId) {
+        return;
+      }
+      dragMovedRef.current = true;
+      const modalWidth = ((_a2 = containerRef.current) == null ? void 0 : _a2.offsetWidth) ?? 0;
+      const modalHeight = ((_b = containerRef.current) == null ? void 0 : _b.offsetHeight) ?? 0;
+      const nextX = event2.clientX - pointerRef.current.offsetX;
+      const nextY = event2.clientY - pointerRef.current.offsetY;
+      const viewportWidth = typeof window !== "undefined" ? window.innerWidth : 0;
+      const viewportHeight = typeof window !== "undefined" ? window.innerHeight : 0;
+      const maxX = viewportWidth - modalWidth - VIEWPORT_MARGIN$1;
+      const maxY = viewportHeight - modalHeight - VIEWPORT_MARGIN$1;
+      const safeMaxX = Math.max(VIEWPORT_MARGIN$1, maxX);
+      const safeMaxY = Math.max(VIEWPORT_MARGIN$1, maxY);
+      setPosition({
+        x: clamp$1(nextX, VIEWPORT_MARGIN$1, safeMaxX),
+        y: clamp$1(nextY, VIEWPORT_MARGIN$1, safeMaxY)
+      });
+    };
+    const handlePointerUp = (event2) => {
+      if (pointerRef.current.pointerId !== event2.pointerId) {
+        return;
+      }
+      setIsDragging(false);
+      pointerRef.current = { pointerId: null, offsetX: 0, offsetY: 0 };
+    };
+    window.addEventListener("pointermove", handlePointerMove);
+    window.addEventListener("pointerup", handlePointerUp);
+    return () => {
+      window.removeEventListener("pointermove", handlePointerMove);
+      window.removeEventListener("pointerup", handlePointerUp);
+    };
+  }, [isDragging]);
+  const beginDrag = useCallback((event2) => {
+    if (event2.button !== 0 && event2.pointerType !== "touch") {
+      return;
+    }
+    const element = containerRef.current;
+    if (!element) {
+      return;
+    }
+    const rect = element.getBoundingClientRect();
+    pointerRef.current = {
+      pointerId: event2.pointerId,
+      offsetX: event2.clientX - rect.left,
+      offsetY: event2.clientY - rect.top
+    };
+    dragMovedRef.current = false;
+    setIsDragging(true);
+  }, []);
+  const handleCloseClick = useCallback(() => {
+    if (!isCallActive && onClose) {
+      onClose();
+    }
+  }, [isCallActive, onClose]);
+  if (!isOpen) {
+    return null;
+  }
+  const hasClientInfo = clientInfo && (clientInfo.name || clientInfo.phoneNumber || clientInfo.email);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: tw`fixed z-[9999] flex flex-col overflow-hidden rounded-xl border border-slate-300 bg-white shadow-2xl`,
+      style: {
+        left: `${position2.x}px`,
+        top: `${position2.y}px`,
+        width: "380px",
+        maxWidth: "calc(100vw - 32px)"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            onPointerDown: beginDrag,
+            className: tw`flex cursor-move items-center justify-between border-b border-slate-200 bg-gradient-to-r from-blue-500 to-blue-600 px-4 py-3 text-white`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2`, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FiUser, { className: tw`h-5 w-5` }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: tw`text-sm font-bold`, children: "Informações do Cliente" })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleCloseClick,
+                  disabled: isCallActive,
+                  className: tw`rounded-full p-1 transition hover:bg-white/20 disabled:cursor-not-allowed disabled:opacity-40`,
+                  title: isCallActive ? "Aguarde o fim da chamada para fechar" : "Fechar",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiX, { className: tw`h-5 w-5` })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex-1 space-y-4 overflow-y-auto p-4`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between rounded-lg border border-slate-200 bg-slate-50 px-3 py-2`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-xs font-medium text-slate-600`, children: "Duração da chamada:" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-sm font-bold text-slate-800`, children: formatDuration(callDuration) })
+          ] }),
+          hasClientInfo ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-3`, children: [
+            clientInfo.name && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: tw`flex items-center gap-1 text-xs font-semibold text-slate-600`, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FiUser, { className: tw`h-3.5 w-3.5` }),
+                "Nome"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-800`, children: clientInfo.name })
+            ] }),
+            clientInfo.phoneNumber && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: tw`flex items-center gap-1 text-xs font-semibold text-slate-600`, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhone, { className: tw`h-3.5 w-3.5` }),
+                "Telefone"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-800`, children: clientInfo.phoneNumber })
+            ] }),
+            clientInfo.email && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: tw`flex items-center gap-1 text-xs font-semibold text-slate-600`, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FiInfo, { className: tw`h-3.5 w-3.5` }),
+                "E-mail"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-800`, children: clientInfo.email })
+            ] }),
+            clientInfo.customFields && Object.keys(clientInfo.customFields).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: tw`text-xs font-semibold text-slate-600`, children: "Campos adicionais" }),
+              Object.entries(clientInfo.customFields).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: tw`text-xs font-medium text-slate-500`, children: key }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-800`, children: String(value) })
+              ] }, key))
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex flex-col items-center justify-center rounded-lg border border-slate-200 bg-slate-50 px-4 py-8 text-center`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(FiInfo, { className: tw`mb-2 h-8 w-8 text-slate-400` }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-sm text-slate-500`, children: "Nenhuma informação do cliente disponível" })
+          ] })
+        ] }),
+        isCallActive && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`border-t border-slate-200 bg-slate-50 px-4 py-2`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-center text-xs text-slate-500`, children: "Aguarde o fim da chamada para fechar" }) })
+      ]
+    }
+  );
+}
+const VIEWPORT_MARGIN = 16;
+function clamp(value, min2, max2) {
+  return Math.min(Math.max(value, min2), max2);
+}
+function DraggableQualificationModal({
+  isOpen,
+  result: result2,
+  onChangeResult,
+  successQualifications,
+  discardQualifications,
+  selectedQualificationId,
+  onSelectQualification,
+  onSubmit,
+  isSubmitting,
+  errorMessage
+}) {
+  const containerRef = useRef(null);
+  const pointerRef = useRef({ pointerId: null, offsetX: 0, offsetY: 0 });
+  const dragMovedRef = useRef(false);
+  const [position2, setPosition] = useState({ x: 100, y: 100 });
+  const [isDragging, setIsDragging] = useState(false);
+  const options = result2 === "success" ? successQualifications : discardQualifications;
+  const hasOptions = options.length > 0;
+  const clampPositionToViewport = useCallback((proposed) => {
+    if (typeof window === "undefined") {
+      return proposed;
+    }
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const element = containerRef.current;
+    const width = (element == null ? void 0 : element.offsetWidth) ?? 400;
+    const height = (element == null ? void 0 : element.offsetHeight) ?? 500;
+    const minX = VIEWPORT_MARGIN;
+    const minY = VIEWPORT_MARGIN;
+    const maxX = Math.max(minX, viewportWidth - width - VIEWPORT_MARGIN);
+    const maxY = Math.max(minY, viewportHeight - height - VIEWPORT_MARGIN);
+    return {
+      x: clamp(proposed.x, minX, maxX),
+      y: clamp(proposed.y, minY, maxY)
+    };
+  }, []);
+  useEffect(() => {
+    if (isOpen && typeof window !== "undefined") {
+      const element = containerRef.current;
+      const width = (element == null ? void 0 : element.offsetWidth) ?? 400;
+      const height = (element == null ? void 0 : element.offsetHeight) ?? 500;
+      const centerX = (window.innerWidth - width) / 2;
+      const centerY = (window.innerHeight - height) / 2;
+      setPosition(clampPositionToViewport({ x: centerX, y: centerY }));
+    }
+  }, [isOpen, clampPositionToViewport]);
+  useEffect(() => {
+    if (!isOpen || typeof window === "undefined") {
+      return;
+    }
+    const handleViewportChange = () => {
+      setPosition((prev) => clampPositionToViewport(prev));
+    };
+    window.addEventListener("resize", handleViewportChange);
+    window.addEventListener("orientationchange", handleViewportChange);
+    return () => {
+      window.removeEventListener("resize", handleViewportChange);
+      window.removeEventListener("orientationchange", handleViewportChange);
+    };
+  }, [isOpen, clampPositionToViewport]);
+  useEffect(() => {
+    if (!isDragging) {
+      return;
+    }
+    const handlePointerMove = (event2) => {
+      var _a2, _b;
+      if (pointerRef.current.pointerId !== event2.pointerId) {
+        return;
+      }
+      dragMovedRef.current = true;
+      const modalWidth = ((_a2 = containerRef.current) == null ? void 0 : _a2.offsetWidth) ?? 0;
+      const modalHeight = ((_b = containerRef.current) == null ? void 0 : _b.offsetHeight) ?? 0;
+      const nextX = event2.clientX - pointerRef.current.offsetX;
+      const nextY = event2.clientY - pointerRef.current.offsetY;
+      const viewportWidth = typeof window !== "undefined" ? window.innerWidth : 0;
+      const viewportHeight = typeof window !== "undefined" ? window.innerHeight : 0;
+      const maxX = viewportWidth - modalWidth - VIEWPORT_MARGIN;
+      const maxY = viewportHeight - modalHeight - VIEWPORT_MARGIN;
+      const safeMaxX = Math.max(VIEWPORT_MARGIN, maxX);
+      const safeMaxY = Math.max(VIEWPORT_MARGIN, maxY);
+      setPosition({
+        x: clamp(nextX, VIEWPORT_MARGIN, safeMaxX),
+        y: clamp(nextY, VIEWPORT_MARGIN, safeMaxY)
+      });
+    };
+    const handlePointerUp = (event2) => {
+      if (pointerRef.current.pointerId !== event2.pointerId) {
+        return;
+      }
+      setIsDragging(false);
+      pointerRef.current = { pointerId: null, offsetX: 0, offsetY: 0 };
+    };
+    window.addEventListener("pointermove", handlePointerMove);
+    window.addEventListener("pointerup", handlePointerUp);
+    return () => {
+      window.removeEventListener("pointermove", handlePointerMove);
+      window.removeEventListener("pointerup", handlePointerUp);
+    };
+  }, [isDragging]);
+  const beginDrag = useCallback((event2) => {
+    if (event2.button !== 0 && event2.pointerType !== "touch") {
+      return;
+    }
+    const element = containerRef.current;
+    if (!element) {
+      return;
+    }
+    const rect = element.getBoundingClientRect();
+    pointerRef.current = {
+      pointerId: event2.pointerId,
+      offsetX: event2.clientX - rect.left,
+      offsetY: event2.clientY - rect.top
+    };
+    dragMovedRef.current = false;
+    setIsDragging(true);
+  }, []);
+  if (!isOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: tw`fixed z-[9999] flex flex-col overflow-hidden rounded-xl border border-slate-300 bg-white shadow-2xl`,
+      style: {
+        left: `${position2.x}px`,
+        top: `${position2.y}px`,
+        width: "420px",
+        maxWidth: "calc(100vw - 32px)",
+        maxHeight: "calc(100vh - 32px)"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            onPointerDown: beginDrag,
+            className: tw`flex cursor-move items-center justify-center border-b border-slate-200 bg-gradient-to-r from-indigo-500 to-indigo-600 px-4 py-3 text-white`,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: tw`text-sm font-bold`, children: "Qualificar Chamada" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex-1 space-y-4 overflow-y-auto p-5`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`text-center`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-sm text-slate-600`, children: "Esta etapa é obrigatória para registrar o desfecho do atendimento." }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-sm font-semibold text-slate-700`, children: "Resultado da chamada" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-2 gap-3`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onChangeResult("success"),
+                  className: tw`${result2 === "success" ? "border-emerald-500 bg-emerald-50 ring-2 ring-emerald-500" : "border-slate-200 bg-white hover:border-emerald-300"} flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-3 transition`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      FiCheckCircle,
+                      {
+                        className: tw`h-6 w-6 ${result2 === "success" ? "text-emerald-600" : "text-slate-400"}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "span",
+                      {
+                        className: tw`text-sm font-semibold ${result2 === "success" ? "text-emerald-700" : "text-slate-600"}`,
+                        children: "Sucesso"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onChangeResult("failure"),
+                  className: tw`${result2 === "failure" ? "border-rose-500 bg-rose-50 ring-2 ring-rose-500" : "border-slate-200 bg-white hover:border-rose-300"} flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-3 transition`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(FiXCircle, { className: tw`h-6 w-6 ${result2 === "failure" ? "text-rose-600" : "text-slate-400"}` }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-sm font-semibold ${result2 === "failure" ? "text-rose-700" : "text-slate-600"}`, children: "Falha" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-sm font-semibold text-slate-700`, children: "Selecione uma qualificação" }),
+            hasOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`max-h-64 space-y-2 overflow-y-auto rounded-lg border border-slate-200 bg-slate-50 p-2`, children: options.map((qualification) => {
+              const isSelected = selectedQualificationId === qualification.id;
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onSelectQualification(qualification.id),
+                  className: tw`${isSelected ? "border-blue-400 bg-blue-100 ring-2 ring-blue-400" : "border-slate-200 bg-white hover:border-blue-300"} w-full rounded-lg border px-4 py-3 text-left transition`,
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-sm font-semibold ${isSelected ? "text-blue-800" : "text-slate-800"}`, children: qualification.name })
+                },
+                qualification.id
+              );
+            }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-700`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FiAlertCircle, { className: tw`h-5 w-5 flex-shrink-0` }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Nenhuma qualificação disponível para este tipo de resultado." })
+            ] })
+          ] }),
+          errorMessage && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(FiAlertCircle, { className: tw`h-5 w-5 flex-shrink-0` }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: errorMessage })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`border-t border-slate-200 bg-slate-50 px-5 py-4`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onSubmit,
+            disabled: !hasOptions || !selectedQualificationId || isSubmitting,
+            className: tw`flex w-full items-center justify-center gap-2 rounded-lg bg-indigo-600 px-4 py-3 text-sm font-bold text-white shadow-md transition hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50`,
+            children: [
+              isSubmitting && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "svg",
+                {
+                  className: tw`h-4 w-4 animate-spin text-white`,
+                  xmlns: "http://www.w3.org/2000/svg",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { className: tw`opacity-25`, cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "path",
+                      {
+                        className: tw`opacity-75`,
+                        fill: "currentColor",
+                        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                      }
+                    )
+                  ]
+                }
+              ),
+              isSubmitting ? "Enviando..." : "Confirmar Qualificação"
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function InlineDialer({ variant = "default", isAuthenticated, ...props }) {
+  const isMiniMode = variant === "min";
+  const operatorState = isMiniMode && isAuthenticated ? clientSdkReactExports.useCallOperatorState() : null;
+  const currentCall = isMiniMode && isAuthenticated ? clientSdkReactExports.useCallOperatorCurrentCall() : null;
+  const currentCallInfo = isMiniMode && isAuthenticated ? clientSdkReactExports.useCallOperatorCurrentCallInfo() : null;
+  const successQualifications = isMiniMode && isAuthenticated ? clientSdkReactExports.useCallOperatorSuccessQualifications() : [];
+  const discardQualifications = isMiniMode && isAuthenticated ? clientSdkReactExports.useCallOperatorDiscardQualifications() : [];
+  const { finishAfterCall } = isMiniMode && isAuthenticated ? clientSdkReactExports.useCallOperatorControls() : { finishAfterCall: void 0 };
+  const [isClientInfoModalOpen, setIsClientInfoModalOpen] = useState(false);
+  const [isQualificationModalOpen, setIsQualificationModalOpen] = useState(false);
+  const [callDurationSeconds, setCallDurationSeconds] = useState(0);
+  const [afterCallResult, setAfterCallResult] = useState("success");
+  const [selectedQualificationId, setSelectedQualificationId] = useState(null);
+  const [isSubmittingAfterCall, setIsSubmittingAfterCall] = useState(false);
+  const [afterCallError, setAfterCallError] = useState(null);
+  const callState = operatorState == null ? void 0 : operatorState.state;
+  const isInCall = callState === "callInProgress";
+  const isRinging = callState === "manualCallRinging" || callState === "callRinging";
+  const isConnecting = callState === "manualCallSetup" || isRinging;
+  const isIncomingCall = (currentCall == null ? void 0 : currentCall.direction) === "incoming";
+  const isAfterCall = callState === "afterCall";
+  useEffect(() => {
+    if (!isMiniMode || !isInCall) {
+      if (!isInCall) {
+        setCallDurationSeconds(0);
+      }
+      return;
+    }
+    const interval = setInterval(() => {
+      setCallDurationSeconds((prev) => prev + 1);
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [isMiniMode, isInCall]);
+  useEffect(() => {
+    if (!isMiniMode) return;
+    if ((isInCall || isConnecting) && isIncomingCall && (currentCallInfo == null ? void 0 : currentCallInfo.type) === "campaign") {
+      setIsClientInfoModalOpen(true);
+    }
+  }, [isMiniMode, isInCall, isConnecting, isIncomingCall, currentCallInfo]);
+  useEffect(() => {
+    if (!isMiniMode) return;
+    if (isAfterCall) {
+      const shouldSkipQualification = (currentCallInfo == null ? void 0 : currentCallInfo.type) === "campaign" && currentCallInfo.info.campaign.skipCallQualification === true;
+      if (shouldSkipQualification && finishAfterCall) {
+        void Promise.resolve(
+          finishAfterCall({
+            result: "success",
+            qualificationId: void 0
+          })
+        );
+        return;
+      }
+      const hasSuccessQualification = successQualifications.length > 0;
+      setAfterCallResult(hasSuccessQualification ? "success" : "failure");
+      setSelectedQualificationId(null);
+      setAfterCallError(null);
+      setIsQualificationModalOpen(true);
+    } else {
+      setIsQualificationModalOpen(false);
+    }
+  }, [isMiniMode, isAfterCall, currentCallInfo, finishAfterCall, successQualifications]);
+  useEffect(() => {
+    if (!isMiniMode) return;
+    if (!isInCall && !isConnecting && !isAfterCall) {
+      setIsClientInfoModalOpen(false);
+    }
+  }, [isMiniMode, isInCall, isConnecting, isAfterCall]);
+  const clientInfo = useMemo(() => {
+    if (!currentCallInfo || currentCallInfo.type !== "campaign") {
+      return null;
+    }
+    const contact = currentCallInfo.info.campaignContact;
+    return {
+      name: contact.label || null,
+      phoneNumber: contact.phoneNumber || null,
+      email: null,
+      // Não disponível na estrutura atual
+      customFields: contact.customer ? { customerId: contact.customer.id, formId: contact.customer.formId } : void 0
+    };
+  }, [currentCallInfo]);
+  const handleFinishAfterCall = async () => {
+    const qualifications = afterCallResult === "success" ? successQualifications : discardQualifications;
+    if (!qualifications.length) {
+      setAfterCallError("Nenhuma qualificação configurada para este resultado.");
+      return;
+    }
+    if (!selectedQualificationId) {
+      setAfterCallError("Selecione uma qualificação para finalizar.");
+      return;
+    }
+    if (typeof finishAfterCall !== "function") {
+      setAfterCallError("Não foi possível enviar a qualificação.");
+      return;
+    }
+    setIsSubmittingAfterCall(true);
+    setAfterCallError(null);
+    try {
+      await Promise.resolve(
+        finishAfterCall({
+          result: afterCallResult,
+          qualificationId: selectedQualificationId
+        })
+      );
+      setIsQualificationModalOpen(false);
+    } catch (error2) {
+      setAfterCallError("Erro ao enviar qualificacao.");
+      console.error("Erro ao finalizar afterCall:", error2);
+    } finally {
+      setIsSubmittingAfterCall(false);
+    }
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "style",
@@ -55404,7 +56041,34 @@ function InlineDialer({ variant = "default", ...props }) {
         }
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingDialer, { ...props, variant })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingDialer, { isAuthenticated, ...props, variant }),
+    isMiniMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DraggableClientInfoModal,
+        {
+          isOpen: isClientInfoModalOpen,
+          clientInfo,
+          callDuration: callDurationSeconds,
+          isCallActive: isInCall || isConnecting,
+          onClose: () => setIsClientInfoModalOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DraggableQualificationModal,
+        {
+          isOpen: isQualificationModalOpen,
+          result: afterCallResult,
+          onChangeResult: setAfterCallResult,
+          successQualifications,
+          discardQualifications,
+          selectedQualificationId,
+          onSelectQualification: setSelectedQualificationId,
+          onSubmit: handleFinishAfterCall,
+          isSubmitting: isSubmittingAfterCall,
+          errorMessage: afterCallError
+        }
+      )
+    ] })
   ] });
 }
 function deriveOptionsFromElement(element) {