https://www.rappi.cl/static-home/_next/static/chunks/8262.56dfbc4454fe0237.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8262,9473],{3431:function(e,o,t){var r;Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});let a=t(85893),l=t(35232),d=t(84183),n=t(82586),i=t(67294),s=t(84302),p=t(50066),c=t(5906),u=p&&p.__esModule?p:{default:p},w=u.default.div`
2  max-width: 343px;
3
4  & > span {
5    display: block;
6    margin-bottom: ${s.Spacing.Spacing1};
7  }
8`,h=u.default.div`
9  ${({theme:e,disabled:o,isOpen:t,notSelected:r})=>p.css`
10    display: flex;
11    align-items: center;
12    justify-content: space-between;
13    padding-left: 10px;
14    cursor: ${o?"not-allowed":"pointer"};
15    height: 48px;
16    padding: 12px 10px;
17    box-shadow: 0 1px 0 0 ${t?e.palette.primary100:e.palette.graya20};
18    background-color: ${e.palette.graya10};
19    border-top-right-radius: 3px;
20    border-top-left-radius: 3px;
21
22    & > span {
23      text-overflow: ellipsis;
24      overflow: hidden;
25      white-space: nowrap;
26      color: ${o?e.palette.graya40:r?e.palette.graya80:e.palette.graya100};
27    }
28
29    svg {
30      transition: all 0.15s;
31      path {
32        ${o&&`fill: ${e.palette.graya40}`}
33      }
34    }
35  `}
36`,f=u.default.input`
37  ${({theme:e,disabled:o,notSelected:t})=>p.css`
38    font-family: 'PP Object Sans';
39    font-weight: 400;
40    font-size: 14px;
41    font-stretch: normal;
42    font-style: normal;
43    line-height: 1.71;
44    letter-spacing: normal;
45    text-align: left;
46    box-sizing: border-box;
47    color: ${o?e.palette.graya40:t?e.palette.graya80:e.palette.graya100};
48    background-color: ${e.palette.graya10};
49    background: transparent;
50    width: 100%;
51    border: transparent;
52    cursor: ${o?"not-allowed":"pointer"};
53    outline: none;
54    text-overflow: ellipsis;
55    overflow: hidden;
56    white-space: nowrap;
57  `}
58`,b=u.default(c.DropdownBody)`
59  border-top: none;
60
61  .dropdown-list-wrapper {
62    z-index: 2;
63    position: relative;
64  }
65
66  .dropdown-body {
67    position: absolute;
68  }
69`,g={DropdownBodyStyled:b},v=({label:e,selectedItemText:o,inputId:t,placeholder:r="",disabled:s=!1,className:p,children:c,dataQaPrefix:u=""})=>{let[b,v]=i.useState(!1),m=`${u?`${u}-`:""}dropdown`;return a.jsxs(w,{className:p,"data-qa":m,children:[e&&a.jsx(l.Typography,{variant:d.Variants.Tiny112,tagAs:"label",htmlFor:t,"data-qa":"dropdown-label",children:e}),a.jsxs(h,{onClick(){s||v(e=>!e)},disabled:s,notSelected:!o,isOpen:b,children:[a.jsx(f,{id:t,value:o||"",placeholder:r,readOnly:!0,disabled:s,notSelected:!o,"data-qa":"dropdown-button"}),a.jsx(n.SvgArrowDropDownBlack,{transform:b?"rotate(180)":"rotate(0)"})]}),b&&a.jsx(g.DropdownBodyStyled,{withScroll:!0,onClose(){v(e=>!e)},modal:!0,children:c})]})};o.DropdownBody=c.DropdownBody,o.DropdownOption=c.DropdownOption,o.default=v},5906:function(e,o,t){let r=t(85893),a=t(67294),l=t(23147),d=t(93757),n=t(50066),i=e=>e&&e.__esModule?e:{default:e},s=i(a),p=i(n),c=p.default.div`
70  margin: 0;
71  padding: 0;

72  margin-top: 1px;
73  width: 100%;
74  display: flex;
75`,u=p.default(l.UnorderedList)`
76  border: solid 0.5px ${d.Palette.Graya20};
77  overflow: hidden;
78  width: 100%;
79
80  ${({$withScroll:e})=>e&&n.css`
81      max-height: 192px;
82      overflow-y: scroll;
83      &::-webkit-scrollbar {
84        -webkit-appearance: none;
85      }
86
87      &::-webkit-scrollbar:vertical {
88        width: 11px;
89      }
90
91      &::-webkit-scrollbar:horizontal {
92        height: 11px;
93      }
94
95      &::-webkit-scrollbar-thumb {
96        border-radius: 8px;
97        border: 2px solid white;
98        background-color: ${d.Palette.Graya40};
99      }
100    `};
101`,w=p.default(l.BorderedListOption)`
102  ${({theme:e})=>n.css`
103    cursor: pointer;
104    display: flex;
105    align-items: center;
106    transition: 0.3s ease all;
107    text-overflow: ellipsis;
108    overflow: hidden;
109    white-space: nowrap;
110    width: 100%;
111    color: ${e.palette.graya100};
112    padding: 12px 16px !important;
113
114    &:first-child {
115      border: none;
116    }
117
118    &:hover {
119      background: ${e.palette.secondary420};
120    }
121  `}
122`,h={DropdownListWrapper:c,DropdownOption:w,DropdownList:u},f=({children:e,onClick:o,disabled:t,className:a})=>r.jsx(h.DropdownOption,{className:a,"data-qa":"dropdown-item",onClick(e){e.stopPropagation(),t||o()},children:e}),b=({children:e,onClose:o,className:t,withScroll:l=!1,modal:d})=>{let n=a.useRef(null),i=s.default.Children.map(s.default.Children.toArray(e),e=>s.default.isValidElement(e)?s.default.cloneElement(e,{onClick(){e.props.onClick(),o()}}):e);return a.useEffect(()=>{let e=e=>{n.current&&!n.current.contains(e.target)&&(e.stopPropagation(),o())};return document.addEventListener("click",e,d),()=>{document.removeEventListener("click",e,d)}},[]),r.jsx("div",{className:t,children:r.jsx(h.DropdownListWrapper,{onClick:o,className:"dropdown-list-wrapper",children:r.jsx(h.DropdownList,{$withScroll:l,"data-qa":"dropdown-body",className:"dropdown-body",listRef:n,children:i})})})};o.DropdownBody=b,o.DropdownOption=f},23147:function(e,o,t){var r;let a=t(85893),l=t(93757),d=t(50066),n=d&&d.__esModule?d:{default:d},i=n.default.ul`
123  list-style: none;
124  background: white;
125  padding-inline-start: 0;
126`,s=n.default.li`
127  list-style: none;
128  border-top: solid 0.5px;
129  border-color: ${l.Palette.Graya20};
130  width: 100%;
131`,p=({children:e,...o})=>a.jsx(s,{...o,children:e}),c=({children:e,listRef:o,...t})=>a.jsx(i,{ref:o,...t,children:e});o.BorderedListOption=p,o.UnorderedList=c},91737:function(e,o,t){t.d(o,{Sg:function(){return i},W1:function(){return l},cD:function(){return n}});var r=t(63274),a=t(96),l="sourceViewProductPage",d=function(){var e=localStorage.getItem(l)||r.Source.GLOBAL_SEARCH;return r.Source[e]||r.Source.PRODUCT_DESCRIPTION},n=function(e){return[{PRODUCT_NAME:e.name,PRODUCT_ID:e.productId,BRAND_NAME:e.brandName,STORE_TYPE:e.storeType,STORE_ID:"".concat(e.storeId),STORE_NAME:e.storeName,PRODUCT_SPONSORED:!1,REQUIRES_MEDICAL_PRESCRIPTION:e.requiresMedicalPrescription,BRAND_ID:e.brandId,PRICE:"".concat(e.price),PRODUCT_INDEX:0},]},i=function(e,o){var t,r,i,s,p,c,u={storeType:null==o?void 0:null===(t=o.store)||void 0===t?void 0:t.store_type,storeId:"".concat(null==o?void 0:null===(r=o.store)||void 0===r?void 0:r.store_id),storeName:null==o?void 0:null===(i=o.store)||void 0===i?void 0:i.name,verticalGroup:null==o?void 0:null===(s=o.store)||void 0===s?void 0:s.group,verticalSubGroup:null==o?void 0:null===(p=o.store)||void 0===p?void 0:p.sub_group,trademark:"",productIndex:0,productSponsored:!1,productId:"".concat(e.id),productName:e.name,productValue:"".concat(e.price),saleType:e.saleType,source:d(),requiresMedicalPrescription:e.requiresMedicalPrescription,inStock:e.inStock,guarantee:void 0,searchObjectId:void 0,deeplink:void 0,isSponsored:!1,verticalSource:"HOME_BUTTON",vertical:"CPGS",subVertical:(null==o?void 0:null===(c=o.store)||void 0===c?void 0:c.sub_group)||"",hasToppings:void 0,items:n(e)};a.AnalyticsActions.viewProduct(u),localStorage.removeItem(l)}}}]);