https://stopcallingbrokers.com/_next/static/chunks/3-dac758f1490dfb4c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3],{30003:function(e,t,a){a.d(t,{D:function(){return S}});var s=a(27573),r=a(7653),i=a(44647),n=a(64357),l=a(68602),c=a(91585),o=a(58304),d=a(6850),x=a(31988),p=a(12906),h=a(13908);let m=e=>(0,x.a)({queryKey:[p.P.recentNegotiations,e],queryFn:async()=>{let t=e?{amount:e}:void 0;return(await h.Z.get("/api/negotiations",{params:t})).data}}),u="chat_offer_update",g=e=>{let t=(0,r.useRef)(e);t.current=e,(0,r.useEffect)(()=>{let e="https://empwr-product-bot-api.fleetops.ai:5055/v2/caller/offer-events";if(!e)return;let a=new EventSource(e),s=e=>{try{let a=JSON.parse(e.data);t.current(a)}catch(e){console.error("Failed to parse SSE negotiation data:",e)}};return a.addEventListener(u,s),a.onerror=()=>{console.error("Negotiations SSE connection error")},()=>{a.removeEventListener(u,s),a.close()}},[])},y=e=>null==e?"--":"$".concat(e.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:0})),f=(e,t)=>{if(null===e||null===t)return{text:"--",isPositive:!1,isZero:!0};let a=e-t;return{text:"".concat(a>=0?"+":"-","$").concat(Math.abs(a).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:0})),isPositive:a>=0,isZero:0===a}},j=e=>e.toLowerCase().replace(/\b\w/g,e=>e.toUpperCase()),N=e=>{if(!e)return{text:"Open search",isOpen:!0};let t=e.city?j(e.city.trim()):"",a=e.state?e.state.trim().toUpperCase():"";return t||a?a?t?{text:"".concat(t,", ").concat(a),isOpen:!1}:{text:a,isOpen:!1}:{text:t,isOpen:!1}:{text:"Open search",isOpen:!0}},v=e=>(null==e?void 0:e.company_name)?j(e.company_name.trim()):"--",w=(e,t)=>{var a,s,r,i,n,l;let c=t.toLowerCase();return[null===(a=e.pickup)||void 0===a?void 0:a.city,null===(s=e.pickup)||void 0===s?void 0:s.state,null===(r=e.dropoff)||void 0===r?void 0:r.city,null===(i=e.dropoff)||void 0===i?void 0:i.state,null===(n=e.broker)||void 0===n?void 0:n.company_name,null===(l=e.broker)||void 0===l?void 0:l.name].some(e=>e&&e.toLowerCase().includes(c))},b=e=>{try{let t=new URL(e);if("http:"===t.protocol||"https:"===t.protocol)return t.href;return null}catch(e){return null}},k=0,_=e=>({...e,uid:"neg-".concat(k++)}),S=e=>{let{amount:t=25,scrollable:a=!0}=e,x=Math.min(t,50),{data:p,isLoading:h}=m(x),[u,j]=(0,r.useState)([]),[k,S]=(0,r.useState)(""),[E,F]=(0,r.useState)(new Set),O=(0,r.useRef)([]);(0,r.useEffect)(()=>()=>{O.current.forEach(clearTimeout),O.current=[]},[]),(0,r.useEffect)(()=>{p&&j(p.slice(0,x).reverse().map(_))},[p,x]),g((0,r.useCallback)(e=>{let t=_(e);F(e=>new Set(e).add(t.uid)),j(e=>[...e,t]);let a=setTimeout(()=>{F(e=>{let a=new Set(e);return a.delete(t.uid),a})},2e3);O.current.push(a)},[]));let L=(0,r.useMemo)(()=>[...k.trim()?u.filter(e=>w(e,k)):u].reverse(),[u,k]);return(0,s.jsx)("section",{className:"bg-[#01031e] py-20 px-7 overflow-hidden",children:(0,s.jsxs)("div",{className:"max-w-7xl mx-auto",children:[(0,s.jsx)(i.E.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8},className:"text-center mb-12",children:(0,s.jsx)("h2",{className:"font-anton bg-[linear-gradient(319.53deg,#B092F8_-0.26%,#AC8EF8_17.56%,#A280F7_36.98%,#906BF6_57.09%,#855EF6_66.48%,#5F48F5_134.77%)] bg-clip-text text-transparent text-[40px] lg:text-[78px] leading-tight lg:leading-[92px] font-weight-400 uppercase",children:"Happening right now"})}),(0,s.jsx)(i.E.div,{initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{once:!0},transition:{duration:.8,delay:.2},className:"mb-8 max-w-md mx-auto",children:(0,s.jsxs)("div",{className:"flex items-center gap-3 px-4 py-3 bg-[#12142b] border border-[#1a1c3a] rounded-lg",children:[(0,s.jsx)(l.Z,{className:"w-5 h-5 text-gray-400 flex-shrink-0"}),(0,s.jsx)("input",{type:"text",placeholder:"Search by city, state, or broker...","aria-label":"Search negotiations",value:k,onChange:e=>S(e.target.value),className:"w-full bg-transparent border-none outline-none text-white placeholder:text-gray-500 text-sm font-sora"})]})}),(0,s.jsxs)(i.E.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,delay:.3},children:[(0,s.jsx)("div",{className:"hidden md:block overflow-hidden rounded-lg border border-[#1a1c3a]",children:(0,s.jsx)("div",{className:a?"max-h-[528px] overflow-y-auto":"",children:(0,s.jsxs)("table",{className:"w-full table-fixed",children:[(0,s.jsxs)("colgroup",{children:[(0,s.jsx)("col",{className:"w-[18%]"}),(0,s.jsx)("col",{className:"w-[18%]"}),(0,s.jsx)("col",{className:"w-[14%]"}),(0,s.jsx)("col",{className:"w-[16%]"}),(0,s.jsx)("col",{className:"w-[12%]"}),(0,s.jsx)("col",{className:"w-[18%]"}),(0,s.jsx)("col",{className:"w-[4%]"})]}),(0,s.jsx)("thead",{className:"sticky top-0 z-10",children:(0,s.jsxs)("tr",{className:"bg-[#0a0c29] text-gray-400 font-sora text-xs uppercase tracking-wider",children:[(0,s.jsx)("th",{className:"text-left px-4 py-3",children:"Pickup"}),(0,s.jsx)("th",{className:"text-left px-4 py-3",children:"Dropoff"}),(0,s.jsx)("th",{className:"text-right px-4 py-3",children:"Posted Rate"}),(0,s.jsx)("th",{className:"text-right px-4 py-3",children:"Negotiated Rate"}),(0,s.jsx)("th",{className:"text-right px-4 py-3",children:"Gain"}),(0,s.jsx)("th",{className:"text-left px-4 py-3",children:"Broker"}),(0,s.jsx)("th",{className:"px-4 py-3"})]})}),(0,s.jsx)("tbody",{children:(0,s.jsx)(n.M,{initial:!1,children:h&&0===u.length?(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:7,className:"text-center py-12 text-gray-500 font-sora text-sm",children:"Loading negotiations..."})}):0===L.length?(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:7,className:"text-center py-12 text-gray-500 font-sora text-sm",children:k?"No negotiations match your search.":"No recent negotiations."})}):L.map(e=>{let t=N(e.pickup),a=N(e.dropoff),r=f(e.rates.negotiated_rate,e.rates.posted_rate),n=r.isPositive?c.Z:o.Z;return(0,s.jsxs)(i.E.tr,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,height:0},transition:{duration:.4,ease:"easeOut"},layout:!0,className:"border-b border-[#1a1c3a] font-sora text-sm transition-colors ".concat(E.has(e.uid)?"bg-[#5F48F5]/10":"hover:bg-[#0a0c29]/50"),children:[(0,s.jsx)("td",{className:"px-4 py-3.5 truncate ".concat(t.isOpen?"text-gray-500 italic":"text-white"),children:t.text}),(0,s.jsx)("td",{className:"px-4 py-3.5 truncate ".concat(a.isOpen?"text-gray-500 italic":"text-white"),children:a.text}),(0,s.jsx)("td",{className:"px-4 py-3.5 text-right text-gray-400",children:y(e.rates.posted_rate)}),(0,s.jsx)("td",{className:"px-4 py-3.5 text-right text-[#a58dff] font-medium",children:y(e.rates.negotiated_rate)}),(0,s.jsx)("td",{className:"px-4 py-3.5 text-right",children:r.isZero&&"--"===r.text?(0,s.jsx)("span",{className:"text-gray-500",children:"--"}):(0,s.jsxs)("span",{className:"inline-flex items-center justify-end gap-1 ".concat(r.isPositive?"text-green-400":"text-red-400"),children:[(0,s.jsx)(n,{className:"w-3.5 h-3.5"}),r.text]})}),(0,s.jsx)("td",{className:"px-4 py-3.5 text-white truncate",children:v(e.broker)}),(0,s.jsx)("td",{className:"px-4 py-3.5 text-center",children:e.load_url&&b(e.load_url)?(0,s.jsx)("a",{href:b(e.load_url),target:"_blank",rel:"noopener noreferrer","aria-label":"Open load details in a new tab",className:"text-gray-400 hover:text-[#a58dff] transition-colors inline-flex",children:(0,s.jsx)(d.Z,{className:"w-4 h-4"})}):null})]},e.uid)})})})]})})}),(0,s.jsx)("div",{className:"md:hidden space-y-3 ".concat(a?"max-h-[480px] overflow-y-auto":""),children:(0,s.jsx)(n.M,{initial:!1,children:h&&0===u.length?(0,s.jsx)("div",{className:"text-center py-12 text-gray-500 font-sora text-sm",children:"Loading negotiations..."}):0===L.length?(0,s.jsx)("div",{className:"text-center py-12 text-gray-500 font-sora text-sm",children:k?"No negotiations match your search.":"No recent negotiations."}):L.map(e=>{let t=N(e.pickup),a=N(e.dropoff),r=f(e.rates.negotiated_rate,e.rates.posted_rate),n=r.isPositive?c.Z:o.Z;return(0,s.jsxs)(i.E.div,{initial:{opacity:0,y:-20}

1,animate:{opacity:1,y:0},exit:{opacity:0,height:0},transition:{duration:.4,ease:"easeOut"},layout:!0,className:"rounded-lg p-4 border border-[#1a1c3a] font-sora transition-colors ".concat(E.has(e.uid)?"bg-[#5F48F5]/10":"bg-[#0a0c29]"),children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,s.jsx)("span",{className:t.isOpen?"text-gray-500 italic":"text-white",children:t.text}),(0,s.jsx)("svg",{className:"w-4 h-4 text-gray-500 flex-shrink-0",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"})}),(0,s.jsx)("span",{className:a.isOpen?"text-gray-500 italic":"text-white",children:a.text})]}),e.load_url&&b(e.load_url)&&(0,s.jsx)("a",{href:b(e.load_url),target:"_blank",rel:"noopener noreferrer","aria-label":"Open load details in a new tab",className:"text-gray-400 hover:text-[#a58dff] transition-colors",children:(0,s.jsx)(d.Z,{className:"w-4 h-4"})})]}),(0,s.jsxs)("div",{className:"grid grid-cols-3 gap-4 mb-2",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-gray-500 text-xs uppercase tracking-wide block",children:"Posted"}),(0,s.jsx)("span",{className:"text-gray-400 text-sm block mt-0.5",children:y(e.rates.posted_rate)})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-gray-500 text-xs uppercase tracking-wide block",children:"Negotiated"}),(0,s.jsx)("span",{className:"text-[#a58dff] text-sm font-medium block mt-0.5",children:y(e.rates.negotiated_rate)})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-gray-500 text-xs uppercase tracking-wide block",children:"Gain"}),r.isZero&&"--"===r.text?(0,s.jsx)("span",{className:"text-gray-500 text-sm block mt-0.5",children:"--"}):(0,s.jsxs)("span",{className:"text-sm font-medium flex items-center gap-1 mt-0.5 ".concat(r.isPositive?"text-green-400":"text-red-400"),children:[(0,s.jsx)(n,{className:"w-3.5 h-3.5 flex-shrink-0"}),r.text]})]})]}),(0,s.jsx)("p",{className:"text-gray-400 text-xs truncate",children:v(e.broker)})]},e.uid)})})})]})]})})}}}]);