https://www.boxup.com/_next/static/chunks/2824-4d1c4f3369cc2753.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2824],{744020:function(e,o,t){var a=t(9259);o.Z=void 0;var n=a(t(725588)),l=t(397458);o.Z=(0,n.default)((0,l.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"}),"Cancel")},482779:function(e,o,t){var a=t(9259);o.Z=void 0;var n=a(t(725588)),l=t(397458);o.Z=(0,n.default)((0,l.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"}),"CheckCircle")},667435:function(e,o,t){t.d(o,{Z:function(){return r}});var a=t(397458),n=(t(652983),t(983680));const l=(0,n.zG)();var r=e=>(0,a.jsx)(n.DI,{...e,useStyles:l})},732824:function(e,o,t){t.d(o,{Z:function(){return H}});var a=t(397458),n=t(652983),l=t(606440),r=t(615736),i=t(590003),s=t(345936),d=t(150418),c=t(15071),p=t(589915);const u=e=>({promoCodeButtonColor:e.palette.secondary.main,buttonTextSize:"15px",totalLabelColor:e.palette.text.primary,discountValueColor:"green",skeletonColor:e.palette.primary.light}),x=(0,p.Z)(e=>({expensesWrapper:{paddingTop:"22px","& .priceText":{fontWeight:400}},expenseDivider:{marginTop:"1.5rem"},totalExpense:{display:"flex",justifyContent:"flex-end",paddingTop:"20px"},discountValue:{color:u(e).discountValueColor},totalLabel:{color:u(e).totalLabelColor},totalValue:{paddingLeft:"10px",fontWeight:"bold","&.priceText":{fontWeight:500}},primaryButton:{marginLeft:"10px","& .MuiTypography-root":{fontSize:u(e).buttonTextSize,fontWeight:500}},secondaryButton:{backgroundColor:u(e).promoCodeButtonColor,"& .MuiTypography-root":{fontSize:u(e).buttonTextSize},"&:hover":{backgroundColor:u(e).promoCodeButtonColor}},totalSkeleton:{backgroundColor:u(e).skeletonColor},orderTotalExpense:{display:"flex",justifyContent:"flex-end",paddingTop:"20px"},orderTotalValue:{paddingLeft:"10px",fontWeight:"bold","&.priceText":{fontWeight:400}}})),h=(0,p.Z)(()=>({root:{display:"flex",justifyContent:"space-between",paddingBottom:"14px"}}));var m=x,C=t(930810),v=t(51458),j=t(13948),f=t(667435),g=t(253899),Z=t(149033),b=t(501696),y=t(608301);var L=(0,p.Z)(e=>({productDisplayWrapper:{display:"flex",justifyContent:"space-between"},productDisplay:{display:"flex"},productName:{paddingLeft:"10px",paddingRight:"20px","& .product-text":{fontSize:"18px"}},removeIcon:{cursor:"pointer"},showLink:{color:"#3F51B5",cursor:"pointer",textDecoration:"underline",textTransform:"none",border:"none","&:hover":{textDecoration:"underline"},whiteSpace:"nowrap"},productsDivider:{marginTop:"25px"},rightDivider:{margin:"42px 0 30px 0",[e.breakpoints.up("md")]:{display:"none"}},deleteIconContainer:{alignSelf:"flex-end"},showMoreOrLessStyle:{textAlign:"right"}})),N=t(414005),I=t(995331),T=t(934071),k=t(964885),D=t(299443),O=t(49599);const S=e=>{let{productsInfo:o,onClickRemoveItem:t,allProductDetails:n,allProductDetailsLoading:l}=e;const{productDisplayWrapper:d,productDisplay:c,productName:p,removeIcon:u,deleteIconContainer:x}=L(),{CURRENCY_SIGN:h}=C.PaymentInfoLabels,{productMetaInfo:{productPreview:{isPreview2D:m}}}=(0,k.iE)();return(0,a.jsx)(a.Fragment,{children:null==o?void 0:o.map((e,o)=>{let{productName:C,productPrice:v,attributes:j,previewURL2dThumbnail:f,previewURL3d:g,image:Z,id:y,shippingInfo:L,isCheckoutReady:k,checkoutUnreadyReasons:D,referenceId:S}=e;const{enable2DPreview:w}=(0,O.hk)({productName:C,referenceId:S,allProductsConfig:n});return(0,a.jsxs)(r.Z,{className:d,children:[(0,a.jsxs)(r.Z,{className:c,children:[l?(0,a.jsx)(s.Z,{variant:"rounded",width:90,height:90}):(0,a.jsx)(T.Z,{height:"90",width:"90",previewURL:(0,N.u9)((m||w?f:g)||"")||Z}),(0,a.jsxs)(r.Z,{className:p,children:[(0,a.jsx)(i.Z,{variant:"h6",className:"product-text",children:(0,a.jsx)("b",{children:C||""})}),null==j?void 0:j.map((e,o)=>{let{keyDisplayName:t="",valueDisplayName:n=""}=e;return(0,a.jsx)(I.U,{keyDisplayName:t,valueDisplayName:n},t?t+o:o)})]})]}),(0,a.jsxs)(r.Z,{display:"flex",flexDirection:"column",justifyContent:"space-between",children:[(0,a.jsx)(r.Z,{children:k?(0,a.jsx)(r.Z,{display:"flex",children:(0,a.jsx)(i.Z,{variant:"body1",className:"priceText",children:(0,a.jsx)("b",{children:v?"".concat(h+v):""})})}):(0,a.jsx)(i.Z,{variant:"h5",children:(0,a.jsx)("b",{children:(null==D?void 0:D.length)&&(0,N.DO)(D[0])})})}),(0,a.jsx)(r.Z,{className:x,children:t&&(0,a.jsx)(b.Z,{className:u,onClick:()=>{t(y,null==L?void 0:L.customLineItemId)}})})]})]},C?C+o:o)})})};var w=e=>{let{productsInfo:o,onClickRemoveItem:t,productLoading:l,allProductDetails:i,allProductDetailsLoading:s}=e;const p=((null==o?void 0:o.length)||0)>

12,[u,x]=(0,n.useState)(!1),{SHOW_LESS:h,SHOW_MORE:m}=C.CheckoutFlowLabels,{showLink:v,productsDivider:j,rightDivider:f,showMoreOrLessStyle:g}=L();var Z,b;return(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(d.Z,{className:f}),l&&(0,a.jsx)(D.Z,{}),(0,a.jsx)(S,{productsInfo:null!==(Z=null==o?void 0:o.slice(0,2))&&void 0!==Z?Z:[],onClickRemoveItem:t,allProductDetails:i,allProductDetailsLoading:s}),(0,a.jsx)(y.Z,{in:u,children:(0,a.jsx)(S,{productsInfo:null!==(b=null==o?void 0:o.slice(2))&&void 0!==b?b:[],onClickRemoveItem:t,allProductDetails:i,allProductDetailsLoading:s})}),p&&(0,a.jsx)(r.Z,{className:g,children:(0,a.jsx)(c.op,{className:v,width:"medium",variant:"text",onClick:()=>x(!u),children:u?h:m})}),(0,a.jsx)(d.Z,{className:j})]})},P=t(57832),E=t(449719);var M=(0,p.Z)(e=>({modalBody:{position:"relative",top:"25%",maxWidth:"40%",padding:"45px 45px",margin:"auto",outline:"none",backgroundColor:"white",border:"1px solid #000",[e.breakpoints.down("lg")]:{maxWidth:"70%",top:"15%"},[e.breakpoints.down("md")]:{maxWidth:"90%",top:"10%"}},closeIcon:{cursor:"pointer",color:"#004E91"},bodyText:{padding:"15px 0px","& .MuiTypography-root":{marginBottom:"10px"}},viewLink:{color:"#3F51B5",cursor:"pointer",textDecoration:"underline",textTransform:"none",border:"none"}}));var A=e=>{let{promoCodeCtaInfo:o,handleOpenOfferDetailsModal:t,showOfferDetailsModal:l}=e;const{modalBody:s,closeIcon:d,bodyText:p,viewLink:u}=M(),{PROMO_MODAL_HEADER:x,PROMO_MODAL_CLOSE:h,VIEW_LESS:m,VIEW_MORE:v}=C.CheckoutFlowLabels,{message:j,detailedMessage:f,staticLegalCopy:g,couponCode:Z}=null!=o?o:{},[b,L]=(0,n.useState)(!1);return(0,a.jsx)(P.Z,{open:l,onClose:t,children:(0,a.jsxs)(r.Z,{className:s,children:[(0,a.jsxs)(r.Z,{display:"flex",justifyContent:"space-between",children:[(0,a.jsx)(i.Z,{variant:"h6",children:(0,a.jsxs)("b",{children:[x," ",Z]})}),(0,a.jsx)(r.Z,{children:(0,a.jsx)(E.Z,{onClick:t,className:d})})]}),(0,a.jsxs)(r.Z,{className:p,children:[j&&(0,a.jsx)(i.Z,{variant:"body1",children:j}),(0,a.jsx)(i.Z,{variant:"body1",children:f}),g&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y.Z,{in:b,children:(0,a.jsx)(i.Z,{variant:"body1",children:g})}),(0,a.jsx)(i.Z,{variant:"body1",className:u,onClick:()=>{L(e=>!e)},children:b?m:v})]})]}),(0,a.jsx)(r.Z,{children:(0,a.jsx)(r.Z,{display:"flex",justifyContent:"flex-end",children:(0,a.jsx)(c.op,{onClick:t,children:h})})})]})})},_=t(482779),R=t(611515),B=t(59277),U=t(542126),W=t(744020);const F=e=>({promoCodeButtonColor:e.palette.secondary.main,buttonTextSize:"15px",totalLabelColor:e.palette.text.primary,textFieldBorderColor:"rgba(0, 0, 0, 0.23)",checkIconColor:"green",invalidCoupon:"red",linkColor:"#3F51B5"});var z=(0,p.Z)(e=>({promoCodeWrapper:{width:"100%",paddingTop:"26px",display:"flex",justifyContent:"space-between","& .MuiInputBase-input.Mui-disabled":{color:F(e).totalLabelColor},"& .MuiOutlinedInput-adornedEnd, .MuiInputBase-root":{paddingRight:"0px"},"& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:F(e).textFieldBorderColor},"& .MuiOutlinedInput-root:hover fieldset":{borderColor:F(e).textFieldBorderColor},"& .MuiFormHelperText-root":{marginLeft:"0px",marginRight:"0px",display:"flex",justifyContent:"space-between"}},applyButton:{height:"100%",backgroundColor:F(e).promoCodeButtonColor,"& .MuiTypography-root":{fontSize:F(e).buttonTextSize},"&:hover":{backgroundColor:F(e).promoCodeButtonColor}},checkIcon:{color:F(e).checkIconColor},removeButtonWrapper:{position:"relative"},removeButtonLoader:{position:"absolute",top:"10px",left:"10px",zIndex:1},invalidCoupon:{color:F(e).invalidCoupon},discountApplied:{paddingRight:"10px",color:F(e).totalLabelColor},offerDetail:{display:"inline-block",cursor:"pointer",textDecoration:"underline",color:F(e).linkColor}}));var G=e=>{let{promoCodeCtaInfo:o,promoCode:t,handleOpenOfferDetailsModal:l,handlePromoCodeChange:s}=e;const{offerDetail:d,invalidCoupon:p,discountApplied:u,checkIcon:x,promoCodeWrapper:h,applyButton:m,removeButtonWrapper:f,removeButtonLoader:g}=z(),{LAYOUT_PROMOCODE_PLACEHOLDER:Z,LAYOUT_APPLY:b}=C.CheckoutFlowLabels,{INVALID_COUPON_MSG:y,OFFER_DETAILS:L,COUPON_ERROR_MSG:N}=C.PaymentInfoLabels,{boxUpEcxGlobalState:{globalCustomerData:{customerId:I=""}={}}}=(0,n.useContext)(j.q),{isValid:T,message:k,type:D,loading:O,onClick:S}=null!=o?o:{};return(0,a.jsx)(a.Fragment,{children:o&&(0,a.jsx)(r.Z,{component:"div",children:(0,a.jsx)(r.Z,{component:"div",className:h,children:(0,a.jsx)(R.Z,{variant:"outlined",fullWidth:!0,placeholder:Z,value:t,onChange:s,disabled:"remove"===(null==D?void 0:D.toLowerCase()),helperText:(()=>

1{if(o){const e=(0,a.jsx)(r.Z,{className:d,children:(0,a.jsx)(i.Z,{onClick:l,component:"span",children:L})});switch(T){case"invalid":return k?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.Z,{display:"flex",flexWrap:"wrap",alignItems:"center",children:[(0,a.jsx)(E.Z,{className:p,fontSize:"small"})," ",(0,a.jsx)(i.Z,{className:p,children:y})]}),e]}):(0,a.jsx)(i.Z,{className:p,children:N});case"valid":return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.Z,{display:"flex",flexWrap:"wrap",alignItems:"center",children:[(0,a.jsx)(i.Z,{className:u,children:k})," ",(0,a.jsx)(_.Z,{className:x,fontSize:"small"})]}),e]});default:return}}})(),error:"invalid"===T,InputProps:{endAdornment:"add"===(null==D?void 0:D.toLowerCase())?(0,a.jsx)(c.op,{variant:"contained",onClick:()=>{S&&t&&S("addCoupon",t)},className:m,loading:O,disabled:O,children:b}):(0,a.jsxs)(r.Z,{className:f,children:[(0,a.jsx)(B.Z,{onClick:()=>{S&&t&&((0,v.L8T)(I),S("removeCoupon",t))},disabled:O,size:"large",children:(0,a.jsx)(W.Z,{})}),O&&(0,a.jsx)(U.Z,{size:24,className:g})]})}})})})})},V=t(73759),Y=t(869383);var H=e=>{let{products:o,priceLoading:t,priceDetails:{discount:p,subTotal:u,totalShipping:x,salesTax:b,total:y,amountDue:L,amountPaid:N}={},primaryCtaInfo:I,secondaryCtaInfo:T,promoCodeCtaInfo:k,onClickRemoveItem:D,productLoading:O,showPriceBreakup:S=!0,onErrorSnackbar:P,isFromPendingPayment:E,cartData:M,showPendingAmount:_=!1,belowCtaSlot:R}=e;const[B,U]=(0,n.useState)(),[W,F]=(0,n.useState)(!1),[z,H]=(0,n.useState)(!1),[q,Q]=(0,n.useState)(!1),X=(0,n.useRef)(!1),{primaryButton:J,expensesWrapper:K,discountValue:$,expenseDivider:ee,totalExpense:oe,totalLabel:te,totalValue:ae,totalSkeleton:ne,secondaryButton:le,orderTotalExpense:re,orderTotalValue:ie}=m(),{data:se={},loading:de}=(0,V.aM)((0,Y.Qo)().query),{allProductDetails:ce}=se,{TOTAL:pe,SUBTOTAL:ue,LAYOUT_SUBTOTAL:xe,LAYOUT_TOTAL_SHIPPING_HANDLE:he,LAYOUT_TOTAL_SHIPPING:me,LAYOUT_TOTAL_DISCOUNT:Ce,LAYOUT_SALES_TAX:ve}=C.CheckoutFlowLabels,{ORDER_TOTAL:je,CURRENCY_SIGN:fe,AMOUNT_DUE:ge,AMOUNT_PAID:Ze}=C.MyOrdersLabel,{code:be,value:ye=""}=p||{},Le="".concat(Ce).concat(E?"":" (".concat(be,")")),{boxUpEcxGlobalState:{globalCustomerData:{customerId:Ne=""}={}}}=(0,n.useContext)(j.q),{code:Ie}=(0,v.m3c)(Ne)||{},{productAvailabilityData:Te,productAvailabilityLoading:ke,cartInventoryData:De,inventoryTrigger:Oe}=(0,Z.Z)({onErrorSnackbar:P,cartData:M});(0,n.useEffect)(()=>{z||(H(!0),Oe())},[Oe,z]);const{couponCode:Se="",onClick:we}=null!=k?k:{},{onClick:Pe,btnText:Ee=""}=T||{};(0,n.useEffect)(()=>{U(Se)},[Se]),(0,n.useEffect)(()=>{X.current||!we||!Ie||(null==I?void 0:I.disabled)||p||(X.current=!0,U(Ie),we("addCoupon",Ie))},[k,Ie,we,null==I?void 0:I.disabled,Ne,p,be]);const Me=()=>{const{disabled:e,loading:o}=I||{};return e||o||ke||q},Ae=()=>{F(e=>!e)},_e=e=>{let{label:o,value:n,labelCustomClass:l,valueCustomClass:d,negativeSign:c=!1}=e;const{root:p}=h();return(0,a.jsxs)(r.Z,{className:p,children:[(0,a.jsx)(i.Z,{variant:"body1",className:l,children:o?"".concat(o,":"):""}),t?(0,a.jsx)(s.Z,{width:30}):(0,a.jsx)(i.Z,{variant:"body1",className:"priceText ".concat(d),children:n?"".concat(c?"-":"").concat(fe).concat(n):""})]})};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(A,{showOfferDetailsModal:W,promoCodeCtaInfo:k,handleOpenOfferDetailsModal:Ae}),Te&&De&&(0,a.jsx)(g.Z,{productAvailabilityData:Te,cartInventoryData:De,setIsProductOutOfStock:Q}),(0,a.jsx)(w,{productsInfo:null!=o?o:[],onClickRemoveItem:D,productLoading:O,allProductDetails:ce,allProductDetailsLoading:de}),k&&(0,a.jsx)(G,{promoCode:B,promoCodeCtaInfo:k,handleOpenOfferDetailsModal:Ae,handlePromoCodeChange:e=>{U(e.target.value)}}),S&&(0,a.jsxs)(r.Z,{className:K,children:[(0,a.jsx)(_e,{label:xe,value:u||""}),x&&(0,a.jsx)(_e,{label:E?he:me,value:x||""}),be&&(0,a.jsx)(_e,{label:Le,value:ye,valueCustomClass:$,negativeSign:!0}),(0,a.jsx)(_e,{label:ve,value:b||""}),(0,a.jsx)(d.Z,{className:ee})]}),(0,a.jsxs)(r.Z,{className:_&&re||oe,children:[(0,a.jsx)(i.Z,{variant:"h5",className:_&&je||S&&pe||ue,children:S?pe:ue}),t?(0,a.jsx)(s.Z,{width:30,className:ne}):(0,a.jsx)(i.Z,{variant:"h5",className:"".concat(ae," priceText"),children:y?"".concat(fe+(S?y:u)):""})]}),_&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.Z,{className:re,children:[(0,a.jsx)(i.Z,{variant:"h6",className:te,children:Ze}),(0,a.jsx)(i.Z,{variant:"h6",className:"".concat(ie," priceText"),children:t?(0,a.jsx)(s.Z,{width:30,className:ne}):N&&"- ".concat(fe).concat(N)})]}),(0,a.jsxs)(r.Z,{className:oe,children:[(0,a.jsx)(i.Z,{variant:"h6",className:te,children:ge}),(0,a.jsx)(i.Z,{variant:"h6",className:"".concat(ie," priceText"),children:t?(0,a.jsx)(s.Z,{width:30,className:ne}):L&&"".concat(fe).concat(L)})]})]}),(0,a.jsxs)(r.Z,{className:oe,children:[T&&(0,a.jsx)(c.op,{variant:"contained",onClick:Pe,className:le,children:Ee}),I&&(e=>{const{onClick:o,loading:t,startIcon:n,btnText:r="",tooltipTitle:i}=e||{};let s=(0,a.jsx)(f.Z,{variant:"contained",onClick:o,className:J,disabled:Me(),loading:t,startIcon:n,children:r});return i&&(s=(0,a.jsx)(l.Z,{title:i,children:(0,a.jsx)("span",{children:s})})),s})(I)]}),R]})}},299443:function(e,o,t){t.d(o,{Z:function(){return c}});var a=t(397458),n=t(615736),l=t(696198),r=t(345936),i=t(652983),s=t(13948);var d=(0,t(589915).Z)(()=>({skeletonGrid:{marginBottom:"2px"},productNameStyle:{marginRight:"20%"}}));var c=()=>{const{boxUpEcxGlobalState:{cartCount:e}}=(0,i.useContext)(s.q),o=e>1?2:1,t=[],{skeletonGrid:c,productNameStyle:p}=d();for(let e=0;e<o;e+=1)t.push(e);return(0,a.jsx)(n.Z,{children:t.map(e=>(0,a.jsxs)(l.ZP,{container:!0,className:c,children:[(0,a.jsx)(l.ZP,{item:!0,xs:3,children:(0,a.jsx)(r.Z,{variant:"rectangular",width:"85%",height:90})}),(0,a.jsxs)(l.ZP,{item:!0,xs:7,children:[(0,a.jsx)(r.Z,{className:p}),(0,a.jsx)(r.Z,{width:"40%"}),(0,a.jsx)(r.Z,{width:"50%"})]}),(0,a.jsx)(l.ZP,{item:!0,xs:2,children:(0,a.jsx)(r.Z,{})})]},e))})}}}]);