callix-dialer-widget 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -54378,17 +54378,17 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
|
|
|
54378
54378
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
54379
54379
|
"div",
|
|
54380
54380
|
{
|
|
54381
|
-
className: ["callix", "mode", "min", tw`flex w-full max-w-full flex-col gap-
|
|
54381
|
+
className: ["callix", "mode", "min", tw`flex w-full max-w-full flex-col gap-2 rounded-2xl border border-slate-200 bg-white/95 p-2.5 shadow-sm text-slate-800`].join(" "),
|
|
54382
54382
|
"data-callix-variant": "min",
|
|
54383
54383
|
children: [
|
|
54384
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`text-center space-y-
|
|
54385
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[
|
|
54386
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-
|
|
54384
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`text-center space-y-0.5`, children: [
|
|
54385
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] uppercase tracking-wide text-slate-500`, children: "Logado como" }),
|
|
54386
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-xs font-semibold text-slate-800`, children: username })
|
|
54387
54387
|
] }),
|
|
54388
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-
|
|
54388
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2 rounded-xl border border-slate-200 bg-slate-50 px-2.5 py-2`, children: [
|
|
54389
54389
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
|
|
54390
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-
|
|
54391
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[
|
|
54390
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[11px] font-semibold text-slate-700`, children: "Qualifique a chamada" }),
|
|
54391
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] text-slate-500`, children: "Esta etapa e obrigatoria." })
|
|
54392
54392
|
] }),
|
|
54393
54393
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-2 gap-1.5`, children: [
|
|
54394
54394
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
@@ -54396,7 +54396,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
|
|
|
54396
54396
|
{
|
|
54397
54397
|
type: "button",
|
|
54398
54398
|
onClick: () => setAfterCallResult("success"),
|
|
54399
|
-
className: tw`${afterCallResult === "success" ? "bg-emerald-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-lg border border-slate-200 px-2 py-1
|
|
54399
|
+
className: tw`${afterCallResult === "success" ? "bg-emerald-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-lg border border-slate-200 px-2 py-1 text-[9px] font-semibold transition`,
|
|
54400
54400
|
children: "Atendimento concluido"
|
|
54401
54401
|
}
|
|
54402
54402
|
),
|
|
@@ -54405,35 +54405,35 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
|
|
|
54405
54405
|
{
|
|
54406
54406
|
type: "button",
|
|
54407
54407
|
onClick: () => setAfterCallResult("failure"),
|
|
54408
|
-
className: tw`${afterCallResult === "failure" ? "bg-rose-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-lg border border-slate-200 px-2 py-1
|
|
54408
|
+
className: tw`${afterCallResult === "failure" ? "bg-rose-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-lg border border-slate-200 px-2 py-1 text-[9px] font-semibold transition`,
|
|
54409
54409
|
children: "Atendimento descartado"
|
|
54410
54410
|
}
|
|
54411
54411
|
)
|
|
54412
54412
|
] }),
|
|
54413
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1
|
|
54414
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[
|
|
54415
|
-
hasOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`max-h-
|
|
54413
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
|
|
54414
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] font-medium text-slate-700`, children: "Selecione uma qualificacao" }),
|
|
54415
|
+
hasOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`max-h-32 space-y-1 overflow-y-auto pr-0.5`, children: options.map((qualification) => {
|
|
54416
54416
|
const isSelected = selectedQualificationId === qualification.id;
|
|
54417
54417
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
54418
54418
|
"button",
|
|
54419
54419
|
{
|
|
54420
54420
|
type: "button",
|
|
54421
54421
|
onClick: () => setSelectedQualificationId(qualification.id),
|
|
54422
|
-
className: tw`${isSelected ? "ring-1 ring-primary bg-primary/10 border-primary" : "border-slate-200 bg-white"} w-full rounded-lg border px-2 py-1
|
|
54423
|
-
children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[
|
|
54422
|
+
className: tw`${isSelected ? "ring-1 ring-primary bg-primary/10 border-primary" : "border-slate-200 bg-white"} w-full rounded-lg border px-2 py-1 text-left transition`,
|
|
54423
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] font-semibold text-slate-800 leading-tight`, children: qualification.name })
|
|
54424
54424
|
},
|
|
54425
54425
|
qualification.id
|
|
54426
54426
|
);
|
|
54427
|
-
}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-lg border border-amber-200 bg-amber-50 px-2 py-1
|
|
54427
|
+
}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-lg border border-amber-200 bg-amber-50 px-2 py-1 text-[9px] text-amber-700`, children: "Nenhuma qualificacao disponivel." })
|
|
54428
54428
|
] }),
|
|
54429
|
-
afterCallError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[
|
|
54429
|
+
afterCallError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] text-red-500`, children: afterCallError }),
|
|
54430
54430
|
/* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
54431
54431
|
"button",
|
|
54432
54432
|
{
|
|
54433
54433
|
type: "button",
|
|
54434
54434
|
onClick: handleFinishAfterCall,
|
|
54435
54435
|
disabled: !hasOptions || !selectedQualificationId || isSubmittingAfterCall,
|
|
54436
|
-
className: tw`flex w-full items-center justify-center gap-1.5 rounded-lg bg-primary px-3 py-
|
|
54436
|
+
className: tw`flex w-full items-center justify-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-[10px] font-bold text-white shadow-md transition disabled:cursor-not-allowed disabled:opacity-60`,
|
|
54437
54437
|
children: [
|
|
54438
54438
|
isSubmittingAfterCall && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`inline-flex h-3 w-3 animate-spin rounded-full border-2 border-white/40 border-t-white` }),
|
|
54439
54439
|
"Finalizar atendimento"
|
|
@@ -54446,9 +54446,9 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
|
|
|
54446
54446
|
{
|
|
54447
54447
|
type: "button",
|
|
54448
54448
|
onClick: onLogout,
|
|
54449
|
-
className: tw`flex w-full items-center justify-center gap-1
|
|
54449
|
+
className: tw`flex w-full items-center justify-center gap-1 rounded-lg border border-slate-200 bg-white px-3 py-1 text-[10px] font-semibold text-slate-600 transition hover:text-red-500`,
|
|
54450
54450
|
children: [
|
|
54451
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(FiLogOut, { className: tw`text-
|
|
54451
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(FiLogOut, { className: tw`text-[10px]` }),
|
|
54452
54452
|
"Sair"
|
|
54453
54453
|
]
|
|
54454
54454
|
}
|
|
@@ -54464,7 +54464,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
|
|
|
54464
54464
|
"data-callix-variant": "min",
|
|
54465
54465
|
children: [
|
|
54466
54466
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between gap-2`, children: [
|
|
54467
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`${statusVisual.badgeClass} flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase leading-tight`, children: [
|
|
54467
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`${isCallActive ? "border-emerald-200 bg-emerald-50 text-emerald-700" : statusVisual.badgeClass} flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase leading-tight`, children: [
|
|
54468
54468
|
/* @__PURE__ */ jsxRuntimeExports.jsx(statusVisual.Icon, { className: tw`text-xs` }),
|
|
54469
54469
|
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: statusLabel })
|
|
54470
54470
|
] }),
|