1import{r as p,j as t,P as f}from"./app-C9gdXhSd.js";function G({reportsWall:M,sliderItems:x=[]}){const{reportTitle:v,reportDescription:L,reportButtonText:k,reportButtonLink:y}=M,[w,m]=p.useState(0),[g,D]=p.useState(null),[j,N]=p.useState(null),[W,C]=p.useState(null),[b,X]=p.useState(null),[T,S]=p.useState(!1),[h,R]=p.useState(0),E=p.useRef(null),u=p.useRef(null);p.useEffect(()=>{const e=()=>{if(!u.current||!E.current||x.length===0)return 0;const c=u.current.offsetWidth;let r,s;c<768?(r=300,s=16):(r=300,s=24);const n=r+s,l=x.length*n;let d=c;return c<768&&(d=r*1.2),Math.max(0,l-d)};R(e());const o=()=>{R(e())};return window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[x.length]);const P=()=>{m(e=>{var l;const o=((l=u.current)==null?void 0:l.offsetWidth)||1200,c=(o<768,300),r=o<768?16:24,s=c+r,n=e+s;return n>h?h:n})},B=()=>{m(e=>{var l;const o=((l=u.current)==null?void 0:l.offsetWidth)||1200,c=(o<768,300),r=o<768?16:24,s=c+r,n=e-s;return n<0?0:n})},z=e=>{S(!0),X(null),C(e.clientX)},I=e=>{T&&X(e.clientX)},O=()=>{if(!T||(S(!1),!W||!b))return;const e=W-b,o=e>50,c=e<-50;o&&m(r=>{var a;const s=((a=u.current)==null?void 0:a.offsetWidth)||1200,n=(s<768,300),l=s<768?16:24,d=n+l,i=r+d;return i>h?h:i}),c&&m(r=>{var a;const s=((a=u.current)==null?void 0:a.offsetWidth)||1200,n=(s<768,300),l=s<768?16:24,d=n+l,i=r-d;return i<0?0:i})},U=()=>{S(!1)},$=e=>{N(null),D(e.targetTouches[0].clientX)},q=e=>{N(e.targetTouches[0].clientX)},A=()=>{if(!g||!j)return;const e=g-j,o=e>50,c=e<-50;o&&m(r=>{var a;const s=((a=u.current)==null?void 0:a.offsetWidth)||1200,n=(s<768,300),l=s<768?16:24,d=n+l,i=r+d;return i>h?h:i}),c&&m(r=>{var a;const s=((a=u.current)==null?void 0:a.offsetWidth)||1200,n=(s<768,300),l=s<768?16:24,d=n+l,i=r-d;return i<0?0:i})},F=()=>{window.location.href=y||"/report-a-scam"};return x.length===0?t.jsx("div",{className:"container",children:t.jsxs("div",{className:"section reports-wall",children:[t.jsx("div",{className:"reports-wall-title",children:t.jsx("p",{className:"reports-wall-title-text",children:v||"Latest Scam Reports"})}),t.jsx("div",{className:"reports-wall-empty",children:t.jsx("p",{children:L||"No scam reports found"})})]})}):t.jsx("div",{className:"container",children:t.jsxs("div",{className:"reports-wall",children:[t.jsx("div",{className:"reports-wall-title",children:t.jsx("p",{className:"reports-wall-title-text",children:v||"Latest Scam Reports"})}),t.jsxs("div",{className:"reports-wall-slider-outer-container",children:[t.jsx("button",{type:"button",className:"reports-wall-slider-btn reports-wall-slider-btn--prev",onClick:B,"aria-label":"Previous slide",disabled:w===0,children:t.jsx("img",{src:"/images/static/svg/arrow-left.svg",alt:"Previous"})}),t.jsxs("div",{className:"reports-wall-slider-container",ref:u,children:[t.jsx("div",{className:"reports-wall-slider-fade reports-wall-slider-fade--left"}),t.jsx("div",{className:"reports-wall-slider-wrapper",children:t.jsx("div",{className:"reports-wall-slider",ref:E,style:{transform:`translateX(-${w}px)`},onTouchStart:$,onTouchMove:q,onTouchEnd:A,onMouseDown:z,onMouseMove:I,onMouseUp:O,onMouseLeave:U,role:"button",tabIndex:0,children:x.map(e=>t.jsx("div",{className:"reports-wall-slider-item",children:t.jsxs("div",{className:"reports-wall-slider-item-content",children:[t.jsxs("div",{className:"reports-wall-slider-item-content-user",children:[t.jsx("img",{src:e.avatar,alt:""}),t.jsxs("div",{className:"reports-wall-slider-item-content-user-info",children:[t.jsx("p",{className:"reports-wall-slider-item-content-user-info-name",children:e.name}),t.jsx("p",{className:"reports-wall-slider-item-content-user-info-date",children:e.date})]})]}),t.jsxs("div",{className:"reports-wall-slider-item-content-link",children:[t.jsx("div",{className:"reports-wall-slider-item-content-link-title",children:e.link}),t.jsx("div",{className:"reports-wall-slider-item-content-detail",children:t.jsx("p",{children:e.detail})})]})]})},e.id))})}),t.jsx("div",{className:"reports-wall-slider-fade reports-wall-slider-fade--right"})]}),t.jsx("button",{type:"button",className:"reports-wall-slider-btn reports-wall-slider-btn--next",onClick:P,"aria-label":"Next slide",disabled:w>=h,children:t.jsx("img",{src:"/images/static/svg/arrow-right.svg",alt:"Next"})})]}),t.jsx("div",{className:"reports-wall-btn-wrapper",children:t.jsx("button",{className:"reports-wall-btn-report",type:"submit",onClick:F,children:k||"REPORT"})})]})})}G.propTypes={reportsWall:f.shape({reportTitle:f.string,reportDescription:f.string,reportButtonText:f.string,reportButtonLink:f.string}),sliderItems:f.array};export{G as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.