1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7705,8778],{15222:(e,t,o)=>{o.d(t,{A:()=>l});var r=o(37876),i=o(49041),n=o(54378);let l=function(e){let{loading:t=!1,disabled:o,children:l,...s}=e;return(0,r.jsx)(n.$n,{...s,disabled:t||o,children:(0,r.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:1},children:[t&&(0,r.jsx)(n.Ip,{"data-testid":"sui-btn-loading",iconSize:"sm",type:"dots"}),l]})})}},23647:(e,t,o)=>{o.d(t,{A:()=>f});var r=o(14232),i=o(69241),n=o(4697),l=o(82036),s=o(78257),a=o(44407),d=o(26676),c=o(97802),p=o(47951),u=o(45879);function h(e){return(0,u.Ay)("MuiTab",e)}let x=(0,p.A)("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]);var m=o(37876);let g=(0,a.Ay)(l.A,{name:"MuiTab",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:o}=e;return[t.root,o.label&&o.icon&&t.labelIcon,t[`textColor${(0,s.A)(o.textColor)}`],o.fullWidth&&t.fullWidth,o.wrapped&&t.wrapped,{[`& .${x.iconWrapper}`]:t.iconWrapper},{[`& .${x.icon}`]:t.icon}]}})((0,d.A)(({theme:e})=>({...e.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:e})=>e.label&&("top"===e.iconPosition||"bottom"===e.iconPosition),style:{flexDirection:"column"}},{props:({ownerState:e})=>e.label&&"top"!==e.iconPosition&&"bottom"!==e.iconPosition,style:{flexDirection:"row"}},{props:({ownerState:e})=>e.icon&&e.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&"top"===t,style:{[`& > .${x.icon}`]:{marginBottom:6}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&"bottom"===t,style:{[`& > .${x.icon}`]:{marginTop:6}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&"start"===t,style:{[`& > .${x.icon}`]:{marginRight:e.spacing(1)}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&"end"===t,style:{[`& > .${x.icon}`]:{marginLeft:e.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${x.selected}`]:{opacity:1},[`&.${x.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(e.vars||e).palette.text.secondary,[`&.${x.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${x.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(e.vars||e).palette.text.secondary,[`&.${x.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${x.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:({ownerState:e})=>e.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:e})=>e.wrapped,style:{fontSize:e.typography.pxToRem(12)}}]}))),f=r.forwardRef(function(e,t){let o=(0,c.b)({props:e,name:"MuiTab"}),{className:l,disabled:a=!1,disableFocusRipple:d=!1,fullWidth:p,icon:u,iconPosition:x="top",indicator:f,label:b,onChange:y,onClick:j,onFocus:A,selected:w,selectionFollowsFocus:C,textColor:k="inherit",value:v,wrapped:S=!1,...I}=o,$={...o,disabled:a,disableFocusRipple:d,selected:w,icon:!!u,iconPosition:x,label:!!b,fullWidth:p,textColor:k,wrapped:S},E=(e=>{let{classes:t,textColor:o,fullWidth:r,wrapped:i,icon:l,label:a,selected:d,disabled:c}=e,p={root:["root",l&&a&&"labelIcon",`textColor${(0,s.A)(o)}`,r&&"fullWidth",i&&"wrapped",d&&"selected",c&&"disabled"],icon:["iconWrapper","icon"]};return(0,n.A)(p,h,t)})($),L=u&&b&&r.isValidElement(u)?r.cloneElement(u,{className:(0,i.A)(E.icon,u.props.className)}):u;return(0,m.jsxs)(g,{focusRipple:!d,className:(0,i.A)(E.root,l),ref:t,role:"tab","aria-selected":w,disabled:a,onClick:e=>{!w&&y&&y(e,v),j&&j(e)},onFocus:e=>{C&&!w&&y&&y(e,v),A&&A(e)},ownerState:$,tabIndex:w?0:-1,...I,children:["top"===x||"start"===x?(0,m.jsxs)(r.Fragment,{children:[L,b]}):(0,m.jsxs)(r.Fragment,{children:[b,L]}),f]})})},26823:(e,t,o)=>{o.d(t,{A:()=>w});var r=o(37876),i=o(53279),n=o(60420),l=o(49041),s=o(78876),a=o(94870),d=o(17455),c=o(58638),p=o(48230),u=o.n(p),h=o(76252),x=o(14232),m=o(54378);let g=(0,o(10922).A)((0,r.jsx)("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreHoriz");var f=o(49669);let b=(0,h.A)(u())` 2 text-decoration: none; 3 text-wrap: nowrap; 4 color: inherit; 5 &:hover { 6 text-decoration: underline; 7 } 8`,y=(0,h.A)(i.Ay)` 9 display: flex; 10 align-items: center; 11 padding: 0; 12 13 &:not(:last-child) { 14 padding-right: 6px; 15 } 16`,j=(0,h.A)(n.A)` 17 @media (max-width: 400px) { 18 display: flex; 19 flex-wrap: nowrap; 20 } 21`,A=e=>e?e.charAt(0).toUpperCase()+e.slice(1):e,w=function({breadCrumbs:e=[],productName:t,onProductNameClick:o}){let[i,n]=x.useState(null),{middle:p,last:h}=x.useMemo(()=>{let t=e.length;return{first:e[0],middle:t>2?e.slice(1,t-1):[],last:e[t-1]}},[e]),w=t??h?.name;return(0,r.jsx)(l.A,{pt:1,pb:1,width:"100%",sx:{overflowX:"auto",scrollbarWidth:"none",whiteSpace:"nowrap"},children:(0,r.jsxs)(j,{direction:"row",alignItems:"center",children:[(0,r.jsxs)(y,{sx:{width:"auto"},children:[(0,r.jsx)(b,{href:"/","aria-label":"Home",children:(0,r.jsx)(m.K0,{size:"sm",sx:{p:.25},icon:(0,r.jsx)(f.A,{}),"aria-label":"Home",title:"Home"})}),(p.length>0||w)&&(0,r.jsx)(c.A,{sx:{fontSize:"1rem",mx:.5,color:"text.disabled"}})]}),p.length>0&&(0,r.jsxs)(y,{sx:{width:"auto"},children:[(0,r.jsx)(m.K0,{size:"sm","aria-label":"Show path",onClick:e=>n(e.currentTarget),sx:{p:.25},icon:(0,r.jsx)(g,{sx:{fontSize:"1.25rem",color:"text.disabled"}})}),(0,r.jsx)(c.A,{sx:{fontSize:"1rem",mx:.5,color:"text.disabled"}}),(0,r.jsx)(s.A,{anchorEl:i,open:!!i,onClose:()=>n(null),slotProps:{list:{dense:!0}},children:p.map(e=>(0,r.jsx)(a.A,{onClick:()=>n(null),component:u(),href:`/${e.requestPath}`,children:A(e.name)}
21,e.requestPath))})]}),w&&(0,r.jsx)(y,{sx:{width:"auto"},children:(0,r.jsx)(d.A,{label:A(w),size:"small",clickable:!!o,onClick:o,sx:e=>({height:30,border:"none !important",borderRadius:"6px",backgroundColor:"#EBF6EB !important",boxShadow:"0 0 0 0","& .MuiChip-label":{paddingInline:2,paddingBlock:0,fontWeight:700,fontSize:"0.95rem",lineHeight:1.2,color:e.palette.primary.main},"@media (max-width: 900px)":{fontSize:"0.2rem","& .MuiChip-label":{fontSize:"0.7rem",paddingInline:1,lineHeight:1}}})})})]})})}},42693:(e,t,o)=>{o.d(t,{A:()=>n});var r=o(89099),i=o(33593);let n=function(){let e=(0,r.useRouter)();return async({responseMessage:t,reloadPage:o=!1,routeAway:r=!0})=>{t({open:!0,severity:"error",title:"",message:"Session timed out. Please sign in again to continue."}),await (0,i.Q)(),o?window.location.reload():r&&e.push("/sign-in")}}},48778:(e,t,o)=>{o.r(t),o.d(t,{SliderIcon:()=>d,default:()=>p,slide:()=>c});var r=o(37876),i=o(14232),n=o(42922),l=o(76252);let s=l.A.div` 22 display: flex; 23 justify-content: start; 24 align-items: center; 25 gap: 20px; 26 position: relative; 27 padding-bottom: 5px; 28 padding-top: 5px; 29 @media (max-width: 900px) { 30 gap: 10px; 31 } 32`,a=l.A.div` 33 display: flex; 34 flex-wrap: nowrap; 35 overflow-x: auto; 36 scroll-behavior: smooth; 37 scroll-snap-type: x mandatory; 38 width: 100%; 39 40 &: hover { 41 #scroll-left, 42 #scroll-right { 43 opacity: 1; 44 } 45 } 46 #scroll-left, 47 #scroll-right { 48 transition: opacity 0.3s ease-in-out; 49 opacity: 0; 50 position: absolute; 51 top: 50%; 52 z-index: 999; 53 } 54 55 #scroll-left { 56 left: 0; 57 transform: rotate(180deg); 58 } 59 #scroll-right { 60 right: 0; 61 } 62 // read more here: https://css-tricks.com/examples/WebKitScrollbars/ 63 // read more here: https://uxdesign.cc/creating-horizontal-scrolling-containers-the-right-way-css-grid-c256f64fc585 64 &::-webkit-scrollbar {
65 display: none; 66 } 67`;function d(e){return(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",...e,children:[(0,r.jsx)("rect",{width:"40",height:"40",rx:"20",transform:"matrix(1.19249e-08 1 1 -1.19249e-08 0 0)",fill:"black",fillOpacity:"0.2"}),(0,r.jsx)("path",{d:"M14.166 31.6663L25.8327 19.9997L14.166 8.33301",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function c(e,t){if("u">typeof document){let o=document.getElementById(t);o&&o.scrollBy({left:"left"===e?-400:400,behavior:"smooth"})}}let p=function({id:e,children:t,onStepChange:o}){let l=e?.trim().toLowerCase().replace(/\s/g,"-"),p=(0,i.useRef)(null),[u]=(0,i.useState)(1);return(0,i.useEffect)(()=>{let e=p.current;if(!e)return;let t=()=>{let{scrollLeft:t,scrollWidth:r,clientWidth:i}=e;t<=(r-i)/2?o?.(u,"left"):o?.(u,"right")};return e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)},[u,o]),(0,r.jsxs)(a,{children:[(0,r.jsx)(n.A,{sx:{padding:"0"},color:"inherit",id:"scroll-left",onClick:()=>{c("left",l)},children:(0,r.jsx)(d,{})}),(0,r.jsx)(s,{id:l,ref:p,style:{overflowX:"auto",whiteSpace:"nowrap",scrollbarWidth:"none",msOverflowStyle:"none"},children:t}),(0,r.jsx)(n.A,{sx:{padding:"0"},color:"inherit",id:"scroll-right",onClick:()=>{c("right",l)},children:(0,r.jsx)(d,{})})]})}},58638:(e,t,o)=>{o.d(t,{A:()=>n});var r=o(10922),i=o(37876);let n=(0,r.A)((0,i.jsx)("path",{d:"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"}),"KeyboardArrowRight")},65487:(e,t,o)=>{o.d(t,{AS:()=>a,B5:()=>l,HP:()=>h,Ui:()=>n,Ul:()=>d,e9:()=>p,l$:()=>i,qr:()=>s,vQ:()=>x,wV:()=>c,xN:()=>u});var r=o(51948);let i=(0,r.J1)` 68 mutation AddToCart($input: AddToCartInput!) { 69 addToCart(input: $input) { 70 itemId 71 sku 72 qty 73 name 74 price 75 productType 76 } 77 } 78`,n=(0,r.J1)` 79 mutation RemoveCartItem($input: RemoveCartItemInput!) { 80 removeCartItem(input: $input) { 81 itemId 82 } 83 } 84`,l=(0,r.J1)` 85 mutation UpdateCartItem($input: UpdateCartItemInput!) { 86 updateCartItem(input: $input) { 87 itemId 88 } 89 } 90`,s=(0,r.J1)` 91 mutation SaveBundleCheckoutInputs($input: BundleCheckoutInputsInput!) { 92 saveBundleCheckoutInputs(input: $input) 93 } 94`,a=(0,r.J1)` 95 mutation ApplyCoupon($input: CouponInput!) { 96 applyCoupon(input: $input) 97 } 98`,d=(0,r.J1)` 99 mutation ApplyCouponWithQuote($input: CouponInputWithQuote!) { 100 applyCouponWithQuote(input: $input) 101 } 102`,c=(0,r.J1)` 103 mutation CancelCouponWithQuote($quoteId: Int!) { 104 cancelCouponWithQuote(quoteId: $quoteId) 105 } 106`,p=(0,r.J1)` 107 mutation CancelCoupon { 108 cancelCoupon 109 } 110`;(0,r.J1)` 111 mutation CancelGiftCard($giftCard: String) { 112 cancelGiftCard(giftCard: $giftCard) 113 } 114`;let u=(0,r.J1)` 115 mutation ApplyStoreCredit { 116 applyStoreCredit 117 } 118`,h=(0,r.J1)` 119 mutation CancelStoreCredit { 120 cancelStoreCredit { 121 status 122 storeCredit 123 } 124 } 125`,x=(0,r.J1)` 126 mutation DeviceInsuranceOptInOut($input: DeviceInsuranceOptInOutInput!) { 127 deviceInsuranceOptInOut(input: $input) { 128 status 129 message 130 } 131 } 132`},66345:(e,t,o)=>{o.d(t,{A:()=>d});var r=o(37876),i=o(14232),n=o(54587),l=o.n(n),s=o(49041),a=o(78326);let d=function({src:e,alt:t,height:o,width:n,style:d,fill:c=!1,sizes:p,loadPlaceholder:u="empty",priority:h=!1,zoom:x,aspectRatio:m="fixed",...g}){let[f,b]=i.useState(!1),[y,j]=i.useState(e),[A,w]=(0,i.useState)(!0),[C,k]=(0,i.useState)({width:0,height:0}),[v,S]=(0,i.useState)({x:100,y:100,mouseX:0,mouseY:0}),I=e=>{let{left:t,top:o}=e.currentTarget.getBoundingClientRect(),r=e.clientX-t,i=e.clientY-o;S({x:-(2.5*r)+100,y:-(2.5*i)+100,mouseX:r-100,mouseY:i-100})};return(y!==e&&(b(!1),j(e)),x)?(0,r.jsx)(s.A,{sx:m?{aspectRatio:m,position:"relative"}:void 0,children:(0,r.jsxs)(s.A,{onMouseLeave:e=>{w(!1),I(e)},onMouseEnter:e=>{let{width:t,height:o}=e.currentTarget.getBoundingClientRect();k({width:t,height:o}),w(!0),I(e)},onMouseMove:e=>{I(e)},children:[(0,r.jsx)(l(),{alt:t||"Masoko",priority:!0,placeholder:u,fill:c,onError:()=>b(!0),src:f?a.A.defaultMasokoProductPlaceHolder:e,...g,style:d||null,height:o||0,width:n||0,sizes:p||null}),(0,r.jsx)("div",{style:{backgroundPosition:`${v.x}px ${v.y}px`,backgroundImage:`url(${f?a.A.defaultMasokoProductPlaceHolder:e})`,backgroundSize:`${2.5*C.width}px ${2.5*C.height}px`,backgroundRepeat:"no-repeat",display:A?"block":"none",top:`${v.mouseY}px`,left:`${v.mouseX}px`,width:"200px",height:"200px",position:"absolute",borderRadius:"50%",cursor:"none",pointerEvents:"none"}})]})}):(0,r.jsx)(l(),{alt:t||"Masoko",priority:h,fill:c,placeholder:u,blurDataURL:"/assets/images/blur.jpeg",onError:()=>b(!0),src:f?a.A.defaultMasokoProductPlaceHolder:e,...g,style:d||null,height:o||0,width:n||0,sizes:p||null})}},81654:(e,t,o)=>{o.d(t,{Ie:()=>i,Uo:()=>r,XV:()=>l,wr:()=>n,xS:()=>s});let r=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,i=/^(\+?254|0|01|1)?([1|7])(\d{8})$/,n=/^(\+?254|0|01|1)?([1|7])(\d{8})$/,l=e=>
132"0"===e?"_":Number(Number.parseInt(e,10)).toLocaleString("en"),s=e=>"0"===e?"_":Number(e).toLocaleString("en",{minimumFractionDigits:2,maximumFractionDigits:2})},87705:(e,t,o)=>{o.r(t),o.d(t,{default:()=>I});var r=o(37876),i=o(14232),n=o(49041),l=o(76042),s=o(23647),a=o(71398),d=o(34610),c=o(76252),p=o(49747),u=o(97467),h=o(42922),x=o(81654),m=o(54378),g=o(15222),f=o(48230),b=o.n(f),y=o(89099),j=o(66345),A=o(48778);function w(){return(0,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("path",{d:"M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047",stroke:"#E93755",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97",stroke:"#E93755",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M18.8499 9.13965L18.1999 19.2096C18.0899 20.7796 17.9999 21.9996 15.2099 21.9996H8.7899C5.9999 21.9996 5.9099 20.7796 5.7999 19.2096L5.1499 9.13965",stroke:"#E93755",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M10.3301 16.5H13.6601",stroke:"#E93755",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M9.5 12.5H14.5",stroke:"#E93755",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}let C=c.A.table` 133 width: 100%; 134 overflowx: scroll; 135 border-collapse: collapse; 136 137 th, 138 td { 139 border-top: none; 140 height: 36px; 141 text-align: left; 142 } 143 144 th { 145 background-color: white; 146 border-bottom: 1px solid #e0e7e9; 147 } 148 149 tbody { 150 td { 151 border: 1px solid #e0e7e9; 152 } 153 } 154 155 .highlight { 156 background-color: rgba(255, 237, 160, 1) !important; 157 } 158 .normal { 159 background-color: #ffffff; 160 } 161`,k=function({products:e,attributes:t,removeProduct:o,resetAll:l}){let[s,d]=(0,i.useState)(!1),[c,f]=(0,i.useState)(0),[k,v]=(0,i.useState)(0),S=Math.ceil(e.length/3),{addToCart:I,loading:$,error:E}=(0,u.A)(),L=(e,t)=>{(0,a.tw)({open:!0,severity:t,title:"",message:e})},P=async(e,t)=>{f(t);try{let t=await I(e,1);if(E)L("Failed to add to cart, try again later.","error");else{let e=t.data.addToCart;e&&L(`${e.name} added to cart successfully.`,"success")}}catch(e){L(`${e}`,"error")}finally{f(0)}},W=(0,y.useRouter)(),M=e.slice(3*k,3*k+3);return(0,r.jsxs)(n.A,{sx:{width:"100%",overflowX:"auto"},children:[(0,r.jsxs)(n.A,{display:"flex",alignItems:"center",width:"auto",justifyContent:"space-between",gap:1,padding:"25px 3px",children:[(0,r.jsx)(m.EY,{type:"display-md",weight:"bold",children:"Compare Products"}),(0,r.jsxs)(n.A,{display:"flex",alignItems:"center",width:"auto",gap:2,justifyContent:"flex-end",children:[(0,r.jsx)(p.A,{checked:s,size:"small",onChange:()=>{d(!s)},slotProps:{input:{"aria-label":"compare differences"}}}),(0,r.jsx)(n.A,{children:(0,r.jsx)(m.EY,{children:"Highlight Differences"})}),(0,r.jsx)(h.A,{onClick:()=>l(e[0]?.compareId),sx:{marginLeft:"12px"},color:"secondary",children:(0,r.jsx)(w,{})}),(0,r.jsx)(n.A,{children:(0,r.jsx)(m.EY,{children:"Clear All"})})]}),(0,r.jsx)(n.A,{})]}),(0,r.jsxs)(C,{children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{style:{width:"17%",position:"relative"},children:(0,r.jsxs)(n.A,{display:"flex",width:"55px",margin:"0 auto",justifyContent:"center",flexDirection:"column",children:[(0,r.jsx)(n.A,{sx:{position:"absolute",top:"0",left:"30px"},children:(0,r.jsx)(j.A,{src:"/assets/svgs/line_icon.svg",alt:"Line Icon",width:80,height:4})}),(0,r.jsx)(h.A,{style:{transform:"rotate(-180deg",border:"none"},onClick:()=>{v(e=>(e-1+S)%S)},disabled:0===k,children:(0,r.jsx)(A.SliderIcon,{})})]})}),(0,r.jsx)("th",{style:{backgroundColor:"white",width:"auto",display:"flex",gap:"15px",height:"258px",padding:"10px"},children:M.map((e,t)=>(0,r.jsx)(n.A,{sx:{borderRadius:"8px",border:"1px solid #E0E7E9",position:"relative",padding:"10px"},width:"255px",children:(0,r.jsxs)(n.A,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between",padding:1.4,sx:{height:"100%"},children:[(0,r.jsx)(b(),{href:`/catalog/${e.productUrl}`,style:{textDecoration:"none"}
161,children:(0,r.jsx)(j.A,{src:e.productThumbnail,width:104,height:104,alt:"product image",style:{objectFit:"contain"}})}),(0,r.jsx)(h.A,{onClick:()=>o(e.productSku),sx:{position:"absolute",top:"1%",right:"1%"},children:(0,r.jsx)(w,{})}),(0,r.jsx)(m.EY,{children:e.productName}),(0,r.jsxs)(m.EY,{children:["KES ",(0,x.XV)(e.productPrice)]}),e?.isInStock?(0,r.jsx)(g.A,{fullWidth:!0,onClick:()=>{e?.isConfigurable?W.push({pathname:`/catalog/${e.productUrl}`}):P(e.productSku,t)},loading:$&&c===t,disabled:$,hierarchy:e?.isConfigurable?"secondary-color":"primary","aria-label":"Add to Cart",size:"xl",children:e?.isConfigurable?"View Options":"Add to Cart"}):(0,r.jsx)(m.EY,{type:"text-xs",color:"error",children:"Out of Stock"})]})},e.productSku))}),(0,r.jsx)("th",{style:{backgroundColor:"white",width:"23%"},children:(0,r.jsx)(n.A,{children:(0,r.jsx)(h.A,{onClick:()=>{v(e=>(e+1)%S)},disabled:k===S-1,children:(0,r.jsx)(A.SliderIcon,{})})})})]})}),(0,r.jsx)("tbody",{children:t.map(t=>{let o,i=s?1===new Set(o=e?.map(e=>e?.compareAttributes?e.compareAttributes[t]:null)).size?o.map(()=>""):o.map((e,t)=>o.indexOf(e)===t?"highlight":"normal"):[];return(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{style:{width:"80px",backgroundColor:"#eff2f4"},children:t.charAt(0).toUpperCase()+t.slice(1)}),(0,r.jsx)("th",{style:{padding:"0"},children:M.map(e=>(0,r.jsx)("td",{className:`${i[0]} normal`,style:{width:"270px"},children:e?.compareAttributes?e.compareAttributes[t]:"-"},e.productSku))})]},t)})})]})]})};var v=o(26823);let S=[{name:"Home",requestPath:"/"}],I=function(){let[e,t]=(0,i.useState)([]),o=(0,d.q)(a.AZ)||null,[c,p]=(0,i.useState)(0);return(0,i.useEffect)(()=>{{let e=JSON.parse(sessionStorage.getItem("comparisonProducts")||"[]");t(e),e.length>0&&(0,a.AZ)(e[0])}},[]),(0,r.jsxs)(n.A,{children:[(0,r.jsx)(n.A,{paddingBottom:2,children:(0,r.jsx)(v.A,{breadCrumbs:S,productName:"Compare Products"})}),(0,r.jsx)(n.A,{display:"flex",alignItems:"center",gap:2,padding:"5px 3px 0 5px",borderBottom:"1px solid #DEE2E7",children:(0,r.jsx)(l.A,{value:c,onChange:(t,o)=>{p(o);let r=e[o];(0,a.AZ)(r)},children:e.map(e=>{var t;return(0,r.jsx)(s.A,{label:(t=e?.groupName,t?.replace("_compare_group","").replace(/^\w/,e=>e.toUpperCase())||"")},e.groupId)})})}),o&&o.products.length>0?(0,r.jsx)(k,{products:o.products,attributes:Object.keys(o?.products[0]?.compareAttributes||{}),removeProduct:r=>{let i=e.map(e=>{let t=e.products.filter(e=>e.productSku!==r);return{...e,products:t}}).filter(e=>e.products.length>0);sessionStorage.setItem("comparisonProducts",JSON.stringify(i));let n=i.reduce((e,t)=>e+t.products.length,0);if((0,a.KI)(n),t(i),o){let e=i.find(e=>e.groupId===o.groupId);(0,a.AZ)(e||null),e&&p(i.indexOf(e))}},resetAll:o=>{let r=e.filter(e=>e.groupId!==o);sessionStorage.setItem("comparisonProducts",JSON.stringify(r));let i=r.reduce((e,t)=>e+t.products.length,0);(0,a.KI)(i),t(r),(0,a.AZ)(r[0]||null),p(0)}}):(0,r.jsx)(n.A,{padding:"20px",children:(0,r.jsx)(m.EY,{type:"text-md",weight:"semibold",color:"textPrimary",children:"Select products to compare by comparison category"})})]})}},97467:(e,t,o)=>{o.d(t,{A:()=>d});var r=o(14232),i=o(65487),n=o(64177),l=o(71398),s=o(42693),a=o(22773);function d(){let[e,t]=r.useState(null),o=(0,s.A)(),d=(0,a.Ay)(e=>e.trackElimuPepeProduct),[c,{data:p,loading:u,reset:h}]=(0,n.n)(i.l$,{refetchQueries:["Cart"],awaitRefetchQueries:!0,onError:e=>{let r=e?.graphQLErrors?.[0]?.extensions?.response?.body?.message;"401: Unauthorized"===e?.graphQLErrors?.[0]?.message?o({responseMessage:l.tw,reloadPage:!0,routeAway:!1}):(t(r||"Failed to process your request, please try again"),setTimeout(()=>{t(null)},1e3))}});return{addToCart:async(e,t=1,o,r,i)=>{let n=await c({variables:{input:{qty:t,sku:e,...r?{itemId:r}:{},...void 0!==o?{bundleSelectedOptions:o}:{},...void 0!==i?{bundleRemovedOptions:i}:{}}}}),l=n?.data?.addToCart;return d({...l,sku:l?.sku||e,qty:t}),n},data:p,loading:u,reset:h,error:e}}}}]);
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.