https://www.boxup.com/_next/static/chunks/1272.76889619b77acda2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1272],{691272:function(e,t,o){o.r(t),o.d(t,{default:function(){return B}});var n=o(397458),i=o(652983),l=o(817361),r=o.n(l),d=o(449719),a=o(779955),c=o.n(a),u=o(73759),s=o(140165),p=o(589915);const f=e=>({paperBackground:e.palette.background.paper,buttonFontSize:"15px",fontWeightMedium:"500",closeIconColor:"#004E91"});var m=(0,p.Z)(e=>({root:{padding:"1.25rem 2.5rem",backgroundColor:f(e).paperBackground},modalBody:{position:"relative",top:"25%",maxWidth:"40%",padding:"20px 45px 45px",margin:"auto",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:f(e).closeIconColor},bodyText:{padding:"15px 0px"},addToCartButton:{height:"2.5rem",marginTop:"15px","& .MuiTypography-root":{fontSize:f(e).buttonFontSize,fontWeight:f(e).fontWeightMedium}}})),v=o(15071),g=o(320434),b=o(13948),h=o(987324),S=o(161958),x=o(414005),C=o(57832),I=o(615736),k=o(590003),y=o(623947),E=o(964885),T=o(869383),j=o(42437),A=o(930810),_=o(669156),D=o(51458),M=o(939838);const{SAMPLE_PRODUCT_HEADER:P,SAMPLE_PRODUCT_BODY:Z,ADD_TO_CART:w}=A.PDPLabels;var B=e=>{let{productDetails:{sampleProduct:{version:t,productID:o,attributeConfiguration:l,selectedAttributes:a,includeInUserSelection:p}},openModal:f,onClickAddToCart:A,handleOpenModal:B,trackEvent:N,isAddToCartApiLoading:U}=e;var V,O;const K=m(),{boxUpEcxGlobalState:{getAuthToken:W,globalCustomerData:q}}=(0,i.useContext)(b.q),R=(0,y.K)(),{pricingContextInfo:{brand:z,defaultCurrency:L,merchant:H,market:F}}=(0,E.iE)(),{QUANTITY:G,SIZE:Y}=j.productAttributeHardcodedKeys,{state:{sampleProduct:Q}}=(0,i.useContext)(h.U),[X,J]=(0,i.useState)(),[$,ee]=(0,i.useState)({}),[te,oe]=(0,i.useState)(),[ne,ie]=(0,i.useState)(),[le,re]=(0,i.useState)(),[de,ae]=(0,i.useState)(),{data:ce}=(0,u.aM)((0,T.S5)(o,R).query,{variables:{referenceId:o,locale:R}}),{data:ue,trigger:se,loading:pe}=(0,D.wbh)({referenceId:o,productVersion:t.toString(),authToken:W(),customerKey:null==q?void 0:q.customerKey,email:null==q?void 0:q.email,merchant:H,market:F,accountId:M.X0,productAttributeHardcodedKeys:j.productAttributeHardcodedKeys,customerGroupKey:null==q||null===(O=q.customerGroup)||void 0===O||null===(V=O.obj)||void 0===V?void 0:V.key}),fe=(0,i.useCallback)(()=>{var e;const t=null==$||null===(e=$.finalSelection)||void 0===e?void 0:e.Quantity;var o,n,i,l,r,d;if(null==$?void 0:$.finalSelection)return{userId:null==q?void 0:q.customerId,product_id:null==ne?void 0:ne.contentId,sku:null==Q?void 0:Q.productID,category:"Sample Boxes",name:(null==ne?void 0:ne.title)||"",variant:null==$||null===(o=$.finalSelection)||void 0===o?void 0:o.Size,other_attributes:c()(null==$?void 0:$.finalSelection,G,Y),brand:z,price:t&&ue?+(0,x.Mo)(null===(n=ue[t])||void 0===n?void 0:n.unitPrice,j.qp):void 0,quantity:+(null!=t?t:"1"),currency:L,value:t&&ue?+(0,x.Mo)(null===(i=ue[t])||void 0===i?void 0:i.totalPrice,j.qp):void 0,image_url:null!==(d=null==ne||null===(r=ne.additionalModelInfo)||void 0===r||null===(l=r.defaultProductUrl)||void 0===l?void 0:l.image)&&void 0!==d?d:"",url:window.location.href}},[q,Q,$.finalSelection,ue,z,G,Y,L,ne]);(0,i.useEffect)(()=>{if(ce){const e=(0,S.jC)(ce);ie(e)}},[ce]),(0,i.useEffect)(()=>{ne&&re((0,S._b)(R,ne.configuration))},[ne,R]),(0,i.useEffect)(()=>{if(ne){const e={...l};if(ne.defaultSelection){const t=ne.defaultSelection;Object.keys(t).forEach(o=>{e[o]||(e[o]=t[o])})}ae(e)}},[l,ne]),(0,i.useEffect)(()=>{if($&&$.finalSelection){const e=$.finalSelection[G];oe(e),se({quantityList:[e],selections:$.finalSelection})}},[G,se,$]);const me=(0,i.useMemo)(()=>{let e="";return Object.entries(a).forEach(t=>{let[o,n]=t;e+="".concat(o,": ").concat(n)}),e},[a]),ve=(0,i.useMemo)(()=>{var e;return ue&&te?null===(e=ue[te])||void 0===e?void 0:e.totalPrice.toString():""},[ue,te]);return(0,i.useEffect)(()=>{if(ue&&N){const e=fe();e&&!r()(X,e)&&(N(_.EVENT_TYPES.PRODUCT_VIEW,{...e,label:null==e?void 0:e.name}),J(e))}},[ue,fe,N,X]),(0,n.jsx)(C.Z,{open:f,onClose:B,children:(0,n.jsxs)(I.Z,{className:K.modalBody,children:[(0,n.jsxs)(I.Z,{display:"flex",justifyContent:"space-between",children:[(0,n.jsx)(k.Z,{variant:"h6",children:(0,n.jsx)("b",{children:P})}),(0,n.jsx)(I.Z,{children:(0,n.jsx)(d.Z,{onClick:B,className:K.closeIcon})})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(I.Z,{className:K.bodyText,children:(0,g.TT)(Z,R,[(null==ne?void 0:ne.title)||"",me,ve])}),(0,n.jsx)(s.Z,{productDetails:{showResetButton:!1,isSampleProduct:!0,

1customization:null==le?void 0:le.genericAttrConfiguration,referenceId:(null==ne?void 0:ne.referenceId)||"",productVersion:(null==ne?void 0:ne.productVersion)||1},cmsDefaultConfiguration:de,onChange:e=>{let{selections:t}=e;ee(t)},includeInUserSelection:p})]}),(0,n.jsx)(I.Z,{display:"flex",justifyContent:"flex-end",children:(0,n.jsx)(v.op,{className:K.addToCartButton,onClick:()=>{if(ue&&ne){const{productVersion:e,sku:t,updatedAt:o,contentId:n,productId:i,fulfillerId:l,additionalModelInfo:r,title:d,referenceId:a,mcpSkuVersion:c}=ne;A({mcpSku:t,priceData:ue,productVersion:Number(e),referenceId:a,selections:$,productId:i||"",contendId:n||"",updatedAt:o,fulfillerId:l||"",additionalModelInfo:r,attrConfig:le,title:d,mcpSkuVersion:c})}},loading:U,disabled:pe||U,children:w})})]})})}}}]);