https://tradmarket.com/static/js/LandingPage.20602918.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1013],{7435:(e,t,a)=>{a.r(t),a.d(t,{LandingPageComponent:()=>Se,default:()=>Ee});var n=a(72791),s=a(52007),i=a.n(s),l=a(42789),o=a(47375),r=a(58272),c=a(29305),d=a(82795),m=a(26634),g=a(618),_=a(44425),h=a(6639),u=a(25863),p=a(46902);const S={sticky:"LandingPage_sticky__xmLbE",sectionTitle:"LandingPage_sectionTitle__Fjdgf h2",sectionSubHeading:"LandingPage_sectionSubHeading__mFOVu sectionSubHeading",pageContent:"LandingPage_pageContent__HJa42",loaderSection:"LandingPage_loaderSection__ypJn3",loader:"LandingPage_loader__OnavO",spin:"LandingPage_spin__SeX2n"};var v=a(37627),E=a(72251),b=a(6515),N=a(95717),f=a(91523),k=a(81694),w=a.n(k);const T="Sections_sectionPadding__Vajbp commonPadding",P="Sections_fixedWidthContainer__FSYW6 contentMaxWidthPages",y="Sections_sliderSection__E2hya",W="Sections_sectionHead__bxYPD",M="Sections_leftSec__6v-RJ",C="Sections_customDots__+W3qH",H="Sections_customDot__-xsNd",L="Sections_customDotActive__h6uZd",A="Sections_popularInstrumentsSlider__Fk1bT",I="Sections_sliderItem__iQTXh",Z="Sections_itemImg__c2RXQ",D="Sections_exploreSlider__It3KI",R="Sections_listingCard__abjpG",x="Sections_aboutUsSec__qNN5R",O="Sections_contentSec__RxqMy",U="Sections_visitLink__CsVNJ visitLink",j="Sections_vdoSec__4A0vp",F="Sections_vdoImg__nUaW6",G="Sections_howWorksSec__JdrZb",J="Sections_sectionHeading__2DCDz sectionHeading",X="Sections_heading__Asko5 howWorksHeading",q="Sections_paragraph__0ggdh paragraph",V="Sections_skeletonItem__Zvdv8",B="Sections_skeletonCircle__9++0n",z="Sections_skeletonText__WgfVU",K=()=>n.createElement("div",{className:V},n.createElement("div",{className:B}),n.createElement("div",{className:z}));function Q(e){const{intl:t,sliderSettings:a}=e,s=(0,o.v9)((e=>e.strapi.shopLinks||[])),i=(0,o.v9)((e=>e.strapi.allContentInProgress)),l=(0,n.useRef)(null),[r,c]=(0,n.useState)(0);if(!i&&(!s||0===s.length))return null;const m="undefined"!==typeof window&&window.innerWidth<768,g=t.formatMessage({id:"PopularInstruments.shopInstrumentsTitle"});function _(e){const{className:t,style:a,onClick:s}=e;return n.createElement("div",{className:t,style:(0,b.Z)({},a),onClick:s})}function h(e){const{className:t,style:a,onClick:s}=e;return n.createElement("div",{className:t,style:(0,b.Z)({},a),onClick:s})}m&&Object.assign(a,{dots:!1,arrows:!0,nextArrow:n.createElement(_,null),prevArrow:n.createElement(h,null)});const u=a.slidesToShow||5.5,p=a.slidesToScroll||4,S=s.length,v=Math.ceil((S-u)/p)+1,E=(0,b.Z)((0,b.Z)({},a),{},{dots:!1,afterChange:e=>{if(e>=S-Math.floor(u)-.5)c(v-1);else{const t=Math.round(e/p);c(Math.min(t,v-1))}}});if(i){const e=(0,b.Z)((0,b.Z)({},a),{},{dots:!1,arrows:!1,infinite:!1,swipe:!1,draggable:!1});return n.createElement("div",{className:w()(y,T)},n.createElement("div",{className:P},n.createElement("div",{className:W},n.createElement("div",{className:M},n.createElement("h2",{className:J},g))),n.createElement("div",{className:A},n.createElement(N.Z,e,Array.from({length:6}).map(((e,t)=>n.createElement(K,{key:t})))))))}return n.createElement("div",{className:w()(y,T)},n.createElement("div",{className:P},n.createElement("div",{className:W},n.createElement("div",{className:M},n.createElement("h2",{className:J},g)),!m&&v>1&&n.createElement("div",{className:C},Array.from({length:v}).map(((e,t)=>n.createElement("button",{key:t,className:w()(H,{[L]:t===r}),onClick:()=>(e=>{var t;let a;a=e===v-1?Math.max(0,S-Math.floor(u)):e*p,console.log("handleDotClick - dot index:",e,"going to slide:",a),null===(t=l.current)||void 0===t||t.slickGoTo(a)})(t),"aria-label":"Go to slide ".concat(t+1)}))))),n.createElement("div",{className:A},n.createElement(N.Z,Object.assign({ref:l},E),s.map(((e,t)=>{var a,s;const i=n.createElement(n.Fragment,null,n.createElement("div",{className:Z},n.createElement("img",{src:(null===(a=e.image)||void 0===a?void 0:a.url)||"",alt:(null===(s=e.image)||void 0===s?void 0:s.alternativeText)||e.title})),n.createElement("p",null,e.title));return e.isExternal?n.createElement(d.dL,{key:e.id||t,href:e.url,className:I},i):n.createElement(f.rU,{key:e.id||t,to:e.url,className:I},i)}))))))}Q.defaultProps={sliderSettings:{dots:!0,arrows:!1,infinite:!1,slidesToShow:5.5,slidesToScroll:4,variableWidth:!1,focusOnSelect:!1,centerMode:!1,responsive:[{breakpoint:1280,settings:{slidesToShow:5.8,variableWidth:!1}},{breakpoint:1128,settings:{slidesToShow:5.5,variableWidth:!1}},{breakpoint:1024,settings:{slidesToShow:5.2,variableWidth:!1}},{breakpoint:991,settings:{slidesToShow:4.9,variableWidth:!1}},{breakpoint:768,settings:{slidesToShow:4.5,variableWidth:!1}},{breakpoint:600,settings:{slidesToShow:3.8,variableWidth:!1}},{breakpoint:580,settings:{slidesToShow:3.4,variableWidth:!1}},{breakpoint:480,settings:{slidesToShow:2.8,variableWidth:!1}},{breakpoint:414,settings:{slidesToShow:2.5,variableWidth:!1}}]}};const Y=Q,$=a.p+"static/media/heroImage.1f69b7bbac95eae79e4d.png",ee="SectionHero_heroContainer__o4qiG",te="SectionHero_heroBg__IXFOk",ae="SectionHero_heroContent__-ErpP",ne="SectionHero_heading__zSqM1 h1",se="SectionHero_para__-6VUz p",ie="SectionHero_browseBtn__e3GjV buttonDefault";const le=function(e){const{intl:t,onRedirectToSearchPage:a}=e,s=t.formatMessage({id:"SectionHero.title"}),i=t.formatMessage({id:"SectionHero.description"}),l=t.formatMessage({id:"SectionHero.browseTitle"});return n.createElement("div",{className:ee},n.createElement("div",{className:te},n.createElement("img",{src:$,alt:"Trad Market | Passion, Shared"})),n.createElement("div",{className:ae},n.createElement(d.X6,{as:"h1",rootClassName:ne},s),n.createElement("p",{className:se},i),n.createElement("button",{className:ie,type:"button",onClick:a},l,n.createElement(d.PJ,{name:"rightArrow"}))))};var oe=a(22745);const re=function(){return n.createElement("div",{className:x},n.createElement("div",{className:P},n.createElement("div",{className:j},n.createElement("img",{className:F,src:oe,alt:""})),n.createElement("div",{className:O},n.createElement("h1",{className:X},n.createElement(c._H,{id:"SectionAboutUs.title"})),n.createElement("p",{className:q},n.createElement(c._H,{id:"SectionAboutUs.descriptionParagraph1"})),n.createElement("p",null,n.createElement(c._H,{id:"SectionAboutUs.descriptionParagraph2"})),n.createElement("p",null,n.createElement(c._H,{id:"SectionAboutUs.descriptionParagraph3"})))))};function ce(e){const{listings:t,intl:a,sliderSettings:s}

1=e,i=(0,n.useRef)(null),[l,o]=(0,n.useState)(0),r=a.formatMessage({id:"ExploreSection.justIn"}),c="undefined"!==typeof window&&window.innerWidth<768;c&&Object.assign(s,{dots:!1});const m=s.slidesToShow||4,g=s.slidesToScroll||1,_=(null===t||void 0===t?void 0:t.length)||0,h=Math.ceil((_-m)/g)+1,u=(0,b.Z)((0,b.Z)({},s),{},{dots:!1,afterChange:e=>{if(e>=_-Math.floor(m)-.5)o(h-1);else{const t=Math.round(e/g);o(Math.min(t,h-1))}}});return n.createElement("div",{className:w()(y,T)},n.createElement("div",{className:P},n.createElement("div",{className:W},n.createElement("div",{className:M},n.createElement("h2",{className:J},r)),!c&&h>1&&n.createElement("div",{className:C},Array.from({length:h}).map(((e,t)=>n.createElement("button",{key:t,className:w()(H,{[L]:t===l}),onClick:()=>(e=>{var t;let a;a=e===h-1?Math.max(0,_-Math.floor(m)):e*g,null===(t=i.current)||void 0===t||t.slickGoTo(a)})(t),"aria-label":"Go to slide ".concat(t+1)}))))),n.createElement("div",{className:D},n.createElement(N.Z,Object.assign({ref:i},u),t.map((e=>{var t;return n.createElement(d.dF,{className:R,key:null===e||void 0===e||null===(t=e.id)||void 0===t?void 0:t.uuid,listing:e,setActiveListing:()=>{}})}))))))}ce.defaultProps={sliderSettings:{dots:!0,arrows:!1,infinite:!1,autoplay:!1,autoplaySpeed:2e3,speed:500,slidesToShow:4,slidesToScroll:1,variableWidth:!1,focusOnSelect:!1,centerMode:!1,responsive:[{breakpoint:1500,settings:{slidesToShow:4,variableWidth:!1}},{breakpoint:1300,settings:{slidesToShow:4,variableWidth:!1}},{breakpoint:992,settings:{slidesToShow:3,variableWidth:!1}},{breakpoint:580,settings:{slidesToShow:2,variableWidth:!1}},{breakpoint:480,settings:{slidesToShow:1,variableWidth:!1}}]}};const de=ce;var me=a(96710);const ge=a.p+"static/media/videoWrapperImage.1d7d71215a7994d2faeb.png";const _e=a.p+"static/media/play-button.5a865fe76777660c8b7cf7080727015d.svg";const he=function(e){const{intl:t}=e,[a,s]=(0,n.useState)(!1),i=t.formatMessage({id:"SectionHowItWorks.title"}),l=t.formatMessage({id:"SectionHowItWorks.description"}),o=t.formatMessage({id:"SectionHowItWorks.visitShop"});return n.createElement("div",{className:G},n.createElement("div",{className:P},n.createElement("div",{className:O},n.createElement("h1",{className:X},i),n.createElement("p",{className:q},l),n.createElement(d.RC,{className:U,name:"ProfilePage",params:{username:"ellisflutes"}},o," ",n.createElement(d.PJ,{name:"rightArrow"}))),n.createElement("div",{className:j},n.createElement("div",{className:"player-wrapper",onClick:()=>{s(!0)}},n.createElement(me.Z,{url:"https://www.youtube.com/watch?v=SZMR02skj6Q",light:!a&&ge,playing:a,playIcon:n.createElement("button",null,n.createElement("img",{src:_e,alt:"Play"})),controls:!0})))))};var ue=a(32628),pe=a(53002);const Se=e=>{const{intl:t,scrollingDisabled:a,history:s,listings:i}=e,l=(0,h.mX)(),o=l.marketplaceName,r=t.formatMessage({id:"LandingPage.schemaTitle"},{marketplaceName:o}),c=t.formatMessage({id:"LandingPage.schemaDescription"}),_="".concat(l.marketplaceRootURL).concat(v),u=()=>s.push((0,pe.EW)("SearchPage",(0,ue.ZP)(),{},{}));return n.createElement(d.T3,{className:S.root,scrollingDisabled:a,contentType:"website",description:c,title:r,facebookImages:[{url:v,width:1200,height:630}],twitterImages:[{url:"".concat(l.marketplaceRootURL).concat(E),width:600,height:314}],schema:{"@context":"http://schema.org","@type":"WebPage",description:c,name:r,image:[_]}},n.createElement(d.ip,{className:S.pageRoot,topbar:n.createElement(m.Z,null),footer:n.createElement(g.Z,null)},n.createElement("div",{className:S.pageContent},n.createElement(le,{intl:t,onRedirectToSearchPage:u}),n.createElement(Y,{intl:t,onRedirectToSearchPage:u}),n.createElement(he,{intl:t}),n.createElement(de,{intl:t,listings:i}),n.createElement(re,null))))},{bool:ve}=i();Se.defaultProps={};const Ee=(0,l.qC)(r.withRouter,(0,o.$j)((e=>{const{currentPageResultIds:t}=e.LandingPage;return{listings:(0,u.gg)(e,t),scrollingDisabled:(0,p.uS)(e)}}),(e=>({}))),_.ss,c.XN)(Se)}}]);
2//# sourceMappingURL=LandingPage.20602918.chunk.js.map