callix-dialer-widget 1.2.5 → 1.2.7

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

@@ -54136,7 +54136,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
     }
   }, [goOffBreak]);
   useEffect(() => {
-    if (!isDialerFocused) {
+    if (!isMiniMode && !isDialerFocused) {
       return;
     }
     const handleKeyDown = (event2) => {
@@ -54190,7 +54190,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [isDialerFocused, handleBackspace, handleClear, handleDial, handleCall, isIdle]);
+  }, [isMiniMode, isDialerFocused, handleBackspace, handleClear, handleDial, handleCall, isIdle]);
   const handleHangup = useCallback(async () => {
     try {
       await hangup();
@@ -54410,7 +54410,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
           /* @__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-lg font-semibold text-slate-800`, children: dialDisplayText || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-slate-400 text-base font-normal`, children: "Digite um numero" }) }),
+              /* @__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",
                 {
@@ -55175,6 +55175,17 @@ function InlineDialer({ variant = "default", ...props }) {
       {
         dangerouslySetInnerHTML: {
           __html: `
+            /* Container externo do HTML - SEM padding/border para não vazar */
+            #dialer-inline.callix.mode.min {
+              display: block !important;
+              width: 100% !important;
+              max-width: 100% !important;
+              padding: 0 !important;
+              border: none !important;
+              background: transparent !important;
+              box-shadow: none !important;
+            }
+
             /* Estilos para modo mini quando Tailwind CDN não processa classes */
             .callix.mode.min {
               display: flex !important;
@@ -55188,6 +55199,16 @@ function InlineDialer({ variant = "default", ...props }) {
               color: #1e293b !important;
               width: 100% !important;
               max-width: 100% !important;
+              box-sizing: border-box !important;
+            }
+
+            /* Visor de número - fonte menor para caber todos os dígitos */
+            .callix.mode.min [class*="truncate"] {
+              font-size: 0.875rem !important; /* text-sm */
+              line-height: 1.25rem !important;
+              overflow: hidden !important;
+              text-overflow: ellipsis !important;
+              white-space: nowrap !important;
             }
 
             /* Botões do modo mini */