https://www.loopeld.com/_next/static/chunks/379-925766de8afdd5fd.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[379],{23379:(e,l,n)=>{n.d(l,{qf:()=>O,re:()=>B});var a,s=n(71983),i=n(45849),t=n(70361),r=n.n(t),o=n(28721),d=n.n(o),c=n(25959),h=n(95155),m=n(75265),u=n(2021),x=n(99496),p=n(73224),j=n(17676),A=n(35497),f=n(66088),b=n(89112),y=n(66370),C=n(27855),g=n(12115),z=n(50814);let v=()=>{let[e,l]=(0,g.useState)("inquiry");return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(x.A,{children:[(0,h.jsx)(p.A,{children:"Choose your preferred method of communication, and a member of our team will be with you shortly."}),(0,h.jsxs)(j.A,{value:e,onChange:(e,n)=>l(n),exclusive:!0,sx:{mt:2},fullWidth:!0,children:[(0,h.jsx)(A.A,{value:"inquiry",children:"Submit an Inquiry"}),(0,h.jsx)(A.A,{value:"callback",children:"Request a Callback"})]}),(0,h.jsxs)(f.A,{container:!0,spacing:2,mt:2,children:[(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Name",size:"small",fullWidth:!0})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Company DOT #",size:"small",fullWidth:!0})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Phone #",size:"small",fullWidth:!0})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Best Time to Call",size:"small",fullWidth:!0})}),(0,h.jsx)(f.A,{size:12,children:(0,h.jsx)(b.A,{hiddenLabel:!0,size:"small",placeholder:"Notes",multiline:!0,rows:4,minRows:4,fullWidth:!0,sx:{"& .MuiInputBase-root":{height:"auto !important"}}})})]})]}),(0,h.jsx)(y.A,{sx:{mx:2},children:(0,h.jsxs)(C.A,{color:"primary",variant:"contained",fullWidth:!0,onClick:()=>(0,z._)(e),children:["inquiry"===e&&"Submit","callback"===e&&"Request"]})})]})};var k=n(25789),W=n(41942),w=n(41574),_=n(80317),L=n(70110),N=n(60193),S=n(65229),R=n(95664);let I=e=>{let{feature:l}=e,n=(0,k.A)();return(0,h.jsx)(h.Fragment,{children:(0,h.jsxs)(x.A,{children:[(0,h.jsx)(W.A,{direction:"row",alignItems:"center",justifyContent:"center",sx:{backgroundColor:"grey.100",borderRadius:1,padding:2,aspectRatio:"16 / 9",border:"1px solid ".concat(n.palette.grey[200])},children:(0,h.jsx)(R.A,{size:24,style:{color:n.palette.grey[500]}})}),(0,h.jsx)(p.A,{children:null==l?void 0:l.description.map((e,l)=>(0,h.jsx)(g.Fragment,{children:(0,h.jsx)("p",{children:e})},l))})]})})};var q=n(27522);let M=e=>{let{tab:l}=e,[n,a]=(0,g.useState)(l||"eld");return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(x.A,{children:[(0,h.jsx)(p.A,{children:"Select and purchase the devices you need to stay compliant and optimize your fleet. Upon payment, the invoice will be sent to the address associated with your account, with the tracking link to follow as soon as your order gets shipped."}),(0,h.jsxs)(j.A,{value:n,onChange:(e,l)=>a(l),exclusive:!0,sx:{mt:2},fullWidth:!0,children:[(0,h.jsx)(A.A,{value:"eld",children:"ELD"}),(0,h.jsx)(A.A,{value:"tablet",children:"Tablet"}),(0,h.jsx)(A.A,{value:"gps",children:"GPS"}),(0,h.jsx)(A.A,{value:"camera",children:"Camera"})]}),(0,h.jsxs)(f.A,{container:!0,spacing:2,mt:2,children:[(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(q.A,{options:[],renderInput:e=>(0,h.jsx)(b.A,(0,i._)((0,s._)({},e),{hiddenLabel:!0,placeholder:"Model",size:"small",fullWidth:!0}))})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Quantity",size:"small",fullWidth:!0})})]})]}),(0,h.jsx)(y.A,{sx:{mx:2},children:(0,h.jsx)(C.A,{color:"primary",variant:"contained",fullWidth:!0,onClick:()=>(0,z._)("order",{product:n}),children:"Submit"})})]})};var P=n(95961),E=n(85758);let F=["1 - 2","3 - 10","11 - 25","26 - 50","51+"],T={company:"",firstName:"",lastName:"",phone:"",email:"",country:"United States",state:"",assets:F[0],referralCode:""},U={modals:null!=(a=[{key:"get-in-touch",Component:e=>{let{visible:l,handleClose:n}=e;return(0,h.jsxs)(m.A,{open:l,onClose:n,children:[(0,h.jsx)(u.A,{children:"Get in touch"}),(0,h.jsx)(v,{})]})}},{key:"feature",Component:e=>{let{visible:l,handleClose:n,feature:a}=e,s=(0,k.A)();return(0,h.jsxs)(m.A,{open:l,onClose:n,children:[(0,h.jsxs)(W.A,{direction:"row",alignItems:"center",justifyContent:"space-between",pr:3,children:[(0,h.jsx)(u.A,{children:(0,h.jsxs)(W.A,{direction:"row",gap:1,children:[(0,h.jsx)(W.A,{direction:"row",alignItems:"center",justifyContent:"center",sx:{backgroundColor:"rgba(2, 122, 242, 0.08)",borderRadius:1,padding:.5,width:51,height:51},children:(null==a?void 0:a.icon)&&(0,h.jsx)(a.icon,{size:24,style:{color:"var(--template-palette-primary-main)"}})}),(0,h.jsxs)(w.A,{children:[(0,h.jsx)(_.A,{fontWeight:600,fontSize:18,children:null==a?void 0:a.name}),(0,h.jsx)(W.A,{direction:"row",gap:.5,mt:.5,children:null==a?void 0:a.tags.map((e,l)=>(0,h.jsx)(L.A,{label:e,size:"small",sx:{borderRadius:.5,border:"none",backgroundColor:"rgba(2, 122, 242, 0.08)","& .MuiChip-label":{fontWeight:500}}},l))})]})]})}),(0,h.jsx)(N.A,{"aria-label":"Close dialog",onClick:n,children:(0,h.jsx)(S.A,{size:20,style:{color:s.palette.grey[500]}})})]}),(0,h.jsx)(I,{feature:a})]})}},{key:"order",Component:e=>{let{visible:l,handleClose:n,tab:a}=e;return(0,h.jsxs)(m.A,{open:l,onClose:n,children:[(0,h.jsx)(u.A,{children:"Order"}),(0,h.jsx)(M,{tab:a})]})}},{key:"submit-referral",Component:e=>{let{visible:l,handleClose:n,referralCode:a}=e,t=(0,E.P)(),[r,o]=(0,g.useState)(T);g.useEffect(()=>{l&&a&&o(e=>(0,i._)((0,s._)({},e),{referralCode:a}))},[l,a]);let d=e=>l=>o(n=>(0,i._)((0,s._)({},n),{[e]:l.target.value})),c=r.referralCode,j=r.company.trim()&&r.firstName.trim()&&(r.phone.trim()||r.email.trim());return(0,h.jsxs)(m.A,{open:l,onClose:n,children:[(0,h.jsx)(u.A,{children:"Submit a Referral"}),(0,h.jsxs)(x.A,{children:[(0,h.jsxs)(p.A,{children:["Refer another company directly to ",t.name," using this form. Please make sure your referral is aware before submitting their information."]}),(0,h.jsxs)(f.A,{container:!0,spacing:2,mt:1,children:[(0,h.jsx)(f.A,{size:12,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Company Name",size:"small",fullWidth:!0,value:r.company,onChange:d("company")})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Contact First Name",size:"small",fullWidth:!0,value:r.firstName,onChange:d("firstName")}

1)}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Contact Last Name",size:"small",fullWidth:!0,value:r.lastName,onChange:d("lastName")})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Contact Phone",size:"small",fullWidth:!0,value:r.phone,onChange:d("phone")})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Contact Email",size:"small",fullWidth:!0,value:r.email,onChange:d("email")})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Country",size:"small",fullWidth:!0,value:r.country,onChange:d("country")})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"State / Province",size:"small",fullWidth:!0,value:r.state,onChange:d("state")})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,select:!0,size:"small",fullWidth:!0,value:r.assets,onChange:d("assets"),helperText:"Number of assets",children:F.map(e=>(0,h.jsx)(P.A,{value:e,children:e},e))})}),(0,h.jsx)(f.A,{size:6,children:(0,h.jsx)(b.A,{hiddenLabel:!0,placeholder:"Your referral code",size:"small",fullWidth:!0,value:c,onChange:d("referralCode"),helperText:"Optional"})})]})]}),(0,h.jsx)(y.A,{sx:{mx:2},children:(0,h.jsx)(C.A,{color:"primary",variant:"contained",fullWidth:!0,disabled:!j,onClick:()=>{(0,z._)("referral",{assets:r.assets,has_code:!!c});let e=["Company: ".concat(r.company),"Contact: ".concat(r.firstName," ").concat(r.lastName).trim(),"Phone: ".concat(r.phone||"-"),"Email: ".concat(r.email||"-"),"Location: ".concat([r.state,r.country].filter(Boolean).join(", ")),"Number of assets: ".concat(r.assets),"Referrer's code: ".concat(c||"-")],l="".concat(t.name," referral submission");window.location.href="mailto:".concat(t.email,"?subject=").concat(encodeURIComponent(l),"&body=").concat(encodeURIComponent(e.join("\n"))),n()},children:"Submit"})})]})}}].map(e=>(0,i._)((0,s._)({},e),{open:!1,params:{}})))?a:[]},B=(0,c.v)((e,l)=>(0,i._)((0,s._)({},U),{openModal:(n,a)=>{let i=r()(l().modals),t=i.findIndex(e=>e.key===n);-1!==t&&(i[t].open=!0,i[t].params=a,(0,z.u)("modal_open",(0,s._)({modal:n},a))),e({modals:i})},closeModal:n=>{let a=r()(l().modals),s=a.findIndex(e=>e.key===n);-1!==s&&(a[s].open=!1,d()(()=>{a[s].params={}},300)),e({modals:a})}})),O=B.getState().openModal;B.getState().closeModal}}]);