https://www.libromi.com/_next/static/chunks/6056.aca3179d40a7d3dc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6056],{14285:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(71847).A)("Paperclip",[["path",{d:"m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48",key:"1u3ebp"}]])},39142:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(71847).A)("Mic",[["path",{d:"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z",key:"131961"}],["path",{d:"M19 10v2a7 7 0 0 1-14 0v-2",key:"1vc78b"}],["line",{x1:"12",x2:"12",y1:"19",y2:"22",key:"x3vr5v"}]])},39332:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(71847).A)("GitBranch",[["line",{x1:"6",x2:"6",y1:"3",y2:"15",key:"17qcm7"}],["circle",{cx:"18",cy:"6",r:"3",key:"1h7g24"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}],["path",{d:"M18 9a9 9 0 0 1-9 9",key:"n2h4wq"}]])},40725:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(71847).A)("Smile",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M8 14s1.5 2 4 2 4-2 4-2",key:"1y1vjs"}],["line",{x1:"9",x2:"9.01",y1:"9",y2:"9",key:"yxxnd0"}],["line",{x1:"15",x2:"15.01",y1:"9",y2:"9",key:"1p4y9e"}]])},43465:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(71847).A)("Inbox",[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]])},66653:(e,a,s)=>{s.d(a,{Zh:()=>g,vu:()=>u,bc:()=>m,sf:()=>y,p8:()=>h});var t=s(95155),r=s(90368),l=s(71847);let d=(0,l.A)("Video",[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]]);var n=s(69141),c=s(40725),x=s(14285);let i=(0,l.A)("Camera",[["path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",key:"1tc9qg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]]);var p=s(39142),o=s(69152);function h(e){let{title:a,children:s}=e;return(0,t.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-xl shadow-gray-200/50",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 border-b border-gray-100 bg-gray-50/80 px-4 py-2.5",children:[(0,t.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-red-400/70"}),(0,t.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-amber-400/70"}),(0,t.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-green-400/70"}),a&&(0,t.jsx)("span",{className:"ml-2 truncate text-[11px] font-medium text-gray-400",children:a})]}),s]})}function m(e){let{title:a,children:s,hideComposer:l,chrome:o="chat"}=e,h="app"===o;return(0,t.jsxs)("div",{className:"relative mx-auto w-full max-w-[288px]",children:[(0,t.jsx)("div",{className:"absolute -left-[2px] top-[104px] h-7 w-[2px] rounded-l-sm bg-gray-600/80"}),(0,t.jsx)("div",{className:"absolute -left-[2px] top-[142px] h-11 w-[2px] rounded-l-sm bg-gray-600/80"}),(0,t.jsx)("div",{className:"absolute -left-[2px] top-[196px] h-11 w-[2px] rounded-l-sm bg-gray-600/80"}),(0,t.jsx)("div",{className:"absolute -right-[2px] top-[160px] h-16 w-[2px] rounded-r-sm bg-gray-600/80"}),(0,t.jsx)("div",{className:"rounded-[2.6rem] bg-gradient-to-b from-gray-700 via-gray-900 to-gray-800 p-[3px] shadow-2xl shadow-gray-900/30",children:(0,t.jsx)("div",{className:"overflow-hidden rounded-[2.45rem] bg-black p-[2px]",children:(0,t.jsxs)("div",{className:"relative flex aspect-[9/15] flex-col overflow-hidden rounded-[2.35rem] ".concat(h?"bg-white":"bg-[#EFE7DE]"),children:[(0,t.jsxs)("div",{className:"relative flex shrink-0 items-center justify-between px-4 pb-1 pt-1.5 ".concat(h?"bg-white":"bg-[#008069]"),children:[(0,t.jsx)("span",{className:"text-[9px] font-semibold ".concat(h?"text-gray-900":"text-white"),children:"9:41"}),(0,t.jsx)("div",{className:"absolute left-1/2 top-1 h-[18px] w-[70px] -translate-x-1/2 rounded-full bg-black"}),(0,t.jsxs)("div",{className:"flex items-center gap-[3px]",children:[(0,t.jsx)("span",{className:"flex items-end gap-[1px]",children:[3,5,7,9].map(e=>(0,t.jsx)("span",{className:"w-[2px] rounded-sm ".concat(h?"bg-gray-900":"bg-white"),style:{height:e}},e))}),(0,t.jsx)("span",{className:"ml-0.5 h-[8px] w-[14px] rounded-[2px] border p-[1px] ".concat(h?"border-gray-900/70":"border-white/80"),children:(0,t.jsx)("span",{className:"block h-full w-2/3 rounded-[1px] ".concat(h?"bg-gray-900":"bg-white")})})]})]}),(0,t.jsxs)("div",{className:"".concat(h?"hidden":"flex"," shrink-0 items-center gap-2 bg-[#008069] px-2.5 pb-2 pt-1"),children:[(0,t.jsx)(r.A,{className:"h-4 w-4 shrink-0 text-white"}),(0,t.jsx)("div",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-white/25 text-[10px] font-bold text-white",children:(a||"L").charAt(0).toUpperCase()}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("p",{className:"truncate text-[11px] font-semibold leading-tight text-white",children:a||"Librom

1i"}),(0,t.jsx)("p",{className:"text-[8.5px] leading-tight text-white/75",children:"online"})]}),(0,t.jsx)(d,{className:"h-3.5 w-3.5 shrink-0 text-white"}),(0,t.jsx)(n.A,{className:"h-3.5 w-3.5 shrink-0 text-white"})]}),(0,t.jsx)("div",{className:"flex min-h-0 flex-1 flex-col overflow-hidden ".concat(h?"bg-white":"justify-end"),style:h?void 0:{backgroundImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='0.032' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='13' cy='15' r='4.5'/%3E%3Cpath d='M40 9h9M44.5 4.5v9'/%3E%3Cpath d='M5 47c3.5-4.5 8-4.5 11.5 0'/%3E%3Crect x='47' y='40' width='10' height='10' rx='2.5'/%3E%3Cpath d='M25 33l4 4 7-8'/%3E%3Cpath d='M60 20c2 2 2 5 0 7'/%3E%3Cpath d='M20 62h10'/%3E%3C/g%3E%3C/svg%3E\")",backgroundColor:"#EFE7DE"},children:s}),(0,t.jsxs)("div",{className:"".concat(l||h?"hidden":"flex"," shrink-0 items-center gap-1.5 bg-[#F0F2F5] px-2 py-1.5"),children:[(0,t.jsxs)("div",{className:"flex flex-1 items-center gap-1.5 rounded-full bg-white px-2.5 py-1.5",children:[(0,t.jsx)(c.A,{className:"h-3.5 w-3.5 shrink-0 text-gray-400"}),(0,t.jsx)("span",{className:"flex-1 text-[9px] text-gray-400",children:"Message"}),(0,t.jsx)(x.A,{className:"h-3.5 w-3.5 shrink-0 text-gray-400"}),(0,t.jsx)(i,{className:"h-3.5 w-3.5 shrink-0 text-gray-400"})]}),(0,t.jsx)("div",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-[#008069]",children:(0,t.jsx)(p.A,{className:"h-3.5 w-3.5 text-white"})})]})]})})})]})}function g(e){let{inbound:a,children:s,time:r="9:41",compact:l}=e;return(0,t.jsx)("div",{className:"flex ".concat(a?"justify-start":"justify-end"),children:(0,t.jsxs)("div",{className:"relative max-w-[85%] shadow-sm ".concat(l?"p-[3px]":"px-2.5 pb-3.5 pt-1.5"," ").concat(a?"rounded-lg rounded-tl-none bg-white":"rounded-lg rounded-tr-none bg-[#D9FDD3]"),children:[(0,t.jsx)("span",{className:"absolute top-0 h-0 w-0 border-t-[6px] ".concat(a?"-left-[6px] border-r-[7px] border-t-white border-r-transparent":"-right-[6px] border-l-[7px] border-t-[#D9FDD3] border-l-transparent")}),s,(0,t.jsxs)("span",{className:"pointer-events-none absolute bottom-1 flex items-center gap-0.5 text-[7.5px] text-gray-400 ".concat("right-2"),children:[r,!a&&(0,t.jsx)(o.A,{className:"h-2.5 w-2.5 text-sky-500"})]})]})})}function u(e){let{children:a}=e;return(0,t.jsx)("span",{className:"inline-flex items-center rounded-full border border-gray-200 bg-white px-2.5 py-1 text-[10px] font-medium text-gray-600",children:a})}function y(e){let{stats:a}=e;return(null==a?void 0:a.length)?(0,t.jsx)("div",{className:"grid grid-cols-3 gap-2",children:a.map(e=>(0,t.jsxs)("div",{className:"rounded-xl border border-gray-100 bg-gray-50/70 px-3 py-2.5",children:[(0,t.jsx)("p",{className:"truncate text-[9px] uppercase tracking-wide text-gray-400",children:e.label}),(0,t.jsx)("p",{className:"mt-0.5 truncate text-sm font-bold text-gray-900",children:e.value})]},e.label))}):null}},69152:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(71847).A)("CheckCheck",[["path",{d:"M18 6 7 17l-5-5",key:"116fxf"}],["path",{d:"m22 10-7.5 7.5L13 16",key:"ke71qq"}]])},90368:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(71847).A)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])},96056:(e,a,s)=>{s.r(a),s.d(a,{default:()=>c});var t=s(95155),r=s(43465),l=s(52987),d=s(39332),n=s(66653);function c(e){let{copy:a}=e,s=a.routing;return s?(0,t.jsx)(n.p8,{title:a.headline,children:(0,t.jsxs)("div",{className:"grid items-center gap-2 p-3",style:{gridTemplateColumns:"1fr auto 1fr"},children:[(0,t.jsxs)("div",{className:"rounded-xl border border-gray-100 p-2",children:[(0,t.jsxs)("p",{className:"mb-1.5 flex items-center gap-1 text-[8px] font-bold uppercase tracking-wide text-gray-400",children:[(0,t.jsx)(r.A,{className:"h-2.5 w-2.5"})," ",s.queueTitle]}),(0,t.jsx)("div",{className:"space-y-1",children:s.queue.map(e=>(0,t.jsxs)("div",{className:"rounded-lg bg-gray-50 px-1.5 py-1.5",children:[(0,t.jsx)("p",{className:"truncate text-[8.5px] font-medium text-gray-700",children:e.name}),(0,t.jsx)("span",{className:"mt-0.5 inline-block truncate rounded-full bg-white px-1.5 py-[1px] text-[6.5px] font-medium text-gray-500 ring-1 ring-inset ring-gray-200",children:e.tag})]},e.name))})]}),(0,t.jsxs)("div",{className:"flex flex-col items-center gap-1",children:[(0,t.jsx)(l.A,{className:"h-3 w-3 text-gray-300"}),(0,t.jsxs)("div",{className:"rounded-xl border border-emerald-200 bg-emerald-50/70 px-2 py-2",children:[(0,t.jsxs)("p",{className:"mb-1 flex items-center gap-1 text-[7.5px] font-bold uppercase tracking-wide text-emerald-700",children:[(0,t.jsx)(d.A,{className:"h-2.5 w-2.5"})," ",s.ruleTitle]}),(0,t.jsx)("div",{className:"space-y-0.5",children:s.rules.map(e=>(0,t.jsx)("p",{className:"truncate text-[7.5px] text-emerald-900",children:e},e))})]}),(0,t.jsx)(l.A,{className:"h-3 w-3 text-gray-300"})]}),(0,t.jsxs)("div",{className:"rounded-xl border border-gray-100 p-2",children:[(0,t.jsx)("p",{className:"mb-1.5 text-[8px] font-bold uppercase tracking-wide text-gray-400",children:s.agentsTitle}),(0,t.jsx)("div",{className:"space-y-1",children:s.agents.map((e,a)=>(0,t.jsxs)("div",{className:"flex items-center gap-1.5 rounded-lg px-1.5 py-1.5 ".concat(e.active?"bg-emerald-50":"bg-gray-50"),children:[(0,t.jsx)("span",{className:"h-3.5 w-3.5 shrink-0 rounded-full bg-gradient-to-br ".concat(["from-emerald-400 to-teal-500","from-sky-4

100 to-blue-500","from-amber-400 to-orange-500"][a%3])}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate text-[8.5px] font-medium text-gray-700",children:e.name}),(0,t.jsx)("span",{className:"shrink-0 text-[7.5px] text-gray-400",children:e.load})]},e.name))})]})]})}):null}}}]);