callix-dialer-widget 1.3.3 → 1.3.4

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

@@ -54303,7 +54303,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 +54402,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 +54421,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"
                 ]
               }
@@ -54519,8 +54516,7 @@ 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: [