https://bncarmart.com/_next/static/chunks/pages/electric-vehicles-fc5bb511cc572496.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5650],{66025:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/electric-vehicles",function(){return t(30021)}])},30021:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return re}});var r=t(34051),i=t.n(r),a=t(85893),l=t(9635),o=t(47703),s=t(25195),c=t(6226),u=t(9008),d=t(11163),v=t(67294),f=t(14182),p=t(93627),m=t(98938),h=t(82206),x=t(50053),g=t(88761),y=t(45697),j=t.n(y),b=t(64199),Z=t(67413),_=t(84117),w=t(57363),S=t(67234),k=t(94961),C=[{label:"Below 200 km",value:[0,200]},{label:"200 km to 250 km",value:[200,250]},{label:"250 km to 300 km",value:[250,300]},{label:"300 km to 350 km",value:[300,350]},{label:"350 km to 400 km",value:[350,400]},{label:"400 km to 450 km",value:[400,450]},{label:"450 km to 500 km",value:[450,500]},{label:"500 km to 550 km",value:[500,550]},{label:"Above 500 km",value:[550,999999999]}],E=t(15129),I=t.n(E),P=t(29473),A=t(58056);function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function N(e,n,t,r,i,a,l){try{var o=e[a](l),s=o.value}catch(c){return void t(c)}o.done?n(s):Promise.resolve(s).then(r,i)}function T(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){T(e,n,t[n])}))}return e}function M(e){return function(e){if(Array.isArray(e))return O(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(!e)return;if("string"===typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return O(e,n)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e){var n=e.title,t=e.active,r=e.onClick;return(0,a.jsx)("div",{className:"".concat(I().filterTypeItem," ").concat(t?I().active:""),onClick:r,children:n})}function F(e){var n=e.initialFilter,t=e.isBidding,r=(0,v.useState)("brand"),l=r[0],o=r[1],s=(0,v.useState)([]),c=s[0],u=s[1],f=(0,v.useState)(k.EP)[0],p=(0,v.useState)(k.Er)[0],h=(0,v.useState)(C)[0],x=(0,v.useState)(null),y=x[0],j=x[1],E=(0,v.useState)(null),O=E[0],T=E[1],F=(0,v.useState)(null),D=F[0],R=F[1],V=(0,v.useState)(null),G=V[0],q=V[1],U=function(){var e,n=(e=i().mark((function e(){var n,t,r;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t={},e.next=4,P.h.GET("/brands/all",t);case 4:(null===(r=e.sent)||void 0===r||null===(n=r.data)||void 0===n?void 0:n.success)&&u([{label:"Any Brand",value:"any"}].concat(M(r.data.data.map((function(e){return{label:e.name,value:e._id}})))));case 6:case"end":return e.stop()}}),e)})),function(){var n=this,t=arguments;return new Promise((function(r,i){var a=e.apply(n,t);function l(e){N(a,r,i,l,o,"next",e)}function o(e){N(a,r,i,l,o,"throw",e)}l(void 0)}))});return function(){return n.apply(this,arguments)}}();(0,v.useEffect)((function(){U()}),[]);var W=function(e,n){return function(t){n(t?e.find((function(e){return e.value===t})):null)}},H=W(c,j),L=W(f,T),X=W(p,R),$=W(h,q),Q=(0,v.useCallback)((function(e){return 0===c.length?(0,a.jsxs)("p",{style:{padding:4,color:"#999",textAlign:"center"},children:[(0,a.jsx)(g.Z,{spin:!0})," Loading..."]}):e}),[c]),J=(0,v.useCallback)((function(){var e=B({},n,{is_sold:!!n.is_sold,car_bidding:t||null});if("brand"==l){var r=null;y&&"any"!=y.value&&(r=y.value),e.car_details=B({},e.car_details,{car_brand_id:r})}else"price"==l?e=B({},e,{price_range:(null===O||void 0===O?void 0:O.value)?{minimum_price:O.value[0],maximum_price:O.value[1]}:{minimum_price:"",maximum_price:""}}):"depreciation"==l?e.car_details=B({},e.car_details,{depreciation:(null===D||void 0===D?void 0:D.value)||null}):"drive_range"==l&&(e=B({},e,{drive_range:{minimum_drive_range:(null===G||void 0===G?void 0:G.value)?null===G||void 0===G?void 0:G.value[0]:"",maximum_drive_range:(null===G||void 0===G?void 0:G.value)?null===G||void 0===G?void 0:G.value[1]:""}}));d.default.push({pathname:"/electric-vehicles",query:{search:A.Z.encode(e)}})}),[l,y,O,D,G]);return(0,a.jsx)(m.Z,{className:I().filterPanel,children:(0,a.jsxs)(b.Z,{spacing:30,children:[(0,a.jsxs)(Z.Z,{style:{width:"100%"},children:[(0,a.jsx)(_.Z,{xs:24,md:8,children:(0,a.jsx)(z,{title:"Brands",active:"brand"==l,onClick:function(){return o("brand")}})}),(0,a.jsx)(_.Z,{xs:24,md:8,children:(0,a.jsx)(z,{title:"Price",active:"price"==l,onClick:function(){return o("price")}})}),(0,a.jsx)(_.Z,{xs:24,md:8,children:(0,a.jsx)(z,{title:"Drive Range",active:"drive_range"==l,onClick:function(){return o("drive_range")}})})]}),(0,a.jsxs)(w.Z,{justifyContent:"flex-start",alignItems:"center",wrap:!0,style:{alignSelf:"stretch"},children:["brand"==l&&(0,a.jsx)("div",{style:{flexGrow:1},children:(0,a.jsx)(S.Z,{data:c,placeholder:"Search Brand",block:!0,size:"md",className:I().filterSelectItem,renderMenu:Q,value:(null===y||void 0===y?void 0:y.value)||null,onChange:function(e){H(e)}})}),"price"==l&&(0,a.jsx)("div",{style:{flexGrow:1},children:(0,a.jsx)(S.Z,{data:k.EP,placeholder:"Search Price Range",block:!0,size:"md",className:I().filterSelectItem,value:(null===O||void 0===O?void 0:O.value)||null,onChange:function(e){L(e)}})}),"depreciation"==l&&(0,a.jsx)("div",{style:{flexGrow:1},children:(0,a.jsx)(S.Z,{data:k.Er,placeholder:"Search Depreciation Range",block:!0,size:"md",className:I().filterSelectItem,value:(null===D||void 0===D?void 0:D.value)||null,onChange:function(e){X(e)}})}),"drive_range"==l&&(0,a.jsx)("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",flexGrow:1,alignItems:"center",gap:8},children:(0,a.jsx)("div",{style:{flexGrow:1},children:(0,a.jsx)(S.Z,{data:h,placeholder:"Search Drive Range",searchable:!1,block:!0,size:"md",className:I().filterSelectItem,value:(null===G||void 0===G?void 0:G.value)||null,onChange:function(e){$(e)}})})}),(0,a.jsx)("div",{className:I().filterSearchItem,onClick:J,children:"Search"})]})]})})}z.propTypes={active:j().bool.isRequired,title:j().string.isRequired,onClick:j().func};var D=t(55240),R=t(81508),V=t(60875),G=t(48533),q=t(40559),U=t(91427),W=t(1921),H=t(1946),L=t(23636),X=t(18171);function $(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function Q(e,n,t,r,i,a,l){try{var o=e[a](l),s=o.value}catch(c){return void t(c)}o.done?n(s):Promise.resolve(s).then(r,i)}function J(e){return function(){var n=this,t=arguments;return new Promise((function(r,i){var a=e.apply(n,t);function l(e){Q(a,r,i,l,o,"next",e)}function o(e){Q(a,r,i,l,o,"throw",e)}l(void 0)}))}}function K(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Y(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}

1)))),r.forEach((function(n){K(e,n,t[n])}))}return e}function ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a=[],l=!0,o=!1;try{for(t=t.call(e);!(l=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);l=!0);}catch(s){o=!0,i=s}finally{try{l||null==t.return||t.return()}finally{if(o)throw i}}return a}}(e,n)||te(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ne(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||te(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function te(e,n){if(e){if("string"===typeof e)return $(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?$(e,n):void 0}}var re=function(){var e,n,t,r,g,y,j,b,Z=(0,d.useRouter)().query,_=((0,V.Z)(),(0,v.useState)("grid")),w=_[0],S=_[1],C=ee(v.useState(["pager"]),2),E=(C[0],C[1],ee(v.useState(4),2)),I=E[0],O=(E[1],(0,v.useState)(!0)),N=O[0],T=O[1],B=(0,v.useState)(1),M=B[0],z=(B[1],(0,v.useState)(k.wy)),$=z[0],Q=z[1],K=(0,v.useState)([]),te=K[0],re=K[1],ie=(0,v.useState)([]),ae=ie[0],le=ie[1];(0,v.useEffect)((function(){var e=Z.search?A.Z.decode(Z.search):k.wy;Q(e)}),[Z.search]),(0,v.useEffect)((function(){var e=setTimeout((function(){Promise.all([oe(),se()])}),1e3);return function(){return clearTimeout(e)}}),[$,M]);var oe=function(){var e=J(i().mark((function e(){var n,t,r;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return T(!0),t="sold"===(t=Y({},$,{limit:I,page:M,car_details:Y({},$.car_details,{car_condition:"New"}),is_electric:!0})).category?Y({},t,{is_sold:!0,category:""}):"all"===t.category||""===t.category?Y({},t,{is_sold:null,category:""}):"available"===t.category?Y({},t,{is_sold:!1,category:""}):Y({},t,{is_sold:null,category:[t.category]}),e.next=6,P.h.POST(t,"/product-catalog/search");case 6:(null===(r=e.sent)||void 0===r||null===(n=r.data)||void 0===n?void 0:n.success)?(T(!1),re(r.data)):T(!1);case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),se=function(){var e=J(i().mark((function e(){var n,t,r;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return T(!0),t="sold"===(t=Y({},$,{limit:I,page:M,car_details:Y({},$.car_details,{car_condition:"Used"}),is_electric:!0})).category?Y({},t,{is_sold:!0,category:""}):"all"===t.category||""===t.category?Y({},t,{is_sold:null,category:""}):"available"===t.category?Y({},t,{is_sold:!1,category:""}):Y({},t,{is_sold:null,category:[t.category]}),e.next=6,P.h.POST(t,"/product-catalog/search");case 6:(null===(r=e.sent)||void 0===r||null===(n=r.data)||void 0===n?void 0:n.success)?(T(!1),le(r.data)):T(!1);case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),ce=(0,v.useCallback)((function(){d.default.push({pathname:"/new-cars",query:{search:A.Z.encode(Y({},$,{is_electric:!0}))}})}),[$]),ue=(0,v.useCallback)((function(){d.default.push({pathname:"/used-cars",query:{search:A.Z.encode(Y({},$,{is_electric:!0}))}})}),[$]);return(0,a.jsxs)("div",{children:[(0,a.jsxs)(u.default,{children:[(0,a.jsx)("title",{children:"Brunei Car Details Information | Electric Vehicles in Brunei"}),(0,a.jsx)("meta",{property:"og:title",content:"Brunei Car Details Information | Car List in Brunei"},"ogtitle")]}),(0,a.jsx)(R.Z,{bannerType:"electric-car-main-banner-ad"}),(0,a.jsxs)("div",{className:X.innerContainer,style:{padding:"0 20px"},children:[(0,a.jsx)("div",{style:{zIndex:2,position:"relative",top:-30},children:(0,a.jsx)(F,{initialFilter:$,isBidding:!1})}),(0,a.jsx)(H.Z,{bottom:50}),(0,a.jsxs)(s.Z,{gutter:[8,8],children:[(0,a.jsx)(c.Z,{xs:24,lg:17,children:N||(null===te||void 0===te?void 0:te.total)||(null===ae||void 0===ae?void 0:ae.total)?(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(c.Z,{xs:{span:24},hidden:!N&&!(null===te||void 0===te?void 0:te.total),children:[(0,a.jsxs)(v.Fragment,{children:[(0,a.jsxs)(s.Z,{gutter:[16,16],children:[(0,a.jsxs)(c.Z,{xs:12,children:[(0,a.jsx)("h1",{style:{fontSize:"1.5em",lineHeight:"1.5em",fontWeight:600,display:"inline-block",margin:0},children:"New Electric Vehicles"}),(null===te||void 0===te?void 0:te.data)&&(null===te||void 0===te?void 0:te.data.length)>0&&(0,a.jsxs)("span",{children:[" ","( Found"," ",(0,a.jsxs)("span",{style:{fontWeight:"bold",color:"red"},children:[null===te||void 0===te||null===(e=te.meta)||void 0===e?void 0:e.pagination.total," "]}),(null===te||void 0===te||null===(n=te.meta)||void 0===n?void 0:n.pagination.total)<=1?"car":"cars",")"]})]}),(0,a.jsx)(c.Z,{xs:{span:12,order:0},sm:{span:8,order:1},md:{span:8,order:1},lg:{span:12,order:1},className:L.desktop,children:(0,a.jsxs)("div",{children:[(0,a.jsxs)(f.Z,{children:[(0,a.jsx)(p.Z,{onClick:function(){return S("grid")},icon:(0,a.jsx)(l.Z,{}),placement:"left",size:"sm",appearance:"grid"===w?"primary":"default",children:"Grid"}),(0,a.jsx)(p.Z,{onClick:function(){return S("list")},icon:(0,a.jsx)(o.Z,{}),placement:"left",size:"sm",appearance:"list"===w?"primary":"default",children:"List"})]}),(0,a.jsx)(H.Z,{right:16})]})})]}),(0,a.jsx)(H.Z,{bottom:24}),"grid"===w?(0,a.jsxs)(s.Z,{gutter:[20,20],children:[!N&&(null===te||void 0===te||null===(t=te.data)||void 0===t?void 0:t.map((function(e,n){return(0,a.jsx)(c.Z,{xs:{span:12},md:{span:12},lg:{span:6},children:(0,a.jsx)(q.Z,{product:e},n)},n)}))),N&&ne(Array(4)).map((function(e,n){return(0,a.jsx)(c.Z,{xs:{span:24},md:{span:12},lg:{span:6},children:(0,a.jsx)(G.Z,{},n)},n)}))]}):(0,a.jsxs)(s.Z,{children:[!N&&(null===te||void 0===te||null===(r=te.data)||void 0===r?void 0:r.map((function(e,n){return(0,a.jsx)(c.Z,{xs:{span:24},md:{span:24},lg:{span:24},className:"listViewContainer",children:(0,a.jsx)(U.Z,{showHeader:0===n,product:e},n)},n)}))),N&&ne(Array(8)).map((function(e,n){return(0,a.jsx)(c.Z,{span:24,children:(0,a.jsx)(m.Z,{bordered:!0,children:(0,a.jsx)(h.Z.Paragraph,{rows:5,graph:"image"})})},n)}))]}),(0,a.jsx)(H.Z,{bottom:20}),(0,a.jsx)("div",{style:{textAlign:"center"},children:(0,a.jsx)(x.Z,{onClick:ce,size:"lg",className:[L.viewMoreButton],children:"View More New Electric Cars"})}),(0,a.jsx)(H.Z,{bottom:24})]}),(0,a.jsx)(H.Z,{bottom:50})]}),(0,a.jsxs)(c.Z,{xs:{span:24},hidden:!N&&!(null===ae||void 0===ae?void 0:ae.total),children:[(0,a.jsxs)(v.Fragment,{children:[(0,a.jsxs)(s.Z,{gutter:[16,16],children:[(0,a.jsxs)(c.Z,{xs:12,children:[(0,a.jsx)("h1",{style:{fontSize:"1.5em",lineHeight:"1.5em",fontWeight:600,display:"inline-block",margin:0},children:"Used Electric Vehicles"}),(null===ae||void 0===ae?void 0:ae.data)&&(null===ae||void 0===ae?void 0:ae.data.length)>0&&(0,a.jsxs)("span",{children:[" ","( Found"," ",(0,a.jsxs)("span",{style:{fontWeight:"bold",color:"red"},children:[null===ae||void 0===ae||null===(g=ae.meta)||void 0===g?void 0:g.pagination.total," "]}),(null===ae||void 0===ae||null===(y=ae.meta)||void 0===y?void 0:y.pagination.total)<=1?"car":"cars",")"]})]}),(0,a.jsx)(c.Z,{xs:{span:12,order:0},sm:{span:8,order:1},md:{span:8,order:1},lg:{span:12,order:1},className:L.desktop,children:(0,a.jsxs)("div",{children:[(0,a.jsxs)(f.Z,{children:[(0,a.jsx)(p.Z,{onClick:function(){return S("grid")},icon:(0,a.jsx)(l.Z,{}),placement:"left",size:"sm",appearance:"grid"===w?"primary":"default",children:"Grid"}),(0,a.jsx)(p.Z,{onClick:function(){return S("list")},icon:(0,a.jsx)(o.Z,{}),placement:"left",size:"sm",appearance:"list"===w?"primary":"default",children:"List"})]}),(0,a.jsx)(H.Z,{right:16})]})})]}),(0,a.jsx)(H.Z,{bottom:24}),"grid"===w?(0,a.jsxs)(s.Z,{gutter:[20,20],children:[!N&&(null===ae||void 0===ae||null===(j=ae.data)||void 0===j?void 0:j.map((function(e,n){return(0,a.jsx)(c.Z,{xs:{span:12},md:{span:12},lg:{span:6},children:(0,a.jsx)(q.Z,{product:e},n)},n)}))),N&&ne(Array(4)).map((function(e,n){return(0,a.jsx)(c.Z,{xs:{span:24},md:{span:12},lg:{span:6},children:(0,a.jsx)(G.Z,{},n)},n)}))]}):(0,a.jsxs)(s.Z,{children:[!N&&(null===ae||void 0===ae||null===(b=ae.data)||void 0===b?void 0:b.map((function(e,n){return(0,a.jsx)(c.Z,{xs:{span:24},md:{span:24},lg:{span:24},className:"listViewContainer",children:(0,a.jsx)(U.Z,{showHeader:0===n,product:e},n)},n)}))),N&&ne(Array(8)).map((function(e,n){return(0,a.jsx)(c.Z,{span:24,children:(0,a.jsx)(m.Z,{bordered:!0,children:(0,a.jsx)(h.Z.Paragraph,{rows:5,graph:"image"})})},n)}))]}),(0,a.jsx)(H.Z,{bottom:20}),(0,a.jsx)("div",{style:{textAlign:"center"},children:(0,a.jsx)(x.Z,{onClick:ue,size:"lg",className:[L.viewMoreButton],children:"View More Used Electric Cars"})}),(0,a.jsx)(H.Z,{bottom:24})]}),(0,a.jsx)(H.Z,{bottom:24})]})]}):(0,a.jsx)(D.Z,{})}),(0,a.jsxs)(c.Z,{className:X.sideFilter,xs:{span:24},lg:{span:7},children:[(0,a.jsx)(W.Z,{bannerType:"products-electric-side-banner-ad"}),(0,a.jsx)(H.Z,{bottom:24})]})]})]})]})}},15129:function(e){e.exports={filterPanel:"ElectricMainFilter_filterPanel__1MFkx",filterTypeItem:"ElectricMainFilter_filterTypeItem__vZp81",active:"ElectricMainFilter_active__XRZ_S",filterSearchItem:"ElectricMainFilter_filterSearchItem__mEDBI",filterSelectItem:"ElectricMainFilter_filterSelectItem__U9az_"}},23636:function(e){e.exports={viewMoreButton:"ElectricVehicles_viewM

1oreButton__5QRdI",desktop:"ElectricVehicles_desktop__0tq1h"}}},function(e){e.O(0,[2004,3151,7234,8400,6544,1427,2321,9774,2888,179],(function(){return n=66025,e(e.s=n);var n}));var n=e.O();_N_E=n}]);