1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,827773,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var r=i(e.r(421506)),s=e.r(391398);a.default=(0,r.default)((0,s.jsx)("path",{d:"m15 5-1.41 1.41L18.17 11H2v2h16.17l-4.59 4.59L15 19l7-7-7-7z"}),"East")},420,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var r=i(e.r(421506)),s=e.r(391398);a.default=(0,r.default)((0,s.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle")},92986,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var r=i(e.r(421506)),s=e.r(391398);a.default=(0,r.default)((0,s.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 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 12 17 15.59z"}),"Cancel")},930553,280406,577526,e=>{"use strict";var t=e.i(391398),a=e.i(760814),i=e.i(430559),r=e.i(191788),s=e.i(577609),n=e.i(41158),l=e.i(627997),o=e.i(203828),c=e.i(722446),d=e.i(583701),p=e.i(936641);e.i(350461);var u=e.i(460997),m=e.i(75907),x=e.i(753892),h=e.i(968731),f=e.i(662260),g=e.i(46739),g=g;let b=(0,e.i(866495).default)();var y=e.i(806830),v=e.i(316162),I=e.i(347539),k=e.i(223551),w=e.i(853259);let j=["component","direction","spacing","divider","children","className","useFlexGap"],_=(0,I.default)(),N=b("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,t)=>t.root});function S(e){return(0,y.default)({props:e,name:"MuiStack",defaultTheme:_})}let C=({ownerState:e,theme:t})=>{let a=(0,m.default)({display:"flex",flexDirection:"column"},(0,k.handleBreakpoints)({theme:t},(0,k.resolveBreakpointValues)({values:e.direction,breakpoints:t.breakpoints.values}),e=>({flexDirection:e})));if(e.spacing){let i=(0,w.createUnarySpacing)(t),r=Object.keys(t.breakpoints.values).reduce((t,a)=>(("object"==typeof e.spacing&&null!=e.spacing[a]||"object"==typeof e.direction&&null!=e.direction[a])&&(t[a]=!0),t),{}),s=(0,k.resolveBreakpointValues)({values:e.direction,base:r}),n=(0,k.resolveBreakpointValues)({values:e.spacing,base:r});"object"==typeof s&&Object.keys(s).forEach((e,t,a)=>{if(!s[e]){let i=t>0?s[a[t-1]]:"column";s[e]=i}}),a=(0,h.deepmerge)(a,(0,k.handleBreakpoints)({theme:t},n,(t,a)=>e.useFlexGap?{gap:(0,w.getValue)(i,t)}:{"& > :not(style) + :not(style)":{margin:0,[`margin${({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[a?s[a]:e.direction]}`]:(0,w.getValue)(i,t)}}))}return(0,k.mergeBreakpointsInOrder)(t.breakpoints,a)};var D=e.i(88298),z=e.i(401764);let A=function(e={}){let{createStyledComponent:a=N,useThemeProps:i=S,componentName:s="MuiStack"}=e,n=a(C);return r.forwardRef(function(e,a){let l,o=i(e),c=(0,v.extendSxProp)(o),{component:d="div",direction:p="column",spacing:h=0,divider:b,children:y,className:I,useFlexGap:k=!1}=c,w=(0,u.default)(c,j),_=(0,f.unstable_composeClasses)({root:["root"]},e=>(0,g.default)(s,e),{});return(0,t.jsx)(n,(0,m.default)({as:d,ownerState:{direction:p,spacing:h,useFlexGap:k},ref:a,className:(0,x.default)(_.root,I)},w,{children:b?(l=r.Children.toArray(y).filter(Boolean)).reduce((e,t,a)=>(e.push(t),a<l.length-1&&e.push(r.cloneElement(b,{key:`separator-${a}`})),e),[]):y}))})}({createStyledComponent:(0,D.default)("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,t)=>t.root}),useThemeProps:e=>(0,z.default)({props:e,name:"MuiStack"})});var F=e.i(773831),q=e.i(512057);let $=({message:e,setOpen:a,alertProps:i,...r})=>{let s=(e,t)=>{"clickaway"!==t&&a(!1)},n=(0,t.jsx)("div",{children:(0,t.jsx)(F.default,{size:"small","aria-label":"close",color:"inherit",onClick:s,children:(0,t.jsx)(q.default,{fontSize:"small"})})});return(0,t.jsx)(d.default,{...r,anchorOrigin:{vertical:"bottom",horizontal:"center"},action:n,onClose:s,children:(0,t.jsx)(A,{sx:{width:"100%"},spacing:2,children:(0,t.jsx)(p.default,{severity:"error",variant:"filled",...i,children:e})})})};var O=e.i(683125),T=e.i(827773),E=e.i(538865);e.i(656720);var P=e.i(148357),L=e.i(326801);
1let R=a.default.div.withConfig({displayName:"CartPopup__ModalContainer",componentId:"sc-b1a02b65-0"})` 2position: absolute; 3top: 50%; 4left: 50%; 5transform: translate(-50%, -50%); 6background-color: white; 7max-width:523px; 8width:100%; 9border-radius:8px; 10box-shadow: 5px 10px 18px #000; 11font-family:"helvetica-neue-lt-pro", sans-serif; 12font-weight:normal; 13${s.default.tablet}{ 14 width:90%; 15} 16.mt-2{ 17 margin-top:20px; 18 } 19 .grey-color{ 20 color:#676767; 21 } 22 .mb-2{ 23 margin-bottom:20px; 24 } 25.thank-text{ 26 margin:10px 0; 27 font-family:"helvetica-neue-lt-pro", sans-serif; 28} 29.modal-body{ 30h4,p,.cta-container{ 31 padding:0 40px; 32 ${s.default.tablet}{ 33 padding:0 20px; 34 } 35} 36} 37.close-icon{ 38 display:flex; 39 justify-content:end; 40 margin-right:20px; 41 margin-top:20px; 42 } 43.main-container-box { 44 h4 { 45 font-size: 18px; 46 font-weight: bold; 47 margin-bottom: 10px; 48 } 49 p { 50 font-size: 14px; 51 line-height: 1.5; 52 } 53 p:nth-child(2){ 54 font-size:12px; 55 } 56 .modal-heading{ 57 font-size:12px; 58 } 59 } 60 61 .cta-container { 62 margin: 20px 0; 63 display:flex; 64 flex-wrap:wrap; 65 gap:10px; 66 button.active{ 67 background-color: #000; 68 color:#fff; 69 } 70 button { 71 color: #000; 72 padding: 10px 20px; 73 border: none; 74 outline: none; 75 width:48%; 76 cursor: pointer; 77 font-family:"helvetica-neue-lt-pro", sans-serif; 78 transition: background-color 0.3s ease; 79 &:focus { 80 outline: none; 81 } 82 } 83 } 84 .modal-content{ 85 p{ 86 font-size:12px; 87 } 88 h4{ 89 font-size:18px; 90 } 91 .note{ 92 color:#676767; 93 margin-bottom:30px; 94 margin-top:10px; 95 } 96 ${s.default.tablet}{ 97 .content{ 98 max-height:500px; 99 height:100%; 100 overflow-y: scroll; 101 ::-webkit-scrollbar {
102 width:4px; 103 } 104 } 105 } 106 } 107 .modal-content { 108 .garage, 109 .outdoor-kitchen { 110 margin-top: 20px; 111 112 .titles-included { 113 display: flex; 114 align-items: center; 115 gap: 5px; 116 117 svg { 118 color: green; 119 } 120 } 121 } 122 } 123 124 .modal-footer { 125 text-align: center; 126 background:#F2F2F2 0% 0% no-repeat padding-box; 127 padding:20px; 128 .footer-txt{ 129 font-family:"helvetica-neue-lt-pro", sans-serif; 130 } 131 .modal-bottom { 132 display: flex; 133 justify-content: center; 134 align-items: baseline; 135 gap: 10px; 136 margin-top:20px; 137 flex-direction:column; 138 .textfield{ 139 display:flex; 140 justify-content: center; 141 align-items: baseline; 142 gap:10px; 143 width:100%; 144 flex-direction:column; 145 form{ 146 width:100%; 147 .input-container{ 148 display:flex; 149 justify-content: center; 150 align-items: baseline; 151 gap:10px; 152 width:100%; 153 .input-field{ 154 position:relative; 155 } 156 } 157 } 158 .thank-text{ 159 margin:10px auto; 160 } 161 } 162 .wrong-zipcode{ 163 width:100%; 164 text-align:center; 165 color:#f44336; 166 font-size:14px; 167 letter-spacing: 1px; 168 } 169 } 170 form{ 171 position:relative; 172 button{ 173 position: absolute; 174 margin-top: 10px; 175 right: 5px; 176 border:0; 177 } 178 input{ 179 padding: 5px; 180 border: 1px solid #ccc; 181 border-radius: 5px; 182 outline: none; 183 } 184 svg{ 185 position:absolute; 186 top: 55%; 187 right: 5px; 188 color: rgb(27 23 23); 189 border: none; 190 transform: translateY(-50%); 191 cursor: pointer; 192 z-index: 3; 193 } 194 } 195 } 196 .table-container{ 197 background:#F2F2F2; 198 padding:20px 40px; 199 border-top:1px solid #ccc; 200 margin-top:30px; 201 padding-bottom:30px; 202 203 } 204 .service-table { 205 border-collapse: collapse; 206 thead th,tbody td{ 207 border-right:1px solid #ccc; 208 border-bottom:1px solid #ccc; 209 } 210 thead th:last-child,tbody td:last-child{ 211 border-right:0; 212 } 213 thead th:nth-child(1),tbody td:nth-child(1){ 214 width:50%; 215 } 216 thead th:nth-child(2),tbody td:nth-child(2), thead th:nth-child(3),tbody td:nth-child(3){ 217 text-align:center; 218 } 219 220 thead{ 221 text-align:left; 222 } 223 thead th{ 224 padding-bottom:5px; 225 } 226 thead th,tbody td{ 227 font-size:14px; 228 } 229} 230 231.service-table td { 232 padding: 8px 10px; 233} 234.MuiSvgIcon-root{ 235 font-size: 18px; 236} 237.check { 238 color: #8BD1FF; /* Green for checkmarks */ 239 text-align: center; 240} 241 242.cross { 243 color:#767676; /* Red for crosses */ 244 text-align: center; 245} 246 247`,M=function(e){let{title:a,description:s,modalOpen:n,setModalClose:c,setActiveInstallation:d,activeInstallation:p,tab1:u,tab2:m,tab1_title:x,tab2_title:h,tab1_content:f,tab2_content:g,serviceable:b,showTextfield:y,allSameSku:v}=e,[I,k]=(0,r.useState)(!1),w="";w=localStorage.getItem("sf-cartId");let j=(0,o.useRouter)().asPath.split("/").includes("ca"),{zipcodeContext:_}=(0,r.useContext)(l.ZipcodeContext),N=P.object({zipCode:L.string().typeError("Invalid Input").matches(/^[0-9]{5}(-[0-9]{4})?$/,"Invalid zipcode").required("This field is required")}),S=P.object({zipcodeCA:L.string("Enter Postal Code").matches(/^[ABCEGHJ-NPRSTVXY]\d[ABCEGHJ-NPRSTV-Z][ ]?\d[ABCEGHJ-NPRSTV-Z]\d$/i,"Invalid postal code. Must be alphanumeric.").required("This field is required")}),C=async(e,{setSubmitting:t,resetForm:a})=>{try{await i.default.post("/api/sf-cart/attributes",{cartId:w,notes:JSON.stringify([{name:"shipping_type",value:v?"single":"split"},{name:"zipcode",value:`${_}`},{name:"installlation_instrested",value:"yes"}])}),a()}catch(e){console.error("Error submitting form:",e)}finally{t(!1)}k(!0)},D=()=>{let{validateField:e,errors:a,touched:i,values:r,handleChange:s}=(0,E.useFormikContext)();return(0,t.jsx)(t.Fragment,{children:I&&!a.zipCode?(0,t.jsxs)("p",{className:"thank-text",children:["Your ",j?"postal code":"zip code"," has been recorded for future service expansions."]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(E.Form,{children:(0,t.jsxs)("div",{className:"input-container",children:[(0,t.jsxs)("p",{className:"footer-txt",children:["Enter your ",j?"postal code":"zip code"]}),(0,t.jsxs)("div",{className:"input-field",children:[j?(0,t.jsx)(E.Field,{type:"text",name:"zipcodeCA",placeholder:_,id:"zipcodeCA",onChange:t=>{s(t),e("zipcodeCA")},value:r.zipcodeCA,maxLength:7}):(0,t.jsx)(E.Field,{type:"text",name:"zipCode",placeholder:_,id:"zipCode",onChange:t=>{s(t),e("zipCode")},value:r.zipCode,maxLength:5}),(0,t.jsx)("button",{type:"submit",children:(0,t.jsx)(T.default,{})})]})]})}),j?a.zipcodeCA&&i.zipcodeCA?(0,t.jsx)("p",{className:"wrong-zipcode",children:a?.zipcodeCA}):(0,t.jsx)("p",{className:"wrong-zipcode"}):a.zipCode&&i.zipCode?(0,t.jsx)("p",{className:"wrong-zipcode",children:a?.zipCode}):(0,t.jsx)("p",{className:"wrong-zipcode"})]})})};return(0,t.jsx)(O.default,{open:n,onClose:c,sx:{outline:"none"},children:(0,t.jsx)(R,{children:(0,t.jsxs)("div",{className:"main-container-box",children:[(0,t.jsx)("div",{className:"close-icon",children:(0,t.jsx)(q.default,{onClick:c,sx:{cursor:"pointer"}})}),(0,t.jsxs)("div",{className:"modal-body",children:[(0,t.jsx)("h4",{children:a}),(0,t.jsx)("p",{className:"modal-heading",children:s}),(0,t.jsxs)("div",{className:"cta-container",children:[(0,t.jsxs)("button",{onClick:()=>d(u),className:p==u?"active":"",children:[" ",x," "]}),(0,t.jsxs)("button",{onClick:()=>{d(m),k(!1)},className:p==m?"active":"",children:[" ",h]})]}),(0,t.jsx)("div",{className:"modal-content",children:p==u?f:g})]}),b?(0,t.jsx)(t.Fragment,{}):("garage"==u||"outdoor"==m)&&(0,t.jsxs)("div",{className:"modal-footer",children:[(0,t.jsx)("p",{className:"footer-txt",children:"Installation unavailable in your area?"}),(0,t.jsx)("p",{children:"Let us know youâre interested, so we know
247where to expand our services next."}),(0,t.jsx)("div",{className:"modal-bottom",children:(0,t.jsx)("div",{className:"textfield",children:(0,t.jsx)(()=>(0,t.jsx)(E.Formik,{initialValues:j?{zipcodeCA:""}:{zipCode:""},validationSchema:j?S:N,onSubmit:C,validateOnChange:!0,validateOnBlur:!1,children:(0,t.jsx)(D,{})}),{})})})]})]})})})};var G=e.i(420),B=e.i(92986),U=e.i(126019),K=e.i(241129);let V=a.default.div.withConfig({displayName:"ReviewCartSF__MainDiv",componentId:"sc-4d0da687-0"})` 248 width: 850px; 249 margin-bottom: 50px; 250 .service-description{ 251 a.nap-social-info{ 252 color:#0072bc; 253 text-decoration:underline; 254 margin:0 5px; 255 font-family: "helvetica-neue-lt-pro", sans-serif; 256 } 257 } 258 .service-description.installation-unavailable{ 259 margin-top:10px!important; 260 } 261 .dc-margin{ 262 margin:20px 0; 263 background: #ffff0073; 264 padding:0 20px; 265 display: inline-block; 266 margin:10px 0; 267 font-size:12px; 268 } 269 .hide-pip-link{ 270 pointer-events:none; 271 } 272 @media (max-width: 1200px) { 273 max-width: 500px; 274 } 275 @media (max-width: 990px) { 276 max-width: 100%; 277 margin-bottom: 0; 278 } 279 280 @media (max-width: 500px) { 281 padding: 0 10px; 282 } 283 .showDesktop { 284 display: block; 285 ${s.default.laptopS} { 286 display: none; 287 } 288 } 289 .showMobile { 290 display: none; 291 ${s.default.laptopS} { 292 display: block; 293 } 294 } 295 .learn-cta { 296 color: #0072bc; 297 text-decoration: underline; 298 text-align: right; 299 margin-top: 40px; 300 margin-bottom: 10px; 301 span { 302 font-size: 14px; 303 cursor: pointer; 304 } 305 ${s.default.laptopS} { 306 text-align: center; 307 p { 308 font-family: "helvetica-neue-lt-pro", sans-serif; 309 font-size: 14px; 310 font-weight: 500; 311 } 312 margin: 20px 0; 313 } 314 } 315 .total-price-section{ 316 display:flex; 317 justify-content: space-between; 318 width: 100%; 319 align-items: center; 320 position:relative; 321 padding-top: 25px; 322 margin-top:20px; 323 .price-text{ 324 margin-left:33px; 325 font-family: 'helvetica-neue-lt-pro', sans-serif; 326 font-weight: 500; 327 text-transform: uppercase; 328 } 329 .total-price{ 330 font-family: 'helvetica-neue-lt-pro', sans-serif; 331 font-weight: 500; 332 font-size:16px; 333 position:relative; 334 ${s.default.laptopS}{ 335 font-size:16px; 336 } 337 } 338 &:before{ 339 content: ''; 340 position: absolute; 341 width: 96%; 342 height: 1px; 343 background: #00000033; 344 top: 0; 345 margin-left: 30px; 346 ${s.default.laptopS}{ 347 width: 100%; 348 margin:0 auto; 349 } 350 } 351 } 352 .total-price-section.offer{ 353 flex-direction:column; 354 align-items: flex-start; 355 margin-bottom: -20px; 356 .item1,.item2{ 357 display:flex; 358 width:100%; 359 justify-content:space-between; 360 p{ 361 font-family:'helvetica-neue-lt-pro', sans-serif; 362 } 363 p:nth-child(1){ 364 font-size:14px; 365 margin-bottom:10px; 366 } 367 p:nth-child(2){ 368 font-size:18px; 369 @media(max-width:1200px){ 370 font-size:16px; 371 } 372 ${s.default.laptopS}{ 373 font-size:14px; 374 } 375 } 376 } 377 ${s.default.laptopS}{ 378 :before{ 379 /* margin-left:35px; */ 380 } 381 } 382 } 383 .installation-container-box { 384 margin-top:40px; 385 transition: all 0.3s ease-out; 386 .service-heading.professional-installation{ 387 .info-icon{ 388 display: inline-block; 389 width: 14px; 390 height: 14px; 391 border: 1px solid #000; 392 border-radius: 50%; 393 color: #000; 394 margin-left: 8px; 395 cursor: pointer; 396 position: absolute; 397 margin-top: 7px; 398 :hover{ 399 background:#000; 400 ::after { 401 color:#fff; 402 } 403 } 404 &:after { 405 content: 'i'; 406 position: absolute; 407 font-size: 12px; 408 -webkit-transform: translate(-50%, -50%); 409 -ms-transform: translate(-50%, -50%); 410 transform: translate(-50%, -50%); 411 left: 50%; 412 top: 50%; 413 font-weight: bold; 414 } 415 ${s.default.laptopS}{ 416 margin-top:1px; 417 } 418 } 419 .d-block{ 420 @media(max-width:440px){ 421 display:block; 422 } 423 } 424 } 425 .installation-container.service-container{ 426 align-items: flex-start; 427 .icon{ 428 margin-top:-10px; 429 svg{ 430 font-size:35px; 431 cursor:pointer; 432 } 433 } 434 .service-text{ 435 ${s.default.laptopS}{ 436 p{ 437 margin-left:-10px; 438 } 439 } 440 } 441 .checkbox-container.disabled{ 442 input{ 443 cursor: default; 444 pointer-events: none; 445 } 446 span{ 447 background-color: #ccc !important; 448 cursor: default; 449 pointer-events: none; 450 } 451 } 452 } 453 .installation-type.show { 454 display:flex; 455 flex-direction: column; 456 gap: 10px; 457 } 458 .installation-type.hide { 459 display:none; 460 } 461 .installation-type { 462 padding-bottom:30px; 463 @media(max-width:990px){ 464 padding-bottom:25px; 465 } 466 .installation-para{ 467 padding-left: 60px; 468 padding-right: 25px; 469 @media (max-width: 990px) { 470 padding-left: 40px; 471 padding-right: 20px; 472 } 473 } 474 .installation-para + .installation-para { 475 margin-top: 10px; 476 } 477 .service-fee { 478 margin: 10px 0; 479 }
480 .titles-included { 481 display: flex; 482 font-size: 16px; 483 align-items:start; 484 width: 100%; 485 font-family: "helvetica-neue-lt-pro", sans-serif; 486 @media (max-width: 990px) { 487 align-items: start; 488 padding-left: 0px; 489 } 490 label { 491 margin: 0; 492 margin-right: 0px; 493 } 494 svg { 495 font-size: 20px; 496 fill: #0072bc; 497 } 498 .show-in-desktop{ 499 display:inline-block; 500 margin-right:5px; 501 @media (max-width: 990px) { 502 display:none; 503 } 504 } 505 p { 506 font-size: 14px; 507 margin: 0px 30px 0 10px; 508 width: 100%; 509 @media (max-width: 1200px) { 510 margin: 0px 10px 0 10px; 511 } 512 @media (max-width: 990px) { 513 width: 100%; 514 font-size: 12px; 515 margin: 0px 10px 0 5px; 516 } 517 .product-name { 518 font-family: "helvetica-neue-lt-pro", sans-serif; 519 font-weight: 500; 520 } 521 } 522 h3{ 523 span{ 524 font-size:18px; 525 @media(max-width:1200px){ 526 font-size:16px; 527 } 528 ${s.default.laptopS}{ 529 font-size:16px; 530 } 531 } 532 } 533 .install-price { 534 display: block; 535 @media (max-width: 990px) { 536 font-size: 14px; 537 } 538 .plus { 539 margin-right: 5px; 540 } 541 span { 542 display: flex; 543 font-family: "helvetica-neue-lt-pro", sans-serif; 544 } 545 } 546 .checkbox-container.disable { 547 input{ 548 cursor:default; 549 pointer-events:none; 550 } 551 span{ 552 background-color:#ccc!important; 553 cursor:default; 554 pointer-events:none; 555 } 556 } 557 .checkbox-container { 558 display: block; 559 position: relative; 560 padding-left: 25px; 561 margin-bottom: 12px; 562 font-size: 22px; 563 -webkit-user-select: none; 564 -moz-user-select: none; 565 -ms-user-select: none; 566 user-select: none; 567 input { 568 position: absolute; 569 opacity: 0; 570 cursor: pointer; 571 height: 0; 572 width: 0; 573 } 574 .checkmark { 575 position: absolute; 576 cursor: pointer; 577 top: 0; 578 left: 0; 579 height: 20px; 580 width: 20px; 581 background-color: #fff; 582 border-radius: 4px; 583 border: 2px solid #dbdbdb; 584 } 585 /* On mouse-over, add a grey background color */ 586 &:hover input ~ .checkmark { 587 background-color: #ccc; 588 } 589 590 /* When the checkbox is checked, add a blue background */ 591 input:checked ~ .checkmark { 592 background-color: #2196f3; 593 } 594 /* Create the checkmark/indicator (hidden when not checked) */ 595 .checkmark:after { 596 content: ""; 597 position: absolute; 598 display: none; 599 } 600 601 /* Show the checkmark when checked */ 602 input:checked ~ .checkmark:after { 603 display: block; 604 } 605 606 /* Style the checkmark/indicator */ 607 .checkmark:after { 608 left: 4px; 609 top: 0px; 610 width: 5px; 611 height: 10px; 612 border: solid white; 613 border-width: 0 3px 3px 0; 614 -webkit-transform: rotate(45deg); 615 -ms-transform: rotate(45deg); 616 transform: rotate(45deg); 617 } 618 } 619 } 620 .installation-para { 621 display: flex; 622 justify-content: space-between; 623 } 624 .installation-para.offer { 625 .total-price-section{ 626 flex-direction:column; 627 margin-top:20px; 628 margin-bottom:-20px; 629 .item1,.item2{ 630 width:100%; 631 display:flex; 632 justify-content: space-between; 633 .price-text { 634 font-family: 'helvetica-neue-lt-pro', sans-serif; 635 font-size:14px; 636 } 637 .total-price{ 638 font-family: 'helvetica-neue-lt-pro', sans-serif; 639 } 640 } 641 .item2{ 642 margin-top:8px; 643 } 644 } 645 } 646 .types-box { 647 display: flex; 648 align-items:center; 649 justify-content: space-between; 650 font-family: "helvetica-neue-lt-pro", sans-serif; 651 font-weight: 500; 652 padding-left:97px; 653 @media(max-width:990px){ 654 padding-left:40px; 655 padding-right:20px; 656 } 657 p.price{ 658 padding-right:25px; 659 @media(max-width:990px){ 660 padding-right:0px; 661 } 662 } 663 p.waived { 664 font-size: 18px; 665 font-family: "helvetica-neue-lt-pro", sans-serif; 666 font-weight: 500; 667 color: #000; 668 @media (max-width: 990px) { 669 font-size: 14px; 670 } 671 } 672 .fee-note { 673 font-size: 12px; 674 font-style: italic; 675 color: #767676; 676 margin-top: 15px; 677 @media (max-width: 990px) { 678 margin-left:0; 679 } 680 } 681 } 682 .types { 683 display: flex; 684 align-items: center; 685 gap: 20px; 686 input[type="checkbox"] { 687 width: 18px; 688 height: 18px; 689 cursor: pointer; 690 accent-color: #0072bc; 691 } 692 p { 693 font-size: 14px; 694 @media (max-width: 990px) { 695 font-size: 12px; 696 } 697 } 698 } 699 } 700 &.checked { 701 @media (max-width: 990px) { 702 box-shadow: 0px 1px 0px #dbdbdb; 703 background: #f7f7f7 0% 0% no-repeat padding-box; 704 } 705 .service-container { 706 border: 0; 707 @media (max-width: 990px) { 708 box-shadow: unset; 709 } 710 } 711 .installation-type { 712 .titles-included { 713 display: flex; 714 align-items: flex-start; 715 gap: 2px; 716 width: 100%; 717 @media (max-width: 990px) { 718 padding-left: 0px; 719 } 720 svg { 721 font-size: 16px; 722 fill: #0072bc; 723 } 724 p { 725 font-size: 14px; 726 @media (max-width: 990px) { 727 font-size: 12px; 728 } 729 } 730 } 731 } 732 } 733 } 734 .installation-container.service-container.white-glove-service{ 735 margin-top:40px; 736 .service-text{ 737 .sub-heading{ 738 display:block; 739 font-family: 'helvetica-neue-lt-pro', sans-serif; 740 font-size: 14px; 741 margin-top: 5px; 742 @media(max-width:990px){ 743 margin-top: 13px; 744 } 745 } 746 } 747 .service-text:nth-child(2),.service-text:nth-child(3){ 748 ${s.default.laptopS}{ 749 margin-left:-8px; 750 } 751 } 752 .service-text{ 753 .heading{ 754 @media(max-width:1200px){ 755 font-size:14px; 756 } 757 } 758 .heading.show-mob{ 759 @media(max-width:990px){ 760 font-size:20px; 761 } 762 } 763 } 764 .service-text:nth-child(2), .service-text:nth-child(3){ 765 padding-left:36px; 766 ${s.default.laptopS}{ 767 padding-left:0px; 768 } 769 } 770 .service-description.palletized{ 771 color: #676767; 772 @media(max-width:1200px){ 773 font-size:12px; 774 } 775 } 776 .service-heading.showMobile{ 777 .heading,.sub-heading{ 778 margin-left:-8px; 779 } 780 .sub-heading{ 781 ${s.default.laptopS}{ 782 max-width:300px; 783 width:100%; 784 } 785 } 786 .checkbox-container.disabled{ 787 .checkmark { 788 background: #ccc; 789 cursor: default; 790 pointer-events:none; 791 } 792 input{ 793 pointer-events:none; 794 } 795 } 796 } 797 } 798 .sub-heading { 799 font-size: 16px; 800 font-family: "helvetica-neue-lt-pro", sans-serif; 801 font-weight: normal; 802 @media (max-width: 990px) { 803 margin-top: 20px; 804 } 805 } 806 .cart-count { 807 display: flex; 808 align-items: center; 809 justify-content: space-between; 810 margin-bottom: 30px; 811 @media (max-width: 990px) { 812 justify-content: space-between; 813 margin:40px 0; 814 } 815 .main-heading { 816 font-family: "helvetica-neue-lt-pro", sans-serif; 817 font-weight: 500; 818 font-size: 30px; 819 @media (max-width: 1200px) { 820 font-size:24px; 821 } 822 @media (max-width: 990px) { 823 font-size: 20px; 824 font-weight:700; 825 } 826 } 827 .desc { 828 font-family: "helvetica-neue-lt-pro", sans-serif; 829 font-size: 18px; 830 color: #666666;// change for web accessibility 831 text-decoration: underline; 832 cursor: pointer; 833 font-weight: 500; 834 background: transparent; 835 border: unset; 836 @media (max-width:990px) { 837 font-weight: 400; 838 font-size: 12px; 839 } 840 @media (max-width: 767px) { 841 margin-bottom: 10px; 842 } 843 } 844 .main-heading + .desc { 845 margin-top: 0; 846 } 847 } 848 .cart-items.desktop { 849 display: block; 850 ${s.default.laptopS} { 851 display: none; 852 } 853 } 854 .cart-items.mobile { 855 display: none; 856 .minus-btn.disable,.plus-btn.disable { 857 pointer-events: none; 858 } 859 ${s.default.laptopS} { 860 display: block;
861 .cart-item.cart-item-mobile.disable{ 862 opacity:0.7; 863 .disable-text{ 864 font-size:12px; 865 } 866 } 867 .product-quantity-mob { 868 text-align: center; 869 .product-quantity { 870 /* pointer-events:none; */ 871 } 872 .product-quantity { 873 display: flex; 874 justify-content: center; 875 align-items: center; 876 margin: 10px 0; 877 gap: 0; 878 span { 879 width: 30px; 880 height: 30px; 881 font-size: 26px; 882 } 883 input { 884 max-width: 35px; 885 height: 35px; 886 text-align: center; 887 border: 1px solid #DBDBDB; 888 } 889 .minus-btn { 890 margin-top: -20px; 891 } 892 } 893 .product-remove { 894 text-align: center; 895 display: inline-block; 896 width: 30px; 897 height: 30px; 898 svg { 899 width: 22px; 900 height: 25px; 901 } 902 } 903 } 904 905 .product-quantity { 906 display: flex; 907 justify-content: center; 908 align-items: center; 909 margin: 10px 0; 910 gap: 10px; 911 input { 912 max-width: 30px; 913 text-align: center; 914 } 915 .minus-btn { 916 margin-top: -12px; 917 } 918 } 919 .product-remove { 920 text-align: center; 921 img { 922 width: 22px; 923 } 924 } 925 } 926 } 927 .cart-items { 928 margin-top: 10px; 929 .cart-item.cart-item-desktop.disable { 930 opacity:0.7; 931 } 932 .cart-item { 933 display: flex; 934 gap: 20px; 935 margin-bottom: 20px; 936 border-bottom: 1px solid #dbdbdb; 937 padding-bottom: 20px; 938 .product-quantity.disable{ 939 pointer-events:none 940 } 941 .img-container { 942 width: 200px; 943 border: 0.5px solid #ccc; 944 padding: 8px; 945 /* padding-bottom:3px; */ 946 display: flex; 947 img { 948 width: 100%; 949 } 950 @media (max-width: 1200px) { 951 max-width: 150px; 952 } 953 ${s.default.laptopS} { 954 max-width: 120px; 955 } 956 } 957 .details-container { 958 width: 100%; 959 display: flex; 960 flex-direction: column; 961 justify-content: space-between; 962 .product-title { 963 font-family: "helvetica-neue-lt-pro", sans-serif; 964 font-weight: 500; 965 font-size: 14px; 966 max-width: 380px; 967 @media (max-width: 1200px) { 968 font-size:14px; 969 } 970 @media (max-width: 990px) { 971 font-size: 12px; 972 font-weight: 400; 973 } 974 } 975 .disable-text{ 976 margin-top:20px; 977 color:#ea0707; 978 font-size:14px; 979 } 980 .product-sku { 981 font-family: "helvetica-neue-lt-pro", sans-serif; 982 font-size: 12px; 983 letter-spacing: 0.9; 984 color: #565d64;// change for web accessibility 985 line-height: 14px; 986 margin: 10px 0; 987 @media (max-width: 990px) { 988 font-size: 12px; 989 letter-spacing: 0.75px; 990 margin: 5px 0; 991 } 992 } 993 .product-variant { 994 font-family: "helvetica-neue-lt-pro", sans-serif; 995 font-size: 14px; 996 max-width:280px; 997 @media (max-width: 990px) { 998 font-size: 12px; 999 } 1000 } 1001 .installation-available.not-available{ 1002 cursor:default; 1003 } 1004 .installation-available { 1005 font-size: 15px; 1006 cursor: pointer; 1007 font-family: "helvetica-neue-lt-pro", sans-serif; 1008 font-weight: 500; 1009 } 1010 .offer-sec { 1011 font-size: 14px; 1012 span { 1013 border: 1px solid #a7a7a7; 1014 border-radius: 3px; 1015 padding: 5px; 1016 } 1017 } 1018 .install-container { 1019 display: flex; 1020 align-items: center; 1021 margin-top: 20px; 1022 .MuiCheckbox-root { 1023 padding: 0; 1024 padding-right: 5px; 1025 } 1026 p { 1027 margin-left: 5px; 1028 margin-top: 0px; 1029 @media (max-width: 767px) { 1030 margin-left: 5px; 1031 margin-top: 0px; 1032 font-size: 14px; 1033 } 1034 @media (max-width: 400px) { 1035 font-size:12px; 1036 } 1037 1038 } 1039 .checkbox-container.not-available{ 1040 .checkmark{ 1041 background:#ccc; 1042 cursor:default; 1043 } 1044 input{ 1045 cursor:default; 1046 } 1047 } 1048 .checkbox-container { 1049 display: block; 1050 position: relative; 1051 padding-left: 25px; 1052 margin-bottom: 12px; 1053 font-size: 22px; 1054 -webkit-user-select: none; 1055 -moz-user-select: none;
1056 -ms-user-select: none; 1057 user-select: none; 1058 height: 10px; 1059 input { 1060 position: absolute; 1061 opacity: 0; 1062 cursor: pointer; 1063 height: 0; 1064 width: 0; 1065 } 1066 .checkmark { 1067 position: absolute; 1068 cursor: pointer; 1069 top: 0; 1070 left: 0; 1071 height: 20px; 1072 width: 20px; 1073 background-color: #fff; 1074 border-radius: 4px; 1075 border: 2px solid #dbdbdb; 1076 } 1077 /* On mouse-over, add a grey background color */ 1078 &:hover input ~ .checkmark { 1079 background-color: #ccc; 1080 } 1081 1082 /* When the checkbox is checked, add a blue background */ 1083 input:checked ~ .checkmark { 1084 background-color: #2196f3; 1085 } 1086 /* Create the checkmark/indicator (hidden when not checked) */ 1087 .checkmark:after { 1088 content: ""; 1089 position: absolute; 1090 display: none; 1091 } 1092 1093 /* Show the checkmark when checked */ 1094 input:checked ~ .checkmark:after { 1095 display: block; 1096 } 1097 1098 /* Style the checkmark/indicator */ 1099 .checkmark:after { 1100 left: 4px; 1101 top: 0px; 1102 width: 5px; 1103 height: 10px; 1104 border: solid white; 1105 border-width: 0 3px 3px 0; 1106 -webkit-transform: rotate(45deg); 1107 -ms-transform: rotate(45deg); 1108 transform: rotate(45deg); 1109 } 1110 } 1111 ${s.default.laptopS} { 1112 margin-top: 10px; 1113 input { 1114 margin: 0; 1115 } 1116 } 1117 } 1118 } 1119 .price-container { 1120 display: flex; 1121 flex-direction: column; 1122 justify-content: space-between; 1123 text-align: right; 1124 align-items: end; 1125 .product-price { 1126 font-family: "helvetica-neue-lt-pro", sans-serif; 1127 font-weight: 500; 1128 font-size: 18px; 1129 @media (max-width: 1200px) { 1130 font-size:16px; 1131 } 1132 @media (max-width: 990px) { 1133 font-size: 14px; 1134 } 1135 } 1136 .compare-price { 1137 font-size: 14px; 1138 color: #1c1c1c; 1139 text-decoration: line-through; 1140 font-family: "helvetica-neue-lt-pro", sans-serif; 1141 } 1142 .product-savings { 1143 font-family: "helvetica-neue-lt-pro", sans-serif; 1144 font-weight: 500; 1145 font-size: 12px; 1146 color: #ea0707; 1147 margin-top: 5px; 1148 display: flex; 1149 gap: 5px; 1150 } 1151 .sample-product { 1152 color: #0072bc; 1153 } 1154 .product-quantity { 1155 margin-top: 10px; 1156 display: flex; 1157 gap: 10px; 1158 align-items: center; 1159 justify-content: center; 1160 input { 1161 width: 35px; 1162 height: 35px; 1163 /* pointer-events: none; */ 1164 text-align: center; 1165 border: 1px #DBDBDB solid; 1166 font-size: 12px; 1167 } 1168 input:focus{ 1169 outline:none; 1170 } 1171 span { 1172 font-size: 24px; 1173 cursor: pointer; 1174 user-select: none; 1175 -webkit-user-select: none; 1176 -moz-user-select: none; 1177 -ms-user-select: none; 1178 } 1179 .minus-btn { 1180 margin-top: -15px; 1181 } 1182 .minus-btn.disable,.plus-btn.disable { 1183 pointer-events: none; 1184 } 1185 } 1186 .product-remove { 1187 margin-top: 13px; 1188 font-family: "helvetica-neue-lt-pro", sans-serif; 1189 font-size: 12px; 1190 color: #666666!important; 1191 text-decoration: underline; 1192 text-align: center; 1193 cursor: pointer; 1194 } 1195 } 1196 } 1197 .cart-item-desktop { 1198 @media (max-width: 500px) { 1199 display: none; 1200 } 1201 } 1202 .cart-item-mobile { 1203 display: none; 1204 ${s.default.laptopS} { 1205 display: flex; 1206 margin-bottom: 20px; 1207 gap: 10px; 1208 .cart-mobile { 1209 display: flex; 1210 flex-direction: column; 1211 gap: 7px; 1212 justify-content: start; 1213 align-items: start; 1214 text-align: left; 1215 width: 100%; 1216 .saving { 1217 font-size: 12px; 1218 margin-top: 10px; 1219 color: #ea0707; 1220 } 1221 .product-price-mob { 1222 display: flex; 1223 flex-direction: row; 1224 align-items: center; 1225 justify-content: start; 1226 gap: 10px; 1227 .product-savings { 1228 text-align: left; 1229 } 1230 } 1231 .product-quantity-mob { 1232 display: flex; 1233 flex-direction: row; 1234 gap: 20px; 1235 .product-remove { 1236 margin-top: 17px; 1237 } 1238 } 1239 } 1240 } 1241 } 1242 } 1243 .service-container.white-glove { 1244 background: #fff; 1245 } 1246 .installation-container-box { 1247 background: #f7f7f7 0% 0% no-repeat padding-box; 1248 box-shadow: 0px 2px 0px #00000033; 1249 .installation-container { 1250 background: inherit; 1251 box-shadow: none; 1252 } 1253 } 1254 .installation-container-box.disabled{ 1255 .service-text,.total-price{ 1256 /* opacity:0.3; */ 1257 } 1258 .icon{ 1259 svg{ 1260 display:none; 1261 } 1262 } 1263 .service-description.offer{ 1264 display:none; 1265 } 1266 .checkmark{ 1267 background-color: #ccc!important; 1268 pointer-events:none; 1269 } 1270 input{ 1271 pointer-events:none; 1272 } 1273 .checkbox-container{ 1274 input:checked ~ .checkmark:after{ 1275 display:none; 1276 } 1277 } 1278 } 1279 .installation-container { 1280 padding: 25px; 1281 padding-left: 60px; 1282 display: flex; 1283 gap: 20px; 1284 justify-content: space-between; 1285 margin-top: 5px; 1286 background: #f7f7f7 0% 0% no-repeat padding-box; 1287 box-shadow: 0px 2px 0px #00000033; 1288 padding-top:40px; 1289 ${s.default.laptopS}{ 1290 gap:10px; 1291 .service-heading.showMobile{ 1292 .info-icon { 1293 display: inline-block; 1294 width: 14px; 1295 height: 14px; 1296 border: 1px solid #000; 1297 border-radius: 50%; 1298 color: #fff; 1299 margin-left: 4px; 1300 cursor: pointer; 1301 position: relative; 1302 top:2px; 1303 :hover{ 1304 background:#000; 1305 ::after { 1306 color:#fff; 1307 } 1308 } 1309 ::after { 1310 content: "i"; 1311 position: absolute; 1312 font-size: 12px; 1313 transform: translate(-50%, -50%); 1314 left: 50%; 1315 top: 50%; 1316 font-weight: bold; 1317 color:#000; 1318 } 1319 } 1320 } 1321 } 1322 .checkbox-container { 1323 display: block; 1324 position: relative; 1325 margin-left:-40px; 1326 font-size: 22px; 1327 -webkit-user-select: none; 1328 -moz-user-select: none;
1329 -ms-user-select: none; 1330 user-select: none; 1331 margin-bottom: -6px; 1332 input { 1333 position: absolute; 1334 opacity: 0; 1335 cursor: pointer; 1336 height: 0; 1337 width: 0; 1338 } 1339 .checkmark { 1340 position: absolute; 1341 cursor: pointer; 1342 top: 0; 1343 left: 0; 1344 height: 20px; 1345 width: 20px; 1346 background-color: #fff; 1347 border-radius: 4px; 1348 border: 2px solid #dbdbdb; 1349 } 1350 ${s.default.laptopS}{ 1351 margin-bottom:-2px; 1352 } 1353 /* On mouse-over, add a grey background color */ 1354 &:hover input ~ .checkmark { 1355 background-color: #ccc; 1356 } 1357 1358 /* When the checkbox is checked, add a blue background */ 1359 input:checked ~ .checkmark { 1360 background-color: #2196f3; 1361 } 1362 /* Create the checkmark/indicator (hidden when not checked) */ 1363 .checkmark:after { 1364 content: ""; 1365 position: absolute; 1366 display: none; 1367 } 1368 1369 /* Show the checkmark when checked */ 1370 input:checked ~ .checkmark:after { 1371 display: block; 1372 } 1373 1374 /* Style the checkmark/indicator */ 1375 .checkmark:after { 1376 left: 4px; 1377 top: 0px; 1378 width: 5px; 1379 height: 10px; 1380 border: solid white; 1381 border-width: 0 3px 3px 0; 1382 -webkit-transform: rotate(45deg); 1383 -ms-transform: rotate(45deg); 1384 transform: rotate(45deg); 1385 } 1386 } 1387 .service-heading.show-desktop{ 1388 margin-bottom:8px; 1389 position:relative; 1390 position:relative; 1391 .info-icon{ 1392 display: inline-block; 1393 width: 14px; 1394 height: 14px; 1395 border: 1px solid #000; 1396 border-radius: 50%; 1397 color: #000; 1398 margin-left: 8px; 1399 @media(max-width:500px){ 1400 margin-left: 3px; 1401 top:17px; 1402 } 1403 cursor: pointer; 1404 position: absolute; 1405 margin-top: 3px; 1406 top:0; 1407 :hover{ 1408 background:#000; 1409 ::after { 1410 color:#fff; 1411 } 1412 } 1413 :after { 1414 content: 'i'; 1415 position: absolute; 1416 font-size: 12px; 1417 transform: translate(-50%, -50%); 1418 left: 50%; 1419 top: 50%; 1420 font-weight: bold; 1421 } 1422 ${s.default.laptopS}{ 1423 margin-top:2px; 1424 } 1425 } 1426 } 1427 .service-heading, 1428 .sub-heading { 1429 font-size: 24px; 1430 @media (max-width: 1200px) { 1431 font-size: 20px; 1432 } 1433 @media (max-width: 990px) { 1434 font-size: 14px; 1435 } 1436 } 1437 .service-heading, 1438 .heading, 1439 .total-price, 1440 .zonal-fee, 1441 .service-price { 1442 font-family: "helvetica-neue-lt-pro", sans-serif; 1443 font-weight: 500; 1444 @media (max-width: 1200px) { 1445 font-size:16px; 1446 } 1447 @media (max-width: 990px) { 1448 font-size: 20px; 1449 } 1450 } 1451 .total-price { 1452 font-size: 24px; 1453 @media (max-width: 990px) { 1454 font-size: 14px; 1455 } 1456 } 1457 .white-glove-sec { 1458 display: flex; 1459 align-items: flex-start; 1460 .MuiCheckbox-root { 1461 padding: 0; 1462 } 1463 .whiteglove-unavailable{ 1464 font-family: "helvetica-neue-lt-pro", sans-serif; 1465 font-size: 14px; 1466 display:flex; 1467 flex-direction:column; 1468 gap:5px; 1469 margin-top:10px; 1470 margin-left:10px; 1471 @media(max-width:990px){ 1472 margin-left:5px; 1473 } 1474 } 1475 .offer-discount.show-desktop{ 1476 color:#EA0707; 1477 font-size:14px; 1478 margin-left: 10px; 1479 font-family: 'helvetica-neue-lt-pro', sans-serif; 1480 margin-top:10px; 1481 @media (max-width: 1200px) { 1482 font-size:14px; 1483 } 1484 ${s.default.laptopS}{ 1485 font-size:14px; 1486 margin-left:5px; 1487 } 1488 ${s.default.mobileL}{ 1489 font-size:13px; 1490 } 1491 } 1492 p { 1493 margin-left: 10px; 1494 @media (max-width: 990px) { 1495 margin-left: 5px; 1496 } 1497 } 1498 .checkbox-container.not-available { 1499 .checkmark{ 1500 background:#ccc; 1501 cursor:default; 1502 } 1503 input{ 1504 cursor:default; 1505 } 1506 } 1507 .checkbox-container { 1508 display: block; 1509 position: relative; 1510 padding-left: 25px; 1511 font-size: 22px; 1512 -webkit-user-select: none; 1513 -moz-user-select: none;
1514 -ms-user-select: none; 1515 user-select: none; 1516 input { 1517 position: absolute; 1518 opacity: 0; 1519 cursor: pointer; 1520 height: 0; 1521 width: 0; 1522 } 1523 .checkmark { 1524 position: absolute; 1525 cursor: pointer; 1526 top: 0; 1527 left: 0; 1528 height: 20px; 1529 width: 20px; 1530 background-color: #fff; 1531 border-radius: 4px; 1532 border: 2px solid #dbdbdb; 1533 } 1534 /* On mouse-over, add a grey background color */ 1535 &:hover input ~ .checkmark { 1536 background-color: #ccc; 1537 } 1538 1539 /* When the checkbox is checked, add a blue background */ 1540 input:checked ~ .checkmark { 1541 background-color: #2196f3; 1542 } 1543 /* Create the checkmark/indicator (hidden when not checked) */ 1544 .checkmark:after { 1545 content: ""; 1546 position: absolute; 1547 display: none; 1548 } 1549 1550 /* Show the checkmark when checked */ 1551 input:checked ~ .checkmark:after { 1552 display: block; 1553 } 1554 1555 /* Style the checkmark/indicator */ 1556 .checkmark:after { 1557 left: 4px; 1558 top: 0px; 1559 width: 5px; 1560 height: 10px; 1561 border: solid white; 1562 border-width: 0 3px 3px 0; 1563 -webkit-transform: rotate(45deg); 1564 -ms-transform: rotate(45deg); 1565 transform: rotate(45deg); 1566 } 1567 } 1568 } 1569 .zonal-fee, 1570 .service-price { 1571 font-size: 18px; 1572 @media (max-width: 990px) { 1573 font-size: 14px; 1574 } 1575 } 1576 } 1577 .installation-container.white-glove{ 1578 box-shadow:none; 1579 } 1580 .installation-container.white-glove.price-total.price2{ 1581 box-shadow: 0px 2px 0px #00000033; 1582 .total-price-section{ 1583 margin-top:10px; 1584 } 1585 } 1586 .installation-container.white-glove.disabled{ 1587 .service-text,.service-price.price>span{ 1588 /* opacity:0.3; */ 1589 } 1590 } 1591 .installation-container.white-glove { 1592 margin-top: 0; 1593 padding: 0px 25px 25px; 1594 .price-section{ 1595 text-align:right; 1596 .service-price.price1{ 1597 font-size:14px; 1598 font-family: 'helvetica-neue-lt-pro', sans-serif; 1599 text-decoration:line-through; 1600 } 1601 .service-price.price{ 1602 margin-bottom:6px; 1603 } 1604 } 1605 @media (max-width: 1200px) { 1606 padding: 0px 25px 25px; 1607 } 1608 ${s.default.laptopS} { 1609 padding: 0px 20px 25px; 1610 } 1611 p { 1612 font-size: 16px; 1613 @media (max-width: 1200px) { 1614 font-size: 14px; 1615 } 1616 @media (max-width: 500px) { 1617 max-width:200px; 1618 } 1619 } 1620 .service-price.price { 1621 font-size: 18px; 1622 @media (max-width: 1200px) { 1623 font-size:16px; 1624 } 1625 @media (max-width: 990px) { 1626 font-size: 14px; 1627 display: flex; 1628 justify-content: end; 1629 } 1630 } 1631 .service-description.palletized { 1632 font-size: 14px; 1633 margin-top: 5px; 1634 color: #676767; 1635 } 1636 .white-glove-sec{ 1637 padding-left:75px; 1638 ${s.default.laptopS}{ 1639 padding-left:60px; 1640 } 1641 } 1642 } 1643 .installation-container.white-glove.price-total{ 1644 padding-left:65px; 1645 ${s.default.laptopS}{ 1646 padding-left:40px; 1647 } 1648 } 1649 .installation-container.service-container { 1650 box-shadow: none; 1651 margin-bottom: 0; 1652 } 1653 .installation-container-box .installation-container { 1654 margin: 0; 1655 } 1656 .service-container { 1657 .delivery-details { 1658 width: 100%; 1659 display: flex; 1660 flex-direction: column; 1661 gap: 20px; 1662 .service-text { 1663 display: flex; 1664 justify-content: space-between; 1665 } 1666 .service-price { 1667 text-transform: uppercase; 1668 } 1669 .curbside-delivery{ 1670 .checkbox-container{ 1671 margin-left:0; 1672 margin-bottom:0; 1673 ${s.default.laptopS}{ 1674 margin-left:-10px; 1675 } 1676 } 1677 .service-text{ 1678 ${s.default.laptopS}{ 1679 padding-left:20px!important; 1680 margin-left:0!important; 1681 } 1682 } 1683 } 1684 } 1685 1686 @media (max-width: 990px) { 1687 box-shadow: 0px 1px 0px #dbdbdb; 1688 background: #f7f7f7 0% 0% no-repeat padding-box; 1689 border: 0; 1690 } 1691 ${s.default.laptopS} { 1692 padding: 30px 20px 20px 50px; 1693 gap: 10px; 1694 } 1695 1696 input[type="checkbox"], 1697 input[type="radio"] { 1698 &:before { 1699 content: ""; 1700 background: #fff; 1701 border-radius: 50%; 1702 border: 1.5px solid #dbdbdb; 1703 display: inline-block; 1704 width: 1.4em; 1705 height: 1.4em; 1706 position: relative; 1707 top: 50%; 1708 left: -5px; 1709 transform: translateY(-50%); 1710 margin-right: 1em; 1711 vertical-align: top; 1712 cursor: pointer; 1713 transition: all 250ms ease; 1714 } 1715 /* &:checked { 1716 &:before { 1717 background-color: #0072bc; 1718 border: 1.5px solid #0072bc; 1719 box-shadow: inset 0 0 0 4px #fff; 1720 } 1721 } */ 1722 } 1723 1724 &.selected { 1725 background-color: #f0f0f0;
1726 border: 1.5px solid #f0f0f0; 1727 } 1728 1729 .service-text { 1730 flex-grow: inherit; 1731 1732 .service-description { 1733 font-family: "helvetica-neue-lt-pro", sans-serif; 1734 font-size: 14px; 1735 margin-top: 5px; 1736 @media (max-width: 990px) { 1737 font-size: 14px; 1738 margin-top: 13px; 1739 } 1740 span { 1741 color: #0072bc; 1742 cursor: pointer; 1743 } 1744 span.notranslate{ 1745 color:#000; 1746 cursor:default; 1747 } 1748 } 1749 .service-description.offer{ 1750 color:#EA0707; 1751 } 1752 } 1753 } 1754 .installation-container.white-glove{ 1755 .service-price.price{ 1756 .plus-icon{ 1757 margin-right:5px; 1758 } 1759 } 1760 } 1761 .maximum-cart-limit{ 1762 color: red; 1763 text-align: center; 1764 margin:40px 0; 1765 a{ 1766 color: #0072bc; 1767 } 1768 a{ 1769 padding:0 5px; 1770 } 1771 a:nth-child(2){ 1772 padding-right:0; 1773 } 1774 } 1775 .zipcode-mob{ 1776 @media(max-width:990px){ 1777 margin-top:40px; 1778 } 1779 } 1780 .installation-price{ 1781 .installation-info{ 1782 position:relative; 1783 .info-icon{ 1784 display: inline-block; 1785 width: 16px; 1786 height: 16px; 1787 border: 1px solid #000; 1788 border-radius: 50%; 1789 color: #fff; 1790 margin-left: 6px; 1791 cursor: pointer; 1792 position: relative; 1793 top:2px; 1794 :hover{ 1795 background:#000; 1796 ::after { 1797 color:#fff; 1798 } 1799 } 1800 ::after { 1801 content: "i"; 1802 position: absolute; 1803 font-size: 14px; 1804 transform: translate(-50%, -50%); 1805 left: 50%; 1806 top: 50%; 1807 font-weight: bold; 1808 color:#000; 1809 ${s.default.laptopS}{ 1810 font-size:10px; 1811 } 1812 } 1813 ${s.default.laptopS}{ 1814 top:0px; 1815 width: 14px; 1816 height: 14px; 1817 } 1818 .tooltip-text{ 1819 display:none; 1820 position:absolute; 1821 width:275px; 1822 top:26px; 1823 right:-50px; 1824 z-index:99; 1825 font-size: 14px; 1826 font-weight: normal; 1827 background:#fff; 1828 padding:10px 15px; 1829 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); 1830 border-radius:5px; 1831 color:#000; 1832 .bold{ 1833 font-weight: bold; 1834 padding-top:3px; 1835 } 1836 .disclaimer{ 1837 display:block; 1838 font-weight: bold; 1839 } 1840 ${s.default.laptopS}{ 1841 font-size:12px; 1842 width:220px; 1843 left:auto; 1844 right:-19px; 1845 } 1846 } 1847 } 1848 .info-icon{ 1849 :hover, :focus, :focus-within{ 1850 .tooltip-text{ 1851 display:block; 1852 } 1853 } 1854 :focus-visible{ 1855 outline: 2px solid #EA0707; 1856 outline-offset: 2px; 1857 } 1858 } 1859 } 1860} 1861 1862`,H=a.default.div.withConfig({displayName:"ReviewCartSF__ZipcodeContainer",componentId:"sc-4d0da687-1"})` 1863 margin-bottom: 40px; 1864 .zipcode-container.outer-container.no-leadtime{ 1865 .content-section{ 1866 .info-icon{ 1867 top:2px; 1868 margin-left:5px; 1869 } 1870 } 1871 } 1872 .zipcode-container { 1873 display: flex; 1874 flex-wrap: wrap; 1875 justify-content: space-between; 1876 .zipcode-text { 1877 width: 39%; 1878 display: flex; 1879 align-items: baseline; 1880 justify-content: center; 1881 font-family: "helvetica-neue-lt-pro", sans-serif; 1882 ${s.default.laptopS} { 1883 width: 50%; 1884 i { 1885 display: none; 1886 } 1887 } 1888 .bold { 1889 font-family: "helvetica-neue-lt-pro", sans-serif; 1890 font-weight: 500; 1891 @media (max-width: 990px) { 1892 1893 } 1894 } 1895 button.text { 1896 text-decoration: underline; 1897 cursor: pointer; 1898 margin-top: 5px; 1899 font-size: 16px; 1900 margin-left:5px; 1901 border:0; 1902 background:inherit; 1903 font-family: "helvetica-neue-lt-pro", sans-serif; 1904 padding:0; 1905 @media (max-width: 990px) { 1906 font-weight: 400; 1907 } 1908 } 1909 .zipcode{ 1910 margin-left:5px; 1911 @media (max-width: 990px) { 1912 margin-left:0; 1913 } 1914 } 1915 @media (max-width: 990px) { 1916 display:inline-block; 1917 span{ 1918 font-size:14px; 1919 } 1920 button.text{ 1921 font-size:14px; 1922 } 1923 } 1924 button.text{ 1925 ${s.default.tablet}{ 1926 display:inline-block; 1927 margin:0; 1928 } 1929 } 1930 } 1931 .estimated-text { 1932 font-family: "helvetica-neue-lt-pro", sans-serif; 1933 display: inline-block; 1934 span.bold{ 1935 font-weight:bold; 1936 } 1937 span:nth-child(2){ 1938 ${s.default.tablet}{ 1939 display:block; 1940 } 1941 } 1942 @media (max-width: 1200px) { 1943 font-size: 14px; 1944 } 1945 @media (max-width: 990px) { 1946 font-family: 'helvetica-neue-lt-pro', sans-serif; 1947 .tooltip-text{ 1948 font-family:"helvetica-neue-lt-pro", sans-serif; 1949 } 1950 } 1951 } 1952 .estimated-text.not-deliverable{ 1953 font-size:12px; 1954 font-family: "helvetica-neue-lt-pro", sans-serif; 1955 } 1956 p.estimated-desc { 1957 color: #4d4d4d; 1958 margin-top: 5px; 1959 font-size: 14px; 1960 font-family: "helvetica-neue-lt-pro", sans-serif; 1961 ${s.default.laptopS} { 1962 display: none; 1963 } 1964 } 1965 .content-section { 1966 width: 60%; 1967 ${s.default.laptopS} { 1968 width: 50%; 1969 } 1970 } 1971 .content-section.mobile { 1972 .estimated-text{ 1973 display:flex; 1974 justify-content:center; 1975 align-items:center; 1976 span:nth-child(1){ 1977 font-size:14px; 1978 } 1979 span:nth-child(2){ 1980 font-size:14px; 1981 } 1982 @media(max-width: 550px) { 1983 font-size:14px; 1984 } 1985 } 1986 .MuiSkeleton-root{ 1987 display:inline-block; 1988 width:100px; 1989 margin-left:5px; 1990 @media(max-width:990px){ 1991 width:80px; 1992 } 1993 } 1994 } 1995 .content-section.desktop { 1996 ${s.default.laptopS}{ 1997 display:none; 1998 } 1999 } 2000 .content-section { 2001 display:flex; 2002 justify-content:center; 2003 align-items:center; 2004 .deliveryInfo{ 2005 .MuiSkeleton-root{ 2006 display:inline-block; 2007 width:100px; 2008 margin-left:5px; 2009 } 2010 } 2011 } 2012 .content-section.mobile.not-deliverable{ 2013 padding:10px 5px; 2014 } 2015 .content-section.mobile { 2016 display: none; 2017 position: relative; 2018 ${s.default.laptopS} { 2019 display: block; 2020 &:before { 2021 content: ""; 2022 position: absolute; 2023 left: 0; 2024 height: 40px; 2025 width: 1px; 2026 background: #dbdbdb; 2027 top: 50%; 2028 transform: translateY(-50%); 2029 } 2030 } 2031 } 2032 .zipcode-text, 2033 .content-section { 2034 background: #f5f5f7 0% 0% no-repeat padding-box; 2035 box-shadow: 0px 2px 0px #00000026; 2036 text-align: center; 2037 padding: 10px; 2038 @media (max-width: 550px) { 2039 padding: 10px; 2040 } 2041 .info-icon { 2042 display: inline-block; 2043 width: 16px; 2044 height: 15px; 2045 border: 1px solid #000; 2046 border-radius: 50%; 2047 color: #fff; 2048 margin-left: 4px; 2049 cursor: pointer; 2050 position: relative; 2051 top:-5px; 2052 :hover{ 2053 background:#000; 2054 ::after { 2055 color:#fff; 2056 } 2057 } 2058 ::after { 2059 content: "i"; 2060 position: absolute; 2061 font-size: 12px; 2062 transform: translate(-50%, -50%); 2063 left: 50%; 2064 top: 50%; 2065 font-weight: bold; 2066 color:#000; 2067 ${s.default.laptopS}{ 2068 font-size:10px; 2069 } 2070 } 2071 ${s.default.laptopS}{ 2072 top:0px; 2073 width: 14px; 2074 height: 14px; 2075 } 2076 } 2077 .tooltip-container { 2078 position: relative; 2079 display: inline-block; 2080 } 2081 .tooltip-text { 2082 visibility: hidden; 2083 background-color: white; 2084 color: #000; 2085 padding: 5px 10px; 2086 border-radius: 5px; 2087 font-size: 12px; 2088 position: absolute; 2089 top: -60px; /* Position above the icon */ 2090 white-space: nowrap; /* Prevent text wrapping */ 2091 z-index: 1000; 2092 opacity: 0; 2093 transition: opacity 0.2s; 2094 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); 2095 font-family: "helvetica-neue-lt-pro", sans-serif; 2096 padding:8px 10px; 2097 .show-us{ 2098 padding:8px 10px; 2099 } 2100 @media (max-width: 990px) { 2101 right: 0; 2102 } 2103 } 2104 2105 .tooltip-container:hover .tooltip-text, 2106 .tooltip-container:focus-within .tooltip-text { 2107 visibility: visible; 2108 opacity: 1; 2109 } 2110 } 2111 } 2112 ${s.default.laptopS} { 2113 margin-bottom: 20px; 2114 } 2115`;
2115e.s(["default",0,function({cart:e,setCart:a,setLoading:s,getPriceCount:d,selectedDelivery:p,setSelectedDelivery:u,getPrice:m,installationData:x,proInstallQty:h,getCartData:f,deliveryDate:g,leadTimeData:b,priceData:y,allSameSku:v,draft_zipCode_value:I,setSkus:k,leadtime_data:w,getEstimatedDeliveryTime:j,emptyLoading:_,setGiftPrice:N,installationSku:S,tradeDraft:C,setCartPromotions:D,draftDiscount:z,cartPromotions:A,getDeliveryDate:F}){let q,[O,T]=(0,r.useState)(!1),[E,P]=(0,r.useState)(!1),[L,R]=(0,r.useState)(!1),[W,Z]=(0,r.useState)("garage"),[J,Y]=(0,r.useState)("Curbside Delivery"),[Q,X]=(0,r.useState)(),ee=(0,r.useRef)(null),[et,ea]=(0,r.useState)(!1),[ei,er]=(0,r.useState)(!1),[es,en]=(0,r.useState)(!1),[el,eo]=(0,r.useState)(!1),ec=(0,o.useRouter)(),{cart_id:ed,buyerId:ep,draft_cart:eu}=ec.query,{zipcodeContext:em,setZipcodeModal:ex}=(0,r.useContext)(l.ZipcodeContext),[eh,ef]=(0,r.useState)(0),eg=["Title","Default Title","Default_Title"],eb=e?.reduce((e,t)=>{let a=t?.cartItem?.productDetails?.sku,i=y?.find(e=>e?.variant_sku==a)?.tags;return i?.includes("service_products_PMT")?e+Number(t?.cartItem?.salesPrice)*Number(t?.cartItem?.quantity):e},0)||0,ey=e=>Math.max(0,Number(e||0)-eb),ev=Math.ceil(.3*ey(d()?.productTotal)),eI=ec.asPath.split("/")?.includes("ca"),ek=e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.currentTarget.click())},ew={position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},ej="",e_="";ej=eI?localStorage.getItem("ca-sf-cartId"):localStorage.getItem("sf-cartId"),ej=eu?ed:ej,e_=eI?localStorage.getItem("ca-buyer-id"):localStorage.getItem("buyer-id"),e_=eu?ep:e_,x?.service_products?.INSTTRIP?.id;let eN=(0,r.useRef)(d),eS=(0,r.useRef)(h),{standardDelivery_charges:eC,whiteGlove_price:eD,delivery_total:ez,installation_discount:eA,whiteglove_discount:eF,white_glove_total:eq}=d(),e$=e?.filter(e=>e?.cartItem?.productDetails?.sku=="38204"),eO=e=>e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","),eT="/api/sf-cart/add-cart/",eE="/api/sf-cart/update/",eP="/api/sf-cart/delete/",eL=e?.find(e=>e?.cartItem?.productDetails?.sku=="ZONESHIPCHG")?.cartItem?.totalAmount,eR=async()=>{let e={cartId:ej,buyerId:e_,isCA:!!eI};try{let t=await i.default.post("/api/sf-cart/getCart-data/",e);if(200===t.status){let e=t.data,i=e?.cartItems?.filter(e=>!c.CART_INSTALLATION_SERVICES.includes(e?.cartItem?.productDetails?.sku))?.map(e=>e?.cartItem?.productDetails?.sku)||[];if(Array.isArray(e?.cartItems)){let t=e?.cartItems?.length>1?e?.cartItems?.filter(e=>e?.cartItem?.customFields?.[0]?.free_gifting__c!=!0):e?.cartItems;a(t),D(e?.cartPromotions?.promotions?.promotions?.[0])}else a([]);k(i),localStorage.setItem(eI?"ca-sf-cart-data":"sf-cart-data",JSON.stringify(e?.cartItems||[]))}else console.log(`Unexpected status: ${t.status}`)}catch(e){console.error("Error fetching cart:",e)}},eM=async()=>{try{await i.default.post("/api/draft-discount-apex",{cart_id:ej})}catch(e){console.log(e)}};(0,r.useEffect)(()=>{(async()=>{null!=A&&await eM()})()},[A]),(0,r.useEffect)(()=>{(async()=>{eu&&z?.draftorder_online_discount__c==!1&&await eM()})()},[eu,z,e]);let eG=async()=>{s(!0),setTimeout(async()=>{await f(),s(!1)},1e3)},eB=e=>JSON.parse(e?.replace(/&quot;/g,""")?.replace(/"/g,'"'));(0,r.useEffect)(()=>{eA>0&&en(!0)},[eA]),(0,r.useEffect)(()=>{eF>0&&eo(!0)},[eF]),(0,r.useEffect)(()=>{X(e?.map(e=>({sku:e.cartItem.productDetails.sku,quantity:Number(e.cartItem.quantity),mainPID:e?.cartItem?.productDetails?.sku?.includes("AO")?e?.cartItem?.customFields?.[0]?.for_product_id__c:e?.cartItem?.customFields?.[0]?.main_product_id__c,cartItemId:e?.cartItem?.cartItemId})))},[e]),(0,r.useEffect)(()=>{let t=async(e,t)=>{try{let a={quantity:t.qty,cartId:e?.cartItem.cartId,cartItemId:e?.cartItem?.cartItemId,buyerId:e_,isCA:eI};await i.default.post(eE,a)}catch(e){console.log("Error merging AO products into one!",e)}},a=async(e,t)=>{try{await i.default.post(eP,{cart_id:e?.cartItem.cartId,line_id:e?.cartItem?.cartItemId,buyerId:e_,isCA:eI})}catch(e){console.log("Error merging AO products into one!",e)}finally{ef(e=>e+1)}},r=[],n=e?.filter(e=>
2115!e.cartItem?.customFields?.[0]?.for_product_id__c&&e.cartItem.productDetails.sku?.includes("AO"));n?.length>1&&n?.map(e=>{var t;let a,i={sku:e.cartItem.productDetails.sku,qty:Number(e.cartItem.quantity)};(a=(t=r).findIndex(e=>e.sku===i.sku))>-1?t[a].qty+=i.qty:t.push(i)}),r?.length&&(s(!0),r?.map(e=>{let i=n.filter(t=>t.cartItem.productDetails.sku===e.sku);i?.map((i,r)=>{0===r?t(i,e):a(i,e)})}),r=[],s(!1))},[e]);let eU=e=>{let t=eu?["DISCONTINUED","OUT OF STOCK","COMING SOON"]:["DISCONTINUED","OUT OF STOCK","LLT BACKORDER","COMING SOON"];return b?.some(a=>a.sku===e?.cartItem?.productDetails?.sku&&t?.includes(a.status))};(0,r.useEffect)(()=>{e?.length&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push({ecommerce:null}),window.dataLayer.push({event:"view_cart",ecommerce:{currency:e[0]?.cartItem.currencyIsoCode,value:e.reduce((e,t)=>e+Number(t.cartItem.totalAmount),0),items:e.map(e=>({item_id:e.cartItem.productDetails.sku,item_name:e.cartItem.name,quantity:Number(e.cartItem.quantity),price:Number(e.cartItem.salesPrice)}))}}))},[e]),(0,r.useEffect)(()=>{eN.current=d},[d]),(0,r.useEffect)(()=>{eS.current=h});let eK=async()=>{let t=eI?["ZONESHIPCHG","38204","SURCHARGE"]:["38204","SURCHARGE"],a=e?.map(e=>e.cartItem.productDetails.sku),r=e?.length==2&&a?.includes("38204")&&["INSTGARAGECAB","INSTOUTKITCHEN","INSTHOMEBAR"].some(e=>a?.includes(e)),n=["38204","SURCHARGE"],l=e?.map(e=>{if(n?.includes(e.cartItem.productDetails.sku))return e}),o=e?.map(e=>{if(t?.includes(e.cartItem.productDetails.sku))return e});if(o=o?.filter(e=>void 0!=e),l=l?.filter(e=>void 0!=e),l?.length>0&&(x?.wg_charge==0||x?.serviceable==!1)&&o?.length!=e?.length||r){let e="";for(let t of(s(!0),n)){let a=l.find(e=>e.cartItem.productDetails.sku===t);try{a&&a&&(e=await i.default.post(eP,{cart_id:ej,line_id:a.cartItem.cartItemId,buyerId:e_,isCA:eI}))}catch(e){console.log(e)}}200==e.status&&(s(!1),await f())}if(e?.length==o?.length){s(!0);let e="";for(let a of t){let t=o.find(e=>e.cartItem.productDetails.sku===a);try{t&&t&&(e=await i.default.post(eP,{cart_id:ej,line_id:t.cartItem.cartItemId,buyerId:e_,isCA:eI}))}catch(e){console.log(e)}}200==e.status&&(s(!1),await f())}};(0,r.useEffect)(()=>{eu||eK()},[e,em]),(0,r.useEffect)(()=>{let t=async()=>{try{let t=await i.default.post("/api/sf-cart/getCart-data",{cartId:ej,buyerId:e_,isCA:eI}),a=t?.data?.cartItems?.find(e=>"ZONESHIPCHG"==e.cartItem.productDetails.sku),r=x?.zonal_charge,s=e?.filter(e=>"ZONESHIPCHG"==e.cartItem.productDetails.sku);if(eI&&!a&&r>0&&s?.length==0&&void 0!=x){let e={type:"Product",cart_id:ej,product_id:x?.service_products?.ZONESHIPCHG?.id,quantity:x?.zonal_charge,buyerId:e_,isCA:!0,customFields:[{attributes:{type:"CartItem"},product_title__c:"Zonal Shipping",Reference_Price__c:1}]},t=await i.default.post(eT,e);t?.status==201&&window.location.reload()}}catch(e){console.log(e)}};eI&&!eu&&t()},[x,em]),(0,r.useEffect)(()=>{let t=async()=>{try{let t=x?.zonal_charge,a=e?.filter(e=>"ZONESHIPCHG"==e.cartItem.productDetails.sku);if(a?.length>0&&0==t){let e=await i.default.post(eP,{cart_id:ej,line_id:a?.[0]?.cartItem?.cartItemId,buyerId:e_,isCA:eI});200==e.status&&window.location.reload()}}catch(e){console.log(e)}};eI&&!eu&&t()},[x,em]);let eV=async(e,t)=>{if(t){let a=eI?JSON.parse(localStorage.getItem("ca-sf-cart-data")):JSON.parse(localStorage.getItem("sf-cart-data")),r=eB(t?.cartItem?.customFields?.[0]?.installation_data__c),s=r?.map(e=>e.name),n=r?.map(e=>e.value),l=e?.filter(e=>s?.includes(e.cartItem.productDetails.sku)),o=l?.map(e=>e?.cartItem?.productDetails?.sku),c=s?.map((e,t)=>`${e};${n[t]}`);if(c?.length>0){let e=await Promise.all(c?.map(async e=>{let[t]=e.split(";");if(o?.includes(t)){let e=a?.find(e=>e.cartItem.productDetails.sku==t),i=Number(e?.cartItem?.salesPrice),r=Number(e?.cartItem?.quantity);return`${t};${Number(i*r*.3).toFixed(2)}`}return e})),r=e?.map(e=>e.split(";")[1]).join(";"),s=r.split(";")?.map(Number);e=e?.map(e=>({name:e?.split(";")?.[0],value:e?.split(";")?.[1]}));let n=r?.includes(";")?s.reduce((e,t)=>e+t,0):r;try{let a="";a=await i.default.post(eE,{cartId:ej,cartItemId:t?.cartItem?.cartItemId,buyerId:e_,customFields:[{attributes:{type:"CartItem"},installation_data__c:JSON.stringify(e)}],quantity:Math.round(n),isCA:eI}),201==a.status&&await f()}catch(e){console.log(e)}finally{ef(e=>e+1)}}}},eH=async t=>{s(!0);let a=t.productDetails.sku,r=e.filter(e=>S==e.cartItem.productDetails.sku);if(r?.length){let e=r.find(e=>{if(e?.cartItem?.customFields?.[0]?.installation_data__c){let t=eB(e?.cartItem?.customFields?.[0]?.installation_data__c);return t?.find(e=>e.name==a)}});if(e){let r=eB(e?.cartItem?.customFields?.[0]?.installation_data__c),s=r?.map(e=>e.name),o=r?.map(e=>e.value);if(s?.length===1)try{(await i.default.post(eP,{cart_id:t.cartId,line_id:e?.cartItem.cartItemId,buyerId:e_,isCA:eI})).status}catch(e){console.log("Error removing installation - ",e)}else{var n,l;let t,r,c,d=(n=e?.cartItem?.customFields?.[0],l=a,t=n?.installation_price__c?.split(";"),r=n?.installation_sku__c?.split(";"),c=eB(n.installation_data__c),c=c?.filter(e=>e.name!=l),t?.reduce((e,t,a)=>(r[a]!==l&&(e.prices.push(t),e.skus.push(r[a])),e),{prices:[],skus:[]}),n.installation_data__c=JSON.stringify(c),n),p=s?.indexOf(a);try{(await i.default.post(eE,{cartId:ej,cartItemId:e?.cartItem?.cartItemId,quantity:(Number(e.cartItem.quantity)-Number(o[p])).toFixed(2),buyerId:e_,customFields:[d],isCA:eI})).status}catch(e){console.log("Error removing installation -",e)}}}}let o="";try{o=await i.default.post(eP,{cart_id:ej,line_id:t.cartItemId,buyerId:e_,isCA:eI});let e=[],a=[];200==o.status&&setTimeout(async()=>{let t=eI?JSON.parse(localStorage.getItem("ca-sf-cart-data")):JSON.parse(localStorage.getItem("sf-cart-data")),r=t?.find(e=>e?.cartItem?.productDetails?.sku=="38204");if(t?.length>0)for(let i of t)!t.find(e=>
2115e?.cartItem?.customFields?.[0]?.main_product_id__c===i?.cartItem?.customFields?.[0]?.main_product_id__c&&!e?.cartItem?.productDetails?.sku?.includes("AO")&&!c.CART_INSTALLATION_SERVICES?.includes(e?.cartItem?.productDetails?.sku))&&i?.cartItem?.productDetails?.sku?.includes("AO")&&i?.cartItem?.productDetails?.sku!=="INSTGARAGECABV1"&&(e.push(i),a.push(i));try{let e="";if(r){let t=ey(eN?.current()?.productTotal);e={quantity:t<1e3?Math.ceil(.12*t)+100:Math.ceil(.12*t),cartId:ej,cartItemId:r?.cartItem?.cartItemId,buyerId:e_,isCA:eI};let a=await i.default.post(eE,e);201==a.status&&await f()}}catch(e){console.log(e),s(!1)}if(e?.length>0){s(!0);try{let a="";for await(let t of e)a=await i.default.post(eE,{cartId:ej,cartItemId:t?.cartItem?.cartItemId,buyerId:e_,customFields:[{attributes:{type:"CartItem"},compare_at_price__c:"",bundle_discount__c:"",for_product_id__c:"",product_price__c:"",main_product_id__c:"",info__c:"",InfoGift__c:"",bundle_price_adjusted__c:!1,Reference_Price__c:y?.find(e=>e?.variant_sku==t?.cartItem?.productDetails?.sku)?.variant_compare_at_price}],quantity:t?.cartItem?.quantity,isCA:eI});if(201==a.status){await f(),ef(e=>e+1);let a=t?.find(e=>e.cartItem.productDetails.sku==S);await eV(e,a),s(!1)}}catch(e){console.log(e),s(!1)}}},2e3)}catch(e){console.error("Error removing item from cart:",e),s(!1)}finally{await f()}},eW=async()=>{try{if(!ej)return void console.error("No cart ID found");let e=await i.default.post("/api/sf-cart/delete-cart/",{cart_id:ej,buyerId:e_,isCA:eI});if(200==e.status)(eI?localStorage.removeItem("ca-sf-cartId"):localStorage.removeItem("sf-cartId"))||a([]),s(!1);else s(!1)}catch(e){console.error("Error removing all items from cart:",e)}},eZ=(t,i)=>{a(e?.map(e=>e?.cartItem?.cartItemId===t?{...e,cartItem:{...e.cartItem,quantity:parseFloat(e?.cartItem?.quantity)+i}}:e))},eJ=async(t,a)=>{let r=t?.productDetails?.sku,s=e?.filter(e=>S==e?.cartItem?.productDetails?.sku);if(s?.length){let l=s?.find(e=>{if(e?.cartItem?.customFields?.[0]?.installation_data__c){let t=eB(e?.cartItem?.customFields?.[0]?.installation_data__c);return t?.find(e=>e.name==r)}});if(l){var n;let s,o,d=(n=t,s=0,o=Number(a),Math.ceil(s=e?.find(e=>e?.cartItem?.customFields?.[0]?.main_product_id__c==n?.customFields?.[0]?.main_product_id__c&&!e?.cartItem?.productDetails?.sku?.includes("AO")&&!c.CART_INSTALLATION_SERVICES?.includes(e?.cartItem?.productDetails?.sku))&&n?.productDetails?.sku?.includes("AO")?Number(n?.customFields?.[0]?.product_price__c?.replace(",",""))*o*.3:Number(n?.salesPrice)*o*.3)),p=function(e,t,a){if(e?.installation_data__c){let i=eB(e?.installation_data__c);return i?.map(e=>e.name===t?{...e,value:a}:e)}}(l?.cartItem?.customFields[0],r,d),u=p?.reduce((e,t)=>e+Number(t.value),0);try{let e=await i.default.post(eE,{cartId:t.cartId,cartItemId:l?.cartItem?.cartItemId,quantity:Math.ceil(Number(u.toFixed(2))),buyerId:e_,customFields:[{attributes:{type:"CartItem"},installation_data__c:JSON.stringify(p)}],isCA:eI});201==e.status&&await eR()}catch(e){console.log("Error updating installation -",e)}}}},eY=async()=>{let t=e?.filter(e=>e?.cartItem?.productDetails?.sku=="38204")?.[0],a="",r=ey(eN?.current()?.productTotal),n=r<1e3?Math.ceil(.12*r)+100:Math.ceil(.12*r);try{if(t){s(!0),a={quantity:n,cartId:ej,cartItemId:t?.cartItem?.cartItemId,buyerId:e_,isCA:eI};let e=await i.default.post(eE,a);201==e.status&&await f()}}catch(e){console.log(e),s(!1)}};(0,r.useEffect)(()=>{eu||eY()},[eh]);let eQ=(0,r.useCallback)(async(t,a)=>{s(!0);let r=e$?.[0],n=e?.filter(e=>c.CART_INSTALLATION_SERVICES?.includes(e?.cartItem?.productDetails?.sku));window.updateTimeout&&clearTimeout(window.updateTimeout),window.updateTimeout=setTimeout(async()=>{try{let e={quantity:a,cartId:ej,cartItemId:t.cartItemId,buyerId:e_,isCA:eI},l=await i.default.post(eE,e);201===l.status&&(await eR(),await eJ(t,a)),r&&n?.length!==0||201!==l.status||s(!1)}catch(e){console.error("Error updating cart:",e),s(!1)}finally{ef(e=>e+1),s(!1)}},500)},[e,eS?.current]),eX=(0,r.useCallback)(function(...e){let t=this;clearTimeout(q),q=setTimeout(()=>{eQ.apply(t,e)},500)},[eQ]),e0=t=>{let a="",i=Number(t?.cartItem?.customFields?.[0]?.compare_at_price__c),r=Number(t?.cartItem?.quantity),s=e?.find(e=>
2115e?.cartItem?.customFields?.[0]?.main_product_id__c==t?.cartItem?.customFields?.[0]?.main_product_id__c&&!e?.cartItem?.productDetails?.sku?.includes("AO")&&!c.CART_INSTALLATION_SERVICES?.includes(e?.cartItem?.productDetails?.sku));if(t?.cartItem?.customFields?.[0]?.draft_bundle_discount__c,s&&t?.cartItem?.productDetails?.sku?.includes("AO"))a=parseFloat(i*r)-m(t);else{let e=Number(t?.cartItem?.listPrice),i=Number(t?.cartItem?.salesPrice);a=e>0&&e>i?e*r-i*r:0}return a>0?parseFloat(a).toFixed(2):""};(0,r.useEffect)(()=>{e$?.length>0?u("whiteGlove"):u("standard")},[]);let e1=async(e,t)=>{s(!0);let a=ey(d()?.productTotal),r=a<1e3?Number(.12*a)+Number(x?.wg_surcharge):Number(.12*a);r=Math.ceil(r);let n={product_id:x?.service_products?.["38204"]?.id,type:"Product",cart_id:ej,buyerId:e_,quantity:r,isCA:eI,customFields:[{attributes:{type:"CartItem"},product_title__c:"Whiteglove Service",Reference_Price__c:1}]};try{if(e$?.length===0)await i.default.post(eT,n);else{let e=e$?.[0]?.cartItem?.cartItemId;e$?.length>0&&"whiteGlove"==p&&await i.default.post(eP,{cart_id:ej,line_id:e,buyerId:e_,isCA:eI})}eu&&z?.draftorder_online_discount__c==!1&&await eM()}catch(e){console.log(e)}finally{await eG()}},e2=()=>{if(void 0!=x&&x?.installation_sku&&e?.length>0){let t=[],a=Object.keys(x?.installation_sku);return e?.map(e=>{let i=a?.flatMap(e=>x?.installation_sku?.[e]),r=i?.map(e=>e?.split(":")[0]),s=e?.cartItem?.productDetails?.sku?.includes("-")?e?.cartItem?.productDetails?.sku.split("-")?.[0]:e?.cartItem?.productDetails?.sku;if(r?.includes(s)){let a=eu?["DISCONTINUED","OUT OF STOCK","COMING SOON"]:["DISCONTINUED","OUT OF STOCK","LLT BACKORDER","COMING SOON"];a?.includes(b?.find(e=>e.sku==s)?.status)||t?.push(e)}}),t}},e5=async t=>{s(!0);let a=t.target.checked,r=x?.installation_variant_id?.[S],n=e?.find(e=>e.cartItem.productId==r);if(a)try{let t=e?.map(e=>{if(!c.CART_INSTALLATION_SERVICES?.includes(e?.cartItem?.productDetails?.sku))return{name:e?.cartItem?.productDetails?.sku,value:Math.ceil(Number(e?.cartItem?.salesPrice)*Number(e?.cartItem?.quantity)*.3)}}).filter(Boolean);await i.default.post(eT,{type:"Product",cart_id:ej,product_id:x?.installation_variant_id?.[S],quantity:ev,buyerId:e_,customFields:[{attributes:{type:"CartItem"},installation_data__c:JSON.stringify(t),product_title__c:x?.installation_titles?.[S],Reference_Price__c:1}],isCA:eI})}catch(e){}else try{await i.default.post(eP,{cart_id:ej,line_id:n?.cartItem?.cartItemId,buyerId:e_,isCA:eI})}catch(e){console.log("Error removing installation -",e)}await eG(),eu&&z?.draftorder_online_discount__c==!1&&await eM()},e3=async()=>{if(!S)return;s(!0);let t=e?.find(e=>"INSTUPGRADE"==e.cartItem.productDetails.sku),a=e?.filter(e=>S==e.cartItem.productDetails.sku),r=0;if(a?.map(e=>{r=Number(e?.cartItem?.quantity)}),r<350&&a?.length>0&&!t){let e=x?.service_products?.INSTUPGRADE?.id,t=350-r;try{let a=await i.default.post(eT,{type:"Product",cart_id:ej,product_id:e,quantity:t,buyerId:e_,customFields:[{attributes:{type:"CartItem"},product_title__c:x?.service_products?.INSTUPGRADE?.title}],isCA:eI});201==a.status&&(await f(),s(!1))}catch(e){console.log(e),s(!1)}}else if(t&&r<350&&a.length>0)try{let e=await i.default.post(eE,{cartId:ej,cartItemId:t?.cartItem?.cartItemId,quantity:350-r,buyerId:e_,customFields:[{attributes:{type:"CartItem"}}],isCA:eI});201==e.status&&(await f(),s(!1))}catch(e){console.log(e),s(!1)}else if(t&&r>350||0==a.length&&t)try{let e=await i.default.post(eP,{cart_id:ej,line_id:t?.cartItem?.cartItemId,buyerId:e_,isCA:eI});200==e.status&&(await f(),s(!1))}catch(e){console.log(e),s(!1)}s(!1)},e7=async()=>{let t=e?.find(e=>e?.cartItem?.productDetails?.sku==S);if(t){eB(t?.cartItem?.customFields?.[0]?.installation_data__c),x?.installation_sku?.[S];try{s(!0);let a=e?.map(e=>{if(!c.CART_INSTALLATION_SERVICES?.includes(e?.cartItem?.productDetails?.sku))return{name:e?.cartItem?.productDetails?.sku,value:Math.ceil(Number(e?.cartItem?.salesPrice)*Number(e?.cartItem?.quantity)*.3)}}).filter(Boolean),r=await i.default.post(eE,{cartId:ej,cartItemId:t?.cartItem?.cartItemId,quantity:ev,buyerId:e_,customFields:[{attributes:{type:"CartItem"},installation_data__c:JSON.stringify(a)}],isCA:eI});201==r.status&&(await eR(),s(!1))}catch(e){s(!1),console.log("Error updating installation -",e)}finally{s(!1)}}};(0,r.useEffect)(()=>{e7()},[S,eh]),(0,r.useEffect)(()=>{e3()},[d()?.total_installation_price,S]);let e4=e=>{"installation"==e?P(!0):R(!0)};(0,r.useEffect)(()=>{let t=async()=>
2115{if(x&&e?.length>0){let t=e?.filter(e=>S==e.cartItem.productDetails.sku),a=t?.filter(e=>!(x?.installation_available==!0&&x.hasOwnProperty("installation_sku"))||!Object.keys(x?.installation_sku)?.includes(e.cartItem.productDetails.sku)),r=x?.installation_available,s=e?.filter(e=>"INSTGARAGECAB"==e.cartItem.productDetails.sku);if(a?.length>0&&await Promise.all(a?.map(async e=>{try{await i.default.post(eP,{cart_id:ej,line_id:e.cartItem.cartItemId,buyerId:e_,isCA:eI}),await f()}catch(e){console.error("Error deleting cart item:",e)}})),!1==r&&s.length>0)try{await i.default.post(eP,{cart_id:ej,line_id:s?.[0]?.cartItem?.cartItemId,buyerId:e_,isCA:eI})}catch(e){console.error("Error deleting cart item:",e)}}};eu||t()},[x,em]);let e9=t=>{let a=parseFloat(t?.cartItem?.customFields?.[0]?.compare_at_price__c?.replace(",","")),i=Number(t?.cartItem?.quantity),r="";if(e?.find(e=>e?.cartItem?.customFields?.[0]?.main_product_id__c==t?.cartItem?.customFields?.[0]?.main_product_id__c&&!e?.cartItem?.productDetails?.sku?.includes("AO")&&!c.CART_INSTALLATION_SERVICES?.includes(e?.cartItem?.productDetails?.sku))&&t?.cartItem?.productDetails?.sku?.includes("AO"))r=a*i;else{let e=Number(t?.cartItem?.listPrice),a=Number(t?.cartItem?.salesPrice);e>0&&e>a&&(r=Number(e)*i)}return parseFloat(r)},e6=t=>{let a=e?.find(e=>e?.cartItem?.productId==(t?.cartItem?.productDetails?.sku?.includes("AO")?t?.cartItem?.customFields?.[0]?.for_product_id__c:t?.cartItem?.customFields?.[0]?.main_product_id__c)),i=y?.find(e=>e?.variant_sku==t.cartItem.productDetails.sku)?.ao_qty_limiter,r=Q?.find(e=>e.sku===t.cartItem.productDetails.sku&&e.mainPID===(t?.cartItem?.productDetails?.sku?.includes("AO")?t?.cartItem?.customFields?.[0]?.for_product_id__c:t?.cartItem?.customFields?.[0]?.main_product_id__c))?.quantity;return a&&t?.cartItem?.productDetails?.sku?.includes("AO")?0==i?r:i>0&&r<=i?r:i:null},e8=t=>!!(e?.find(e=>e?.cartItem?.customFields?.[0]?.main_product_id__c==t?.cartItem?.customFields?.[0]?.main_product_id__c&&!e?.cartItem?.productDetails?.sku?.includes("AO")&&!c.CART_INSTALLATION_SERVICES?.includes(e?.cartItem?.productDetails?.sku))&&t?.cartItem?.productDetails?.sku?.includes("AO")),te=e=>{let t=y?.find(t=>t.variant_sku==e?.cartItem?.productDetails?.sku)?.tags?.split(",");return!!e&&!!("0.0"===e.cartItem.salesPrice||t?.includes("qty_limit"))},tt=e.filter(e=>!c.CART_INSTALLATION_SERVICES?.includes(e.cartItem.productDetails.sku)&&e?.cartItem?.customFields?.[0]?.free_gifting__c!=!0),ta=tt?.filter(e=>!e?.cartItem?.productDetails?.sku?.includes("AO"))?.length+tt?.filter(e=>e?.cartItem?.productDetails?.sku?.includes("AO"))?.length;(0,r.useEffect)(()=>{let t,a;t=[],a=e?.filter(e=>{if(e?.cartItem?.customFields?.[0]?.hasOwnProperty("installation_data__c")&&["INSTGARAGECAB","INSTOUTKITCHEN","INSTHOMEBAR"].includes(e?.cartItem?.productDetails?.sku))return e}),a?.length>0&&(a?.map(e=>{if(e?.cartItem?.customFields?.[0]?.installation_data__c){let a=eB(e?.cartItem?.customFields?.[0]?.installation_data__c);a?.map(e=>{t.push(e.name)})}}),t.flat())},[e]),(0,r.useEffect)(()=>{x?.installation_sku_price!=void 0&&(e?.find(e=>e?.cartItem?.productDetails?.sku==S)?er(!0):er(!1))},[e,x]);let ti=e=>!!e&&e?.cartItem?.customFields?.[0]?.InfoGift__c=="true";(0,r.useEffect)(()=>{if(!e)return;let t=e.filter(e=>!c.CART_INSTALLATION_SERVICES?.includes(e.cartItem.productDetails.sku));t.filter(e=>!e?.cartItem?.productDetails?.sku?.includes("AO"));let a=t.filter(e=>e?.cartItem?.productDetails?.sku?.includes("AO")),i={};a.forEach(e=>{JSON.parse((e?.cartItem?.customFields?.[0]?.bundle_parents__c||"[]").replace(/&quot;/g,'"').replace(/"/g,'"')).forEach(t=>{i[t.parent_variant_id]||(i[t.parent_variant_id]=[]),i[t.parent_variant_id].push({ao:e,parent:t})})})},[e]);let tr=(e="")=>((e="")=>e.replace(/\\\|/g,"|").replace(/\\t/g," ").replace(/\\r/g,"\r").replace(/\\n
2115/g,"\n").replace(/\\"/g,'"').replace(/\\'/g,"'").replace(/\\\\/g,"\\"))(((e="")=>e.replace(/"/g,'"').replace(/'/g,"'").replace(/</g,"<").replace(/>/g,">").replace(/&/g,"&").replace(/|/g,"|").replace(/\/g,"\\"))(e)),ts=e=>{let t=Object.values(e?.cartItem?.productDetails?.variationAttributes).sort((e,t)=>void 0!==e.sequence&&void 0!==t.sequence?Number(e.sequence)-Number(t.sequence):e.sequence?-1:+!!t.sequence);return t?.filter(e=>!eg.includes(e?.label))?.map(e=>e?.value?.replace(/&/g,"&")?.replace(/_/g," ")?.trim())?.join(", ")};return(0,t.jsxs)(V,{children:[(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(H,{children:(0,t.jsxs)("div",{className:g?.length&&g?.length>0?"zipcode-container outer-container":"zipcode-container outer-container no-leadtime",children:[(0,t.jsxs)("div",{className:"zipcode-text",children:[(0,t.jsx)("span",{className:"bold",children:"Delivering to:"})," ",(0,t.jsxs)("span",{className:"zipcode",children:[eu?I:em,"."]}),!eu&&(0,t.jsx)("button",{className:"text",tabIndex:0,"aria-label":"Change delivery zip code",onClick:()=>ex(!0),children:"Change"})]}),(0,t.jsx)("div",{className:"content-section desktop",children:(0,t.jsx)("div",{className:"deliveryInfo",children:w&&!0==_?(0,t.jsxs)("div",{children:[(0,t.jsxs)("p",{className:"estimated-text",children:[(0,t.jsx)("span",{className:"bold",children:"Estimated Delivery: "}),(0,t.jsx)("span",{children:Array.isArray(g)&&g?.length>0?F():"At Checkout"})]}),(0,t.jsxs)("div",{className:"tooltip-container",children:[(0,t.jsx)("button",{className:"info-icon",tabIndex:0,"aria-label":"See Delivery & Shipping details below"}),(0,t.jsx)("div",{className:"tooltip-text",role:"tooltip","aria-hidden":"true",children:eI?(0,t.jsxs)("p",{children:["Shipping to an out-of-zone area.",(0,t.jsx)("br",{}),"Extra fees apply. See Delivery &",(0,t.jsx)("br",{})," Shipping details below."]}):(0,t.jsx)("p",{className:"show-us",children:"See Delivery & Shipping details below."})})]})]}):(0,t.jsxs)("span",{className:"d-flex",children:[(0,t.jsx)("span",{className:"bold",children:"Estimated Delivery: "}),(0,t.jsx)(K.Skeleton,{variant:"text",sx:{fontSize:"1rem"}})]})})}),(0,t.jsx)("div",{className:"content-section mobile",children:w&&!0==_?(0,t.jsx)("div",{className:"estimated-text",children:(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"bold",children:"Estimated Delivery: "}),(0,t.jsxs)("span",{children:[Array.isArray(g)&&g?.length>0?F():"At Checkout",(0,t.jsxs)("span",{className:"tooltip-container",children:[(0,t.jsx)("button",{className:"info-icon",tabIndex:0,"aria-label":"Check Delivery & Shipping details below"}),(0,t.jsx)("span",{className:"tooltip-text",role:"tooltip","aria-hidden":"true",children:eI?(0,t.jsxs)("p",{children:["Shipping to an out-of-zone area.",(0,t.jsx)("br",{}),"Extra fees apply. See Delivery &",(0,t.jsx)("br",{})," Shipping details below."]}):(0,t.jsx)("p",{className:"show-us",children:"See Delivery & Shipping details below."})})]})]})]})}):(0,t.jsxs)("span",{className:"d-flex",children:[(0,t.jsx)("span",{className:"bold",children:"Estimated Delivery: "}),(0,t.jsx)(K.Skeleton,{variant:"text",sx:{fontSize:"1rem"}})]})})]})}),ta>20&&(0,t.jsx)("div",{className:"maximum-cart-limit",children:(0,t.jsxs)("p",{children:[`The maximum cart limit per order is 20 We request you please create a separate order for the 2116 extra ${tt?.slice(20,tt?.length)?.length} `,tt?.length==21||21==ta?"product ":"products ","Or contact our Support Team at",(0,t.jsx)("a",{href:"tel:+1.877.306.8930",className:"a--reset footer__link fs-18 ff-pr",children:"1.877.306.8930"}),"or",(0,t.jsx)("a",{href:"mailto:[email protected]?z=33133",className:"a--reset footer__link fs-18 ff-pr",children:"[email protected]"}),"."]})}),ec?.query?.debug=="true"&&(0,t.jsx)("div",{className:"cart-parameters dc-margin",children:(0,t.jsxs)("p",{children:["Shipping Type : ",!0==v?"single":"split"]})}),(0,t.jsxs)("div",{className:"cart-count",children:[(0,t.jsxs)("h1",{className:"main-heading","aria-label":`Review your cart, ${tt?.length} ${tt?.length===1?"item":"items"}`,children:["Review your cart ",`(${tt?.length})`]}),!(ep&&ed)&&(0,t.jsx)("button",{className:"desc",onClick:eW,type:"button","aria-label":"Remove all items from cart",children:"Remove All"})]}),(0,t.jsx)("div",{className:"cart-items desktop",children:(0,t.jsx)(t.Fragment,{children:tt?.map((e,a)=>["INSTUPGRADE"].includes(e?.cartItem?.productDetails?.sku)||e?.cartItem?.customFields?.[0]?.free_gifting__c==!0?(0,t.jsx)(t.Fragment,{}):(0,t.jsx)("div",{className:eU(e)?eu?"cart-item cart-item-desktop":"cart-item cart-item-desktop disable":"cart-item cart-item-desktop",children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.default,{href:`${eI?"/ca":""}/products/${e?.cartItem?.customFields?.[0]?.product_handle__c}?variant=${e?.cartItem?.productId}`,tabIndex:-1,"aria-hidden":"true",className:"true"==eu||!0==eu?"hide-pip-link":"",children:(0,t.jsx)("div",{className:"img-container",children:(0,t.jsx)(U.default,{src:e?.cartItem?.customFields?.[0]?.product_image__c?e?.cartItem?.customFields?.[0]?.product_image__c:e?.cartItem?.productDetails?.thumbnailImage?.url,height:500,width:500,layout:"responsive",sizes:"(max-width: 480px) 30vw,30vw",alt:e?.cartItem?.name?e?.cartItem?.name:"cart product"})})}),(0,t.jsx)("div",{className:"details-container",children:(0,t.jsxs)("div",{className:"details",children:[(0,t.jsx)(n.default,{href:`${eI?"/ca":""}/products/${e?.cartItem?.customFields?.[0]?.product_handle__c}?variant=${e?.cartItem?.productId}`,className:"true"==eu||!0==eu?"hide-pip-link":"",children:(0,t.jsx)("p",{className:"product-title",children:tr(e?.cartItem?.customFields?.[0]?.product_title__c)})}),(0,t.jsxs)("p",{className:"product-sku",children:["SKU #",e?.cartItem?.productDetails?.sku]}),(0,t.jsx)("p",{className:"product-variant",children:ts(e)}),eU(e)?eu&&void 0!=b&&void 0!=y?(0,t.jsx)("p",{className:"disable-text",children:"This item is not available now."}):(0,t.jsx)("p",{className:"disable-text",children:"This item is out of stock. Please remove it to continue checkout."}):(0,t.jsx)(t.Fragment,{}),ec?.query?.debug=="true"&&(0,t.jsxs)("div",{className:"dc-margin",children:[(0,t.jsxs)("p",{children:["DC : ",b?.find(t=>t.sku==e.cartItem.productDetails.sku)?.dc]}),(0,t.jsxs)("p",{children:["Lead-Time : ",b?.find(t=>t.sku==e.cartItem.productDetails.sku)?.lead_time]}),(0,t.jsxs)("p",{children:["Stock Status : ",b?.find(t=>t.sku==e.cartItem.productDetails.sku)?.status]})]})]})}),(0,t.jsxs)("div",{className:"price-container",children:[e?.cartItem?.productDetails?.sku?.includes("AO")?(0,t.jsxs)("div",{className:"price-box",children:[ti(e)||e?.cartItem?.customFields?.[0]?.bundle_discount__c=="100"?(0,t.jsx)("p",{className:"product-price sample-product",children:"Free"}):(0,t.jsx)("p",{className:"product-price notranslate",children:m(e)>0&&`$${eO(m(e))}`}),e?.cartItem?.customFields?.[0]?.bundle_discount__c=="100"?(0,t.jsx)(t.Fragment,{}):(0,t.jsx)("p",{className:"compare-price notranslate",children:` ${e9(e)>m(e)?`$${eO(e9(e).toFixed(2))}`:""}`}),e?.cartItem?.customFields?.[0]?.bundle_discount__c=="100"?"":e0(e)>0&&(0,t.jsxs)("p",{className:"product-savings",children:[(0,t.jsx)("span",{children:"SAVED"}),(0,t.jsxs)("span",{className:"notranslate",children:["$",eO(e0(e))]})]})]}):(0,t.jsxs)("div",{className:"price-box",children:[Number(e?.cartItem?.salesPrice)>0?(0,t.jsxs)("p",{className:"product-price notranslate",children:["$",eO((Number(e?.cartItem?.salesPrice)*Number(e?.cartItem?.quantity)).toFixed(2))]}):(0,t.jsx)("p",{className:"product-price",children:(0,t.jsx)("span",{className:"sample-product",children:"Free"})}),(0,t.jsx)("p",{className:"compare-price notranslate",children:` ${Number(e?.cartItem?.listPrice)>Number(e?.cartItem?.salesPrice)?`$${eO((e?.cartItem?.listPrice*Number(e?.cartItem?.quantity)).toFixed(2))}`:""}`}),Number(e?.cartItem?.listPrice)>0&&Number(e?.cartItem?.listPrice)>Number(e?.cartItem?.salesPrice)&&(0,t.jsxs)("p",{className:"product-savings",children:[(0,t.jsx)("span",{children:"SAVED"}),(0,t.jsxs)("span",{className:"notranslate",children:[" ","$",eO((Number(e?.cartItem?.listPrice)*Number(e?.cartItem?.quantity)-Number(e?.cartItem?.salesPrice)*Number(e?.cartItem?.quantity)).toFixed(2))]})]})]}),(0,t.jsxs)("div",{className:"prod-quantity",children:[(0,t.jsxs)("div",{className:eU(e)||ti(e)||te(e)?"product-quantity disable":"product-quantity",children:[eu?(0,t.jsx)(t.Fragment,{}):e8(e)?(0,t.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Decrease quantity",onKeyDown:ek,onClick:()=>
2116{if(e6(e)){let t=parseFloat(e?.cartItem?.quantity)-1;eZ(e?.cartItem?.cartItemId,-1),eX(e?.cartItem,t)}},className:y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter==0||Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity<=y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter?e?.cartItem?.quantity==1?"minus-btn disable":"minus-btn":"minus-btn disable",children:"_"}):(0,t.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Decrease quantity",onKeyDown:ek,onClick:()=>{let t=parseFloat(e?.cartItem?.quantity)-1;eZ(e?.cartItem?.cartItemId,-1),eX(e?.cartItem,t)},className:e?.cartItem?.quantity==1?"minus-btn disable":"minus-btn",children:"_"}),eu?(0,t.jsx)("input",{value:Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity,disabled:!0,"aria-label":`Quantity for ${e?.cartItem?.name}`}):e8(e)&&e6(e)?(0,t.jsx)("input",{className:"test1",value:e6(e),type:"text","aria-label":`Quantity for ${e?.cartItem?.name}`,onChange:t=>{let a=y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter,i=Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity;if(0==a||i<a){let a=t.target.value;X(Q?.map(t=>t.sku===e.cartItem.productDetails.sku?{...t,quantity:""===a?"":Number(a)}:t))}},onBlur:()=>{let t=y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter,a=Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity;if(0==t||a<t){let t=Q.find(t=>t.sku===e.cartItem.productDetails.sku)||{sku:e.cartItem.productDetails.sku,quantity:e.cartItem.quantity},a=""===t.quantity?e.cartItem.quantity:Number(t.quantity);Number(a)!==Number(e.cartItem.quantity)&&eX(e.cartItem,a)}},onInput:e=>{let t=e.target.value;/^\d*$/.test(t)||(e.target.value=t.replace(/\D/g,""))},maxLength:3}):(0,t.jsx)("input",{className:"test2",value:Q?.find(t=>t.sku===e.cartItem.productDetails.sku&&t.mainPID===(e?.cartItem?.productDetails?.sku?.includes("AO")?e?.cartItem?.customFields?.[0]?.for_product_id__c:e?.cartItem?.customFields?.[0]?.main_product_id__c))?.quantity,type:"text","aria-label":`Quantity for ${e?.cartItem?.name}`,onChange:t=>{let a=t.target.value;X(Q?.map(t=>t.sku===e.cartItem.productDetails.sku?{...t,quantity:""===a?"":Number(a)}:t))},onBlur:()=>{let t=Q.find(t=>t.sku===e.cartItem.productDetails.sku)||{sku:e.cartItem.productDetails.sku,quantity:e.cartItem.quantity},a=""===t.quantity?e.cartItem.quantity:Number(t.quantity);Number(a)!==Number(e.cartItem.quantity)&&eX(e.cartItem,a)},onInput:e=>{let t=e.target.value;/^\d*$/.test(t)||(e.target.value=t.replace(/\D/g,""))},maxLength:3}),eu?(0,t.jsx)(t.Fragment,{}):e8(e)?(0,t.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Increase quantity",onKeyDown:ek,onClick:()=>{if(e6(e)){let t=parseFloat(e?.cartItem?.quantity)+1;eZ(e?.cartItem?.cartItemId,1),eX(e?.cartItem,t)}},className:e?.cartItem?.quantity<999&&(y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter==0||Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity<y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter)?"plus-btn":"plus-btn disable",children:"+"}):(0,t.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Increase quantity",onKeyDown:ek,onClick:()=>{let t=parseFloat(e?.cartItem?.quantity)+1;eZ(e?.cartItem?.cartItemId,1),eX(e?.cartItem,t)},className:e?.cartItem?.quantity<999?"":"plus-btn disable",children:"+"})]}),eu?(0,t.jsx)(t.Fragment,{}):(0,t.jsx)("p",{className:"product-remove",role:"button",tabIndex:0,"aria-label":`Remove ${e?.cartItem?.name} from cart`,onKeyDown:ek,onClick:()=>eH(e?.cartItem),children:"Remove"})]})]})]})},a))})}),(0,t.jsx)("div",{className:"cart-items mobile",children:tt?.map((e,a)=>["INSTUPGRADE"].includes(e?.cartItem?.productDetails?.sku)||e?.cartItem?.customFields?.[0]?.free_gifting__c==!0?(0,t.jsx)(t.Fragment,{}):(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{className:eU(e)?eu?"cart-item cart-item-mobile":"cart-item cart-item-mobile disable":"cart-item cart-item-mobile",children:[(0,t.jsxs)("div",{className:"img-section",children:[(0,t.jsx)(n.default,{href:`${eI?"/ca":""}/products/${e?.cartItem?.customFields?.[0]?.product_handle__c}?variant=${e?.cartItem?.productId}`,tabIndex:-1,"aria-hidden":"true",className:"true"==eu||!0==eu?"hide-pip-link":"",children:(0,t.jsx)("div",{className:"img-container",children:(0,t.jsx)(U.default,{src:e?.cartItem?.customFields?.[0]?.product_image__c?e?.cartItem?.customFields?.[0]?.product_image__c:e?.cartItem?.productDetails?.thumbnailImage?.url,width:500,height:500,layout:"responsive",alt:e?.cartItem?.name?e?.cartItem?.name:"cart product"})})}),(0,t.jsxs)("div",{className:"product-quantity-mob",children:[(0,t.jsxs)("div",{className:eU(e)||ti(e)||te(e)?"product-quantity disable":"product-quantity",children:[eu?(0,t.jsx)(t.Fragment,{}):e8(e)?(0,t.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Decrease quantity",onKeyDown:ek,onClick:()=>
2116{if(e6(e)){let t=parseFloat(e?.cartItem?.quantity)-1;eZ(e?.cartItem?.cartItemId,-1),eX(e?.cartItem,t)}},className:y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter==0||Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity<=y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter?e?.cartItem?.quantity==1?"minus-btn disable":"minus-btn":"minus-btn disable",children:"_"}):(0,t.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Decrease quantity",onKeyDown:ek,onClick:()=>{let t=parseFloat(e?.cartItem?.quantity)-1;eZ(e?.cartItem?.cartItemId,-1),eX(e?.cartItem,t)},className:e?.cartItem?.quantity==1?"minus-btn disable":"minus-btn",children:"_"}),eu?(0,t.jsx)("input",{value:Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity,"aria-label":`Quantity for ${e?.cartItem?.name}`}):e8(e)&&e6(e)?(0,t.jsx)("input",{value:e6(e),type:"text","aria-label":`Quantity for ${e?.cartItem?.name}`,onChange:t=>{let a=y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter,i=Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity;if(0==a||i<a){let a=t.target.value;X(Q?.map(t=>t.sku===e.cartItem.productDetails.sku?{...t,quantity:""===a?"":Number(a)}:t))}},onBlur:()=>{let t=y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter,a=Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity;if(0==t||a<t){let t=Q.find(t=>t.sku===e.cartItem.productDetails.sku)||{sku:e.cartItem.productDetails.sku,quantity:e.cartItem.quantity},a=""===t.quantity?e.cartItem.quantity:Number(t.quantity);Number(a)!==Number(e.cartItem.quantity)&&eX(e.cartItem,a)}},onInput:e=>{let t=e.target.value;/^\d*$/.test(t)||(e.target.value=t.replace(/\D/g,""))},maxLength:3}):(0,t.jsx)("input",{value:Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity,type:"text","aria-label":`Quantity for ${e?.cartItem?.name}`,onChange:t=>{let a=t.target.value;X(Q?.map(t=>t.sku===e.cartItem.productDetails.sku?{...t,quantity:""===a?"":Number(a)}:t))},onBlur:()=>{let t=Q.find(t=>t.sku===e.cartItem.productDetails.sku)||{sku:e.cartItem.productDetails.sku,quantity:e.cartItem.quantity},a=""===t.quantity?e.cartItem.quantity:Number(t.quantity);Number(a)!==Number(e.cartItem.quantity)&&eX(e.cartItem,a)},onInput:e=>{let t=e.target.value;/^\d*$/.test(t)||(e.target.value=t.replace(/\D/g,""))},maxLength:3}),eu?(0,t.jsx)(t.Fragment,{}):e8(e)?(0,t.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Increase quantity",onKeyDown:ek,onClick:()=>{if(e6(e)){let t=parseFloat(e?.cartItem?.quantity)+1;eZ(e?.cartItem?.cartItemId,1),eX(e?.cartItem,t)}},className:e?.cartItem?.quantity<999&&(y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter==0||Q?.find(t=>t.sku===e.cartItem.productDetails.sku)?.quantity<y?.find(t=>t?.variant_sku==e.cartItem.productDetails.sku)?.ao_qty_limiter)?"plus-btn":"plus-btn disable",children:"+"}):(0,t.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Increase quantity",onKeyDown:ek,onClick:()=>{let t=parseFloat(e?.cartItem?.quantity)+1;eZ(e?.cartItem?.cartItemId,1),eX(e?.cartItem,t)},className:e?.cartItem?.quantity<999?"":"plus-btn disable",children:"+"})]}),eu?(0,t.jsx)(t.Fragment,{}):(0,t.jsx)("div",{className:"product-remove",role:"button",tabIndex:0,"aria-label":`Remove ${e?.cartItem?.name} from cart`,onKeyDown:ek,onClick:()=>eH(e?.cartItem,null),children:(0,t.jsxs)("svg",{className:"mobile-delete-icon",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",xmlnsSketch:"http://www.bohemiancoding.com/sketch/ns",width:"22px",height:"25px",viewBox:"-3 0 32 32",version:"1.1",children:[(0,t.jsx)("title",{children:"Remove product"}),(0,t.jsx)("desc",{children:"Created with Sketch Beta."}),(0,t.jsx)("defs",{}),(0,t.jsx)("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",sketchType:"MSPage",children:(0,t.jsx)("g",{id:"Icon-Set",sketchType:"MSLayerGroup",transform:"translate(-259.000000, -203.000000)",fill:"#A7A7A7",children:(0,t.jsx)("path",{d:"M282,211 L262,211 C261.448,211 261,210.553 261,210 C261,209.448 261.448,209 262,209 L282,209 C282.552,209 283,209.448 283,210 C283,210.553 282.552,211 282,211 L282,211 Z M281,231 C281,232.104 280.104,233 279,233 L265,233 C263.896,233 263,232.104 263,231 L263,213 L281,213 L281,231 L281,231 Z M269,206 C269,205.447 269.448,205 270,205 L274,205 C274.552,205 275,205.447 275,206 L275,207 L269,207 L269,206 L269,206 Z M283,207 L277,207 L277,205 C277,203.896 276.104,203 275,203 L269,203 C267.89
21166,203 267,203.896 267,205 L267,207 L261,207 C259.896,207 259,207.896 259,209 L259,211 C259,212.104 259.896,213 261,213 L261,231 C261,233.209 262.791,235 265,235 L279,235 C281.209,235 283,233.209 283,231 L283,213 C284.104,213 285,212.104 285,211 L285,209 C285,207.896 284.104,207 283,207 L283,207 Z M272,231 C272.552,231 273,230.553 273,230 L273,218 C273,217.448 272.552,217 272,217 C271.448,217 271,217.448 271,218 L271,230 C271,230.553 271.448,231 272,231 L272,231 Z M267,231 C267.552,231 268,230.553 268,230 L268,218 C268,217.448 267.552,217 267,217 C266.448,217 266,217.448 266,218 L266,230 C266,230.553 266.448,231 267,231 L267,231 Z M277,231 C277.552,231 278,230.553 278,230 L278,218 C278,217.448 277.552,217 277,217 C276.448,217 276,217.448 276,218 L276,230 C276,230.553 276.448,231 277,231 L277,231 Z",id:"trash",sketchType:"MSShapeGroup"})})})]})})]})]}),(0,t.jsx)("div",{className:"cart-mobile",children:(0,t.jsxs)("div",{className:"details-container",children:[(0,t.jsx)(n.default,{href:`${eI?"/ca":""}/products/${e?.cartItem?.customFields?.[0]?.product_handle__c}?variant=${e?.cartItem?.productId}`,className:"true"==eu||!0==eu?"hide-pip-link":"",children:(0,t.jsx)("p",{className:"product-title",children:tr(e?.cartItem?.customFields?.[0]?.product_title__c)})}),(0,t.jsxs)("p",{className:"product-sku",children:["SKU#",e?.cartItem?.productDetails?.sku]}),(0,t.jsx)("p",{className:"product-variant",children:ts(e)}),(0,t.jsx)("div",{className:"saving",children:e?.cartItem?.productDetails?.sku?.includes("AO")?e0(e)>0&&e?.cartItem?.customFields?.[0]?.bundle_discount__c!="100"&&(0,t.jsxs)("p",{className:"product-savings",children:[(0,t.jsx)("span",{children:"SAVED"}),(0,t.jsxs)("span",{className:"notranslate",children:[" $",eO(e0(e))]})]}):Number(e?.cartItem?.listPrice)>0&&Number(e?.cartItem?.listPrice)>Number(e?.cartItem?.salesPrice)&&(0,t.jsxs)("p",{className:"product-savings",children:[(0,t.jsx)("span",{children:"SAVED"}),(0,t.jsxs)("span",{className:"notranslate",children:[" ","$",eO((Number(e?.cartItem?.listPrice)*Number(e?.cartItem?.quantity)-Number(e?.cartItem?.salesPrice)*Number(e?.cartItem?.quantity)).toFixed(2))]})]})}),eU(e)?eu?(0,t.jsx)("p",{className:"disable-text",children:"This product is not available."}):(0,t.jsx)("p",{className:"disable-text",children:"This item is out of stock. Please remove it to continue checkout."}):(0,t.jsx)(t.Fragment,{})]})}),(0,t.jsx)("div",{className:"price-container",children:(0,t.jsx)("div",{className:" product-price-mob",children:e?.cartItem?.productDetails?.sku?.includes("AO")?(0,t.jsx)("div",{className:"price-box",children:e?.cartItem?.customFields?.[0]?.bundle_discount__c=="100"?(0,t.jsx)("p",{className:"product-price sample-product",children:"Free"}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{className:"product-price notranslate",children:e?.cartItem?.salesPrice>0?`$${eO(m(e))}`:e?.cartItem?.customFields?.[0]?.bundle_discount__c=="100"?(0,t.jsx)("span",{className:"sample-product",children:"Free"}):(0,t.jsx)(t.Fragment,{})}),(0,t.jsx)("p",{className:"compare-price notranslate",children:` ${e9(e)>m(e)?`$${eO(e9(e).toFixed(2))}`:""}`})]})}):(0,t.jsxs)("div",{className:"price-box",children:[(0,t.jsx)("p",{className:"product-price notranslate",children:e?.cartItem?.salesPrice>0?`$${eO((Number(e?.cartItem?.salesPrice)*Number(e?.cartItem?.quantity)).toFixed(2))}`:(0,t.jsx)("span",{className:"sample-product",children:"Free"})}),(0,t.jsx)("p",{className:"compare-price notranslate",children:` ${Number(e?.cartItem?.listPrice)>Number(e?.cartItem?.salesPrice)?`$${eO((e?.cartItem?.listPrice*Number(e?.cartItem?.quantity)).toFixed(2))}`:""}`})]})})})]},a)}))}),(0,t.jsx)("div",{className:x?.installation_available==!0&&e2()?.some(e=>e?.cartItem?.salesPrice>0)?`installation-container-box ${O?"checked":""} `:"installation-container-box disabled",ref:ee,children:(0,t.jsxs)("div",{className:"installation-container service-container",children:[(0,t.jsxs)("div",{className:"service-text",children:[(0,t.jsxs)("label",{htmlFor:"install-all",className:ta>20?"checkbox-container disabled":"checkbox-container",children:[(0,t.jsx)("input",{id:"install-all",type:"checkbox","aria-label":"Add professional installation to all eligible items",className:"install-",name:"checkbox",onChange:e=>e5(e),checked:ei}),(0,t.jsx)("span",{className:"checkmark"}),(0,t.jsx)("span",{style:ew,children:"Add professional installation to all eligible items"})]}),(0,t.jsxs)("h2",{className:"service-heading professional-installation",children:["Add Professional ",(0,t.jsxs)("span",{className:"d-block",children:["Installation",(0,t.jsx)("span",{className:"info-icon",role:"button",tabIndex:0,"aria-label":"More information about professional installation",onKeyDown:ek,onClick:()=>e4("installation")})," "]})]}),void 0!=x&&x?.installation_available==!1&&e?.length>0?(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("p",{className:"service-description installation-unavailable",children:["Installation services are not available for your area at this time. For assistance or to explore alternative options, please contact Customer Support at",(0,t.jsx)("a",{href:"tel:18773068930",className:"nap-social-info",children:(0,t.jsx)("span",{children:" +1 877 306 8930"})})," or visit ",(0,t.jsx)("a",{href:"/contact-us",className:"nap-social-info",children:"Product Support"}),"."]})}):!1==es&&(0,t.jsx)("p",{className:"service-description",children:"Minimum Spend of $350"}
2116),!0==es&&(0,t.jsx)("p",{className:"service-description offer",children:"25% Off Heavy Lifting and Assembly by Licensed NewAge Contractors."})]}),(0,t.jsx)("div",{className:"installation-price",children:(0,t.jsx)("span",{className:"service-price",children:void 0!=x&&x?.serviceable==!0&&e2()?.some(e=>e?.cartItem?.salesPrice>0)?ev<350?(0,t.jsxs)("span",{className:"installation-info",children:["+ $350",(0,t.jsx)("span",{className:"info-icon",tabIndex:0,"aria-label":"If the installation total is less than $350, a $350 minimum fee applies",children:(0,t.jsxs)("span",{className:"tooltip-text",children:["If the calculated installation total is less than $350, the",(0,t.jsx)("span",{className:"bold",children:" $350 minimum fee will automatically apply."})]})})]}):`+ $${ev?.toFixed(2)}`:x?.serviceable==!1&&""})})]})}),(0,t.jsx)("div",{className:"installation-container service-container white-glove-service",children:(0,t.jsxs)("div",{className:"delivery-details",children:[(0,t.jsxs)("div",{className:"service-text",children:[(0,t.jsxs)("h2",{className:"service-heading showDesktop",children:[(0,t.jsx)("span",{children:"Shipping & Delivery"}),(0,t.jsxs)("span",{className:"sub-heading",children:["Free Curbside Delivery on orders over ",(0,t.jsx)("span",{className:"notranslate",children:" $1,000*"}),".",eI?" Out-of-zone charges may apply.":""]})]}),(0,t.jsxs)("h2",{className:"service-heading showMobile",children:[(0,t.jsx)("span",{className:"heading show-mob",children:"Shipping & Delivery"}),(0,t.jsxs)("span",{className:"sub-heading",children:["Free Curbside Delivery on orders over ",(0,t.jsx)("span",{className:"notranslate",children:" $1,000*"}),".",eI?" Out-of-zone charges may apply.":""]})]})]}),(0,t.jsxs)("div",{className:"service-text",children:[(0,t.jsx)("div",{children:(0,t.jsx)("p",{className:"heading",children:"Standard Curbside Delivery"})}),(0,t.jsx)("p",{className:`service-price ${"Free"===eC?"free-class":""}`,children:"Free"==eC?eC:(0,t.jsxs)("span",{className:"notranslate",children:["$",eC]})})]}),eI&&(0,t.jsxs)("div",{className:"service-text",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"heading",children:"Out-of-Zone Fee"}),(0,t.jsx)("p",{className:"service-description palletized",children:`Additional charges applied to ${eI?"Postal":"ZIP"} Codes outside of NewAgeâs delivery zones.`})]}),(0,t.jsx)("p",{className:"zonal-fee notranslate",children:eu?eL||"$0.00":`${x?.zonal_charge?`$${(x?.zonal_charge).toFixed(2)}`:"$0.00"}`})]})]})}),(0,t.jsxs)("div",{className:"price-total-section",children:[!eI&&(0,t.jsxs)("div",{className:x?.wg_charge>0&&x?.serviceable==!0?"installation-container white-glove":"installation-container white-glove disabled",children:[(0,t.jsxs)("div",{className:"white-glove-sec",children:[x?.wg_charge>0&&x?.serviceable==!0&&ta<21?(0,t.jsxs)("label",{htmlFor:"white-glove-delivery",className:"checkbox-container",children:[(0,t.jsx)("input",{id:"white-glove-delivery",type:"checkbox","aria-label":"Upgrade to White Glove Delivery",checked:e?.filter(e=>e?.cartItem?.productDetails?.sku=="38204")?.length>0,onChange:e=>{u("whiteGlove"),e1("whiteGlove",e.target.checked)}}),(0,t.jsx)("span",{className:"checkmark"}),(0,t.jsx)("span",{style:ew,children:"Upgrade to White Glove Delivery"})]}):(0,t.jsxs)("label",{htmlFor:"white-glove-delivery",className:"checkbox-container not-available",children:[(0,t.jsx)("input",{id:"white-glove-delivery",type:"checkbox","aria-label":"Upgrade to White Glove Delivery",disabled:!0}),(0,t.jsx)("span",{className:"checkmark"}),(0,t.jsx)("span",{style:ew,children:"Upgrade to White Glove Delivery"})]}),(0,t.jsxs)("div",{className:"service-text",children:[(0,t.jsxs)("p",{className:"service-heading show-desktop",children:["Upgrade to White Glove Delivery",(0,t.jsx)("span",{className:"info-icon",role:"button",tabIndex:0,"aria-label":"More information about delivery options",onKeyDown:ek,onClick:()=>e4("delivery")})]}),!0==el&&x?.wg_charge>0&&x?.serviceable==!0&&(0,t.jsx)("span",{className:"offer-discount show-desktop",children:"25% OFF Unboxing & Pallet Removal"}),x?.is_wg_zipcode==!1&&e?.length>0&&(0,t.jsxs)("span",{className:"whiteglove-unavailable",children:["White Glove Delivery is currently not available in your area. ",(0,t.jsx)("span",{className:"d-block",children:"Standard delivery options will be shown at checkout."})]})]})]}),(0,t.jsxs)("div",{className:"price-section",children:[(0,t.jsx)("p",{className:"service-price price",children:x?.wg_charge>0&&x?.serviceable==!0?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"plus-icon",children:"+"}),(0,t.jsx)("span",{className:"price-value notranslate",children:`$${eO(eD)}`})]}):(0,t.jsx)("span",{children:"$0.00"})}),x?.wg_charge>0&&!0==el&&eD>0&&x?.serviceable==!0&&(0,t.jsx)("p",{className:"service-price price1 notranslate",children:eq&&eF>0?`$${eq}`:"$0.00"})]})]}),x?.wg_charge>0&&!0==el&&x?.serviceable==!0&&(0,t.jsx)("div",{className:"installation-container white-glove price-total",children:(0,t.jsxs)("div",{className:"total-price-section offer",children:[(0,t.jsxs)("div",{className:"item1",children:[(0,t.jsx)("p",{className:"price-text",children:"Regular Price"}),(0,t.jsx)("p",{className:"total-price notranslate",children:eq&&eF>0?`$${eq}`:"$0.00"})]}),(0,t.jsxs)("div",{className:"item2",children:[(0,t.jsx)("p",{className:"price-text",children:"Discounts (25% OFF)"}),(0,t.jsx)("p",{className:"total-price notranslate",children:Number(eq)>Number(eD)?`-$${(Number(eq)-Number(eD)).toFixed(2)}`:"$0.00"})]})]})}),(0,t.jsx)("div",{className:"installation-container white-glove price-total price2",children:(0,t.jsxs)("div",{className:"total-price-section",children:[(0,t.jsx)("p",{className:"price-text",children:"TOTAL"}),(0,t.jsx)("div",{className:"total-price notranslate",children:(0,t.jsx)("p",{className:"notranslate",children:`${ez>0?`$${eO(ez)}`:"$0.00"}`})})]})})]})]}),(0,t.jsx)(M,{modalOpen:E,setModalClose:()=>{P(!1)}
2116,setActiveInstallation:Z,serviceable:x?.installation_available,title:"From Delivery to Setup - Weâve Got You Covered",description:"Our team of licensed installers gets your home project completed faster. Installation pricing is calculated as a percentage of the product cost, with a minimum charge of $350.",activeInstallation:W,tab1:"garage",tab2:"outdoor",tab1_title:"Garage Installation",tab2_title:"Outdoor Kitchen Installation",allSameSku:v,tab1_content:(0,t.jsxs)("div",{className:"garage",children:[(0,t.jsx)("h4",{children:"Garage Installation"}),(0,t.jsxs)("div",{className:"content",children:[(0,t.jsx)("p",{children:"Your installation includes the careful unpacking, assembly, leveling, and positioning of all items. Cabinets will be securely fastened together, while other components like racks, shelves, and slatwalls will be safely installed to the wall (using wood studs only). If applicable, worktops will also be attached. Additionally, all NewAge Products LED lighting will be securely mounted and plugged into available power outlets."}),(0,t.jsx)("p",{className:"mt-2 grey-color mb-2",children:"Please note that site modifications and additional materials (such as lumber) are not included in the installation purchase. These may incur additional costs if required or necessary to complete the installation. Once your products are assembled and installed, our product expert will guide you through your purchase and assist with shelf placement or any additional NewAge Products garage accessory items to complete your setup. After installation, the removal of product packaging and pallets from the site is not included; however, cardboard will be folded or cut down and placed in your garbage. For lights intended to be hard-wired, the cables will be left accessible for a qualified electrician to complete the installation. The installation of flooring products is also not included."})]})]}),tab2_content:(0,t.jsxs)("div",{className:"outdoor-kitchen",children:[(0,t.jsx)("h4",{children:"Outdoor Kitchen Installation"}),(0,t.jsxs)("div",{className:"content",children:[(0,t.jsx)("p",{children:"Your installation includes the careful unpacking, assembly, leveling, and positioning of all items, as well as the removal of the protective film. Cabinets will be securely fastened together and, if applicable, countertops will also be attached."}),(0,t.jsx)("p",{className:"mt-2 grey-color mb-2",children:"Please note that site modifications and additional materials (such as lumber) are not included in the installation purchase. These may incur additional costs if required or necessary to complete the installation. Once your products are assembled and installed, our product expert will guide you through your purchase and assist with any other NewAge Products outdoor accessory items to complete your setup. After installation, the removal of product packaging and pallets from the site is not included; however, cardboard will be folded or cut down and placed in your garbage. Natural Gas lines installation for Insert Grills are also not included, and our product experts will not connect your Grill to existing gas lines or propane tanks; for your safety and the longevity of your product, contact a licensed gas fitter for assistance. For sink installations, make sure to contact a licensed plumber for assistance with plumbing fittings, creating water lines, etc."})]})]})}),(0,t.jsx)(M,{modalOpen:L,setModalClose:()=>R(!1),setActiveInstallation:Y,title:"Delivery Services",description:"Swift curbside delivery, or premium White Glove delivery. Your choice.",activeInstallation:J,tab1:"Curbside Delivery",tab2:"White Glove Delivery",tab1_title:"Curbside Delivery",tab2_title:"White Glove Delivery",tab1_content:(0,t.jsxs)("div",{className:"garage",children:[(0,t.jsx)("h4",{children:"Curbside Delivery"}),(0,t.jsxs)("div",{className:"content",children:[(0,t.jsx)("p",{children:"We ensure a smooth delivery experience, starting with a pre-delivery product inspection for quality assurance. Your items will be securely palletized and delivered to the end of your driveway. Depending on your order, shipments may arrive in multiple parts or as parcel deliveries for added efficie
2116ncy."}),(0,t.jsx)("div",{className:"table-container",children:(0,t.jsxs)("table",{className:"service-table",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"What's included with each service"}),(0,t.jsx)("th",{children:"Curbside"}),(0,t.jsx)("th",{children:"White Glove"})]})}),(0,t.jsxs)("tbody",{children:[(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Pre-delivery product inspection"}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Palletized product delivery to the end of your driveway"}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Delivery to a room of choice"}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Careful unpacking of all items"}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Disposal of product packaging"}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Potential for split shipments or parcel delivery"}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Disposal of delivery pallets"}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]})]})]})})]})]}),tab2_content:(0,t.jsxs)("div",{className:"outdoor-kitchen",children:[(0,t.jsx)("h4",{children:"White Glove Delivery"}),(0,t.jsxs)("div",{className:"content",children:[(0,t.jsxs)("p",{children:["Our delivery service is tailored for your convenience, beginning with a pre-delivery product inspection to ensure quality. We offer palletized delivery with the option to place items in your room of choice, followed by careful unpacking, removal of all packaging, and disposal of delivery pallets, leaving your space clean and stress-free."," "]}),(0,t.jsx)("div",{className:"table-container",children:(0,t.jsxs)("table",{className:"service-table",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"What's included with each service"}),(0,t.jsx)("th",{children:"Curbside"}),(0,t.jsx)("th",{children:"White Glove"})]})}),(0,t.jsxs)("tbody",{children:[(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Pre-delivery product inspection"}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Palletized product delivery to the end of your driveway"}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Delivery to a room of choice"}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Careful unpacking of all items"}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Disposal of product packaging"}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Potential for split shipments or parcel delivery"}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:"Disposal of delivery pallets"}),(0,t.jsx)("td",{className:"cross",children:(0,t.jsx)(B.default,{})}),(0,t.jsx)("td",{className:"check",children:(0,t.jsx)(G.default,{})})]})]})]})})]})]})}),(0,t.jsx)($,{open:et,autoHideDuration:3e3,message:"Something went wrong. Please try again",setOpen:ea})]})}],930553);var W=e.i(692356),Z=e.i(799007),J=e.i(755548);let Y=a.default.div.withConfig({displayName:"ShoppingCTA__MainDiv",componentId:"sc-28acb8a0-0"})` 2117a{ 2118 font-family: "helvetica-neue-lt-pro-cond" !important; 2119 font-weight: 700; 2120 border-radius: unset; 2121 background-color: #0c67e7 !important; 2122 width:250px; 2123 height:46px; 2124 letter-spacing:1.2px; 2125} 2126`,Q=function(e){let{text:a}=e,i=(0,o.useRouter)().asPath.split("/").includes("ca");return(0,t.jsx)(Y,{children:(0,t.jsx)(J.default,{href:`/${i?"ca/":""}`,...e,variant:"contained",children:a})})};e.s(["default",0,Q],280406);var X=e.i(171814);e.i(678402);let ee=a.default.div.withConfig({displayName:"OrderSummarySF__MainDiv",componentId:"sc-af2c158a-0"})` 2127 width: 400px; 2128 margin-left: 50px; 2129 margin-bottom: 50px; 2130 position: relative; 2131 @media (max-width: 1200px){ 2132 margin-left: 30px; 2133 } 2134 .home-value-add{ 2135 display:flex; 2136 flex-wrap:wrap; 2137 align-items:center; 2138 background-color:#f7f7f7; 2139 margin-top:20px; 2140 padding:20px 10px; 2141 .main-title{ 2142 width:48%; 2143 p{ 2144 font-size:26px; 2145 font-family: helvetica-neue-lt-pro-cond; 2146 font-weight:bold; 2147 text-transform: uppercase; 2148 } 2149 } 2150 .right-section{ 2151 width:52%; 2152 p{ 2153 font-size:12px; 2154 font-family: "helvetica-neue-lt-pro", sans-serif; 2155 } 2156 a{ 2157 font-size:10px; 2158 margin-top:10px; 2159 font-family: "helvetica-neue-lt-pro", sans-serif; 2160 } 2161 .cta-section{ 2162 display:flex; 2163 gap:20px; 2164 align-items: center; 2165 justify-content: flex-start; 2166 .nap-btn-global + .nap-btn-global{ 2167 margin-left:0; 2168 } 2169 a{ 2170 text-decoration: underline; 2171 :after{ 2172 display:none; 2173 } 2174 } 2175 } 2176 } 2177 ${s.default.laptopS}{ 2178 flex-direction:column; 2179 text-align:center; 2180 .right-section{ 2181 width:100%; 2182 p{ 2183 margin:10px auto; 2184 font-size:16px; 2185 max-width:300px; 2186 } 2187 a{ 2188 font-size:14px; 2189 } 2190 .cta-section{ 2191 gap:10px; 2192 .nap-btn-global { 2193 margin-left:0; 2194 margin-right:0; 2195 } 2196 } 2197 } 2198 .main-title{ 2199 width:100%; 2200 p{ 2201 font-size:45px; 2202 } 2203 } 2204 } 2205 } 2206 @media (max-width: 990px){ 2207 margin: 40px auto; 2208 max-width: 100%; 2209 width: 100%; 2210 padding: 0; 2211 } 2212 @media (max-width: 500px){ 2213 padding: 0 10px; 2214 } 2215 .price-section{ 2216 position: sticky; 2217 top: 10px; 2218 @media (max-width: 990px){ 2219 position:static; 2220 } 2221 .loading { 2222 position: absolute; 2223 background-color: white; 2224 height: 100%; 2225 width: 100%; 2226 opacity: 0.5; 2227 2228 .loader { 2229 position: absolute; 2230 top: 40%; 2231 left: 50%; 2232 } 2233 } 2234 } 2235 .outer-container { 2236 padding: 20px 30px; 2237 background-color: #f7f7f7; 2238 @media (max-width: 990px){ 2239 padding: 15px; 2240 margin: 0 0 15px; 2241 box-shadow: 0px 1px 0px #dbdbdb; 2242 background: #f7f7f7 0% 0% no-repeat padding-box; 2243 } 2244 @media (max-width: 500px){ 2245 margin: 0 0 15px !important; 2246 } 2247 } 2248 .outer-container + .outer-container { 2249 margin-top: 20px; 2250 } 2251 .price-container { 2252 .order-heading { 2253 font-family: "helvetica-neue-lt-pro", sans-serif; 2254 font-weight: 500; 2255 font-size: 24px; 2256 } 2257 .discount-offer{ 2258 padding-top:20px; 2259 span{ 2260 font-family: "helvetica-neue-lt-pro", sans-serif; 2261 font-size:14px; 2262 display:block; 2263 } 2264 } 2265 .single-row.row1{ 2266 margin-left:10px; 2267 .heading-h2{ 2268 font-size:12px; 2269 } 2270 .price{ 2271 font-size:12px; 2272 font-family:"helvetica-neue-lt-pro", sans-serif; 2273 } 2274 } 2275 .single-row { 2276 display: flex; 2277 justify-content: space-between; 2278 .delivery-sec{ 2279 display:flex; 2280 align-items: center; 2281 button.delivery-shipping { 2282 background: transparent; 2283 border: unset; 2284} 2285 } 2286 .heading.sale-tax{ 2287 font-size:14px; 2288 font-weight:500; 2289 } 2290 .heading { 2291 font-family: "helvetica-neue-lt-pro", sans-serif; 2292 font-size: 14px; 2293 /* letter-spacing: 1.4px; */ 2294 /* @media(max-width:990px){ 2295 font-size: 12px; 2296 } */ 2297 } 2298 button.installation-type { 2299 background: transparent; 2300 border: unset; 2301} 2302 .info-icon { 2303 display: inline-block; 2304 width: 14px; 2305 height: 14px; 2306 border: 1px solid #EA0707; 2307 border-radius: 50%; 2308 color: #EA0707; 2309 margin-left: 4px; 2310 cursor:pointer; 2311 position:relative; 2312 :hover{ 2313 background: #EA0707; 2314 ::after { 2315 color:#fff; 2316 } 2317 } 2318 ::after{ 2319 content:'i'; 2320 position:absolute; 2321 font-size:8px; 2322 transform: translate(-50%, -50%); 2323 left: 50%; 2324 top: 50%; 2325 font-weight:bold; 2326 } 2327 } 2328 .tooltip-container{ 2329 position:relative; 2330 } 2331 .tooltip-text { 2332 visibility: hidden; 2333 background-color:white; 2334 color: #000; 2335 padding: 5px 10px; 2336 border-radius: 5px; 2337 font-size: 12px; 2338 position: absolute; 2339 top: -60px; /* Position above the icon */ 2340 white-space: nowrap; /* Prevent text wrapping */ 2341 z-index: 1000; 2342 opacity: 0; 2343 transition: opacity 0.2s; 2344 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); 2345 } 2346 2347 .tooltip-container:hover .tooltip-text { 2348 visibility: visible; 2349 opacity: 1; 2350 } 2351 .sale-tax{ 2352 /* letter-spacing: 0.3px; */ 2353 } 2354 .price { 2355 font-family: "helvetica-neue-lt-pro", sans-serif; 2356 font-size: 14px; 2357 /* letter-spacing: 1.6px; */ 2358 /* @media(max-width:990px){ 2359 font-size: 12px; 2360 } */ 2361 } 2362 .price.checkout{ 2363 font-size: 14px; 2364 font-weight:500; 2365 } 2366 } 2367 .blue-color { 2368 color: #0072bc; 2369 } 2370 .inner-container { 2371 .single-row + .single-row { 2372 margin-top: 10px; 2373 } 2374 border-top: 2px solid #e0e0e0; 2375 border-bottom: 2px solid #e0e0e0; 2376 padding: 20px 0px; 2377 .price{ 2378 font-family: "helvetica-neue-lt-pro", sans-serif; 2379 font-weight: 500; 2380 } 2381 .sub-total { 2382 .heading { 2383 font-size: 14px; 2384 /* @media(max-width:990px){ 2385 font-size: 12px; 2386 } */ 2387 } 2388 .price { 2389 font-size: 14px; 2390 /* letter-spacing:1.6px; */ 2391 /* @media(max-width:990px){ 2392 font-size: 12px; 2393 } */ 2394 } 2395 } 2396 .heading{ 2397 font-family: "helvetica-neue-lt-pro", sans-serif; 2398 font-weight: 500; 2399 } 2400 .delivery-shipping:hover,.installation-type:hover{ 2401 text-decoration:underline; 2402 cursor:pointer; 2403 } 2404 .delivery-shipping.showMobile:hover,.installation-type.showMobile:hover{ 2405 text-decoration:none; 2406 } 2407 } 2408 .total { 2409 .heading { 2410 font-family: "helvetica-neue-lt-pro", sans-serif; 2411 font-weight: 500; 2412 font-size: 20px; 2413 } 2414 .price { 2415 font-family: "helvetica-neue-lt-pro", sans-serif; 2416 font-weight: 500; 2417 font-size: 20px; 2418 } 2419 } 2420 2421 .total + .sales-tax { 2422 margin-top: 10px; 2423 } 2424 .inner-container + .total { 2425 margin-top: 20px; 2426 } 2427 .order-heading + .inner-container { 2428 margin-top: 20px; 2429 @media (max-width: 990px) { 2430 margin-top: 10px; 2431 } 2432 } 2433 } 2434 .outer-container + .btn-container { 2435 margin-top: 40px; 2436 } 2437 .btn-container { 2438 display: flex; 2439 flex-direction: column; 2440 .nap-btn-global + .nap-btn-global { 2441 margin-left: 0; 2442 margin-top: 20px; 2443 } 2444 a.nap-btn-global{ 2445 background-color: #0c67e7; 2446 :hover{ 2447 background-color:#468beb; 2448 } 2449 :focus-visible{ 2450 outline: 1px solid #0c67e7; 2451 outline-offset: 2px; 2452 } 2453 } 2454 a{ 2455 font-family: helvetica-neue-lt-pro-cond; 2456 color: #fff; 2457 border-radius: 0; 2458 padding:0; 2459 height:50px; 2460 display:flex; 2461 justify-content:center; 2462 align-items:center; 2463 font-size:14px; 2464 letter-spacing:0; 2465 @media(max-width:1300px){ 2466 font-size:14px; 2467 } 2468 ${s.default.tablet}{ 2469 display:flex!important; 2470 } 2471 } 2472 .wt-btn { 2473 background-color: rgb(37, 37, 41)!important; 2474 color: rgb(255, 255, 255)!important; 2475 width:100%!important; 2476 margin-top:7px; 2477 box-shadow:none; 2478 :hover{ 2479 background-color: rgb(103, 103, 114) !important; 2480 } 2481 } 2482 @media (max-width: 990px) { 2483 /* position: absolute; */ 2484 bottom: 50px; 2485 width: 100%; 2486 .nap-btn-global + .nap-btn-global { 2487 margin-top: 10px; 2488 } 2489 @media (max-width: 767px){ 2490 .nap-btn-global{ 2491 margin-left: auto; 2492 margin-right: auto; 2493 width: 100%; 2494 } 2495 @media (max-width: 500px){ 2496 padding: 0; 2497 } 2498 } 2499 } 2500 a{ 2501 :after{ 2502 display:none; 2503 } 2504 } 2505 a:nth-child(2){ 2506 2507 } 2508 } 2509 .showDesktop{ 2510 display:block; 2511 ${s.default.laptopS}{ 2512 display:none; 2513 } 2514 } 2515 .showMobile{ 2516 display:none; 2517 ${s.default.laptopS}{ 2518 display:block; 2519 } 2520 } 2521 .disabled-checkout{ 2522 background: #ebebe4!important; 2523 border: 2px solid #ebebe4; 2524 color:rgb(61, 65, 71)!important; 2525 pointer-events:none; 2526 } 2527 .home-value-add{ 2528 .right-section{ 2529 .cta-section{ 2530 @media(max-width:990px){ 2531 justify-content: center; 2532 } 2533 } 2534 } 2535 } 2536`;e.s(["default",0,function({getPriceCount:e,loading:a,cart:i,leadTimeData:s,giftPrice
2536:n,cartPromotions:l,draftDiscount:d}){let[p,u]=(0,r.useState)(!1),[m,x]=(0,r.useState)(!1),{total_saving:h,productTotal:f,totalWithService:g,delivery_total:b,installationPrice:y}=e(),v=(0,o.useRouter)(),{cart_id:I,buyerId:k,draft_cart:w}=v.query,j=v?.asPath?.split("/")?.includes("ca"),_="",N="";_=j?localStorage.getItem("ca-sf-cartId"):localStorage.getItem("sf-cartId"),_=I&&k?I:_,N=j?localStorage.getItem("ca-buyer-id"):localStorage.getItem("buyer-id"),N=I&&k?k:N;let S=e=>e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","),C=e=>{"delivery"==e?(document?.querySelector(".installation-container.service-container.white-glove-service")).scrollIntoView({behavior:"smooth"}):(document?.querySelector(".installation-container-box")).scrollIntoView({behavior:"smooth"})},D=w?s?.some(e=>["DISCONTINUED","OUT OF STOCK","COMING SOON"].includes(e.status)):s?.some(e=>["DISCONTINUED","OUT OF STOCK","LLT BACKORDER","COMING SOON"].includes(e.status)),z=i?.filter(e=>!c.CART_INSTALLATION_SERVICES?.includes(e.cartItem.productDetails.sku)),A=z?.filter(e=>!e?.cartItem?.productDetails?.sku?.includes("AO"))?.length+z?.filter(e=>e?.cartItem?.productDetails?.sku?.includes("AO"))?.length+z?.reduce((e,t)=>{let a=t?.cartItem?.customFields?.[0]?.bundle_parents__c?JSON.parse((t?.cartItem?.customFields?.[0]?.bundle_parents__c?.replace(/&quot;/g,""")||"[]").replace(/"/g,'"')):[];return e+(a.length>0?a.length-1:0)},0)>20||D||void 0==D,F=()=>{n>0||D||null!=l?window.location.reload():w?v.push(`/${j?"ca/":""}checkout/do?cartId=${_}&buyerId=${N}`):v.push(`/${j?"ca/":""}checkout`)};return(0,t.jsxs)(ee,{children:[(0,t.jsxs)("div",{className:"price-section",children:[(0,t.jsxs)("div",{className:"price-container outer-container",children:[(0,t.jsx)("h3",{className:"order-heading",children:"Order Summary"}),(0,t.jsxs)("div",{className:"inner-container",children:[(0,t.jsxs)("div",{className:"sub-total single-row",children:[(0,t.jsx)("p",{className:"heading",children:"Product Subtotal"}),(0,t.jsx)("p",{className:"price notranslate",children:f?`$${S(f)}`:"$0.00"})]}),(0,t.jsxs)("div",{className:"delivery single-row",children:[(0,t.jsxs)("div",{className:"delivery-sec",children:[(0,t.jsx)("button",{className:"heading delivery-shipping showDesktop",onClick:()=>C("delivery"),type:"button","aria-label":"Edit delivery options",children:"Delivery & Shipping"}),(0,t.jsx)("p",{className:"heading delivery-shipping showMobile",children:" Delivery & Shipping"})]}),(0,t.jsx)("p",{className:"price notranslate",children:`${b>0?`$${S(b)}`:"$0.00"}`})]}),(0,t.jsxs)("div",{className:"installation single-row",children:[(0,t.jsx)("button",{className:"heading installation-type showDesktop",onClick:()=>C("installation"),type:"button","aria-label":"Edit installation options",children:"Installation"}),(0,t.jsx)("p",{className:"heading installation-type showMobile",children:"Installation"}),(0,t.jsx)("p",{className:"price notranslate",children:y?"$"+S(y.toFixed(2)):"$0.00"})]}),(0,t.jsxs)("div",{className:"estimation single-row",children:[(0,t.jsx)("p",{className:"heading",children:"Savings"}),(0,t.jsx)("p",{className:"price notranslate",children:h?"$"+S(h):"-"})]})]}),(0,t.jsxs)("div",{className:"total single-row",children:[(0,t.jsx)("p",{className:"heading",children:"TOTAL"}),(0,t.jsx)("p",{className:"price notranslate",children:!0==a?"-":g?`$${S(g)}`:"$0.00"})]}),(0,t.jsxs)("div",{className:"sales-tax single-row",children:[(0,t.jsx)("p",{className:"heading sale-tax",children:"Sales Taxes"}),(0,t.jsx)("p",{className:"price checkout",children:"Calculated at checkout"})]})]}),(0,t.jsxs)("div",{className:"btn-container",children:[(0,t.jsx)(W.default,{text:"CHECKOUT",onClick:F,role:"button",tabIndex:A?-1:0,"aria-disabled":A,onKeyDown:e=>{A||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),F())},className:A?"disabled-checkout":"","aria-label":"Checkout"}),w?(0,t.jsx)(t.Fragment,{}):(0,t.jsx)(Q,{text:"BACK TO SHOPPING",className:"wt-btn",url:j?"/ca/collections/all/":"/collections/all/"})]})]}),p&&(0,t.jsx)(Z.default,{OpenAddValue:p,setOpenAddValue:u}),m&&(0,t.jsx)(X.default,{OpenAddValueOut:m,setOpenAddValueOut:x})]})}],577526)}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.