https://www.affirm.com/sections-PhotoCarousel-14ee1d9974721f02fbd8.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7066],{49761:function(e,t,a){a.r(t),a.d(t,{default:function(){return A}});var r=a(77387),n=a(96540),l=a(85237),o=a.n(l),s=(a(77255),a(7383)),i=a(99656),c=a(78952),d=a(7823),m=a(22759),u="PhotoCarouselSlide-active--TgXcD";var p=e=>{const{image:t,isActive:a}=e,r=o()("PhotoCarouselSlide-photoCarouselSlide--Aqf5b",{[u]:a}),l=o()("PhotoCarouselSlide-innerWrapper--3viCb",{[u]:a});return n.createElement("div",{className:r},n.createElement("div",{className:l},n.createElement("div",{className:"PhotoCarouselSlide-imageWrapper--6oJsp"},(0,m.o)(t)&&n.createElement(d.A,{extraClassName:"PhotoCarouselSlide-image--5RSHN",image:t,alt:""}))))},h=a(2840),C=a(99993);let v=function(e){function t(...t){var a;return(a=e.call.apply(e,[this].concat(t))||this).state={activeIndex:0,maxIndex:0},a.handleNextClick=()=>{const{activeIndex:e,maxIndex:t}=a.state;e<t&&a.setState({activeIndex:e+1})},a.handlePrevClick=()=>{const{activeIndex:e}=a.state;e>0&&a.setState({activeIndex:e-1})},a.handleDotClick=(e,t)=>{("keypress"===e.type&&"key"in e&&(" "===e.key||"Enter"===e.key)||"click"===e.type)&&a.setState({activeIndex:t})},a}(0,r.A)(t,e);var a=t.prototype;return a.componentDidMount=function(){const{images:e}=this.props;this.setState({maxIndex:Math.floor(e.length-1)})},a.render=function(){const{backgroundPatterns:e,enteredOnce:t,extraClassNameSliderArrow:a,images:r,noAppear:l,onRef:u,title:C}=this.props,{activeIndex:v,maxIndex:A}=this.state,E=r.length,x=o()("PhotoCarousel-wrapper--7B4u9 appear",{enteredOnce:t,noAppear:l}),k=o()("PhotoCarousel-prevArrow--7Lq3S",a),P=o()("PhotoCarousel-nextArrow--5PRzK",a);return n.createElement(i.A,null,n.createElement("div",{className:x,ref:u},(0,m.o)(C)&&n.createElement(h.A,{title:C}),n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement("div",{className:"PhotoCarousel-sliderWrapper--26PQl"},n.createElement(s.Ay,{direction:"left",extraClassName:k,onClick:this.handlePrevClick,disabled:v<=0}),n.createElement("div",{className:"PhotoCarousel-slidesWrapper--a2TA9",style:{transform:`translateX(${-100*v*(24/23)}%)`}},r.map((e,t)=>n.createElement(p,Object.assign({key:e.id,image:e},e,{isActive:t-1*v>=0&&t-1*v<1})))),n.createElement(s.Ay,{direction:"right",extraClassName:P,onClick:this.handleNextClick,disabled:v>=A}),(0,m.o)(e)&&n.createElement("div",{className:"PhotoCarousel-background--54VQA"},e.map(e=>n.createElement("div",{key:e.id,className:"PhotoCarousel-backgroundItem--46oR9"},n.createElement(d.A,{image:e,alt:""}))))),n.createElement(c.A,{activeDot:v,dotsCount:Math.ceil(E),onDotClick:this.handleDotClick,extraClassName:"PhotoCarousel-dotsContainer--7EWAb"})))))},t}(n.Component);v.defaultProps={backgroundPatterns:null};var A=(0,C.A)()(v)}}]);