1import{s as t,b as o,j as n,g as ce,$ as re,E as s,T as r,a0 as O,a1 as X,a2 as q,W as K,X as G,a3 as N,l as se,P as de,n as pe,C as le,a as _,u as H,a4 as me,i as ue,U as ge,G as he,I as z,a5 as R}from"./index-ed2ec96e.js";import{S as U}from"./index-b5dcc44e.js";import{D as Y}from"./index-54d52372.js";const ye=t.div.withConfig({displayName:"DividerWithIcon__IconContainer",componentId:"sc-6xwovp-0"})(["display:grid;width:100%;height:100%;padding-top:39px;grid-template-rows:minmax(0,1fr) 40px minmax(0,1fr);@media ","{grid-template-rows:minmax(0,1fr) 44px minmax(0,1fr);}"],({theme:e})=>e.mediaQueries.laptop),W=t.div.withConfig({displayName:"DividerWithIcon__VerticalLine",componentId:"sc-6xwovp-1"})(["width:1px;height:100%;margin:0 auto;background-color:",";"],({theme:e})=>e.palette.graya20),xe=({children:e,className:i})=>o(ye,{className:i,children:[n(W,{}),e,n(W,{})]}),fe=re;var Ce=fe.SvgSearch;const M=ce(Ce),_e=t.div.withConfig({displayName:"NoResults__ProductNoResultsContainer",componentId:"sc-1e4ldb-0"})(["display:block;padding:60px 0;width:100%;text-align:center;@media ","{padding-top:128px;}"],({theme:e})=>e.mediaQueries.laptop),we=t(M).withConfig({displayName:"NoResults__NoResultsIcon",componentId:"sc-1e4ldb-1"})(["width:56px;height:56px;padding:10px;border-radius:50%;background-color:",";path{fill:",";}"],({theme:e})=>e.palette.graya20,({theme:e})=>e.palette.graya80),be=t(s).withConfig({displayName:"NoResults__NoResultsTitle",componentId:"sc-1e4ldb-2"})(["margin-top:16px;"]),Pe=({title:e,subtitle:i,keywords:d})=>o(_e,{children:[n(we,{}),n(be,{tagAs:"h4",variant:r.Variants.XL224,children:e}),n(s,{tagAs:"span",variant:r.Variants.Small114,children:i}),d.length>0&&n(s,{tagAs:"span",variant:r.Variants.Small214,children:` "${d}"`})]}),Ie=t.div.withConfig({displayName:"PlaceholderProductstyled__Container",componentId:"sc-1bx44lj-0"})(["max-width:100%;"]),Se=t.div.withConfig({displayName:"PlaceholderProductstyled__PlaceholderContainer",componentId:"sc-1bx44lj-1"})(["display:flex;box-sizing:border-box;align-items:center;justify-content:center;text-align:center;margin-top:16px;width:100%;height:245px;padding:0 22px;border:dashed 1px ",";background-color:",";@media ","{min-width:145px;height:124px;}@media ","{max-width:440px;padding:0 88px;}"],({theme:e})=>e.palette.graya40,({theme:e})=>e.palette.graya10,({theme:e})=>e.mediaQueries.tablet,({theme:e})=>e.mediaQueries.laptopL),Re=t(s).withConfig({displayName:"PlaceholderProductstyled__PlaceholderMobile",componentId:"sc-1bx44lj-2"})(["display:block;color:",";@media ","{display:none;}"],({theme:e})=>e.palette.graya40,({theme:e})=>e.mediaQueries.laptop),Ne=t(s).withConfig({displayName:"PlaceholderProductstyled__PlaceholderDesktop",componentId:"sc-1bx44lj-3"})(["display:none;color:",";@media ","{display:block;}"],({theme:e})=>e.palette.graya40,({theme:e})=>e.mediaQueries.laptop),B={Container:Ie,PlaceholderContainer:Se,PlaceholderMobile:Re,PlaceholderDesktop:Ne},F=({cardTitle:e,text:i,dataQa:d})=>o(B.Container,{"data-qa":d,children:[n(s,{tagAs:"span",variant:r.Variants.Small214,children:e}),o(B.PlaceholderContainer,{children:[n(B.PlaceholderMobile,{tagAs:"span",variant:r.Variants.Base116,children:i}),n(B.PlaceholderDesktop,{tagAs:"span",variant:r.Variants.L120,children:i})]})]}),ve=t.div.withConfig({displayName:"ProductToReplacestyled__ComponentContainer",componentId:"sc-3sbjxn-0"})(["max-width:100%;"]),Le=t.div.withConfig({displayName:"ProductToReplacestyled__ProductContainer",componentId:"sc-3sbjxn-1"})(["display:flex;flex-direction:column;margin-top:16px;width:100%;@media ","{flex-direction:row;max-width:440px;}"],({theme:e})=>e.mediaQueries.tablet),ke=t.div.withConfig({displayName:"ProductToReplacestyled__ImageContainer",componentId:"sc-3sbjxn-2"})(["display:flex;justify-content:center;align-items:center;width:100%;height:124px;border-radius:8px;background-color:",";@media ","{width:210px;min-width:210px;margin-right:20px;}"],({theme:e})=>e.palette.graya10,({theme:e})=>e.mediaQueries.tablet),Te=t(O).withConfig({displayName:"ProductToReplacestyled__ProductImage",componentId:"sc-3sbjxn-3"})(["max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;"]),je=t.div.withConfig({displayName:"ProductToReplacestyled__InfoContainer",componentId:"sc-3sbjxn-4"})(["display:flex;flex-direction:column;justify-content:flex-start;@media ","{justify-content:center;}"],({theme:e})=>e.mediaQueries.tablet),De=t(s).withConfig({displayName:"ProductToReplacestyled__Name",componentId:"sc-3sbjxn-5"})(["margin-top:10px;@media ","{margin-top:0;}"],({theme:e})=>e.mediaQueries.tablet),Ae=t(s).withConfig({displayName:"ProductToReplacestyled__Quantity",componentId:"sc-3sbjxn-6"})(["margin-top:4px;color:",";"],({theme:e})=>e.palette.graya80),Be=t.div.withConfig({displayName:"ProductToReplacestyled__PriceContainer",componentId:"sc-3sbjxn-7"})(["display:flex;flex-direction:row;margin-top:10px;"]),Qe=t(s).withConfig({displayName:"ProductToReplacestyled__Price",componentId:"sc-3sbjxn-8"})(["margin-right:10px;"]),Ve=t(s).withConfig({displayName:"ProductToReplacestyled__DiscountPrice",componentId:"sc-3sbjxn-9"})(["color:",";text-decoration:line-through;"],({theme:e})=>e.palette.graya80),$e=t.div.withConfig({displayName:"ProductToReplacestyled__DiscountContainer",componentId:"sc-3sbjxn-10"})(["display:flex;flex-direction:row;margin-top:4px;"]),He=t(Y).withConfig({displayName:"ProductToReplacestyled__DiscountIcon",componentId:"sc-3sbjxn-11"})(["margin-right:8px;path{fill:",";}"],({theme:e})=>e.palette.secondary4100),Me=t(s).withConfig({displayName:"ProductToReplacestyled__DiscountAmount",componentId:"sc-3sbjxn-12"})(["color:",";"],({theme:e})=>e.palette.secondary4100),f={ComponentContainer:ve,ProductContainer:Le,ImageContainer:ke,ProductImage:Te,InfoContainer:je,Name:De,Quantity:Ae,PriceContainer:Be,Price
1:Qe,DiscountPrice:Ve,DiscountContainer:$e,DiscountIcon:He,DiscountAmount:Me},E=({cardTitle:e,name:i,presentation:d,image:u,price:a,discount:l,realPrice:c,dataQa:g})=>o(f.ComponentContainer,{"data-qa":g,children:[n(s,{tagAs:"span",variant:r.Variants.Small214,children:e}),o(f.ProductContainer,{children:[n(f.ImageContainer,{children:n(f.ProductImage,{src:u})}),o(f.InfoContainer,{children:[n(f.Name,{tagAs:"span",variant:r.Variants.Small114,children:i}),n(f.Quantity,{tagAs:"span",variant:r.Variants.Tiny112,children:d}),o(f.PriceContainer,{children:[n(f.Price,{tagAs:"span",variant:r.Variants.Small214,children:a.toString()}),l>0&&n(f.DiscountPrice,{tagAs:"span",variant:r.Variants.Small114,children:c.toString()})]}),l>0&&o(f.DiscountContainer,{children:[n(f.DiscountIcon,{}),o(f.DiscountAmount,{tagAs:"span",variant:r.Variants.Small214,children:["-",X(l)]})]})]})]})]}),Q=(e={})=>({name:e.name,presentation:e.presentation,discount:e.discount,price:q(e.price),realPrice:q(e.real_price),image:K(G.Products,e.image,"200x200"),storeId:e.store_id,productId:e.product_id}),qe=async(e,i)=>{var P,x,b;const d={context:"product_detail",limit:100,offset:0,state:{product_id:e},stores:[i]},a=(await N.post("/api/dynamic/context/content",d)).data.data;if(!a)return{originalProduct:{},replacementProduct:{}};const l=(P=a.components.find(({name:S})=>S==="product_information_with_tech_specs"))==null?void 0:P.resource.product,c=Q(l),g=(b=(x=a.components.find(({name:S})=>S==="user_product_preference"))==null?void 0:x.resource.preferred_product)==null?void 0:b.product_info,p=Q(g);return{originalProduct:c,replacementProduct:p}},ze=async(e,i)=>{var c;const d={context:"substitute_products",limit:100,offset:0,state:{product_id:e},stores:[i]},a=(await N.post("/api/dynamic/context/content",d)).data.data;return a?(((c=a.components.find(({render:g})=>g==="substitute_products"))==null?void 0:c.resource.substitutions_products)||[]).map(g=>Q(g)):[]},We=async(e,i)=>{var l;const d={from:0,query:e,size:40};return((l=(await N.post(`/api/cpgs/search/v2/store/${i}/products`,d)).data.products)==null?void 0:l.map(c=>Q(c)))||[]},Fe=async(e,i)=>{var c;const d={keyword:e,stores:[i]};return(c=((await N.post("/api/cpgs/search/store-list/suggester",d)).data||{}).suggestions)==null?void 0:c.map(g=>g.text)},Ee=async(e,i,d)=>{const u={store_id:e,action:"user_chooses",product_id:i.productId,preferred_product:{product_id:d.productId}};return(await N.post("/api/cpgs-user-preference/product",u)).data},Oe=t.label.withConfig({displayName:"ListCardstyled__ReplacementListCardContainer",componentId:"sc-db2i9j-0"})(["cursor:pointer;width:100%;padding:",";background:",";border-radius:8px;"],se.Spacing.Spacing4,de.White),v=t.input.withConfig({displayName:"ListCardstyled__ProductListCardRadio",componentId:"sc-db2i9j-1"})(["display:none;"]),L=t.div.withConfig({displayName:"ListCardstyled__ProductImageContainer",componentId:"sc-db2i9j-2"})(["display:flex;position:relative;width:100%;height:124px;max-height:124px;border-radius:8px;background-color:white;"]),Xe=t(O).withConfig({displayName:"ListCardstyled__ProductImage",componentId:"sc-db2i9j-3"})(["position:relative;max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;",":checked + "," &{opacity:0.5;}"],v,L),Ke=t(s).withConfig({displayName:"ListCardstyled__ProductListCardSelected",componentId:"sc-db2i9j-4"})(["position:absolute;top:7px;right:9px;padding:0 8px;border-radius:4px;color:white;background-color:",";display:none;",":checked + "," &{display:block;}"],({theme:e})=>e.palette.primary100,v,L),Ge=t(U).withConfig({displayName:"ListCardstyled__ReplacementIcon",componentId:"sc-db2i9j-5"})(["position:absolute;width:40px;height:40px;bottom:4px;right:4px;padding:6px;border-radius:50%;box-shadow:0 10px 20px 0 rgba(46,44,54,0.1);background-color:",";path{fill:white;}",":checked + "," &{background-color:",";}"],({theme:e})=>e.palette.primary100,v,L,({theme:e})=>e.palette.graya40),Ue=t.div.withConfig({displayName:"ListCardstyled__ProductInfoContainer",componentId:"sc-db2i9j-6"})(["display:flex;flex-direction:column;justify-content:flex-start;",":checked + "," + &{opacity:0.5;}
1"],v,L),Ye=t(s).withConfig({displayName:"ListCardstyled__ProductName",componentId:"sc-db2i9j-7"})(["margin-top:10px;"]),Je=t(s).withConfig({displayName:"ListCardstyled__ProductQuantity",componentId:"sc-db2i9j-8"})(["margin-top:4px;color:",";"],({theme:e})=>e.palette.graya80),Ze=t.div.withConfig({displayName:"ListCardstyled__ProductPriceContainer",componentId:"sc-db2i9j-9"})(["display:flex;flex-direction:row;margin-top:10px;"]),et=t(s).withConfig({displayName:"ListCardstyled__ProductPrice",componentId:"sc-db2i9j-10"})(["margin-right:10px;"]),tt=t(s).withConfig({displayName:"ListCardstyled__ProductDiscountPrice",componentId:"sc-db2i9j-11"})(["color:",";text-decoration:line-through;"],({theme:e})=>e.palette.graya80),nt=t.div.withConfig({displayName:"ListCardstyled__ProductDiscountContainer",componentId:"sc-db2i9j-12"})(["display:flex;flex-direction:row;margin-top:4px;"]),at=t(Y).withConfig({displayName:"ListCardstyled__DiscountIcon",componentId:"sc-db2i9j-13"})(["margin-right:8px;path{fill:",";}"],({theme:e})=>e.palette.secondary4100),it=t(s).withConfig({displayName:"ListCardstyled__ProductDiscountAmount",componentId:"sc-db2i9j-14"})(["color:",";"],({theme:e})=>e.palette.secondary4100),y={ReplacementListCardContainer:Oe,ProductListCardRadio:v,ProductImageContainer:L,ProductImage:Xe,ProductListCardSelected:Ke,ReplacementIcon:Ge,ProductInfoContainer:Ue,ProductName:Ye,ProductQuantity:Je,ProductPriceContainer:Ze,ProductPrice:et,ProductDiscountPrice:tt,ProductDiscountContainer:nt,DiscountIcon:at,ProductDiscountAmount:it},ot=({product:e,replacementProduct:i,onProductCardClick:d,cardSelectedText:u})=>{const{name:a,presentation:l,price:c,realPrice:g,discount:p,image:P}=e,x=b=>{i.productId===e.productId&&(b.target.checked=!1),d(b.target.checked?e:null)};return o(y.ReplacementListCardContainer,{"data-qa":i.productId===e.productId?`checked-substitute-item-${e.productId}`:`substitute-item-${e.productId}`,children:[n(y.ProductListCardRadio,{type:"radio",name:"product_list_card",onChange:pe,onClick:x,checked:i.productId===e.productId}),o(y.ProductImageContainer,{children:[n(y.ProductImage,{src:K(G.Products,P,"140x140")}),n(y.ProductListCardSelected,{tagAs:"span",variant:r.Variants.Tiny112,children:u}),n(y.ReplacementIcon,{})]}),o(y.ProductInfoContainer,{children:[n(y.ProductName,{tagAs:"span",variant:r.Variants.Small114,children:a}),n(y.ProductQuantity,{tagAs:"span",variant:r.Variants.Tiny112,children:l}),o(y.ProductPriceContainer,{children:[n(y.ProductPrice,{tagAs:"span",variant:r.Variants.Small214,children:c.toString()}),p>0&&n(y.ProductDiscountPrice,{tagAs:"span",variant:r.Variants.Small114,children:g.toString()})]}),p>0&&o(y.ProductDiscountContainer,{children:[n(y.DiscountIcon,{}),o(y.ProductDiscountAmount,{tagAs:"span",variant:r.Variants.Small214,children:["-",X(p)]})]})]})]})},ct=t.form.withConfig({displayName:"ListSearchstyled__ComponentContainer",componentId:"sc-1tp8ec8-0"})(["position:relative;width:100%;@media ","{width:343px;}"],({theme:e})=>e.mediaQueries.laptop),rt=t.form.withConfig({displayName:"ListSearchstyled__Form",componentId:"sc-1tp8ec8-1"})(["display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:36px;background-color:white;border-radius:4px;"]),st=t.label.withConfig({displayName:"ListSearchstyled__Label",componentId:"sc-1tp8ec8-2"})(["display:flex;flex-direction:row;align-items:center;height:100%;flex-grow:1;cursor:text;"]),dt=t(M).withConfig({displayName:"ListSearchstyled__SearchIcon",componentId:"sc-1tp8ec8-3"})(["width:18px;height:18px;margin:0 10px;"]),pt=t.input.withConfig({displayName:"ListSearchstyled__Input",componentId:"sc-1tp8ec8-4"})(["flex-grow:1;height:100%;padding:0;border:none;outline:none;font-size:14px;color:inherit;caret-color:",";background:none;"],({theme:e})=>e.palette.primary100),lt=t.button.withConfig({displayName:"ListSearchstyled__SubmitButton",componentId:"sc-1tp8ec8-5"})(["display:none;"]),mt=t.button.withConfig({displayName:"ListSearchstyled__ClearButton",componentId:"sc-1tp8ec8-6"})(["display:none;padding:0;height:100%;border:none;outline:none;color:inherit;background:none;&.show{display:block;}"]),ut=t(le).withConfig({displayName:"ListSearchstyled__ClearIcon",componentId:"sc-1tp8ec8-7"}
1)(["height:14px;width:14px;margin:0 8px;"]),gt=t.ul.withConfig({displayName:"ListSearchstyled__ListContainer",componentId:"sc-1tp8ec8-8"})(["position:absolute;z-index:1;left:0;top:36px;margin-top:3px;padding:0;width:100%;background-color:white;border:1px solid ",";list-style:none;display:none;&.show{display:block;}"],({theme:e})=>e.palette.graya20),ht=t(s).withConfig({displayName:"ListSearchstyled__ListTitle",componentId:"sc-1tp8ec8-9"})(["padding:20px 20px 12px 20px;text-transform:uppercase;color:",";"],({theme:e})=>e.palette.graya40),yt=t.li.withConfig({displayName:"ListSearchstyled__Container",componentId:"sc-1tp8ec8-10"})(["display:flex;flex-direction:row;align-items:center;width:100%;border-bottom:1px solid ",";position:relative;cursor:pointer;&:last-child{border-bottom:none;}@media ","{width:343px;}"],({theme:e})=>e.palette.graya20,({theme:e})=>e.mediaQueries.laptop),xt=t(M).withConfig({displayName:"ListSearchstyled__SuggestionSearchIcon",componentId:"sc-1tp8ec8-11"})(["width:24px;height:24px;margin:16px;"]),w={ComponentContainer:ct,Form:rt,Label:st,SearchIcon:dt,Input:pt,SubmitButton:lt,ClearButton:mt,ClearIcon:ut,ListContainer:gt,ListTitle:ht,Container:yt,SuggestionSearchIcon:xt},ft=({placeholder:e,onSearchbarSubmit:i,onSearchbarChange:d,searchbarSuggestions:u})=>{const[a,l]=_.useState(""),[c,g]=_.useState(""),[p,P]=_.useState(""),x=_.useRef(null),{t:b}=H(),S=m=>{i(m),g("")},k=m=>{P(m),l(m.length>0?"show":""),g(m.length>0?"show":""),d(m)},V=()=>{k(""),x!=null&&x.current&&x.current.focus()},T=m=>{P(m),S(m)};return o(w.Container,{"data-qa":"search-other-replacements",children:[o(w.Form,{onSubmit:m=>{m.preventDefault(),S(p)},children:[o(w.Label,{children:[n(w.SearchIcon,{}),n(w.Input,{ref:x,onChange:m=>k(m.target.value),value:p,placeholder:e})]}),n(w.SubmitButton,{type:"submit"}),n(w.ClearButton,{type:"reset",className:a,onClick:V,children:n(w.ClearIcon,{})})]}),u.length>0&&o(w.ListContainer,{className:c,children:[n(w.ListTitle,{tagAs:"li",variant:r.Variants.Tiny212,children:b("product_replacement.search_suggestion_list_title")}),u.map((m,j)=>o(w.Container,{onClick:()=>T(m),children:[n(w.SuggestionSearchIcon,{}),n(s,{tagAs:"span",variant:r.Variants.Small214,children:m})]},j))]})]})},Ct=t.div.withConfig({displayName:"SuggestionsSection__ReplacementListContainer",componentId:"sc-1ejv9xi-0"})(["display:flex;flex-direction:row;justify-content:center;width:100%;box-sizing:border-box;"]),_t=t.div.withConfig({displayName:"SuggestionsSection__ReplacementListBodyContainer",componentId:"sc-1ejv9xi-1"})(["width:100%;@media ","{max-width:1440px;}"],({theme:e})=>e.mediaQueries.laptop),wt=({children:e})=>n(Ct,{"data-qa":"replacement-options",children:n(_t,{children:e})}),bt=t.div.withConfig({displayName:"TopSectionstyled__ReplacementContainer",componentId:"sc-1b8wvxp-0"})(["display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;background-color:white;box-shadow:0 1px 0 0 ",";"],({theme:e})=>e.palette.graya20),Pt=t.div.withConfig({displayName:"TopSectionstyled__ReplacementBodyContainer",componentId:"sc-1b8wvxp-1"})(["width:100%;margin:0 auto;@media ","{max-width:1440px;}"],({theme:e})=>e.mediaQueries.laptop),It=t.div.withConfig({displayName:"TopSectionstyled__ReplacementCardsContainer",componentId:"sc-1b8wvxp-2"})(["display:grid;padding:25px 16px 16px 16px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);grid-gap:16px;grid-row-gap:40px;align-items:start;@media ","{padding:24px 40px;grid-gap:24px 40px;grid-template-columns:minmax(240px,440px) minmax(24px,1fr) minmax(240px,440px) minmax(200px,343px);align-items:center;}"],({theme:e})=>e.mediaQueries.laptop),St=t.div.withConfig({displayName:"TopSectionstyled__HeaderReplacementContainer",componentId:"sc-1b8wvxp-3"})(["width:100%;"]),Rt=t.div.withConfig({displayName:"TopSectionstyled__HeaderMobileContainer",componentId:"sc-1b8wvxp-4"})(["padding:26.9px 16px;display:flex;align-items:center;box-shadow:0 1px 0 0 ",";@media ","{display:none;}"],({theme:e})=>e.palette.graya20,({theme:e})=>e.mediaQueries.laptop),Nt=t.button.withConfig({displayName:"TopSectionstyled__BackButton",componentId:"sc-1b8wvx
1p-5"})(["text-decoration:none;background:transparent;border:none;"]),vt=t(me).withConfig({displayName:"TopSectionstyled__ReplacementIcon",componentId:"sc-1b8wvxp-6"})(["margin-right:16px;"]),Lt=t(s).withConfig({displayName:"TopSectionstyled__HeaderTitleMobile",componentId:"sc-1b8wvxp-7"})(["display:inline-block;"]),kt=t(s).withConfig({displayName:"TopSectionstyled__HeaderTitleDesktop",componentId:"sc-1b8wvxp-8"})(["display:none;@media ","{margin:0 auto;display:block;max-width:1440px;padding:40px 40px 0 40px;}"],({theme:e})=>e.mediaQueries.laptop),Tt=t.div.withConfig({displayName:"TopSectionstyled__RappiMenu",componentId:"sc-1b8wvxp-9"})(["width:100%;height:84px;background-color:#fff;display:none;align-items:center;position:relative;box-shadow:0 1px 0 0 ",";@media ","{display:flex;}"],({theme:e})=>e.palette.graya20,({theme:e})=>e.mediaQueries.laptop),jt=t(ue).withConfig({displayName:"TopSectionstyled__RappiLogo",componentId:"sc-1b8wvxp-10"})(["margin:0 auto;position:absolute;left:0;right:0;"]),Dt=t.div.withConfig({displayName:"TopSectionstyled__RappiMenuBack",componentId:"sc-1b8wvxp-11"})(["display:flex;align-items:center;justify-content:center;margin-left:40px;cursor:pointer;"]),C={ReplacementContainer:bt,ReplacementBodyContainer:Pt,ReplacementCardsContainer:It,HeaderReplacementContainer:St,HeaderMobileContainer:Rt,BackButton:Nt,ReplacementIcon:vt,HeaderTitleMobile:Lt,HeaderTitleDesktop:kt,RappiMenu:Tt,RappiLogo:jt,RappiMenuBack:Dt},At=({headerTitle:e,onClose:i,children:d})=>{const{t:u}=H();return o(C.ReplacementContainer,{children:[o(C.HeaderReplacementContainer,{children:[o(C.HeaderMobileContainer,{children:[n(C.BackButton,{onClick:i,"data-qa":"come-back-mobile",children:n(C.ReplacementIcon,{})}),n(C.HeaderTitleMobile,{tagAs:"h2",variant:r.Variants.XL224,children:e})]}),o(C.RappiMenu,{children:[o(C.RappiMenuBack,{onClick:i,"data-qa":"come-back",children:[n(C.ReplacementIcon,{size:24}),n(s,{variant:r.Variants.Base116,children:u("header.back")})]}),n(C.RappiLogo,{})]}),n(C.HeaderTitleDesktop,{tagAs:"h1",variant:r.Variants.XL248,children:e})]}),n(C.ReplacementBodyContainer,{"data-qa":"replacement-menu",children:n(C.ReplacementCardsContainer,{children:d})})]})},Bt=t.div.withConfig({displayName:"ProductReplacement__ProductReplacementContainer",componentId:"sc-1n7ipr2-0"})(["display:",";position:fixed;flex-direction:column;width:100%;height:100%;max-height:100%;top:0;left:0;z-index:3000;overflow-y:auto;background-color:",";"],({isVisible:e})=>e?"flex":"none",({theme:e})=>e.palette.graya10),Qt=t(U).withConfig({displayName:"ProductReplacement__ReplacementIcon",componentId:"sc-1n7ipr2-1"})(["width:20px;height:20px;margin:10px auto;path{fill:",";}@media ","{width:24px;height:24px;}"],({theme:e})=>e.palette.secondary3100,({theme:e})=>e.mediaQueries.laptop),Vt=t.div.withConfig({displayName:"ProductReplacement__ReplacementButtonContainer",componentId:"sc-1n7ipr2-2"})(["width:100%;grid-column:span 3;@media ","{max-width:343px;grid-column:span 1;}"],({theme:e})=>e.mediaQueries.laptop),$t=t.div.withConfig({displayName:"ProductReplacement__PriceDifferenceContainer",componentId:"sc-1n7ipr2-3"})(["display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:14px;"]),Ht=t(s).withConfig({displayName:"ProductReplacement__PriceDifferenceTitle",componentId:"sc-1n7ipr2-4"})(["color:",";"],({theme:e})=>e.palette.graya80),Mt=t(s).withConfig({displayName:"ProductReplacement__PriceDifference",componentId:"sc-1n7ipr2-5"})(["color:",";&.red{color:",";}&.green{color:",";}"],({theme:e})=>e.palette.graya80,({theme:e})=>e.palette.secondary3100,({theme:e})=>e.palette.primary100),qt=t.div.withConfig({displayName:"ProductReplacement__ListCardContainer",componentId:"sc-1n7ipr2-6"})(["display:grid;padding:16px;width:100%;grid-template-columns:repeat(2,1fr);grid-gap:24px 20px;@media ","{grid-template-columns:repeat(4,1fr);}@media ","{padding:40px;max-width:1440px;grid-template-columns:repeat(5,1fr);}@media ","{grid-template-columns:repeat(6,1fr);}"],({theme:e})=>e.mediaQueries.tablet,({theme:e})=>e.mediaQueries.laptop,({theme:e})=>e.mediaQueries.laptopL),zt=t.div.withConfig({displayName:"ProductReplacement__HeaderReplacementContainer",componentId:"sc-1n7ipr2-7"})(["display:flex;padding:16px;flex-direction:row;justify-content:space-between;width:100%;@media ","{padding:56px 40px 0 40px;}"],({theme:e})=>e.mediaQueries.laptop),Wt=t(s).withConfig({displayName:"ProductReplacement__HeaderTitle",componentId:"sc-1n7ipr2-8"})(["display:none;@media ","{display:block;}"],({theme:e})=>e.mediaQueries.laptop),Xt=({productId:e,storeId:i,dispatchSuccess:d,onClose:u})=>{const{t:a}=H(),l=ge(),[c,g]=_.useState({}),[p,P]=_.useState({}),[x,b]=_.useState([]),[S,k]=_.useState([]),[V,T]=_.useState([]),[m,j]=_.useState(""),[J,Z]=_.useState(!1),$=p.name?c.price.valueOf()-p.price.valueOf():0,ee=Math.abs($).toFixed(2),te=$<0?"red":$===0?null:"green";_.useEffect(()=>(document.body.style.overflowY="hidden",()=>{document.body.style.overflowY="visible"}),[]),_.useEffect(()=>{(async()=>{try{const{originalProduct:I,replacementProduct:D}=await qe(e,i),A=await ze(e,i);g(I),P(D),b(A),k(A),Z(!!D.name)}catch(I){R(l,a,I)}})()},[]);const ne=async()=>{try{(await Ee(i,c,p)).status==="OK"?(d(p),u()):R(l,a)}catch(h){R(l,a,h)}},ae=async h=>{if(h.length>0)try{const D=(await We(h,i)).filter(A=>A.product_id!==e);j(h),b(D)}catch(I){R(l,a,I)}else j(""),b(S)},ie=async h=>{if(h.length>0)try{const I=await Fe(h,i);T(I.slice(0,4))}catch(I){R(l,a,I)}else T([])},oe=h=>{P(h||{})};return o(Bt,{isVisible:!0,children:[o(At,{headerTitle:a(J?"product_replacement.title.b":"product_replacement.title.a"),onClose:u,children:[c.name?n(E,{cardTitle:`${a("product_replacement.product_to_change")}:`,name:c.name,presentation:c.presentation,image:c.image,price:c.price,realPrice:c.realPrice,discount:c.discount,dataQa:"current-product"}):n(F,{cardTitle:`${a("product_replacement.product_to_change")}:`,text:""}),n(xe,{children:n(Qt,{})}),p.name?n(E,{cardTitle:`${a("product_replacement.substitute_for")}:`,name:p.name,presentation:p.presentation,image:p.image,price:p.price,realPrice:p.realPrice,discount:p.discount,dataQa:"substitute-product"}):n(F,{cardTitle:`${a("product_replacement.substitute_for")}:`,text:c.name?a("product_replacement.substitute_box"):"",dataQa:"empty-substitute-product"}),o(Vt,{children:[o($t,{children:[n(Ht,{tagAs:"span",variant:r.Variants.Base216,children:a("product_replacement.cost_difference")}),o(Mt,{tagAs:"span",variant:r.Variants.Base116,className:te,"data-qa":"price-difference",children:[a("basket.cart.currency")," ",ee]})]}),n(he,{color:z.Colors.Primary,size:z.Sizes.Wide,disabled:!p.name,onClick:ne,"data-qa":"save-substitute-button",children:a("product_replacement.save_substitute")})]})]}),o(wt,{children:[o(zt,{children:[n(Wt,{tagAs:"h2",variant:r.Variants.XL224,children:a("product_replacement.options_title")}),n(ft,{placeholder:a("product_replacement.search_placeholder"),onSearchbarSubmit:ae,onSearchbarChange:ie,searchbarSuggestions:V})]}),x.length>0?n(qt,{"data-qa":"substitute-list",children:x.map(h=>n(ot,{product:h,replacementProduct:p,onProductCardClick:oe,cardSelectedText:a("product_replacement.selected_tag")},h.productId))}):c.name&&n(Pe,{title:a("product_replacement.search_no_results_title"),subtitle:m.length>0?a("product_replacement.search_no_results_keywords"):a("product_replacement.search_no_results_preferred_products"),keywords:m})]})]})};export{Xt as default};
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.