https://www.bucherer.com/mobify/bundle/3997/templates-pages-CPOProductListingPage-CPOProductListingPage.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8383],{24285:(e,t,n)=>{n.r(t),n.d(t,{default:()=>H});var r=n(77810),a=n(30415),i=n(84344),l=n(52332),o=n(10939),s=n(75826),c=n.n(s),u=n(64965),d=n(34692),m=n(90031),p=n(17465),f=n(17932),g=n(76396),v=n(6520);const y="c_collection_filter",h=["price","collection",y],b=["c_isNew","c_att_Customer_groups_Per_Country_vis_online","c_att_Customer_groups_Per_Country_av_online","c_visibleCountries","cgid","c_hideOnPlp"];function _(e,t){const n=[];return null==e||e.forEach(e=>{if(b.includes(e.attributeId)||!e.values||!Array.isArray(e.values)||!e.values.length)return;let r=h.includes(e.attributeId)?"button":"checkbox";const a={name:e.attributeId,title:e.label,type:r,options:[]},i=t[e.attributeId];let l=[];Array.isArray(i)?l=i:i&&l.push(i),e.values.forEach(e=>{a.options.push({text:e.label,value:e.value,active:(null==e?void 0:e.selected)||l.includes(e.value)})}),n.push(a)}),n}const E=({refinements:e,collectionFilter:t,handleCloseFilter:n,filterIsOpen:a,setNextOffset:i,searchParams:l,stringifySearchParams:o})=>{const s=(0,d.A)(),c=(0,f.Ay)(),[u,m]=(0,r.useState)([]);return(0,r.useEffect)(()=>{e&&m(()=>{var n;return(null==e||null===(n=e[e.length-1])||void 0===n?void 0:n.attributeId)!==y&&t&&e.push(t),_(e,l.refine)})},[e]),r.createElement(p.A,{headline:s.formatMessage({id:"cpo_plp.refinements.headline",defaultMessage:[{type:0,value:"Filter"}]}),resetButton:{label:s.formatMessage({id:"product_list.modal.button.clear_filters",defaultMessage:[{type:0,value:"Filter"}]}),onClick:()=>{l.refine={},l.limit=g.$h.limit,i(0),c(`${location.pathname}?${o(l)}`)}},confirmButton:{label:s.formatMessage({id:"cpo_plp.refinements.confirm",defaultMessage:[{type:0,value:"Confirm"}]}),onClick:n},closeButton:{label:s.formatMessage({id:"cpo_plp.refinements.close",defaultMessage:[{type:0,value:"Close"}]}),onClick:n},handleFilterChange:t=>{var n;const r="button"===t.target.type,a=u.filter(e=>e.options.filter(e=>(null==e?void 0:e.value.trim())===t.target.value.trim()).length>0)[0],s=null==a||null===(n=a.options)||void 0===n?void 0:n.filter(e=>(null==e?void 0:e.value.trim())===t.target.value.trim())[0].active,d=r?t.target.dataset.value:t.target.value,p=r?t.target.dataset.name:null==a?void 0:a.name,f=!s;if(p===y)return c(d);l.limit=g.$h.limit,i(0);const h="string"==typeof l.refine[p],b=Array.isArray(l.refine[p]);if(r)(h?d===l.refine[p]:b&&l.refine[p].includes(d))?delete l.refine[p]:l.refine[p]=[d];else if(f)l.refine[p]=[...b?l.refine[p]:h?[l.refine[p]]:"",d];else{if(b){var E;const e=l.refine[p].find(e=>e===d);null===(E=l.refine[p])||void 0===E||E.splice(l.refine[p].indexOf(e),1)}(b&&!l.refine[p].length||h)&&delete l.refine[p]}m(()=>_(e,l.refine)),c(`${location.pathname}?${o(l)}`),f&&(0,v.rM)(e,p,d);const P=document.getElementById("page_sort");P&&P.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})},isOpen:a,filters:u})};var P=n(62241),O=n(93261),A=n(69173),C=n(99100),I=n(82927),S=n(59146),k=n(67234),D=n(60662),M=n(21731),x=n(96932),$=n(31862),w=n(95685);function j(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach(function(t){(0,o.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const F=e=>{var t,n;const{category:a}=e,i=(0,d.A)(),l=(0,f.Ay)(),o=(0,u.zy)(),{res:s}=(0,P.useServerContext)(),[c,p]=(0,r.useState)(!1),[y,h]=(0,r.useState)([]),[b,_]=(0,r.useState)(0),j=(0,r.useRef)(null),F="cpo-grid-item",[L,{stringify:B}]=(0,A.ok)(g.$h,!0);null!=a&&a.id&&L._refine.push(`cgid=${null==a?void 0:a.id}`);const[R,T]=(0,r.useState)(L.sort),[H,U]=(0,r.useState)(JSON.stringify(L.refine));!b&&L.limit>200&&(L.limit=200,l(`${o.pathname}?${B(L)}`));const{isLoading:J,requiredParams:K}=(0,I.f)(null==L?void 0:L.refine),{isLoading:W,data:X,isRefetching:q}=(0,m.useProductSearch)({parameters:N(N({},L),{},{limit:b?g.$h.limit:L.limit,offset:b,refine:[...K,...L._refine],expand:"promotions,prices,availability,custom_properties,images"})},{keepPreviousData:!0,enabled:!J&&!(null==a||!a.id)});(0,r.useEffect)(()=>{X&&!q&&h(e=>R!==L.sort||JSON.stringify(L.refine)!==H?(T(()=>L.sort),U(JSON.stringify(L.refine)),[...(null==X?void 0:X.hits)||[]]):[...e,...(null==X?void 0:X.hits)||[]])},[X,q]),(0,v.Eo)({products:null==X?void 0:X.hits,startPos:b,compName:"CPO Product List",categoryId:null==a?void 0:a.id,itemListName:null==a?void 0:a.name,tilesDomIdPattern:F+"-",listCompRef:j,hasLoadMore:!0});const{tileClickAnalytics:z}=(0,w.K2)({productSearchResult:X,searchParams:L,category:a});return r.createElement(S.a,{ref:j},W||!X?r.createElement(k.s,{justify:"center",align:"center",direction:"column",py:{s:16,l:17}}

1,r.createElement(r.Fragment,null,"Loading...")):r.createElement(r.Fragment,null,r.createElement(k.s,{justifyContent:{base:"space-between",lg:"flex-end"},paddingX:"dynamic.sm"},r.createElement(k.s,{alignItems:"center",marginBottom:"static.2xs"},(null==X?void 0:X.sortingOptions)&&r.createElement($.A,{name:"page_sort",options:null==X||null===(t=X.sortingOptions)||void 0===t?void 0:t.map(e=>({value:e.id,label:e.label})),value:L.sort,onChange:({target:e})=>{L.sort=e.value,l(`${o.pathname}?${B(L)}`)}})),r.createElement(D.Ay,{label:i.formatMessage({id:"product_list.button.filter",defaultMessage:[{type:0,value:"Filter"}]}),variant:"plain",rightIcon:r.createElement(x.A,{icon:"Plus"}),display:{base:"flex",lg:"none"},color:"brand.primary",marginBottom:"static.2xs",onClick:()=>p(!0)})),r.createElement(k.s,{paddingX:{base:"dynamic.sm"},justifyContent:"center",className:"cpo-refinements"},r.createElement(E,{refinements:null==X?void 0:X.refinements,handleCloseFilter:()=>p(!1),filterIsOpen:c,collectionFilter:null==X||null===(n=X.searchPhraseSuggestions)||void 0===n?void 0:n.c_collection_filter,searchParams:L,stringifySearchParams:B,setNextOffset:_}),r.createElement(S.a,null,r.createElement(M.A,{itemIdPrefix:F,products:y.map(e=>{const t=e.productId,{productHref:n,promoPrice:r,price:a,alt:l}=(0,C.vn)({product:e,intl:i}),o=e.name??e.productName;return{image:{src:e.image.link,alt:l},title:null==o?void 0:o.replace(" Certified Pre-Owned",""),subTitle:"Rolex Certified Pre-Owned",description:(null==e?void 0:e.c_att_CPO_details)||"",price:r||a,link:{as:O.B,href:n,onMouseUp:()=>{return t=e,(0,v.Df)(t.gtmInfo,t.currency),void z(t);var t},state:{categoryPath:e.c_gtm_item_list_category_path,productId:t}}}})||[]}),y.length<(null==X?void 0:X.total)&&r.createElement(k.s,{justifyContent:["center","center","center"],paddingTop:8},r.createElement(D.Ay,{label:i.formatMessage({id:"pagination.link.next",defaultMessage:[{type:0,value:"Next"}]}),variant:"primary",onClick:()=>(_(L.limit),L.limit+=g.$h.limit,void l(`${o.pathname}?${B(L)}`))}))))))};F.getTemplateName=()=>"product-list",F.propTypes={onAddToWishlistClick:c().func,onRemoveWishlistClick:c().func,category:c().object};const L=F;var B=n(35937),R=n(12401),T=n(11232);function H(e){var t;const{belowPlp:n,abovePlp:o,categoryId:s,globalHeader:c,cpoHeader:u,cpoFooter:d,globalFooter:p}=e,{data:f}=(0,m.useProductSearch)({parameters:{refine:[`cgid=${s.id}`],limit:1,c_includeMetaData:!0,expand:"promotions,prices,availability,custom_properties,images"}}),g=(0,T.U)();return r.createElement("div",null,r.createElement(R.A,{variant:"cpo"},r.createElement(i.A,{sfccPageMetaData:null==f||null===(t=f.searchPhraseSuggestions)||void 0===t?void 0:t.c_pageMetaData,pageProps:e}),r.createElement(B.Sx.Provider,{value:{category:s}},c&&!g&&r.createElement(a.EditableArea,{content:c}),r.createElement(l.A,null,u&&r.createElement(a.EditableArea,{content:u}),o&&r.createElement(a.EditableArea,{className:"above-pdp",content:o}),r.createElement(L,{category:s}),n&&r.createElement(a.EditableArea,{className:"below-pdp",content:n}),d&&r.createElement(a.EditableArea,{content:d})),p&&!g&&r.createElement(a.EditableArea,{content:p}))))}},84344:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(77810),a=n(54752);const i=e=>{var t;const{sfccPageMetaData:n,pageProps:{seoTitle:i="React page title",metaDescription:l="React page description",noIndex:o=!1,noFollow:s=!1}}=e,c=n||{title:i,description:l,additionalMetaTags:[{ID:"robots",type:"name",content:`${!o&&"index,"}${!s&&"follow"}`}]};return r.createElement(a.A,null,(null==c?void 0:c.title)&&r.createElement("title",null,c.title),(null==c?void 0:c.description)&&r.createElement("meta",{name:"description",content:c.description}),(null==c?void 0:c.keywords)&&r.createElement("meta",{name:"keywords",content:c.keywords}),null==c||null===(t=c.additionalMetaTags)||void 0===t?void 0:t.map((e,t)=>"name"===e.type?r.createElement("meta",{key:t,name:e.ID,content:e.content}):r.createElement("meta",{key:t,property:e.ID,content:e.content})))}}}]);