https://www.autonomous.ai/_next/static/chunks/55829.5d5942ca780b9bb1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55829],{21362:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(12588).A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},41641:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(12588).A)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])},47279:(e,t,a)=>{"use strict";a.d(t,{C1:()=>A,bL:()=>j});var r=a(12115),n=a(47527),s=a(68599),c=a(70379),d=a(98979),i=a(83417),l=a(63509),o=a(83935),u=a(55897),_=a(95155),p="Checkbox",[h,m]=(0,s.A)(p),[x,b]=h(p);function y(e){let{__scopeCheckbox:t,checked:a,children:n,defaultChecked:s,disabled:c,form:i,name:l,onCheckedChange:o,required:u,value:h="on",internal_do_not_use_render:m}=e,[b,y]=(0,d.i)({prop:a,defaultProp:s??!1,onChange:o,caller:p}),[k,f]=r.useState(null),[j,v]=r.useState(null),A=r.useRef(!1),g=!k||!!i||!!k.closest("form"),N={checked:b,disabled:c,setChecked:y,control:k,setControl:f,name:l,form:i,value:h,hasConsumerStoppedPropagationRef:A,required:u,defaultChecked:!I(s)&&s,isFormControl:g,bubbleInput:j,setBubbleInput:v};return(0,_.jsx)(x,{scope:t,...N,children:"function"==typeof m?m(N):n})}var k="CheckboxTrigger",f=r.forwardRef((e,t)=>{let{__scopeCheckbox:a,onKeyDown:s,onClick:d,...i}=e,{control:l,value:o,disabled:p,checked:h,required:m,setControl:x,setChecked:y,hasConsumerStoppedPropagationRef:f,isFormControl:j,bubbleInput:v}=b(k,a),A=(0,n.s)(t,x),g=r.useRef(h);return r.useEffect(()=>{let e=l?.form;if(e){let t=()=>y(g.current);return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}},[l,y]),(0,_.jsx)(u.sG.button,{type:"button",role:"checkbox","aria-checked":I(h)?"mixed":h,"aria-required":m,"data-state":C(h),"data-disabled":p?"":void 0,disabled:p,value:o,...i,ref:A,onKeyDown:(0,c.mK)(s,e=>{"Enter"===e.key&&e.preventDefault()}),onClick:(0,c.mK)(d,e=>{y(e=>!!I(e)||!e),v&&j&&(f.current=e.isPropagationStopped(),f.current||e.stopPropagation())})})});f.displayName=k;var j=r.forwardRef((e,t)=>{let{__scopeCheckbox:a,name:r,checked:n,defaultChecked:s,required:c,disabled:d,value:i,onCheckedChange:l,form:o,...u}=e;return(0,_.jsx)(y,{__scopeCheckbox:a,checked:n,defaultChecked:s,disabled:d,required:c,onCheckedChange:l,name:r,form:o,value:i,internal_do_not_use_render:e=>{let{isFormControl:r}=e;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(f,{...u,ref:t,__scopeCheckbox:a}),r&&(0,_.jsx)(N,{__scopeCheckbox:a})]})}})});j.displayName=p;var v="CheckboxIndicator",A=r.forwardRef((e,t)=>{let{__scopeCheckbox:a,forceMount:r,...n}=e,s=b(v,a);return(0,_.jsx)(o.C,{present:r||I(s.checked)||!0===s.checked,children:(0,_.jsx)(u.sG.span,{"data-state":C(s.checked),"data-disabled":s.disabled?"":void 0,...n,ref:t,style:{pointerEvents:"none",...e.style}})})});A.displayName=v;var g="CheckboxBubbleInput",N=r.forwardRef((e,t)=>{let{__scopeCheckbox:a,...s}=e,{control:c,hasConsumerStoppedPropagationRef:d,checked:o,defaultChecked:p,required:h,disabled:m,name:x,value:y,form:k,bubbleInput:f,setBubbleInput:j}=b(g,a),v=(0,n.s)(t,j),A=(0,i.Z)(o),N=(0,l.X)(c);r.useEffect(()=>{if(!f)return;let e=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"checked").set,t=!d.current;if(A!==o&&e){let a=new Event("click",{bubbles:t});f.indeterminate=I(o),e.call(f,!I(o)&&o),f.dispatchEvent(a)}},[f,A,o,d]);let C=r.useRef(!I(o)&&o);return(0,_.jsx)(u.sG.input,{type:"checkbox","aria-hidden":!0,defaultChecked:p??C.current,required:h,disabled:m,name:x,value:y,form:k,...s,tabIndex:-1,ref:v,style:{...s.style,...N,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});function I(e){return"indeterminate"===e}function C(e){return I(e)?"indeterminate":e?"checked":"unchecked"}N.displayName=g},51914:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(12588).A)("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]])},62917:(e,t,a)=>{"use strict";a.d(t,{S:()=>o});var r=a(95155);a(12115);var n=a(94514),s=a(47279),c=a(69730),d=a.n(c),i=a(79804),l=a.n(i);function o(e){let{className:t,children:a,...c}=e;return(0,r.jsxs)(s.bL,{"data-slot":"checkbox",className:d()(a?l().checkboxWithLabel:l().checkbox,t),...c,children:[(0,r.jsx)("span",{className:l().box,"data-slot":"checkbox-box",children:(0,r.jsx)(s.C1,{"data-slot":"checkbox-indicator",className:l().indicator,children:(0,r.jsx)(n.A,{className:l().icon})})}),a]})}},68459:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(12588).A)("trash-2",[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]])},72271:e=>{e.exports={"container-extra":"AddOnDeals_container-extra__IL2M5",AddOnDeals:"AddOnDeals_AddOnDeals__kjTDM",carousel:"AddOnDeals_carousel__xxKD6",header:"AddOnDeals_header__J7n__",title:"AddOnDeals_title__sbB_B",navButton:"AddOnDeals_navButton__4H4Gu"}},78210:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>I});var r=a(95155),n=a(69730),s=a.n(n),c=a(41641),d=a(21362),i=a(12115),l=a(28205),o=a(88679),u=a(72529),_=a(24700),p=a.n(_),h=a(71135),m=a(62917),x=a(47358),b=a(82520),y=a(92500),k=a(90903),f=a.n(k);let j=e=>{let{product:t,onSelectItem:a}=e,[n,s]=(0,i.useState)(t.product_urls?.[0]),[c,d]=(0,i.useState)(1),[l,o]=(0,i.useState)(!1),u=t.currency?.currency_symbol,_=`/${t.category_slug}/${t.product_slug}`;(0,i.useEffect)(()=>{s(t.product_urls?.[0]||{}),d(1),o(!1)},[t.product_code]),(0,i.useEffect)(()=>{a?.(n,l?c:0)},[n,c,l]);let{price:{sale_price:k=0,strike_through_price:j=0}={},quantity_discount_data:{ranges:v=[]}={}}=n||{},{price:{sale_price:A=k,strike_through_price:g=j}={}}

1=v.find(e=>e.from?e.to?e.from<=c&&e.to>=c:e.from<c:e.to>=c)||{},N=p()(g).value()>0,I=n?.galleries?.filter(e=>!(e.image_url?.includes(".mp4")||e.image_url?.includes(".webm"))&&!e.is_video)?.[0]?.image_url||"",C=n?.image||I;return(0,r.jsxs)("div",{className:f().card,children:[(0,r.jsx)(m.S,{checked:l,onCheckedChange:e=>o(!!e),className:f().checkbox,"aria-label":t.product_name}),(0,r.jsx)(x.default,{href:_,title:t.product_name,className:f().thumbnail,children:(0,r.jsx)(h.ok,{src:C,alt:n?.name,width:66,height:66,className:f().thumbnailMedia})}),(0,r.jsxs)("div",{className:f().info,children:[(0,r.jsxs)("div",{className:f().titleBlock,children:[(0,r.jsx)(x.default,{href:_,className:f().name,title:t.product_name,children:t.product_name}),(0,r.jsx)("div",{className:f().desc,children:t?.product_slug==="hydrate"?"AI-powered device that helps you build healthier hydration habits":n?.option_name}),(0,r.jsxs)("div",{className:f().priceRow,children:[(0,r.jsx)(y.A,{price:A,currencySymbol:u,prefix:"+",className:f().price}),N&&(0,r.jsx)(y.A,{price:g,currencySymbol:u,className:f().strikePrice})]})]}),(0,r.jsx)(b.A,{value:c,onChange:d,min:1,className:f().qty})]})]})};var v=a(72271),A=a.n(v),g=a(54681);let N=e=>{let{title:t}=e,{nextBtnDisabled:a,prevBtnDisabled:n,onNextButtonClick:s,onPrevButtonClick:i}=(0,l.Hd)();return(0,r.jsxs)("div",{className:A().header,children:[(0,r.jsx)("div",{className:A().title,children:t}),(!a||!n)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",className:A().navButton,onClick:i,disabled:n,"aria-label":"Previous add-on",children:(0,r.jsx)(c.A,{size:20})}),(0,r.jsx)("button",{type:"button",className:A().navButton,onClick:s,disabled:a,"aria-label":"Next add-on",children:(0,r.jsx)(d.A,{size:20})})]})]})},I=i.memo(e=>{let{className:t}=e,{product:a,selectedProductUrl:n}=(0,g.xX)(),c=(0,g.IM)(e=>e.quantity),d=(0,g.IM)(e=>e.setAddOnDeals),[_,p]=(0,i.useState)({}),{data:h}=(0,o.A)((0,u.$D)({quantity:c,code:a?.product_code||""})),m=h?.products??[];return((0,i.useEffect)(()=>{d(Object.values(_))},[_,d]),m.length<1||!a?.product_code)?null:(0,r.jsx)("div",{className:s()(A().AddOnDeals,t),children:(0,r.jsxs)(l.Carousel,{className:A().carousel,children:[(0,r.jsx)(N,{title:m.length>1?"Add-ons":"Add-on"}),(0,r.jsx)(l.CarouselContent,{children:m.map(e=>(0,r.jsx)(l.CarouselItem,{children:(0,r.jsx)(j,{product:e,onSelectItem:(t,r)=>{p(s=>{let c={...s};return r<=0?delete c[e.product_code]:c[e.product_code]={category_code:a?.category_code,category_name:a?.category_name,category_slug:a?.category_slug,parent_product_url_code:n.code,parent_product_url_sequence_code:n.sequence_code,product_url_code:t.code,product_url_sequence_code:t.sequence_code,quantity:r},c})}})},`add-on-${e.product_code}`))})]})})})},79804:e=>{e.exports={"container-extra":"Checkbox_container-extra__G0Vnw",checkbox:"Checkbox_checkbox__UkByk",checkboxWithLabel:"Checkbox_checkboxWithLabel__Ly7aF",box:"Checkbox_box__E3NeI",indicator:"Checkbox_indicator__7CGuR",icon:"Checkbox_icon__cqOQj"}},82482:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(12588).A)("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]])},82520:(e,t,a)=>{"use strict";a.d(t,{A:()=>_});var r=a(95155),n=a(12115),s=a(69730),c=a.n(s),d=a(68459),i=a(82482),l=a(51914),o=a(86761),u=a.n(o);let _=e=>{let{value:t,onChange:a,onDelete:s,className:o,disabled:_,min:p=1,max:h=9999}=e,[m,x]=(0,n.useState)(t),b=(0,n.useRef)(null),y=(0,n.useCallback)(e=>{let t=Math.max(p,Math.min(h,e));x(t),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{a(t)},300)},[a]);(0,n.useEffect)(()=>{x(t)},[t]);let k=e=>{e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()};return(0,r.jsxs)("div",{role:"presentation",className:c()(u().wrapperQty,o,"wrapperQty"),onClick:k,children:[(()=>{if(s&&m===p)return(0,r.jsx)("button",{type:"button","aria-label":"Remove item from cart",disabled:_,className:c()(u().btnEditQty,"btnEditQty",{[u().disabled]:_}),onClick:e=>{k(e),s()},children:(0,r.jsx)(d.A,{size:14,className:c()(u().icon,"trash"),"aria-hidden":"true"})});let e=m===p;return(0,r.jsx)("button",{type:"button","aria-label":e?"Remove item from cart":"Decrease quantity",disabled:_||e&&!s,className:c()(u().btnEditQty,"btnEditQty",{[u().disabled]:_||e&&!s}),onClick:e=>{k(e),y(m-1)},children:e?(0,r.jsx)(d.A,{size:14,className:c()(u().icon,"trash"),"aria-hidden":"true"}):(0,r.jsx)(i.A,{size:14,className:u().icon,"aria-hidden":"true"})})})(),(0,r.jsx)("input",{type:"number",pattern:"\\d*","aria-label":"Quantity",className:`${u().qtyInput} qtyInput`,value:String(m),onChange:e=>{y(parseInt((e.target.value||"").replace(/[^0-9]/g,""),10))},disabled:_}),(0,r.jsx)("button",{type:"button","aria-label":"Increase quantity",disabled:_||m===h,className:c()(u().btnEditQty,"btnEditQty",{[u().disabled]:_||m===h}),onClick:e=>{k(e),y(m+1)},children:(0,r.jsx)(l.A,{size:14,className:u().icon,"aria-hidden":"true"})})]})}},86761:e=>{e.exports={"container-extra":"InputQuantity_container-extra__LPqxD",wrapperQty:"InputQuantity_wrapperQty__1YNdl",btnEditQty:"InputQuantity_btnEditQty__sCeGx",disabled:"InputQuantity_disabled__ljjHl",icon:"InputQuantity_icon__Zjv_2",qtyInput:"InputQuantity_qtyInput__qu8Tj"}},90903:e=>{e.exports={"container-extra":"AddOnDealItem_container-extra__29G8L",card:"AddOnDealItem_card__HP7Md",checkbox:"AddOnDealItem_checkbox__U0x_t",thumbnail:"AddOnDealItem_thumbnail__zK6XL",thumbnailMedia:"AddOnDealItem_thumbnailMedia__6Gp13",info:"AddOnDealItem_info___8A7i",titleBlock:"AddOnDealItem_titleBlock__MS8q0",name:"AddOnDealItem_name__BEpXK",de

1sc:"AddOnDealItem_desc__I_5fi",priceRow:"AddOnDealItem_priceRow__TK8_1",price:"AddOnDealItem_price__PMX6X",strikePrice:"AddOnDealItem_strikePrice__WbGx0",moreOptions:"AddOnDealItem_moreOptions__Nt76c",optionsTooltip:"AddOnDealItem_optionsTooltip___Ve7u",qty:"AddOnDealItem_qty__XH40Q"}}}]);