https://www.fashionally.com/static/js/61.1f574f8f.chunk.js

1(this["webpackJsonphktdc-cms-spa"]=this["webpackJsonphktdc-cms-spa"]||[]).push([[61],{1167:function(e,a,t){"use strict";t.r(a),t.d(a,"default",(function(){return R}));var n=t(152),c=t.n(n),l=t(217),o=t(216),r=t(5),i=t(718),s=t(2),u=t.n(s),d=t(120),m=(t(11),t(791)),b=t(807),v=t(738),p=t(743),g=t(744),O=t(493),f=(t(996),t(790)),j=t(726),E=t(57),_=t(4),h=t(722),y=t(730),x=t(732),N=t(733),k=t(734),w=t(725),S=t(729),T=t(122),A=t(724),D=t(852),C=t.n(D),L=t(731),P=t(735),R=Object(d.b)((function(e){return{i18n:e.i18n,collectionsDetail:e.detailDataList,collectionsData:e.generalPage,season:e.season,brand:e.brand,allowCookies:e.allowCookies,enableTealium:e.enableTealium,enableAdGlare:e.enableAdGlare,siteConfig:e.siteConfig}}),null,null,{pure:!0})((function(e){var a,t,n,d,D,R,F,H,B,G,q,I,J,M=e.i18n,z=e.collectionsDetail,K=e.season,Q=e.brand,U=e.collectionsData,V=e.allowCookies,W=e.enableTealium,X=e.enableAdGlare,Y=e.siteConfig,Z=z.COLLECTION_DATA||{},$=Object(S.b)(U),ee=Object(S.c)(U),ae=Object(S.d)(U);Object(S.e)(null,_.a.pageType.collectionsPage,null),Object(S.a)(M.locale,Y,U,X.status),Object(S.h)();var te=(Y.data||{}).defaultLanguage,ne=M||{},ce=(ne.translations,ne.locale),le=void 0===ce?te:ce,oe=(U||{}).data,re=void 0===oe?[]:oe,ie=Array.isArray(re)&&re.length>0?re[0]:{},se=ie[le]||{},ue=ie.under_construction,de=void 0!==ue&&ue,me=(ie||{}).topMetadata,be=(void 0===me?{}:me)["TeamSite/LiveSite/PublishDate"],ve=se.seo||{},pe=ie.css_style_block,ge=void 0===pe?"":pe,Oe=ie.js_script_block,fe=void 0===Oe?"":Oe,je=ie.extra_head,Ee=void 0===je?"":je,_e=ve.seo_title,he=Object(s.useState)(""),ye=Object(i.a)(he,2),xe=ye[0],Ne=ye[1],ke=Object(s.useState)(!1),we=Object(i.a)(ke,2),Se=we[0],Te=we[1];Object(S.f)(M.locale,Y,U,V.status,W.status,xe),Object(S.g)(le,ie,null,[],Se);var Ae=M.locale,De=Array.isArray(null===Z||void 0===Z?void 0:Z.data)?Z.data:[],Ce=K.data||{},Le=Q.data||{},Pe=null!==(a=null===(t=Ce[Ae])||void 0===t||null===(n=t.season_category_config)||void 0===n||null===(d=n.categories)||void 0===d?void 0:d.slice().reverse().map((function(e,a){return{value:e.season_category_id,label:e.season_category_name}})))&&void 0!==a?a:[],Re=null!==(D=null===(R=Le[Ae])||void 0===R||null===(F=R.brand_category_config)||void 0===F||null===(H=F.categories)||void 0===H?void 0:H.map((function(e,a){return{value:e.brand_category_id,label:e.brand_category_name}})))&&void 0!==D?D:[],Fe=Object(s.useState)([]),He=Object(i.a)(Fe,2),Be=He[0],Ge=He[1],qe=Object(s.useState)([]),Ie=Object(i.a)(qe,2),Je=Ie[0],Me=Ie[1],ze=Object(s.useRef)(1),Ke=Object(s.useRef)(16),Qe=Object(s.useState)([]),Ue=Object(i.a)(Qe,2),Ve=Ue[0],We=Ue[1],Xe=Object(s.useState)(!1),Ye=Object(i.a)(Xe,2),Ze=Ye[0],$e=Ye[1];Object(s.useEffect)((function(){We([]),ze.current=1,Ke.current=16,E.a.dispatch(Object(T.a)("COLLECTION_DATA",null,_.a.pageType.collectionsDetailPage,["displayStatus:true",Be.map((function(e){return"(season:".concat(e,")")})).join(" OR "),Je.map((function(e){return"(brand:".concat(e,")")})).join(" OR ")],0,16,"sequence",!0))}),[Be,Je]);var ea=u.a.memo((function(e){var a=e.item,t=e.curLang;return u.a.createElement(m.a,{className:"collections-card"},u.a.createElement("div",{className:"card-container"},u.a.createElement(O.b,{to:function(e){return Object(r.a)(Object(r.a)({},e),{},{pathname:"".concat(_.a.routePathTo,"/").concat(t,"/collections/").concat(a.metadata.id),search:"?p1=".concat(a.collection.season,"&p2=").concat(a.collection.brand)})}},u.a.createElement(b.a,{src:a.collection.thumbnail_upload,alt:"error"}),u.a.createElement("div",{className:"card-overlay"},u.a.createElement("div",{className:"card-overlay-text"},u.a.createElement("div",{className:"title"},a[t].collection_detail.collection_title),u.a.createElement("div",{className:"designer"},a.collection.brand))))))})),aa=Object(s.useMemo)((function(){var e=[].concat(Object(o.a)(De),Object(o.a)(Ve));return null===e||void 0===e?void 0:e.map((function(e){return u.a.createElement(ea,{key:"".concat(e.metadata.id).concat(e.collection.season).concat(e.collection.brand),item:e,curLang:Ae})}))}),[De,Ve,Ae]),ta=Object(s.useCallback)(Object(l.a)(c.a.mark((function e(){var a,t;return c.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!((a=16*ze.current)<=Ke.current)){e.next=20;break}if(!(document.documentElement.scrollTop+window.innerHeight>document.documentElement.scrollHeight-300)){e.next=20;break}return console.log("data---trigger scroll"),e.prev=4,console.log("data---selectSeason",Be),console.log("data---selectBrand",Je),$e(!0),e.next=10,Object(A.a)(null,_.a.pageType.collectionsDetailPage,["displayStatus:true",Be.map((function(e){return"(season:".concat(e,")")})).join(" OR "),Je.map((function(e){return"(brand:".concat(e,")")})).join(" OR ")],a,16,"sequence",!0);case 10:t=e.sent,We((function(e){return[].concat(Object(o.a)(e),Object(o.a)(t.data))})),Ke.current=t.total,ze.current+=1,e.next=19;break;case 16:e.prev=16,e.t0=e.catch(4),console.error("Loaded New Datas error:",e.t0);case 19:$e(!1);case 20:case"end":return e.stop()}}),e,null,[[4,16]])}))),[16,Be,Je]);Object(s.useEffect)((function(){var e=Object(A.b)(ta,500);return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e),e.cancel()}}),[ta]);var na=u.a.createElement("div",{className:"collections-page"},u.a.createElement(v.a,null,u.a.createElement(p.a,null,u.a.createElement(g.a,{xs:12,sm:12,md:6,lg:6,xl:6,xxl:6},u.a.createElement(j.a,{title:null===z||void 0===z||null===(B=z[_.a.pageType.collectionsPage])||void 0===B||null===(G=B.data)||void 0===G||null===(q=G[0])||void 0===q||null===(I=q[le])||void 0===I||null===(J=I.setting)||void 0===J?void 0:J.title,isFirst:!0})),u.a.createElement(g.a,{xs:12,sm:12,md:6,lg:6,xl:6,xxl:6,className:"dropdown-col"},u.a.createElement("div",{className:"c1"},u.a.createElement(f.a,{options:Pe,title:{sc:"\u5b63\u5ea6",en:"SEASON",tc:"\u5b63\u5ea6"}[Ae],selectFun:function(e){Ge(e)}})),u.a.createElement("div",{className:"c2"},u.a.createElement(f.a,{options:Re,title:{sc:"\u54c1\u724c",en:"BRAND",tc:"\u54c1\u724c"}[Ae],selectFun:function(e){Me(e)}})))),u.a.createElement("div",{className:"collections-card-grid"},aa),Ze&&u.a.createElement("div",{style:{textAlign:"center",paddingTop:"20px"}},u.a.createElement("img",{src:C.a})))),ca=ae?u.a.createElement(L.default,null):u.a.createElement(u.a.Fragment,null,de&&u.a.createElement(P.a,null),u.a.createElement("h1",{className:"access-elem"},ve.seo_title),!de&&na,!de&&u.a.createElement(N.a,{helmetScriptCallBack:function(e){Te(e)},extraHead:Ee,jsScript:fe}));return u.a.createElement(u.a.Fragment,null,$||ee?u.a.createElement(w.a,null):ca,!$&&u.a.createElement(k.a,{extraHead:Ee}),!$&&u.a.createElement(x.a,{stylesheet:ge}),!$&&u.a.createElement(y.a,{title:_e,cb:function(e){Ne(e.title)}}),!$&&u.a.createElement(h.a,{seo:ve,publishDate:be}))}))},996:function(e,a,t){}}]);
2//# sourceMappingURL=61.1f574f8f.chunk.js.map