https://www.gymshark.ae/mobify/bundle/1734/pages-account-wishlist.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4505],{67220(e,t,r){var l=r(16602);const a=(0,l.YK)({account:{defaultMessage:[{type:0,value:"My Account"}],id:"account.accordion.button.my_account"},orders:{defaultMessage:[{type:0,value:"Your Orders"}],id:"global.account.link.your_orders"},amber:{defaultMessage:[{type:0,value:"Amber Rewards"}],id:"order_summary.label.amber_rewards"},returns:{defaultMessage:[{type:0,value:"Your Returns"}],id:"global.account.link.your_returns"},addresses:{defaultMessage:[{type:0,value:"Address Book"}],id:"global.account.link.address_book"},accountDetails:{defaultMessage:[{type:0,value:"Account Details"}],id:"account_detail.title.account_details"},preferences:{defaultMessage:[{type:0,value:"Comm Preferences"}],id:"global.account.link.comm_preferences"},cards:{defaultMessage:[{type:0,value:"Saved Cards"}],id:"global.account.link.saved_cards"},ordersWaitingForPayment:{defaultMessage:[{type:0,value:"Orders Waiting for Payment"}],id:"global.account.link.orders_waiting_for_payment"},orderReceived:{id:"account_order_history.label.status.order_received",defaultMessage:[{type:0,value:"Order Received"}]},inProgress:{id:"account_order_history.label.status.in_progress",defaultMessage:[{type:0,value:"In Progress"}]},orderPacking:{id:"account_order_history.label.status.order_packing",defaultMessage:[{type:0,value:"Order Packing"}]},orderDispatched:{id:"account_order_history.label.status.order_dispatched",defaultMessage:[{type:0,value:"Order Dispatched"}]},outForDelivery:{id:"account_order_history.label.status.out_for_delivery",defaultMessage:[{type:0,value:"Out For Delivery"}]},delivered:{id:"account_order_history.label.status.delivered",defaultMessage:[{type:0,value:"Delivered"}]},cancelled:{id:"account_order_history.label.status.cancelled",defaultMessage:[{type:0,value:"Cancelled"}]},returnReceiveRequestMessage:{defaultMessage:[{type:0,value:"We've received your request."}],id:"account_order_history.description.received_return_request"},returnReceivedMessage:{defaultMessage:[{type:0,value:"We've received your items in our store."}],id:"account_order_history.description.return_received"},returnAcceptedMessage:{defaultMessage:[{type:0,value:"Returned items has been accepted, we will start processing your refund."}],id:"account_order_history.description.return_accepted"},returnCancelledMessage:{defaultMessage:[{type:0,value:"We have cancelled your return request."}],id:"account_order_history.description.return_cancelled"},returnCompletedMessage:{defaultMessage:[{type:0,value:"Payment refunded successfully."}],id:"account_order_history.description.return_completed"},returnReceiveRequestLabel:{defaultMessage:[{type:0,value:"Request Received"}],id:"account_order_history.label.received_return_request"},returnReceivedLabel:{defaultMessage:[{type:0,value:"Items Received"}],id:"account_order_history.label.return_received"},returnAcceptedLabel:{defaultMessage:[{type:0,value:"Return Accepted"}],id:"account_order_history.label.return_accepted"},returnCancelledLabel:{defaultMessage:[{type:0,value:"Return Cancelled"}],id:"account_order_history.label.return_cancelled"},returnCompletedLabel:{defaultMessage:[{type:0,value:"Return Completed"}],id:"account_order_history.label.return_completed"}}),n=(0,l.YK)({dialogTitle:{defaultMessage:[{type:0,value:"Confirm Action"}],id:"confirmation_modal.default.title.confirm_action"},confirmationMessage:{defaultMessage:[{type:0,value:"Are you sure you want to continue?"}],id:"confirmation_modal.default.message.you_want_to_continue"},primaryActionLabel:{defaultMessage:[{type:0,value:"Yes"}],id:"confirmation_modal.default.action.yes"},alternateActionLabel:{defaultMessage:[{type:0,value:"No"}],id:"confirmation_modal.default.action.no"}}),o={1:a.orderReceived,2:a.inProgress,3:a.orderPacking,3.5:a.orderDispatched,4:a.outForDelivery,5:a.cancelled,50:a.delivered,51:a.returnReceiveRequestLabel,52:a.returnReceivedLabel,55:a.returnAcceptedLabel,53:a.returnCancelledLabel,60:a.returnCompletedLabel},i={51:a.returnReceiveRequestMessage,52:a.returnReceivedMessage,55:a.returnAcceptedMessage,53:a.returnCancelledMessage,60:a.returnCompletedMessage};r.d(t,["DZ",0,a,"FF",0,"/account/your-returns","Gz",0,n,"jn",0,"/account/payment-for-orders","pC",0,o,"rG",0,[{name:"account",path:""},{name:"orders",path:"/orders"},{name:"amber",path:"/amber-rewards"},{name:"returns",path:"/your-returns"},{name:"addresses",path:"/address-book"},{name:"accountDetails",path:"/account-details"},{name:"preferences",path:"/comm-preferences"},{name:"cards",path:"/saved-cards"},{name:"ordersWaitingForPayment",path:"/payment-for-orders"}],"tR",0,i,"x0",0,"/account/orders"])}

1,12753(e,t,r){var l=r(64180),a=r(77810),n=r(75826),o=r.n(n),i=r(95266),s=r(27821),c=r(92519),d=r(62539),u=r(25635);const m=({heading:e,text:t,icon:r,buttonText:n,buttonProps:o,onButtonClick:m,styles:g={}})=>a.createElement(c.B,{spacing:2,py:12,px:{base:0,lg:4},alignItems:"center",justifyContent:"center",borderRadius:"base",height:"full"},r&&a.createElement(d.az,null,r),a.createElement(c.B,{spacing:4,alignItems:"center",width:{base:"full",md:"auto"}},a.createElement(s.E,(0,l.A)({align:"center",fontSize:"sm",fontWeight:"bold",fontFamily:"secondary",textTransform:"uppercase",lineHeight:1.2},null==g?void 0:g.heading),e),a.createElement(s.E,{align:"center",fontSize:"sm",color:"darkGrey4"},t),a.createElement(i.$,(0,l.A)({onClick:m,leftIcon:a.createElement(u.c1,null)},o,null==g?void 0:g.button),n)));m.propTypes={heading:o().string,text:o().string,buttonText:o().string,icon:o().any,buttonProps:o().object,onButtonClick:o().func,styles:o().object};const g=m;r.d(t,["A",0,g])},80816(e,t,r){r.r(t),r.d(t,{default:()=>re});var l=r(10939),a=r(77810),n=r(34692),o=r(41863),i=r(7094),s=r(62539),c=r(11692),d=r(14084),u=r(92519),m=r(91311),g=r(27821),p=r(29261),y=r(62887),f=r(95266),v=r(43310),h=r(63487),b=r(12619),_=r(95170),E=r(17778),w=r(90031),C=r(84529),A=r.n(C),M=r(60309),k=r(71954),x=r(25635),I=r(41837);r(3432);const S=()=>a.createElement(c.s,{justifyContent:"center",flexDirection:"column",p:{base:"1.5rem 0rem 3.5rem",lg:"4rem 3.75rem 6rem"},alignItems:"center"},a.createElement(u.B,{maxW:"21.875rem"},a.createElement(g.E,{fontSize:"lg",fontWeight:"700",fontFamily:"secondary",textTransform:"uppercase",display:"flex",justifyContent:"center",alignItems:"center",gap:3},a.createElement(x.HK,{width:"1.25rem",height:"1.25rem"}),a.createElement(o.A,{defaultMessage:[{type:0,value:"Save to Wishlist"}],id:"product_tile.assistive_msg.save_to_wishlist"})),a.createElement(g.E,{align:"center",fontSize:"0.875rem",fontWeight:"400",fontFamily:"primary",color:"darkGrey3"},a.createElement(o.A,{defaultMessage:[{type:0,value:"Login or create an account to view to your wishlist. We'll drop you back at your wishlist after you have entered your details."}],id:"product_tile.assistive_msg.save_to_wishlist_description"})),a.createElement(c.s,{gap:2,width:"100%",flexDirection:"column",mt:"2.5rem"},a.createElement(f.$,{bg:"lightGrey3",color:"black",fontSize:"sm",fontWeight:"bold",fontFamily:"secondary",p:"0.75rem 2rem",textTransform:"uppercase",width:"full",onClick:()=>window.dispatchEvent(new CustomEvent("open-global-auth-modal"))},a.createElement(o.A,{defaultMessage:[{type:0,value:"Log in"}],id:"login_form.button.login"})),a.createElement(f.$,{fontSize:"sm",fontWeight:"bold",fontFamily:"secondary",p:"0.75rem 2rem",textTransform:"uppercase",width:"full",onClick:()=>window.dispatchEvent(new CustomEvent("open-global-register-auth-modal"))},a.createElement(o.A,{defaultMessage:[{type:0,value:"Create Account"}],id:"register_form.button.create_account"})))));var W=r(75826),F=r.n(W),L=r(48706),O=r(50350),z=r(72938),P=r(56548),R=r(41539),D=r(37890),j=r(28287),T=r(1518),B=r(14866);const G=({onClose:e,removeAllItemFromWishlist:t})=>a.createElement(a.Fragment,null,a.createElement(s.az,{textAlign:"end"},a.createElement(L.K,{icon:a.createElement(x.US,null),variant:"unstyled",fontSize:"1.5rem",display:"inline-flex",onClick:()=>e()})),a.createElement(O.T,{gap:"1.5rem",my:"1rem"},a.createElement(g.E,{fontFamily:"secondary",fontSize:"1.25rem",fontWeight:"700",lineHeight:"1.2",textTransform:"uppercase"},a.createElement(o.A,{defaultMessage:[{type:0,value:"Are You Sure?"}],id:"wishlist.remove_all_items.modal.title"})),a.createElement(g.E,{lineHeight:"1.4",color:"darkGrey4",textAlign:"center"},a.createElement(o.A,{defaultMessage:[{type:0,value:"You want to remove all items from your wishlist?"}],id:"wishlist.remove_all_items.modal.description"})),a.createElement(c.s,{flexDirection:{base:"column",lg:"row"},gap:"0.5rem",width:"full"},a.createElement(f.$,{colorScheme:"gray",flex:"1",onClick:()=>t()},a.createElement(o.A,{defaultMessage:[{type:0,value:"Yes"}],id:"confirmation_modal.default.action.yes"})),a.createElement(f.$,{colorScheme:"black",flex:"1",onClick:()=>e()},a.createElement(o.A,{defaultMessage:[{type:0,value:"No"}],id:"confirmation_modal.default.action.no"})))));G.propTypes={onClose:F().func,removeAllItemFromWishlist:F().func};const q=({isOpen:e,onClose:t,removeAllItemFromWishlist:r})=>{const[l]=(0,z.U)("(min-width: 1024px)");return a.createElement(a.Fragment,null,l?a.createElement(P.aF,{isOpen:e,placement:"bottom",variant:"fullWidth",onClose:t,isCentered:!0,"data-test-id":"remove-all-items-modal"},a.createElement(R.m,{backgroundColor:"rgba(0,0,0,0.8)"}),a.createElement(D.$,{width:"100%",border:0,maxW:"30rem"},a.createElement(j.c,{bg:"white",padding:"2rem"},a.createElement(G,{onClose:t,removeAllItemFromWishlist:r})))):a.createElement(T._,{isOpen:e,onClose:t,placement:"bottom",size:"full","data-test-id":"remove-all-items-modal"},a.createElement(R.m,{backgroundColor:"rgba(0,0,0,0.8)"}),a.createElement(B.z,{maxWidth:"full",borderRadius:"1rem 1rem 0 0",height:"auto"},a.createElement(j.c,{padding:{base:"1rem 1rem 0",md:"1rem 2rem 0"},display:"flex",flexDirection:"column"},a.createElement(G,{onClose:t,removeAllItemFromWishlist:r})))))};q.propTypes={isOpen:F().func,onClose:F().func,removeAllItemFromWishlist:F().func};const Y=q;var $=r(29188),N=r(87375),H=r(68066),K=r(7716),U=r(87916),X=r(77214);const J=()=>{var e,t,r;const{locale:l}=(0,H.A)(),{data:n}=(0,$.I)({queryKey:["emptyWishlist",l.id],queryFn:()=>K.A.getEmptyWishlist(l.id).then(e=>e),enabled:!0}),o=null==n||null===(e=n.widgets)||void 0===e?void 0:e.find(e=>"wishlist-cta"===(null==e?void 0:e.component_type));return o?a.createElement(c.s,{justifyContent:"center",mt:{base:"2rem",md:"5rem"},mb:{base:"5rem",md:"6rem"}},a.createElement(u.B,{maxW:"21.875rem",alignItems:"center"},(null==o?void 0:o.asset)&&a.createElement(N._,{src:null==o?void 0:o.asset,width:"12.5rem",height:"9.625rem",objectFit:"contain"}),(null==o?void 0:o.title)&&a.createElement(m.D,{textTransform:"uppercase",fontFamily:"secondary",fontSize:"md"},null==o?void 0:o.title),(null==o?void 0:o.sub_title)&&a.createElement(g.E,{fontSize:"sm",color:"darkGrey3",lineHeight:"1.4",textAlign:"center",mb:"2rem"},null==o?void 0:o.sub_title),(null==o||null===(t=o.cta)||void 0===t?void 0:t.length)>0&&a.createElement(c.s,{flexWrap:"wrap",gap:"0.5rem"},null==o||null===(r=o.cta)||void 0===r?void 0:r.map((e,t)=>{var r,l;return a.createElement(f.$,{as:U.A,key:t,href:(0,X.M3)(e),flexBasis:"100%",backgroundColor:null==e||null===(r=e.color_theme)||void 0===r?void 0:r.background_color,color:null==e||null===(l=e.color_theme)||void 0===l?void 0:l.cta_color,rightIcon:(null==e?void 0:e.icon)&&a.createElement(N._,{src:null==e?void 0:e.icon,width:"1rem",he

1ight:"1rem",objectFit:"cover"})},e.label)})))):null};var V=r(73448),Z=r(5423),Q=r(50054);function ee(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,l)}return r}function te(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(r),!0).forEach(function(t){(0,l.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ee(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const re=()=>{var e,t,r,l;const{formatMessage:C}=(0,n.A)(),{data:W}=(0,M.J)(),[F,L]=(0,a.useState)(!1),O={displayName:C({defaultMessage:[{type:0,value:"All Categories"}],id:"account_wishlist.filter.all_categories"}),categoryId:"all"},{wishlistPageSize:z}=(0,Z.A)(),[P,R]=(0,a.useState)(0),[D,j]=(0,a.useState)(),[T,B]=(0,a.useState)(O),{isOpen:G,onOpen:q,onClose:$}=(0,i.j)(),[N,H]=(0,a.useState)(!0),[K,U]=(0,a.useState)(!1),[X,ee]=(0,a.useState)(O),[re,le]=(0,a.useState)(!1),{data:ae,isLoading:ne,removeItemFromWishlist:oe,removeAllItemFromWishlist:ie}=(0,k.T)(),[se,ce]=(0,a.useState)(null==ae||null===(e=ae.customerProductListItems)||void 0===e?void 0:e.length);(0,a.useEffect)(()=>{H(!(null!=W&&W.isRegistered||null!=W&&W.isGuest))},[null==W?void 0:W.isRegistered,null==W?void 0:W.isGuest]),(0,a.useEffect)(()=>{var e;(null==ae||null===(e=ae.customerProductListItems)||void 0===e?void 0:e.length)===z&&R(0)},[null==ae?void 0:ae.customerProductListItems]),(0,a.useEffect)(()=>{if(ae){var e;const t=null==ae||null===(e=ae.customerProductListItems)||void 0===e?void 0:e.slice(P,z+P).map(e=>e.productId);j(t)}},[ae,P]);const{data:de,isLoading:ue}=(0,w.useProducts)({parameters:{ids:null==D?void 0:D.join(","),allImages:!0}},{enabled:(null==D?void 0:D.length)>0}),[me,ge]=(0,a.useState)();(0,a.useEffect)(()=>{var e,t;null!=de&&de.data&&(((null==me?void 0:me.length)>(null==ae||null===(e=ae.customerProductListItems)||void 0===e?void 0:e.length)||se!==(null==ae||null===(t=ae.customerProductListItems)||void 0===t?void 0:t.length))&&(U(!0),R(0)),ge(0===P?[...de.data]:[...me,...de.data]))},[de]);let pe=null==me?void 0:me.map(e=>({categoryId:e.c_wishlistCategoryId,displayName:e.c_wishlistCategoryName}));null===(t=pe)||void 0===t||t.unshift(O);const ye=null==ae||null===(r=ae.customerProductListItems)||void 0===r?void 0:r.slice(0,z+P).map((e,t)=>te(te({},e),{},{product:(null==me?void 0:me[t])||{}})),[fe,ve]=(0,a.useState)();(0,a.useEffect)(()=>{if(ye&&me&&!fe)ve(ye),U(!1);else if(fe&&me){var e;he(null!==(e=pe)&&void 0!==e&&e.find(e=>e.categoryId===T.categoryId)?T:O)}},[ye]),pe=A().uniqBy(pe,"categoryId");const he=e=>{(K||e!==X)&&("all"===(null==e?void 0:e.categoryId)?(ve(ye),le(!1)):(ve(ye.filter(t=>{var r;return(null==e?void 0:e.categoryId)===(null===(r=t.product)||void 0===r?void 0:r.c_wishlistCategoryId)})),le(!0)),ye.length===me.length&&U(!1),ee(e),B(e))},be=null!=ye&&ye.length?ue:ne,_e=re?fe.length:null==ae||null===(l=ae.customerProductListItems)||void 0===l?void 0:l.length,Ee=C({id:"wishlist.meta.title",defaultMessage:[{type:0,value:"Wishlist | Gymshark "},{type:1,value:"countryCode"}]},{countryCode:C(V.g$)});return a.createElement(s.az,null,a.createElement(Q.A,{title:Ee}),N?a.createElement(c.s,{height:"15.625rem",alignItems:"center",justifyContent:"center"},a.createElement(d.y,{color:"black",top:"50%",insetStart:"50%",opacity:.85,zIndex:"9999",marginTop:"-1.563rem",marginStart:"-1.563rem"})):!N&&null!=W&&W.isRegistered?a.createElement(u.B,{spacing:6,"data-testid":"account-wishlist-page",layerStyle:"fullWidth",pt:"1.5rem",pb:{base:"1rem",lg:"1.5rem"}},a.createElement(c.s,{gap:"1rem",alignItems:"center",position:"sticky",background:"white",zIndex:"52",py:{base:"1.5rem",lg:"1rem"},mt:{base:"-1.5rem",lg:"-1rem"},top:{base:"4.5rem",lg:"6rem"}},a.createElement(c.s,{alignItems:{md:"center"},flexDir:{base:"column",md:"row"},flex:"1"},a.createElement(m.D,{as:"h1",fontSize:"md",textTransform:"uppercase",lineHeight:"1.2",color:"black",fontFamily:"secondary",display:"inline-block"},a.createElement(o.A,{defaultMessage:[{type:0,value:"Your Wish List"}],id:"account_wishlist.title.wishlist"})),a.createElement(g.E,{as:"span",fontSize:"xs",color:"darkGrey4",ms:{md:"0.5rem"}}

1,C({defaultMessage:[{type:1,value:"productCount"},{type:0,value:" Products"}],id:"global.product.count"},{productCount:_e||0}))),null!=ye&&ye.length?a.createElement(p.A,{variant:"small",placement:"bottom-end",offset:[0,0]},({onClose:e})=>{var t;return a.createElement(a.Fragment,null,a.createElement(y.W,null,a.createElement(f.$,{maxWidth:"min(calc(50% - 0.5rem), 11.875rem)",fontSize:"sm",colorScheme:"black",display:"inline-flex",onClick:()=>L(!F),backgroundColor:"lightGrey4",leftIcon:a.createElement(x.kp,{boxSize:5}),color:"black",padding:"0.5rem 1rem",flex:"1"},a.createElement(g.E,{maxW:"7.875rem",isTruncated:!0},T.displayName))),a.createElement(v.h,{border:"none",width:"15.375rem"},a.createElement(h.e,{px:"1rem",py:"0.5rem",maxHeight:"20rem",overflowY:"auto"},a.createElement(b.z,{className:"radio-buttons",borderRadius:"base",background:"white",textAlign:"start",lineHeight:"initial",value:T.categoryId,onClick:e},a.createElement(u.B,{direction:"column",gap:"0"},null===(t=pe)||void 0===t?void 0:t.map(e=>a.createElement(s.az,{key:e.displayName,_notLast:{borderBottom:"0.063rem solid",borderColor:"lightGrey3"},onClick:()=>he(e)},a.createElement(_.s,{value:e.categoryId,py:4},a.createElement(g.E,{fontSize:"sm"},e.displayName)))))))))}):""),be&&a.createElement(s.az,{"data-testid":"sf-wishlist-skeleton"},a.createElement(E.r,{columns:{base:2,md:3,lg:4,xl:5},spacingX:{base:"0.5rem",md:"0.675rem"}

1,spacingY:{base:"0.5rem",lg:"1.5rem"},id:"wishlist-items"},new Array(10).fill(0).map((e,t)=>a.createElement(I.E,{key:t})))),!be&&!(null!=ye&&ye.length)&&a.createElement(J,null),!be&&(null==ye?void 0:ye.length)&&a.createElement(a.Fragment,null,a.createElement(E.r,{columns:{base:2,md:3,lg:4,xl:5},spacingX:{base:"0.5rem",md:"0.675rem"},spacingY:{base:"0.5rem",lg:"1.5rem"},id:"wishlist-items"},null==fe?void 0:fe.map(e=>a.createElement(I.A,{"data-testid":`sf-product-tile-${e.productId}`,key:e.id,product:e.product,onFavouriteToggle:()=>oe(e)}))),(null==fe?void 0:fe.length)>0&&a.createElement(s.az,{mt:"1.5rem"},(null==fe?void 0:fe.length)!=_e&&a.createElement(s.az,{display:"flex",flexDirection:"column",alignItems:"center",gap:4},a.createElement(f.$,{width:"fit-content",bgColor:"black",textTransform:"uppercase",color:"white",fontWeight:700,fontSize:"sm",fontFamily:"secondary",padding:"0.75rem 2rem",borderRadius:"6.25rem",onClick:()=>{return R(P+z),U(!0),void ce(null==ae||null===(e=ae.customerProductListItems)||void 0===e?void 0:e.length);var e},_disabled:{backgroundColor:"black",opacity:"unset",width:"5.25rem"}},a.createElement(o.A,{defaultMessage:[{type:0,value:"Load More"}],id:"account_wishlist.load_more.text"}))),a.createElement(s.az,{textAlign:"center",mt:"1rem"},a.createElement(f.$,{variant:"text",onClick:()=>q(),leftIcon:a.createElement(x.d7,{boxSize:"0.75rem"})},a.createElement(g.E,{fontWeight:"700",textDecoration:"underline"},C({id:"wishlist.remove_all_items.button.label",defaultMessage:[{type:0,value:"Remove all items"}]}))),a.createElement(Y,{isOpen:G,onClose:$,removeAllItemFromWishlist:()=>{ie(),$()}})),a.createElement(g.E,{marginTop:"1rem",textAlign:"center",fontSize:"sm",fontWeight:400,fontFamily:"primary",color:"darkGrey3"},a.createElement(o.A,{defaultMessage:[{type:0,value:"Viewing "},{type:1,value:"start"},{type:0,value:" - "},{type:1,value:"current"},{type:0,value:" of "},{type:1,value:"total"},{type:0,value:" products"}],values:{start:1,current:(null==fe?void 0:fe.length)||0,total:_e||0},id:"account_wishlist.viewing_message.text"}))))):a.createElement(u.B,{spacing:4,"data-testid":"account-wishlist-page",layerStyle:"fullWidth",pt:{base:"1.5rem",lg:"1rem"},pb:"1.5rem"},a.createElement(S,null)))}}}]);