https://citizenwatch.com/mobify/bundle/614/pages-product-list.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3177,7928],{68733(e,t,r){r.d(t,{A:()=>g});var a=r(64180),l=r(18801),n=r(77810),s=r(75826),o=r.n(s),i=r(34692),c=r(87275),d=r(50667),u=r(62345);const m=["urls","currentURL"],p=e=>{const t=(0,i.A)(),{urls:r,currentURL:s}=e,o=(0,l.A)(e,m),{currentIndex:p,prev:g,next:f,items:v}=(0,d.WQ)(r,s);if(r.length<=1)return null;const y=e=>"flex items-center gap-1 b1-regular text-black dark:text-white hover:underline"+(e?" opacity-40 pointer-events-none":"");return n.createElement("div",(0,a.A)({"data-testid":"sf-pagination",className:"sf-pagination flex flex-wrap items-center gap-10"},o),n.createElement(c.Link,{to:g||s,className:y(!g),"aria-label":t.formatMessage({id:"pagination.link.prev.assistive_msg",defaultMessage:[{type:0,value:"Previous Page"}]}),"aria-disabled":!g},n.createElement(u.YJ,{className:"w-5 h-5"})),v.map(e=>{if("ellipsis"===e.type)return n.createElement("span",{key:e.key,className:"b1-regular text-brand-gray","aria-hidden":"true"},"...");const a=e.index===p;return n.createElement(c.Link,{key:`link-${e.index}`,to:r[e.index],"aria-label":t.formatMessage({id:"pagination.link.page",defaultMessage:[{type:0,value:"Page "},{type:1,value:"page"}]},{page:e.index+1}),"aria-current":a?"page":void 0,className:"b1-semibold tabular-nums"+(a?" text-black dark:text-white":" text-brand-gray")},String(e.index+1).padStart(2,"0"))}),n.createElement(c.Link,{to:f||s,className:y(!f),"aria-label":t.formatMessage({id:"pagination.link.next.assistive_msg",defaultMessage:[{type:0,value:"Next Page"}]}),"aria-disabled":!f},n.createElement(u.vK,{className:"w-5 h-5"})))};p.displayName="Pagination",p.propTypes={urls:o().array.isRequired,currentURL:o().string};const g=p},69628(e,t,r){r.r(t),r.d(t,{CmsComponentErrorBoundary:()=>m,CmsComponents:()=>p});var a=r(64180),l=r(77810),n=r(48996),s=r(76879),o=r(69465),i=r(75826),c=r.n(i),d=r(42272),u=r(4207);class m extends l.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error(`[CMS] Component "${this.props.componentName}" failed to render:`,e,t)}render(){return this.state.hasError?null:this.props.children}}

1m.propTypes={children:c().node.isRequired,componentName:c().string};const p=({content:e,isLoading:t,showTitle:r,darkMode:i})=>{const{setColorMode:c}=(0,n.G6)();(0,l.useEffect)(()=>(c(i?"dark":"light"),()=>c("light")),[i]);const p=(0,l.useMemo)(()=>null!=e&&e.components?(0,o.x)(e.components):[],[null==e?void 0:e.components]),g=(0,s.wi)();return l.createElement(l.Fragment,null,t?l.createElement("div",{className:"p-6 bg-white shadow-lg rounded-lg","data-testid":"cms-components"},l.createElement("div",{className:"animate-pulse"},l.createElement("div",{className:"h-10 w-10 bg-brand-off-white-gray rounded-full mb-4"}),l.createElement("div",{className:"space-y-4"},l.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm"}),l.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm w-5/6"}),l.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm w-4/6"}),l.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm"})))):l.createElement(l.Fragment,null,r&&l.createElement(u.A,{as:"h1",variant:"h1",className:"mb-4"},null==e?void 0:e.title),l.createElement("div",{className:(0,d.cn)("flex flex-col items-stretch",i?"dark":"")},p.map(e=>{var t;return l.createElement(m,{key:e.id,componentName:(null===(t=e.component)||void 0===t?void 0:t.displayName)||e.id},l.createElement("div",(0,a.A)({className:"cms-fade-in"},e.fieldId?g({entryId:e.id,fieldId:e.fieldId}):null),l.createElement(e.component,e.props)))}))))};p.displayName="CmsComponents",p.propTypes={content:c().any,darkMode:c().bool,isLoading:c().bool,showTitle:c().bool}},31234(e,t,r){r.r(t),r.d(t,{default:()=>Qe});var a=r(64180),l=r(28407),n=r(18801),s=r(10939),o=r(77810),i=r(75826),c=r.n(i),d=r(64965),u=r(34692),m=r(41863),p=r(17364),g=r(90031),f=r(62241),v=r(68733),y=r(32127),b=r(30239),h=r(66322),E=r(16602);const x=(0,E.zR)({id:"product_list.refinements.button.assistive_msg.add_filter",defaultMessage:[{type:0,value:"Add filter: "},{type:1,value:"label"}]}),w=(0,E.zR)({id:"product_list.refinements.button.assistive_msg.remove_filter",defaultMessage:[{type:0,value:"Remove filter: "},{type:1,value:"label"}]}),k=(0,E.zR)({id:"product_list.refinements.button.assistive_msg.add_filter_with_hit_count",defaultMessage:[{type:0,value:"Add filter: "},{type:1,value:"label"},{type:0,value:" ("},{type:1,value:"hitCount"},{type:0,value:")"}]}),N=(0,E.zR)({id:"product_list.refinements.button.assistive_msg.remove_filter_with_hit_count",defaultMessage:[{type:0,value:"Remove filter: "},{type:1,value:"label"},{type:0,value:" ("},{type:1,value:"hitCount"},{type:0,value:")"}]});var _=r(4207);const C=({filter:e,toggleFilter:t,selectedFilters:r})=>{const a=(0,u.A)();return o.createElement("div",{className:"grid grid-cols-2 gap-2 mt-1"},e.values.map((l,n)=>{const s=r.includes(l.value);if(0!==l.hitCount||s)return o.createElement("div",{key:n},o.createElement("div",{className:"flex items-center gap-1 cursor-pointer",onClick:()=>t(l,e.attributeId,s)},o.createElement("button",{className:"w-8 h-8 rounded-full flex items-center justify-center p-0 shrink-0 "+(s?"border border-black":"border-0"),"aria-checked":s,role:"checkbox","aria-label":a.formatMessage(s?N:k,l),onClick:e=>e.stopPropagation()},o.createElement("div",{className:"w-full h-full rounded-full border border-black min-w-8",style:{backgroundColor:h.hD[l.presentationId.toLowerCase()],background:"miscellaneous"===l.presentationId.toLowerCase()?h.hD[l.presentationId.toLowerCase()]:void 0,backgroundRepeat:"no-repeat",backgroundSize:"cover"}})),o.createElement(_.A,{as:"span",variant:"b1-regular",className:"flex items-center",style:{marginBottom:"1px"},"aria-hidden":"true"},a.formatMessage({id:"colorRefinements.label.hitCount",defaultMessage:[{type:1,value:"colorLabel"},{type:0,value:" ("},{type:1,value:"colorHitCount"},{type:0,value:")"}]},{colorLabel:l.label,colorHitCount:l.hitCount}))))}))};C.propTypes={filter:c().object,toggleFilter:c().func,selectedFilters:c().array};const I=C,S=({filter:e,toggleFilter:t,selectedFilters:r})=>{var a;const{formatMessage:l}=(0,u.A)();return o.createElement("div",{className:"grid gap-4 mt-1",style:{gridTemplateColumns:"repeat(auto-fit, 44px)"}},null===(a=e.values)||void 0===a?void 0:a.map((a,n)=>{const s=r.some(e=>e==a.value);if(0!==a.hitCount||s)return o.createElement("button",{key:n,className:"w-11 h-11 border text-sm flex items-center justify-center "+(s?"border-black bg-black text-white":"border-brand-off-white-gray bg-white text-brand-dark-gray"),onClick:()=>t(a,e.attributeId,s),"aria-checked":s,role:"checkbox","aria-label":l(s?w:x,a)},a.label)}))};

1S.propTypes={filter:c().object,selectedFilters:c().oneOfType([c().arrayOf(c().string),c().string]),toggleFilter:c().func};const A=S,F=({filter:e,value:t,toggleFilter:r,isSelected:a})=>{const l=(0,o.useRef)(),{formatMessage:n}=(0,u.A)();return o.createElement("div",{className:"flex items-center h-11 lg:h-6"},o.createElement("div",{className:"w-4 h-4 rounded-full border-2 flex items-center justify-center cursor-pointer shrink-0 "+(a?"border-black":"border-brand-gray"),onClick:()=>{var e;return null===(e=l.current)||void 0===e?void 0:e.click()},"aria-hidden":"true"},a&&o.createElement("div",{className:"w-2 h-2 rounded-full bg-black"})),o.createElement("button",{ref:l,className:"ml-2 text-sm",onClick:()=>r(t,e.attributeId,!1,!1),"aria-label":n(a?w:x,t)},t.label))};F.propTypes={filter:c().object,value:c().object,toggleFilter:c().func,isSelected:c().bool};const O=({filter:e,toggleFilter:t,selectedFilters:r})=>o.createElement("div",{className:"flex flex-col gap-1"},e.values.map(a=>{const l=r.includes(a.value);if(0!==a.hitCount||l)return o.createElement(F,{key:a.value,value:a,filter:e,toggleFilter:t,isSelected:l})}));O.propTypes={filter:c().object,toggleFilter:c().func,selectedFilters:c().arrayOf(c().object)};const L=O,M=({filter:e,toggleFilter:t,selectedFilters:r})=>{var a;const{formatMessage:l}=(0,u.A)();return o.createElement("div",{className:"flex flex-col gap-1"},null===(a=e.values)||void 0===a?void 0:a.map(a=>{const n=r.includes(a.value);if(0!==a.hitCount||n)return o.createElement("div",{key:a.value},o.createElement("label",{className:"flex items-center gap-2 cursor-pointer h-11 lg:h-6"},o.createElement("input",{type:"checkbox",checked:n,onChange:()=>t(a,e.attributeId,n),"aria-label":l(n?w:x,a),className:"w-4 h-4 cursor-pointer"}),o.createElement(_.A,{as:"span",variant:"b1-regular"},a.label)))}))};M.propTypes={filter:c().object,toggleFilter:c().func,selectedFilters:c().array};const j=M;var P=r(47021);const T=({filter:e})=>o.createElement("div",{className:"flex flex-col gap-1"},e.values.map(e=>o.createElement(P.A,{className:"flex items-center leading-11 lg:leading-6",key:e.value,href:`/collection/${e.value}`,useNavLink:!0}

1,o.createElement(_.A,{as:"span",variant:"b1-regular"},e.label))));T.propTypes={filter:c().object};const R=T;var $=r(1188);const D={cgid:R,c_refinementColor:I,c_size:A,price:L},B=({itemsBefore:e,excludedFilters:t=[],filters:r=[],toggleFilter:a,selectedFilters:l,isLoading:n})=>{var s;t&&(r=r.filter(({attributeId:e})=>!t.includes(e)));const[i,c]=(0,o.useState)(new Set),[d,u]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{var e;if(!d&&null!==(e=r)&&void 0!==e&&e.length){if(u(!0),!$.S$){const e=window.localStorage.getItem(h.I3),t=e&&JSON.parse(e);if(t)return void c(new Set(t))}c(new Set(r.map(e=>e.attributeId)))}},[r]),o.createElement("div",{className:"flex flex-col gap-8"},d&&o.createElement("div",{className:n?"pointer-events-none opacity-20":""},e,null===(s=r)||void 0===s?void 0:s.map((t,n)=>{const s=D[t.attributeId]||j;let d=(null==l?void 0:l[t.attributeId])??[];if(Array.isArray(d)||(d=[d]),!t.values)return null;const u=i.has(t.attributeId),m=0!==n||e,p=n===r.length-1;return o.createElement("div",{key:t.attributeId,className:`pb-6 ${m?"border-t border-brand-off-white-gray pt-6":""} ${p?"border-b border-brand-off-white-gray":""}`},o.createElement("button",{className:"w-full flex items-center justify-between "+(u?"pb-2":""),onClick:()=>{return e=t.attributeId,void c(t=>{const r=new Set(t);return r.has(e)?r.delete(e):r.add(e),$.S$||window.localStorage.setItem(h.I3,JSON.stringify([...r])),r});var e}},o.createElement("h2",{className:"flex-1 text-left text-base font-semibold"},t.label),o.createElement("svg",{className:"w-4 h-4 transition-transform shrink-0 "+(u?"rotate-180":""),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"}))),u&&o.createElement("div",null,o.createElement(s,{selectedFilters:d,filter:t,toggleFilter:a})))})))};B.propTypes={itemsBefore:c().arrayOf(c().element),filters:c().array,excludedFilters:c().arrayOf(c().string),toggleFilter:c().func,selectedFilters:c().object,isLoading:c().bool};const V=B,W=({category:e={},onSelect:t=$.lQ})=>{const{categories:r=[]}=e,[a,l]=(0,o.useState)(!0);return o.createElement("div",{className:"pb-6"},o.createElement("button",{className:"w-full flex items-center justify-between "+(a?"pb-2":""),onClick:()=>l(!a)},o.createElement(_.A,{as:"h2",variant:"h2-semibold",className:"flex-1 text-left"},o.createElement(m.A,{defaultMessage:[{type:0,value:"Categories"}],id:"category_links.button_text"})),o.createElement("svg",{className:"w-4 h-4 transition-transform shrink-0 "+(a?"rotate-180":""),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"}))),a&&o.createElement("div",{className:"flex flex-col gap-1"},r.map(({id:e,name:r})=>o.createElement(P.A,{className:"flex items-center leading-11 lg:leading-6",key:e,href:`/collection/${e}`,onClick:t,useNavLink:!0}

1,o.createElement(_.A,{as:"span",variant:"b1-regular"},r)))))};W.propTypes={category:c().object,onSelect:c().func};const Q=W;var U=r(87275),z=r(9852);const G=(0,E.zR)({id:"empty_search_results.link.contact_us",defaultMessage:[{type:0,value:"Contact Us"}]}),q=({searchQuery:e,category:t})=>{const r=(0,u.A)();return o.createElement("div",{className:"flex flex-col items-center text-center pt-28 pb-28","data-testid":"sf-product-empty-list-page"},e?o.createElement(o.Fragment,null,o.createElement("div",{className:"flex flex-col gap-16 container"},o.createElement(z.A,{title:o.createElement(m.A,{defaultMessage:[{type:0,value:"Top Sellers"}],id:"empty_search_results.recommended_products.title.top_sellers"}),recommender:h.tD.EMPTY_SEARCH_RESULTS_TOP_SELLERS}))):o.createElement(o.Fragment,null,o.createElement(_.A,{as:"h3",variant:"h3-semibold"},r.formatMessage({id:"empty_search_results.info.cant_find_anything_for_category",defaultMessage:[{type:0,value:"We couldn't find anything for "},{type:1,value:"category"},{type:0,value:". Try searching for a product or "},{type:1,value:"link"},{type:0,value:"."}]},{category:null==t?void 0:t.name,link:o.createElement(U.Link,{to:"/",className:"underline hover:text-brand-mid-gray"},r.formatMessage(G))}))))};q.propTypes={searchQuery:c().string,category:c().object};const H=q;var Y=r(1488),J=r(42272),K=r(2298);const X=["category","productSearchResult","isLoading","searchQuery"],Z=e=>{let{category:t,productSearchResult:r,isLoading:l,searchQuery:s}=e,i=(0,n.A)(e,X);const c=(0,u.A)(),{formatMessage:d}=c;return o.createElement("div",(0,a.A)({},i,{className:(0,J.cn)("flex items-center gap-3 w-full",s?"justify-center":""),"data-testid":"sf-product-list-breadcrumb"}),t?o.createElement(K.A,{categories:t.parentCategoryTree}):l&&!s?o.createElement("div",{className:"flex items-center gap-1 py-3"},o.createElement(Y.A,{className:"h-4 w-14"}),o.createElement("span",{className:"mx-1 text-brand-gray"},"/"),o.createElement(Y.A,{className:"h-4 w-20"})):null,s?o.createElement(_.A,{as:"p",variant:"h3",className:"py-10 lg:py-20 max-lg:text-center"},l?o.createElement(Y.A,{as:"span",className:"inline-block h-8 w-8 align-middle mr-1"}):`${null==r?void 0:r.total}`," ",d({id:"search.results.title",defaultMessage:[{type:0,value:"results for"}]})," ","“",s,"”"):o.createElement("div",{className:"flex"},o.createElement(_.A,{as:"h1",variant:"h1",className:"mr-2 sr-only"},`${(null==t?void 0:t.name)||""}`),!0!==(null==t?void 0:t.c_hideProductCount)&&o.createElement(_.A,{as:"p",variant:"b1-regular",className:"mr-2 text-brand-gray"},l?o.createElement(Y.A,{as:"span",className:"inline-block h-4 w-8 align-middle"}):`${null==r?void 0:r.total}`," ",d({id:"product_list.page_header.product_count",defaultMessage:[{type:0,value:"products"}]}))))};Z.propTypes={category:c().object,productSearchResult:c().object,isLoading:c().bool,searchQuery:c().string};const ee=Z,te=()=>null;var re=r(26732),ae=r(41553);const le=({toggleFilter:e,selectedFilters:t})=>{const{isOpen:r,onOpen:a}=(0,re.s)(),{formatMessage:l}=(0,u.A)(),{selectedStore:n}=(0,ae.I)(),s=(0,o.useRef)(!1),i=void 0!==(null==t?void 0:t.ilids);(0,o.useEffect)(()=>{null!=n&&n.inventoryId&&i&&e({value:n.inventoryId},"ilids",!1,!1)},[n]),(0,o.useEffect)(()=>{s.current&&!r&&(s.current=!1,null!=n&&n.inventoryId&&e({value:n.inventoryId},"ilids",!1,!1))},[r,n,e]);const c=(null==n?void 0:n.name)||l({defaultMessage:[{type:0,value:"Select Store"}],id:"store_inventory_filter.action.select_store"});return o.createElement(o.Fragment,null,o.createElement("div",{className:"flex flex-col gap-4 pb-6 border-b border-brand-off-white-gray","data-testid":"sf-store-inventory-filter"},o.createElement("h2",{className:"text-base font-semibold"},o.createElement(m.A,{defaultMessage:[{type:0,value:"Shop by Availability"}],id:"store_inventory_filter.heading.shop_by_availability"})),o.createElement("label",{className:"flex items-center gap-2 cursor-pointer"},o.createElement("input",{type:"checkbox","data-testid":"sf-store-inventory-filter-checkbox",checked:i,onChange:t=>{if(null==n||!n.inventoryId)return t.preventDefault(),s.current=!0,void a();const r=t.target.checked;e({value:n.inventoryId},"ilids",!r,!1)},className:"w-4 h-4 cursor-pointer","aria-label":l({defaultMessage:[{type:0,value:"Filter Products by Store Availability at "},{type:1,value:"storeName"}],id:"store_inventory_filter.checkbox.assistive_msg"},{storeName:c})}),o.createElement("span",null,o.createElement(m.A,{defaultMessage:[{type:0,value:"In stock at "},{type:1,value:"storeName"}],id:"store_inventory_filter.checkbox.label",values:{storeName:o.createElement("span",{className:"underline cursor-pointer hover:text-blue-500",onClick:e=>{e.stopPropagation(),e.preventDefault(),s.current=!0,a()},"aria-label":l({defaultMessage:[{type:0,value:"Open Store Locator to "},{type:1,value:"action"}],id:"store_inventory_filter.link.assistive_msg"},{action:null!=n&&n.name?l({defaultMessage:[{type:0,value:"Change Store"}],id:"store_inventory_filter.action.change_store"}):l({defaultMessage:[{type:0,value:"Select a Store"}],id:"store_inventory_filter.action.select_store_link"})})},c)}})))))};le.propTypes={toggleFilter:c().func.isRequired,selectedFilters:c().object};const ne=le;var se=r(22483),oe=r(84378),ie=r(62345),ce=r(88128);const de=["cgid"],ue=1024,me=({containerRef:e,gridRef:t,refinements:r=[],selectedFilters:a={},toggleFilter:l,sortingOptions:n=[],sortUrls:s=[],selectedSortingOption:i,history:c,resetFilters:d,onOpenChange:u})=>{var p;const[g,f]=(0,o.useState)(!1),[v,y]=(0,o.useState)(!1),[b,h]=(0,o.useState)(new Set),E=(0,o.useRef)(null),x=(0,o.useRef)(null),w=(0,ce.L)(),k=!0===(null==w||null===(p=w.StorefrontTransactional)||void 0===p?void 0:p.isStorefrontTransactional);(0,o.useEffect)(()=>

1{if($.S$||null==t||!t.current)return;const e=new IntersectionObserver(([e])=>y(e.isIntersecting),{threshold:0});return e.observe(t.current),()=>e.disconnect()},[t]),(0,o.useEffect)(()=>{null==u||u(g)},[g,u]),(0,o.useEffect)(()=>{g&&x.current&&oe.default.fromTo(x.current,{y:24,opacity:0,scale:.97},{y:0,opacity:1,scale:1,duration:.3,ease:"power2.out"})},[g]);const N=(0,o.useCallback)(()=>{window.innerWidth<ue?f(!0):oe.default.to(E.current,{scale:.88,opacity:0,duration:.18,ease:"power2.in",onComplete:()=>f(!0)})},[]),C=(0,o.useCallback)(()=>{if(!x.current)return;const e=window.innerWidth<ue;oe.default.to(x.current,{y:20,opacity:0,scale:.97,duration:.2,ease:"power2.in",onComplete:()=>{f(!1),e||oe.default.fromTo(E.current,{scale:.88,opacity:0},{scale:1,opacity:1,duration:.25,ease:"power2.out"})}})},[]);if($.S$||null==e||!e.current)return null;const I=k?de:[...de,"price"],S=r.filter(({attributeId:e,values:t})=>!I.includes(e)&&(null==t?void 0:t.length)),A=Object.entries(a||{}).filter(([e])=>!de.includes(e)).reduce((e,[,t])=>Array.isArray(t)?e+t.length:t?e+1:e,0),F=o.createElement(o.Fragment,null,g&&o.createElement("div",{className:"fixed inset-0 bg-black/40 backdrop-blur-[15px] z-40",onClick:C}),(v||g)&&o.createElement("div",{className:(0,J.cn)("fixed bottom-4 left-5 right-5 flex flex-col lg:left-1/2 lg:right-auto lg:-translate-x-1/2 lg:items-center lg:w-auto pointer-events-none",g?"z-50":"z-10")},g&&o.createElement("div",{ref:x,className:"mb-3 w-full bg-white rounded-[10px] shadow-xl overflow-hidden lg:w-auto lg:max-w-2xl pointer-events-auto"},o.createElement("div",{className:"flex items-center justify-between px-5 lg:px-4 py-3"},o.createElement(_.A,{as:"h2",variant:"h4",className:"text-black"},o.createElement(m.A,{id:"product_list.title.filter_by",defaultMessage:[{type:0,value:"Filter By"}]})),o.createElement("button",{onClick:C,className:"flex p-1 text-black","aria-label":"Close filters"},o.createElement(ie.US,{className:"w-5 h-5"}))),o.createElement("div",{className:"custom-scrollbar overflow-y-auto max-h-[55vh] px-5 lg:px-4 py-3 flex flex-col gap-4"},S.map(e=>{const t=null==a?void 0:a[e.attributeId],r=Array.isArray(t)?t:null!=t?[t]:[],n=e.values.filter(e=>{const t=r.some(t=>t==e.value);return e.hitCount>0||t}),s=b.has(e.attributeId),i=s?n:n.slice(0,6),c=n.length-6;return o.createElement("div",{className:"pb-6",key:e.attributeId},o.createElement(_.A,{as:"p",variant:"b1-semibold",className:"text-brand-dark-gray mb-2"},e.label),o.createElement("div",{className:"flex flex-wrap gap-2"},i.map(t=>{const a=r.some(e=>e==t.value);return o.createElement("button",{key:t.value,onClick:()=>l(t,e.attributeId,a),className:"px-3 py-1 b1-regular rounded-full border transition-colors "+(a?"bg-black text-white border-black":"bg-brand-off-white border-brand-off-white text-brand-dark-gray")},t.label)}),!s&&c>0&&o.createElement("button",{onClick:()=>{return t=e.attributeId,void h(e=>{const r=new Set(e);return r.has(t)?r.delete(t):r.add(t),r});var t},className:"px-3 py-1 rounded-[10px] bg-brand-off-white text-brand-dark-gray"},"+")))}),(null==n?void 0:n.length)>0&&o.createElement("div",null,o.createElement(_.A,{as:"p",variant:"b1-semibold",className:"text-brand-dark-gray mb-2"},o.createElement(m.A,{id:"product_list.title.sort_by",defaultMessage:[{type:0,value:"Sort your selections by:"}]})),o.createElement("div",{className:"flex flex-nowrap justify-between gap-2 bg-brand-off-white rounded-[10px]"},n.map((e,r)=>{const a=(null==i?void 0:i.id)===e.id;return o.createElement("button",{key:e.id,onClick:()=>{var e;null===(e=t.current)||void 0===e||e.scrollIntoView(),c.push(s[r])},className:"px-5 py-4 b1-regular transition-colors "+(a?"bg-brand-dark-gray text-white rounded-[10px]":" text-brand-dark-gray")},e.label)})))),o.createElement("div",{className:"flex gap-2 px-5 lg:px-4 py-3"},o.createElement("button",{onClick:()=>{d(),C()},className:"flex-1 btn-secondary-light"},o.createElement(m.A,{id:"product_list.button.reset",defaultMessage:[{type:0,value:"Reset"}]})),o.createElement("button",{onClick:C,className:"flex-1 btn-primary-light"},A>0?`Apply (${A})`:"Apply"))),o.createElement("div",{ref:E,className:"bg-white rounded-[10px] flex items-center overflow-hidden w-full lg:w-50 drop-shadow-md pointer-events-auto"},o.createElement("button",{className:"flex-1 flex items-center justify-center gap-2 py-3.5",onClick:()=>{window.innerWidth<ue&&g?0===A&&C():N()}},o.createElement(_.A,{as:"span",variant:"b2",className:"text-black"},o.createElement(m.A,{id:"product_list.button.refine",defaultMessage:[{type:0,value:"Sort & Filter"}]}),A?`(${A})`:""),o.createElement(ie.YG,{style:{width:"18px",height:"18px"}})))));return(0,se.createPortal)(F,e.current)};me.propTypes={containerRef:c().shape({current:c().object}),gridRef:c().shape({current:c().object}),refinements:c().array,selectedFilters:c().object,toggleFilter:c().func,sortingOptions:c().array,sortUrls:c().array,selectedSortingOption:c().object,history:c().object,resetFilters:c().func,onOpenChange:c().func};const pe=me;var ge=r(60893),fe=r(45495),ve=r(12109),ye=r(72105),be=r(82519),he=r(36623),Ee=r(4026),xe=r(32143),we=r(87327);function ke(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function Ne(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?ke(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ke(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var _e=r(63559),Ce=r(61365);var Ie=r(2219),Se=r(61617),Ae=r(84470),Fe=r(6803),Oe=r(41824),Le=r(95499),Me=r(54639),je=r(69628),Pe=r(69465);const Te=["isLoading","staticContext"],Re=["_refine"];function $e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function De(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?$e(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$e(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const Be=["c_isNew"],Ve=(e,t,r)=>{var a;const{wishlist:l,isRefetching:n,isFetched:s,searchQuery:i,category:c,categoryId:d,originLocation:u,einstein:m,addItemToWishlist:p,removeItemFromWishlist:g}=r,f=e.productId,v=!(null==l||null===(a=l.customerProductListItems)||void 0===a||!a.find(e=>e.productId===f));return o.createElement(ge.A,{hydrateOn:"visible",key:e.productId},o.createElement(y.A,{"data-testid":`sf-product-tile-${f}`,product:e,categoryId:d,originLocation:u,enableFavourite:!1,isFavourite:v,isRefreshingData:n&&s,imageViewType:h.gY,selectableAttributeId:h.dX,onClick:()=>{i?m.sendClickSearch(i,e):c&&m.sendClickCategory(c,e)},onFavouriteToggle:t=>(t?p:g)(e),dynamicImageProps:De({widths:["126px","126px","126px","506px"]},t<3?{imageProps:{loading:"eager"}}:{})}))},We=e=>{var t,r,s;const{isLoading:i,staticContext:c}=e,E=(0,n.A)(e,Te),x=(0,o.useRef)(null),w=(0,o.useRef)(!1),[k,N]=(0,o.useState)(!1),_=()=>N(!1),{formatMessage:C}=(0,u.A)(),I=(0,Ae.A)(),S=(0,d.W6)(),A=(0,d.g)(),F=(0,d.zy)(),O=(0,ve.d)(),L=(0,ye.A)(),M=(0,be.A)(),j=(0,he.A)(),{pushViewItemList:P}={pushViewItemList:({hits:e,isSearch:t,categoryId:r,categoryName:a,parentCategoryTree:l})=>{var n;if(console.log("[GTM] pushViewItemList called",{isServer:$.S$,hitsLength:null==e?void 0:e.length,isSearch:t,categoryId:r}),$.S$||null==e||!e.length)return void console.log("[GTM] pushViewItemList bailed: isServer or no hits");const{gtm:s}=(null===(n=(0,Ee.getConfig)())||void 0===n?void 0:n.app)??{};if(null==s||!s.containerId)return void console.log("[GTM] pushViewItemList bailed: no containerId",s);(0,we.UQ)({ecommerce:null});const o=(e=>{if(null==e||!e.length)return{};const[t,r]=e,a={item_category:"Watches"};return a.item_category2=null!=t&&t.name?t.name:"",a.item_category3=null!=r&&r.name?r.name:"",a})(l),i=e.map(e=>((e,t,r)=>Ne(Ne({item_id:e.productId,item_name:e.productName,item_category:"Watches"},t),{},{item_category_id:e.primaryCategoryId||r,price:e.price??0,quantity:1}))(e,o,r)),c={event:xe.Dh.VIEW_ITEM_LIST,ecommerce:{items:i}};!t&&r&&(c.page_category_id=r,c.ecommerce.item_list_id=r,a&&(c.ecommerce.item_list_name=a)),console.log("[GTM] view_item_list push:",c),(0,we.UQ)(c)}},{pushViewedCategory:T}=(()=>{const e=(0,u.A)();return{pushViewedCategory:({categoryId:t})=>{var r,a,l;if($.S$||!t)return;const{klaviyoAccount:n}=(null===(r=(0,Ee.getConfig)())||void 0===r||null===(a=r.app)||void 0===a?void 0:a.klaviyo)??{};if(!n)return;const s=(0,_e.J)({categoryId:t,locale:null===(l=e.locale)||void 0===l?void 0:l.replace("-","_")});(0,Ce.T)(s.name,s.properties)}}})(),{res:R}=(0,f.useServerContext)(),D=(0,g.useCustomerId)(),[B,{stringify:W}]=(0,fe.ok)(),U=(null===(t=(0,Ee.getConfig)())||void 0===t||null===(r=t.app)||void 0===r?void 0:r.storeLocatorEnabled)??h.mP,[z,G]=(0,o.useState)(!1),[q,Y]=(0,o.useState)([]),[K,X]=(0,o.useState)(!1),[Z,re]=(0,o.useState)(null),[ae,le]=(0,o.useState)(!1),se=(0,o.useRef)(null);let oe=new URLSearchParams(F.search).get("q");const ie=!!oe;A.categoryId&&B._refine.push(`cgid=${A.categoryId}`);const{mutateAsync:ce}=(0,g.useShopperCustomersMutation)("createCustomerProductListItem"),{mutateAsync:de}=(0,g.useShopperCustomersMutation)("deleteCustomerProductListItem"),{_refine:ue}=B,me=(0,n.A)(B,Re),ge=Z?[...ue,`ilids=${Z}`]:ue,{isLoading:ke,isFetched:$e,isRefetching:We,isPreviousData:Qe,data:Ue}=(0,g.useProductSearch)({parameters:De(De({},me),{},{perPricebook:!0,allVariationProperties:!0,allImages:!0,expand:["promotions","variations","prices","images","page_meta_tags","custom_properties"],refine:ge})},{keepPreviousData:!0}),{error:ze,data:Ge}=(0,g.useCategory)({parameters:{id:A.categoryId}},{enabled:!ie&&!!A.categoryId}),{data:qe}=(0,Le.m)("plpContent","categoryId",A.categoryId),He=(0,o.useMemo)(()=>{var e;return null!=qe&&null!==(e=qe.inGridBanners)&&void 0!==e&&e.length?qe.inGridBanners.map(e=>{var t,r;const a=null==e||null===(t=e.fields)||void 0===t?void 0:t.banner,l=null==e||null===(r=e.fields)||void 0===r?void 0:r.afterProduct;if(!a||null==l)return null;const n=(0,Pe.e)(a);return n?De({afterProduct:l},n):null}

1).filter(Boolean).sort((e,t)=>e.afterProduct-t.afterProduct):[]},[null==qe?void 0:qe.inGridBanners]);null!=Ue&&Ue.refinements&&(Ue.refinements=Ue.refinements.filter(({attributeId:e})=>!Be.includes(e)));const Ye=null==ze||null===(s=ze.response)||void 0===s?void 0:s.status;switch(Ye){case void 0:break;case 404:throw new Ie.HTTPNotFound("Category Not Found.");default:throw new Ie.HTTPError(Ye,`HTTP Error ${Ye} occurred.`)}R&&R.set("Cache-Control",`s-maxage=${h.kB}, stale-while-revalidate=${h.Yw}`),(0,o.useEffect)(()=>{G(We)},[We]),(0,Me.y)({isRefetching:We,filterPanelOpenRef:w,categoryId:A.categoryId,search:F.search,gridRef:se}),(0,o.useEffect)(()=>{if($.S$||!se.current)return;const e=new IntersectionObserver(([e])=>le(e.isIntersecting),{threshold:0});return e.observe(se.current),()=>e.disconnect()},[se.current]);const Je=`${F.pathname}${F.search}`,Ke=!0===(null==Ge?void 0:Ge.c_darkMode);(0,o.useLayoutEffect)(()=>(Ke?document.body.setAttribute("data-theme","dark"):document.body.removeAttribute("data-theme"),()=>document.body.removeAttribute("data-theme")),[Ke]);const Xe=!ke&&Ue&&!(null!=Ue&&Ue.hits),{total:Ze,sortingOptions:et}=Ue||{},tt=(null==et?void 0:et.find(e=>e.id===(null==Ue?void 0:Ue.selectedSortingOption)))??(null==et?void 0:et[0]),rt=(0,fe.N6)({total:Ze}),at=(0,fe.Gl)({options:et}),lt=(0,fe.nv)(),{data:nt}=(0,Oe.T)(),st=function(){var e=(0,l.A)(function*(e){Y([...q,e.productId]);const t=nt.id;yield ce({parameters:{customerId:D,listId:t},body:{quantity:1,public:!1,priority:1,type:"product",productId:e.productId}},{onError:()=>{O({title:C(h.gS),status:"error"})},onSuccess:()=>{O({title:C(h.FD,{quantity:1}),status:"success",action:o.createElement("button",{className:"text-sm underline hover:text-brand-mid-gray",onClick:()=>I("/my-account/wishlist")},C(h.D$))})},onSettled:()=>{Y(q.filter(t=>t!==e.productId))}})});return function(t){return e.apply(this,arguments)}}(),ot=function(){var e=(0,l.A)(function*(e){Y([...q,e.productId]);const t=nt.id,r=nt.customerProductListItems.find(t=>t.productId===e.productId).id;yield de({body:{},parameters:{customerId:D,listId:t,itemId:r}},{onError:()=>{O({title:C(h.gS),status:"error"})},onSuccess:()=>{O({title:C(h.gq),status:"success"})},onSettled:()=>{Y(q.filter(t=>t!==e.productId))}})});return function(t){return e.apply(this,arguments)}}(),it=(e,t,r,a=!0)=>{var l;if("ilids"===t)return void re(r?null:e.value);const n=De({},B);if(delete n.offset,a){let a=n.refine[t]||[];var s;"string"==typeof a?a=a.split("|"):"number"==typeof a&&(a=[a]),r?a=null===(s=a)||void 0===s?void 0:s.filter(t=>t!=e.value):a.push(e.value),n.refine[t]=a,0===n.refine[t].length&&delete n.refine[t]}else{const a=n.refine[t];delete n.refine[t],r||e.value==a||(n.refine[t]=e.value)}null===(l=se.current)||void 0===l||l.scrollIntoView(),I(ie?`/search?${W(n)}`:`/collection/${A.categoryId}?${W(n)}`)},ct=()=>{var e;const t=De(De({},B),{},{refine:[]});re(null);const r=ie?`/search?${W(t)}`:`/collection/${A.categoryId}?${W(t)}`;null===(e=se.current)||void 0===e||e.scrollIntoView(),I(r)},dt=()=>U?o.createElement(ne,{key:"storeInventoryFilter",toggleFilter:it,selectedFilters:(null==Ue?void 0:Ue.selectedRefinements)||{}}):null;return(0,o.useEffect)(()=>{if(Ue&&!Qe)if(ie){try{L.sendViewSearch(oe,Ue)}catch(e){Se.A.error("Einstein sendViewSearch error",{namespace:"ProductList.useEffect",additionalProperties:{error:e,searchQuery:oe}})}M.sendViewSearchResults(B,Ue),j.sendViewSearch(B,Ue)}else Ge&&(L.sendViewCategory(Ge,Ue).catch(e=>{Se.A.error("Einstein sendViewCategory error",{namespace:"ProductList.useEffect",additionalProperties:{error:e,category:Ge}})}),M.sendViewCategory(B,Ge,Ue),j.sendViewCategory(B,Ge,Ue))},[Ue,Ge,Qe]),(0,o.useEffect)(()=>{const e=null==Ue?void 0:Ue.hits;if(null!=e&&e.length&&!Qe)if(ie)P({hits:e,isSearch:!0});else{if(!Ge)return;P({hits:e,isSearch:!1,categoryId:A.categoryId,categoryName:Ge.name,parentCategoryTree:Ge.parentCategoryTree})}},[Ue,Ge,Qe]),(0,o.useEffect)(()=>{!ie&&Ge&&T({categoryId:A.categoryId})},[Ge,ie,A.categoryId]),o.createElement(o.Fragment,null,(null==qe?void 0:qe.topBanners)&&o.createElement(je.CmsComponents,{content:{components:qe.topBanners}}),o.createElement("div",(0,a.A)({ref:x,className:(0,J.cn)("sf-product-list-page relative lg:pt-22 px-6",null!=qe&&qe.to

1pBanners?"pt-6":"pt-[calc(var(--mobile-header-height)+var(--mobile-promo-bar-height)+16px)]"),"data-testid":"sf-product-list-page","data-theme":Ke?"dark":void 0},E),o.createElement(p.A,{title:(null==Ge?void 0:Ge.pageTitle)||(null==Ge?void 0:Ge.name)||oe,description:null==Ge?void 0:Ge.pageDescription,titleSuffix:ie?h.$P:h.Vi,pageMetaTags:ie||null==Ue?void 0:Ue.pageMetaTags}),o.createElement(o.Fragment,null,o.createElement(te,null),o.createElement("div",{className:"hidden lg:flex flex-row justify-start items-start gap-4 mb-6"},o.createElement("div",{className:"flex w-full"},o.createElement(ee,{searchQuery:oe,category:Ge,productSearchResult:Ue,isLoading:ke}))),o.createElement(b.cD,null,o.createElement("div",{className:"flex flex-col gap-6 pt-6"},o.createElement(ee,{searchQuery:oe,category:Ge,productSearchResult:Ue,isLoading:ke}))),o.createElement("div",{ref:se,"data-testid":"sf-product-grid",className:"sf-product-grid grid grid-cols-1 gap-x-6 scroll-mt-[var(--header-height)]"},o.createElement("div",null,Xe?o.createElement(H,{searchQuery:oe,category:Ge}):o.createElement(o.Fragment,null,(0,$.Gk)()&&(We&&!$e||!Ue)?o.createElement("div",{className:"grid grid-cols-2 lg:grid-cols-3 gap-3 lg:gap-6 grid-rows-[auto_auto_auto_auto]"},new Array(B.limit).fill(0).map((e,t)=>o.createElement(y.E,{key:t}))):((e,t,r,a)=>{if(null==e||!e.length)return null;const l=De({wishlist:r},a);if(null==t||!t.length)return o.createElement("div",{className:"grid grid-cols-2 lg:grid-cols-3 gap-3 lg:gap-6 grid-rows-[auto_auto_auto_auto]"},e.map((e,t)=>Ve(e,t,l)));const n=[];let s=0,i=!0;for(const r of t){var c;const t=Math.min(r.afterProduct,e.length);t>s&&n.push({type:"products",items:e.slice(s,t),startIndex:s}),0===Object.keys(null===(c=a.searchParams)||void 0===c?void 0:c.refine).length&&(n.push({type:"banner",banner:r}),i=!1),s=t}return s<e.length&&n.push({type:"products",items:e.slice(s),startIndex:s}),n.map((e,t)=>{if("banner"===e.type){var r;const t=null===(r=e.banner.props)||void 0===r?void 0:r.fullBleed;return o.createElement("div",{className:(0,J.cn)("cms-fade-in py-3 lg:py-5",t&&"-mx-6"),key:e.banner.id},o.createElement(e.banner.component,e.banner.props))}return o.createElement("div",{className:(0,J.cn)("grid grid-cols-2 lg:grid-cols-3 gap-3 lg:gap-6 grid-rows-[auto_auto_auto_auto]",t>0&&i&&"mt-3 lg:mt-5"),key:`grid-${t}`},e.items.map((t,r)=>Ve(t,e.startIndex+r,l)))})})(null==Ue?void 0:Ue.hits,B.offset?[]:He,nt,{isRefetching:We,isFetched:$e,searchQuery:oe,category:Ge,categoryId:A.categoryId,originLocation:{pathname:F.pathname,search:F.search},einstein:L,addItemToWishlist:st,removeItemFromWishlist:ot,searchParams:B}),o.createElement("div",{className:"flex justify-center py-24"},o.createElement(v.A,{currentURL:Je,urls:rt}),o.createElement("select",{className:"hidden",value:Je,onChange:({target:e})=>{S.push(e.value)}},lt.map((e,t)=>o.createElement("option",{key:e,value:e},h.PB[t])))))))),k&&o.createElement("div",{className:"fixed inset-0 z-40 flex flex-col bg-white overflow-hidden"},o.createElement("div",{className:"relative flex items-center justify-between px-4 py-4 border-b border-brand-off-white"},o.createElement("h1",{className:"text-2xl font-bold"},o.createElement(m.A,{defaultMessage:[{type:0,value:"Filter"}],id:"product_list.modal.title.filter"})),o.createElement("button",{onClick:_,className:"p-1 text-brand-mid-gray hover:text-black","aria-label":"Close"},o.createElement("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})))),o.createElement("div",{className:"flex-1 overflow-y-auto py-4"},z&&o.createElement(Fe.A,null),o.createElement(V,{toggleFilter:it,filters:null==Ue?void 0:Ue.refinements,selectedFilters:B.refine,itemsBefore:null!=Ge&&Ge.categories?[o.createElement(Q,{key:"itemsBefore",category:Ge,onSelect:_}),dt()].filter(Boolean):[dt()].filter(Boolean),excludedFilters:["cgid"]})),o.createElement("div",{className:"block w-full border-t border-brand-off-white pb-10 px-4 pt-4"},o.createElement("div",{className:"flex flex-col gap-2"},o.createElement("button",{className:"w-full bg-black text-white py-2 px-4 roun

1ded hover:bg-white hover:text-black",onClick:_},C({id:"product_list.modal.button.view_items",defaultMessage:[{type:0,value:"View "},{type:1,value:"prroductCount"},{type:0,value:" items"}]},{prroductCount:null==Ue?void 0:Ue.total})),o.createElement("button",{className:"w-full border border-black py-2 px-4 rounded hover:bg-brand-off-white",onClick:ct},o.createElement(m.A,{defaultMessage:[{type:0,value:"Clear Filters"}],id:"product_list.modal.button.clear_filters"}))))),K&&o.createElement(o.Fragment,null,o.createElement("div",{className:"fixed inset-0 z-40 bg-black/50",onClick:()=>X(!1)}),o.createElement("div",{className:"fixed bottom-0 left-0 right-0 z-40 bg-white max-h-[50vh] flex flex-col overflow-hidden"},o.createElement("div",{className:"relative flex items-center justify-between px-4 py-4"},o.createElement("p",{className:"font-bold text-2xl"},o.createElement(m.A,{defaultMessage:[{type:0,value:"Sort By"}],id:"product_list.drawer.title.sort_by"})),o.createElement("button",{onClick:()=>X(!1),className:"p-1 text-brand-mid-gray hover:text-black","aria-label":"Close"},o.createElement("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})))),o.createElement("div",{className:"overflow-y-auto px-4 pb-4"},at.map((e,t)=>{var r,a;return o.createElement("button",{key:t,className:"w-full text-left text-base py-3 hover:bg-brand-off-white",onClick:()=>{var t;X(!1),null===(t=se.current)||void 0===t||t.scrollIntoView(),S.push(e)}},o.createElement("span",{className:(null==tt?void 0:tt.label)===(null==Ue||null===(r=Ue.sortingOptions[t])||void 0===r?void 0:r.label)?"underline":""},null==Ue||null===(a=Ue.sortingOptions[t])||void 0===a?void 0:a.label))})))),(0,$.Gk)()&&!0!==(null==Ge?void 0:Ge.c_hideFilters)&&o.createElement(pe,{containerRef:x,gridRef:se,refinements:null==Ue?void 0:Ue.refinements,selectedFilters:B.refine,toggleFilter:it,sortingOptions:et,sortUrls:at,selectedSortingOption:tt,history:S,resetFilters:ct,onOpenChange:e=>{w.current=e}})),(null==qe?void 0:qe.bottomBanners)&&o.createElement(je.CmsComponents,{content:{components:qe.bottomBanners}}))};We.getTemplateName=()=>"product-list",We.propTypes={onAddToWishlistClick:c().func,onRemoveWishlistClick:c().func,category:c().object};const Qe=We;c().array,c().object,c().string}}]);