https://cdn.oem-production.subaru.com.au/1.0.8275-hotfix-byo-checkout-/dist/js/7b61bea6e55a5cf7e19e.chunk.js

1"use strict";(this.webpackChunk=this.webpackChunk||[]).push([[636],{80636:(e,t,n)=>{n.r(t),n.d(t,{FinanceVehicleCarousel:()=>g});var r=n(41705),a=n(97850),l=n(63696),c=n(61416),o=n(35680),i=n(4019),s=n(78230),u=n(35629),m=n(82438),v=n(68639);const d={Carousel:"tDiSFSi3qT",Carousel_title:"Pxoolhk2Df",Carousel_subTitle:"JuNBNTBQWR",Vehicle_item:"cw6RqTl34I",Vehicle_img:"bTuvSmIWOU",Vehicle_badge:"jvbP5TdvNj",Vehicle_name:"LFjhzjuoHE",Vehicle_rdp:"pPrEWPhMwU",CarouselArrow_left:"x4njmgn0g7",CarouselArrow_right:"RPpf1Vep27",ChooseModel:"JOPR9DfG9g",ChooseModelBtn_icon:"uj9NrB52Dx",PostcodeSelect:"EgSywdbxEU"};var h=n(20590);function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach(function(t){(0,r.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var g=l.memo(function(e){var t,n=e.onSectionVisible,r=(0,u.B)(),c=(0,v.iR)().vehicleModels,s=l.useRef(null),f=l.useRef(null),g=l.useState(1),P=(0,a.A)(g,2),C=P[0],y=P[1],N=l.useState({percentage:33.3,centerMode:!0,hasPrev:!0,hasNext:!0}),w=(0,a.A)(N,2),O=w[0],_=w[1],j=l.useState({variants:c}),k=(0,a.A)(j,2),R=k[0],S=k[1];l.useLayoutEffect(function(){D()&&(y(0),_({centerMode:!1,percentage:100}))},[]),l.useEffect(function(){_(function(e){var t;return p(p({},e),{},{hasPrev:C>(D()?0:1),hasNext:C<(null==R||null===(t=R.variants)||void 0===t?void 0:t.length)-(D()?1:2)})})},[C,R]);var D=function(){var e;return null!==f.current&&(null===(e=f.current)||void 0===e?void 0:e.clientWidth)<923},V=function(e){var t;if(e.variants&&(null===(t=e.variants)||void 0===t?void 0:t.length)>0){S(e),function(e){D()||e.variants&&_({centerMode:!0,percentage:1===e.variants.length?100:2===e.variants.length?50:33.3})}(e);var n=setTimeout(function(){var e,t=D()?0:1;y(t),null===(e=s.current)||void 0===e||e.moveTo(t),clearTimeout(n)},100)}else r.navigate("/financial-services/calculator",{params:{id:e.vehicleId}})};return l.createElement(h.Y,{topOffset:200,bottomOffset:500,onEnter:function(){return void(n&&n("/financial-services/calculators"))}},l.createElement("div",{id:"vehicle-carousel",className:d.Carousel},l.createElement("div",{ref:f,className:"container mx-auto relative"},l.createElement("p",{className:d.Carousel_title},"Finance Calculator"),l.createElement("p",{className:d.Carousel_subTitle},R.vehicleName?"Select your ".concat(R.vehicleName," variant"):"Choose a model to start"),l.createElement(m.SD,null,function(e,t){var n=e.name,r=e.postcode;return l.createElement("p",{className:d.PostcodeSelect},"*Recommended Driveaway Price (RDP) shown based on ".concat(n,", ").concat(r,". RDP may change based on location. "),l.createElement("span",{onClick:t},"Enter your postcode")," ","for the RDP in your area.")}),R.vehicleName&&l.createElement(i.$n,{type:"bordered",className:d.ChooseModel,onClick:function(){V({variants:c})}},l.createElement("i",{className:d.ChooseModelBtn_icon}),l.createElement("span",null,"Select a different model")),l.createElement(o.Carousel,{swipeable:!0,ref:s,interval:6e4,autoPlay:!1,showThumbs:!1,showStatus:!1,infiniteLoop:!1,showIndicators:!1,onChange:y,selectedItem:C,centerMode:O.centerMode,centerSlidePercentage:O.percentage,renderArrowPrev:function(e){return O.hasPrev&&l.createElement(b,{type:"left",onClick:e})},renderArrowNext:function(e){return O.hasNext&&l.createElement(b,{type:"right",onClick:e})}},null===(t=R.variants)||void 0===t?void 0:t.map(function(e){return l.createElement(E,{model:e,key:e.vehicleId,onClick:V})})))))}),E=l.memo(function(e){var t,n=e.model,r=e.onClick,a=(0,c.usePortals)(),o=(0,(0,v.iR)().getVariant)(n.vehicleId);return l.createElement("div",{id:n.vehicleId,className:d.Vehicle_item,onClick:function(){return r(n)}},l.createElement("img",{src:n.vehicleImage,className:d.Vehicle_img,loading:"lazy"}),n.vehicleBadge?l.createElement("img",{className:d.Vehicle_badge,src:n.vehicleBadge,loading:"lazy"}):l.createElement("label",{className:d.Vehicle_name},n.vehicleNameAlt),l.createElement("label",{className:d.Vehicle_rdp,onClick:function(e){e.stopPropagation(),a.open(function(e){return l.createElement(m.Rp,{modelName:n.vehicleName,mlp:null==o?void 0:o.variantMLP,rdp:null==o?void 0:o.variantRDP,closeModal:e.close,pimIdentifier:""})})}},l.createElement("span",null,"From ",(0,s.TG)(null!==(t=null==o?void 0:o.variantRDP)&&void 0!==t?t:0,0)," RDP"),l.createElement("span",null,"*")))}),b=l.memo(function(e){var t=e.type,n=e.onClick;return l.createElement("div",{onClick:n,className:d["CarouselArrow_".concat(t)]},"right"===t?l.createElement(i.Ah,{size:2,type:"chevronRight"}):l.createElement(i.Ah,{size:2,type:"chevronLeft"}))})}}]);
2//# sourceMappingURL=7b61bea6e55a5cf7e19e.chunk.js.map