https://loopcommunity.com/_next/static/chunks/pages/wishlist-34a4b2d490ee92ff.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4737],{2501:function(e){e.exports=function(e,t,n,i){for(var r=-1,a=null==e?0:e.length;++r<a;){var o=e[r];t(i,o,n(o),e)}return i}},50166:function(e,t,n){var i=n(37743);e.exports=function(e,t,n,r){return i(e,function(e,i,a){t(r,e,n(e),a)}),r}},344:function(e,t,n){var i=n(2501),r=n(50166),a=n(70032),o=n(65730);e.exports=function(e,t){return function(n,l){var s=o(n)?i:r,d=t?t():{};return s(n,e,a(l,2),d)}}},88191:function(e,t,n){var i=n(35676),r=n(344),a=Object.prototype.hasOwnProperty,o=r(function(e,t,n){a.call(e,n)?e[n].push(t):i(e,n,[t])});e.exports=o},43804:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/wishlist",function(){return n(92491)}])},8578:function(e,t,n){"use strict";n.d(t,{f:function(){return u}});var i=n(29071),r=n(54940),a=n(42623),o=n(90678),l=n(75271),s=n(82917);let d=(0,r.iv)("	position:relative;"),c=e=>(0,r.iv)("	position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:",e.loadingOverlay.color.background,";");class h extends l.Component{render(){let{isLoading:e,children:t,theme:n}=this.props;return(0,i.BX)("div",{css:d,children:[e&&(0,i.tZ)("div",{css:c(n),"data-testid":"loading-overlay",children:(0,i.tZ)(s.a,{})}),t]})}}let u=(0,a.b)((0,o.Pi)(h))},46256:function(e,t,n){"use strict";n.d(t,{m:function(){return o}});var i=n(29071),r=n(91234),a=n.n(r);n(75271);let o=e=>{let{content:t}=e;return(0,i.tZ)(a(),{children:(0,i.tZ)("meta",{name:"page-name",content:t},"page-name")})}},68005:function(e,t,n){"use strict";n.d(t,{$:function(){return p},O:function(){return r}});var i,r,a=n(29071),o=n(54940),l=n(42623),s=n(75271),d=n(86781),c=n(73887);(i=r||(r={})).AmethystToDarkPeriwinkle="amethystToDarkPeriwinkle",i.DarkSeafoamGreenToShamrockGreen="darkSeafoamGreenToShamrockGreen",i.Dimmed="dimmed",i.Normal="normal",i.PurpleToRose="purpleToRose",i.PeachToRosyPink="peachToRosyPink",i.TurquoiseBlueToWindowsBlue="turquoiseBlueToWindowsBlue",i.WhiteTwo="whiteTwo",i.WhiteFour="whiteFour",i.Dark="dark";let h=(e,t,n,i,r,a,l,s,c,h,u)=>(0,o.iv)("	",l&&"position: relative;","	padding:",n,";background:",e.section[t].background,";height:",a,";width:100%;",s&&"border-top: 1px solid ".concat(e.section[t].borderColor,";"),"	",c&&"border-bottom: 1px solid ".concat(e.section[t].borderColor,";"),"	\n	border-radius:",h,";",d.L.down("sm")("\n	border-radius: ".concat(u,";\n  ")),"	",d.L.down("md")("\n    padding: ".concat(i||n,";\n  ")),"	",d.L.down("sm")("\n    padding: ".concat(r||i||n,";\n  ")),"  @media print{padding:0;}");class u extends s.Component{render(){let{children:e,fullWidth:t=!1,variant:n="normal",fullHeight:i=!1,height:r,paddingDesktop:o="80px 0 0 0",paddingTablet:l,paddingMobile:s,theme:d,relative:u=!1,borderTop:p,borderBottom:g,borderRadiusDesktop:m="0",borderRadiusMobile:v="0"}=this.props,x=r||i&&"100%";return(0,a.tZ)("div",{css:h(d,n,o,l,s,x,u,p,g,m,v),children:(0,a.tZ)(c.W,{fullWidth:t,fullHeight:i,children:e})})}}u.defaultProps={borderTop:!1,borderBottom:!1};let p=(0,l.b)(u)},75232:function(e,t,n){"use strict";n.d(t,{e:function(){return u},h:function(){return r}});var i,r,a=n(29071),o=n(54940),l=n(42623),s=n(75271),d=n(29132);(i=r||(r={})).Default="default",i.Danger="danger";let c=(e,t,n)=>(0,o.iv)("	padding:4px;margin:-4px;border:none;background:none;cursor:pointer;opacity:",n?.4:1,";&:active{> svg{transform:scale(0.8);}}> svg{transform:scale(1);}&:hover{background:none;}&:hover:not([disabled]),&:focus:not(.focus-visible){outline:0;}");class h extends s.Component{handleClick(e){let{onClick:t,isLoading:n,isDisabled:i}=this.props;!t||n||i||t(e)}render(){let{type:e="button",icon:t,color:n,isLoading:i,theme:r,isDisabled:o,...l}=this.props;return(0,a.tZ)("button",{onClick:this.handleClick,role:"button",type:e,css:c(r,n,o),disabled:o,"data-testid":l["data-testid"],children:i?(0,a.tZ)(d.H,{className:"text-surface-action-secondary-hover size-5 stroke-3"}):t})}constructor(e){super(e),this.handleClick=this.handleClick.bind(this)}}h.defaultProps={color:"default"};let u=(0,l.b)(h)},35109:function(e,t,n){"use strict";n.d(t,{l:function(){return f}});var i=n(29071),r=n(54940),a=n(88191),o=n.n(a),l=n(64410),s=n.n(l),d=n(90678),c=n(75271),h=n(22118),u=n(72474),p=n(8578);let g=(0,r.iv)("	display:flex;flex-direction:column;"),m=(0,r.iv)("	align-self:stretch;"),v=e=>(0,r.iv)("	margin-bottom:",e,";&:last-child{margin-bottom:0;}"),x=(0,r.iv)("	margin-bottom:28px;&:last-child{margin-bottom:0;}");class Z extends c.Component{get groupedItems(){let{view:e,groupBy:t}=this.props;return o()(e.items,t)}render(){let{view:e,gap:t,itemRender:n,groupBy:r,groupLabel:a,emptyPlaceholder:o,dummyElement:l,hideDummy:d}=this.props;return l&&e.isLoading&&(!d||e.paginationType===u.P.Traditional)?(0,i.tZ)("div",{css:g,children:(0,i.tZ)("div",{css:m,children:s()(e.expectedElements,e=>(0,i.tZ)("div",{css:v(t),children:l},e))})}):(0,i.tZ)(h.ZP.Element,{id:e.name,children:(0,i.tZ)(p.f,{isLoading:e.isLoading&&e.paginationType===u.P.Traditional,children:e.items.length?(0,i.tZ)("div",{css:g,children:(0,i.tZ)("div",{css:m,children:r?Object.keys(this.groupedItems).map((e,r)=>(0,i.BX)("div",{css:x,children:[null==a?void 0:a(e),this.groupedItems[e].map(e=>(0,i.tZ)("div",{css:v(t),children:n(e,r)},e.id))]},e)):e.items.map((e,r)=>(0,i.tZ)("div",{css:v(t),children:n(e,r)},e.id))})}):o})})}}Z.defaultProps={gap:0};let f=(0,d.Pi)(Z)},84176:function(e,t,n){"use strict";n.d(t,{t:function(){return C}});var i=n(29071),r=n(54940),a=n(42623),o=n(90678),l=n(75271),s=n(82349),d=n.n(s),c=n(86781),h=n(18760),u=n(96874);let p=e=>(0,r.iv)("	margin:0;padding:0;list-style:none;display:inline-flex;align-items:center;font-size:14px;font-weight:normal;user-select:none;color:",e.pagination.color.secondary,";"),g=(0,r.iv)("	padding:0 5px;outline:none;cursor:pointer;",c.L.down("sm")("\n    padding: 0 4px;\n  ")),m=e=>(0,r.iv)("	display:flex;align-items:center;outline:none;cursor:pointer;&:hover{color:",e.pagination.color.primary,";svg{color:",e.pagination.color.primary,";}}"),v=(0,r.iv)("	outline:none;"),x=e=>(0,r.iv)("	",m(e),";margin-right:64px;",c.L.down("sm")("\n    margin-right: 8px;\n  ")),Z=e=>(0,r.iv)("	",m(e),";margin-left:64px;",c.L.down("sm")("\n    margin-left: 8px;\n  ")),f=(0,r.iv)("	padding-left:16px;",c.L.down("sm")("\n    padding-left: 8px;\n  ")),b=(0,r.iv)("	padding-right:16px;",c.L.down("sm")("\n    padding-right: 8px;\n  ")),w=e=>(0,r.iv)("	color:",e.pagination.color.primary,";"),y=(0,r.iv)("	cursor:auto;pointer-events:none;visibility:hidden;");class k extends l.Component{handlePageChange(e){let{selected:t}=e,{onPageChange:n}=this.props;n&&n(t+1)}render(){let{pageCount:e,pageRangeDisplayed:t,marginPagesDisplayed:n,currentPage:a,theme:o}=this.props;return(0,i.tZ)(r.ms,{children:r=>{let{css:o,theme:l}=r;return(0,i.tZ)(d(),{disableInitialCallback:!0,forcePage:a-1,onPageChange:this.handlePageChange,containerClassName:o(p(l)),pageClassName:o(g),pageLinkClassName:o(g),activeClassName:o(w(l)),previousLinkClassName:o(v),nextLinkClassName:o(v),disabledClassName:o(y),previousLabel:(0,i.BX)("div",{css:x(l),children:[(0,i.tZ)(h.Z,{}),(0,i.tZ)("div",{css:f,children:"PREV"})]}),nextLabel:(0,i.BX)("div",{css:Z(l),children:[(0,i.tZ)("div",{css:b,children:"NEXT"}),(0,i.tZ)(u.Z,{})]}),pageCount:e,pageRangeDisplayed:t,marginPagesDisplayed:n})}})}constructor(e){super(e),this.handlePageChange=this.handlePageChange.bind(this)}}let C=(0,a.b)((0,o.Pi)(k))},68818:function(e,t,n){"use strict";n.d(t,{p:function(){return v}});var i=n(15767),r=n(29071),a=n(54940),o=n(23293),l=n(90678),s=n(75271),d=n(37531),c=n(22118),h=n(72474),u=n(29087),p=n(84176);let g=(0,a.iv)("	margin-top:32px;text-align:center;");class m extends s.Component{handlePageChange(e){let{view:t,uiStore:n}=this.props;n.setDisableHeaderPin(!0),t.pageNumber(e).fetch(),c.ZP.scroller.scrollTo(t.name,{duration:700,offset:-10,smooth:!0,dynamic:!0}),setTimeout(()=>{n.setDisableHeaderPin(!1)},700)}handleLoadMore(){this.props.view.fetchNext()}render(){let{view:e,t}=this.props;return e.paginationType===h.P.Traditional&&e.hasMultiplePages?(0,r.tZ)("div",{css:g,children:(0,r.tZ)(p.t,{pageCount:e.totalPages,pageRangeDisplayed:3,marginPagesDisplayed:2,onPageChange:this.handlePageChange,currentPage:e.currentPage})}):e.paginationType!==h.P.Infinite||e.isLastPage?null:(0,r.tZ)("div",{css:g,children:(0,r.tZ)(u.zx,{onClick:this.handleLoadMore,isLoading:e.isLoading,size:"sm",className:"mx-auto w-max",children:t("common/label.loadMore")})})}constructor(e){super(e),this.handleLoadMore=this.handleLoadMore.bind(this)}}(0,i.gn)([o.aD.bound,(0,i.w6)("design:type",Function),(0,i.w6)("design:paramtypes",[Number]),(0,i.w6)("design:returntype",void 0)],m.prototype,"handlePageChange",null);let v=(0,d.Zh)()((0,l.f3)("uiStore")((0,l.Pi)(m)))},92491:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return z},default:function(){return H}});var i=n(29071),r=n(90678),a=n(37531),o=n(70520),l=n(51686),s=n(46256),d=n(53689),c=n(75271),h=n(44450);let u=(0,a.Zh)()(e=>{let{t}=e;return(0,i.BX)(c.Fragment,{children:[(0,i.tZ)(h.xu,{mb:6,children:(0,i.tZ)(l.H4,{children:t("wishlist/emptyState.title")})}),(0,i.tZ)(h.xu,{mb:8,children:(0,i.tZ)(d.xv,{color:d.d9.Secondary,children:(0,i.tZ)(a.cC,{i18nKey:"wishlist/emptyState.subtitle",children:"Items you add to Wishlist will appear here."})})})]})});var p=n(35109),g=n(68818),m=n(15441),v=n(69966),x=n(78266),Z=n(29087),f=n(51921),b=n(66810),w=n(75232),y=n(55589),k=n(85541),C=n(20326),P=n.n(C),B=n(71439);let T=e=>{let{wish:t,handleRemove:n,...r}=e,{t:o}=(0,a.$G)();return t?(0,i.tZ)(B.Z,{href:t.urlToPage,legacyBehavior:!0,passHref:!0,children:(0,i.tZ)(x.A,{children:(0,i.BX)(h.kC,{align:"center",gap:4,py:3,px:4,_hover:{shadow:"dropShadow"},cursor:"pointer",...r,children:[t.artworkVariations.thumbnailUrl?(0,i.tZ)(P(),{src:t.artworkVariations.thumbnailUrl,alt:"".concat(t.title,"'s artwork"),width:40,height:40,placeholder:"blur",blurDataURL:t.artworkVariations.preloaderUrl,quality:100}):null,(0,i.BX)(b.B,{grow:!0,children:[(0,i.tZ)(l.H5,{children:t.title}),(0,i.tZ)(d.xv,{size:d.yH.Small,color:d.d9.Secondary,children:t.subtitle&&t.subtitle})]}),(0,i.tZ)(b.B,{basis:"270px",children:(0,i.tZ)(h.xu,{ml:"auto",w:"120px",children:(0,i.tZ)(Z.Ct,{variant:Z.P2.Outline,color:Z.JV.Neutral,children:o("common/productCategory.".concat(t.productCategory))})})}),(0,i.tZ)(b.B,{basis:"132px",children:(0,i.tZ)(Z.zx,{variant:Z.Wu.Outline,size:"sm",className:"w-full",children:o("wishlist/viewItem")})}),(0,i.tZ)(b.B,{basis:"48px",children:(0,i.tZ)(k.W,{children:(0,i.tZ)(w.e,{icon:(0,i.tZ)(v.Z,{className:"text-text-signal-danger"}),onClick:()=>{t&&(null==n||n(t))},color:w.h.Danger})})})]})})}):(0,i.BX)(h.kC,{align:"center",gap:4,py:3,px:4,...r,children:[(0,i.tZ)(b.B,{basis:"56px",noShrink:!0,children:(0,i.tZ)(y.p,{isDummy:!0,size:y._.Normal})}),(0,i.BX)(b.B,{grow:!0,children:[(0,i.tZ)(h.xu,{m:"4px 0 8px",children:(0,i.tZ)(f.v,{height:"20px",width:"150px"})}),(0,i.tZ)(f.v,{height:"16px",width:"100px"})]}),(0,i.tZ)(b.B,{basis:"270px",children:(0,i.tZ)(h.xu,{ml:"auto",w:"120px",children:(0,i.tZ)(f.v,{height:"20px",width:"120px"})})}),(0,i.tZ)(b.B,{basis:"132px",children:(0,i.tZ)(Z.zx,{variant:Z.Wu.Outline,size:"sm",className:"w-full",disabled:!0,children:o("wishlist/viewItem")})}),(0,i.tZ)(b.B,{basis:"48px",children:(0,i.tZ)(w.e,{icon:(0,i.tZ)(v.Z,{className:"text-text-signal-danger"}),color:w.h.Danger,isDisabled:!0})})]})};var N=n(5325);let D=e=>{let{wish:t,handleRemove:n,...r}=e,{t:o}=(0,a.$G)();return(0,i.BX)(h.xu,{borderRadius:4,border:"1px solid",borderColor:"gray.30",padding:"32px 25px 24px",...r,children:[(0,i.BX)(N.kC,{spacing:"16px",children:[(0,i.tZ)(b.B,{noShrink:!0,basis:"56px",children:(null==t?void 0:t.artworkVariations.thumbnailUrl)?(0,i.tZ)(P(),{src:t.artworkVariations.thumbnailUrl,alt:"".concat(t.title,"'s artwork"),width:40,height:40,placeholder:"blur",blurDataURL:t.artworkVariations.preloaderUrl,quality:100}):(0,i.tZ)(y.p,{isDummy:!0})}),(0,i.BX)(b.B,{grow:!0,children:[(0,i.tZ)(h.xu,{m:"-12px 0 0",children:(0,i.BX)(N.kC,{spacing:"6px",justifyContent:N.uM.SpaceBetween,children:[(0,i.tZ)(b.B,{children:t?(0,i.tZ)(B.Z,{href:t.urlToPage,legacyBehavior:!0,children:(0,i.tZ)(x.A,{children:(0,i.tZ)(l.H5,{children:t.title})})}):(0,i.tZ)(f.v,{height:"24px",width:"160px"})}),(0,i.tZ)(b.B,{children:(0,i.tZ)(w.e,{icon:(0,i.tZ)(v.Z,{className:"text-text-signal-danger"}),onClick:()=>{t&&(null==n||n(t))},color:w.h.Danger,isDisabled:!t})})]})}),t?(0,i.tZ)(d.xv,{size:d.yH.Small,color:d.d9.Secondary,children:t.subtitle}):(0,i.tZ)(h.xu,{my:{base:"2px",oldMd:0},children:(0,i.tZ)(f.v,{height:"20px",width:"100px"})})]})]}),(0,i.BX)(N.kC,{spacing:"3px",direction:N.Qb.Column,alignItems:N.g1.End,children:[t?(0,i.tZ)(d.xv,{weight:d.fs.Bold,size:d.yH.Small,children:o("common/productCategory.".concat(t.productCategory))}):(0,i.tZ)(h.xu,{my:{base:"3px",oldMd:0},children:(0,i.tZ)(f.v,{height:"24px",width:"56px"})}),(0,i.tZ)(h.xu,{m:"14px 0 0",children:(0,i.tZ)(Z.zx,{asChild:!0,size:"sm",disabled:!t,children:(0,i.tZ)("a",{href:null==t?void 0:t.urlToPage,children:o("wishlist/viewItem")})})})]})]})},L=(0,r.Pi)(e=>{let{wish:t,handleRemove:n}=e;return(0,i.BX)(c.Fragment,{children:[(0,i.tZ)(D,{wish:t,handleRemove:n,display:{base:"block",oldMd:"none"}}),(0,i.tZ)(T,{wish:t,handleRemove:n,display:{base:"none",oldMd:"flex"}})]})});var X=n(51335);let M=(0,a.Zh)()((0,r.Pi)(e=>{let{t,view:n}=e,r=async e=>{try{await (0,m.$f)(e)}catch(e){(0,X.Am)(t("wishlist/error.removeWish"))}await n.refresh()};return(0,i.BX)(c.Fragment,{children:[(0,i.tZ)(p.l,{gap:"8px",itemRender:e=>(0,i.tZ)(L,{wish:e,handleRemove:r},e.id),view:n,dummyElement:(0,i.tZ)(L,{}),emptyPlaceholder:(0,i.tZ)(u,{})}),(0,i.tZ)(g.p,{view:n})]})}));var S=n(68005),_=n(92456),z=!0,H=(0,a.Zh)()((0,r.f3)("store")((0,r.Pi)(e=>{let{store:t,t:n}=e,r=t.data.findView(_.n.Wishlist);return(0,i.BX)(i.HY,{children:[(0,i.tZ)(s.m,{content:"wishlist"}),(0,i.tZ)(o.PB,{title:n("wishlist/seo.title")}),(0,i.tZ)(S.$,{paddingDesktop:"24px 0 0 0",children:(0,i.tZ)(h.xu,{m:{base:"40px 0",oldMd:"80px 0"},children:(0,i.tZ)(l.H1,{children:n("common/label.wishlist")})})}),(0,i.tZ)(S.$,{paddingDesktop:"0",paddingMobile:"0",children:(0,i.tZ)(M,{view:r})})]})})))},15441:function(e,t,n){"use strict";n.d(t,{$f:function(){return o},Mp:function(){return a},tI:function(){return r}});var i=n(25025);async function r(e,t){return e.fetchAll(i.X.type,{filter:{product:t}})}async function a(e,t){return new i.X({product:t},e).save({include:["product"]})}async function o(e){await e.destroy()}},69966:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});let i=(0,n(43177).Z)("trash-2",[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]])}},function(e){e.O(0,[2118,2349,2888,9774,179],function(){return e(e.s=43804)}),_N_E=e.O()}]);