https://palihill.menu/static/js/28479.329e0727.chunk.js

1"use strict";(self.webpackChunkconsumer=self.webpackChunkconsumer||[]).push([[17388,23875,28479,37127,46347,47296,57738],{17388:function(n,e,t){t.r(e);var i=t(53536),r=t.n(i),o=t(4390),a=t(65043),l=t(88069),d=t(49505),s=t(47296),c=t(70579),u=n=>{var{groupPrice:e,currency:t}=n;return e?(0,c.jsx)(s.ItemModifiersGroupTotal,{children:(0,d.formatCentsToPrice)(e,t)}):null},m=n=>{var{item:e}=n,[t,i]=(0,a.useState)([]),[o,d]=(0,a.useState)([]),{menuDataStore:f}=(0,l.useStores)();return(0,a.useEffect)((()=>{i(r().orderBy(Object.keys(e.mods).map((n=>f.modifierGroupsById[n])),["display_position","heading_name"]))}),[e,f]),(0,a.useEffect)((()=>{d(t.filter((n=>!n.integrations.hide_from_guests)))}),[t]),e.hasMods()?(0,c.jsx)(c.Fragment,{children:o.map((n=>{var t=(e.mods[n.id]||[]).filter((n=>n.selected)),i=r().sumBy(t,"menuItem.price_in_cents");return t.length?(0,c.jsxs)(s.Body,{"data-testid":"selected-modifier-heading-".concat(n.heading_name),children:[(0,c.jsxs)(s.GroupHeading,{children:[n.heading_name," ",(0,c.jsx)(u,{groupPrice:i,currency:null===f||void 0===f?void 0:f.currencyCode})]}),t.map((n=>{var e=!!n.numMissingSelections;return(0,c.jsxs)(s.Mod,{children:[(0,c.jsxs)("div",{className:"".concat(e?"invalid":""),children:[(0,c.jsxs)("span",{"data-testid":n.name,children:[n.qty>1?"".concat(n.qty," x "):"",n.name]}),e&&(0,c.jsx)("span",{children:"* Selection Required"})]}),n.hasMods()&&(0,c.jsx)(m,{item:n})]},n.menu_item_id)}))]},"item-mods-".concat(n.id)):null}))}):null};e.default=(0,o.PA)(m)},23875:function(n,e,t){t.r(e),t.d(e,{ItemSheetProviderContext:function(){return d}});var i=t(65043),r=t(4390),o=t(59557),a=t(36891),l=t(70579),d=i.createContext(void 0);e.default=(0,r.PA)((function(n){var{children:e,cartItem:t}=n,[r,s]=(0,i.useState)(!1),[c,u]=(0,i.useState)(!1),[m,f]=(0,i.useState)(t),[h,p]=(0,i.useState)([t]),[v,g]=(0,i.useState)([]),[b,y]=(0,i.useState)([]),x=(0,o.W6)(),_=(0,a.default)(),k=(0,i.useCallback)((n=>{v.includes(n)||g((e=>[...e,n]))}),[v]),w=(0,i.useCallback)((n=>{v.includes(n)&&g((e=>e.filter((e=>e!==n))))}),[]),A=(0,i.useCallback)((n=>{b.includes(n)||y((e=>[...e,n]))}),[b]),j=(0,i.useCallback)((n=>{b.includes(n)&&y((e=>e.filter((e=>e!==n))))}),[]),M=(0,i.useCallback)((n=>{u(!1),f((()=>n)),g((()=>[])),setTimeout((()=>{var n;return null===(n=document.querySelector(".ant-modal-wrap"))||void 0===n?void 0:n.scrollTo({top:0})}))}),[u,f]),C=(0,i.useCallback)((n=>{p((e=>[...e,n])),M(n),_.set("item",n.menu_item_id),x.push({search:_.toString()})}),[M,_,x]);return(0,i.useEffect)((()=>x.listen(((n,e)=>{"POP"===e&&(p((n=>n.length>1?n.slice(0,-1):n)),M(h.length>1?h[h.length-2]:h[h.length-1]))}))),[x,h]),(0,l.jsx)(d.Provider,{value:{processing:r,setProcessing:s,submitPressed:c,setSubmitPressed:u,cartItem:h[h.length-1],pushCartItem:C,displayedItem:m,setDisplayedItem:M,htmlElementErrors:v,addHTMLElementError:k,removeHTMLElementError:w,modsWithMissingSelections:b,addModWithMissingSelections:A,removeModWithMissingSelections:j,closeModal:x.goBack},children:e})}))},25037:function(n,e,t){t.d(e,{A:function(){return d}});var i=t(89379),r=t(65043),o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"}}]},name:"minus",theme:"outlined"},a=t(6127),l=function(n,e){return r.createElement(a.A,(0,i.A)((0,i.A)({},n),{},{ref:e,icon:o}))};l.displayName="MinusOutlined";var d=r.forwardRef(l)},28479:function(n,e,t){t.r(e);var i=t(4390),r=t(57738),o=t(37127),a=t(49505),l=t(25037),d=t(75337),s=t(46347),c=t(70579);e.default=(0,i.PA)((function(n){var e,t,i,{group:u,menuItem:m,currencyCode:f,last:h,Control:p,onChange:v=()=>{}}=n,{displayedItem:g}=(0,r.useItemSheet)(),b=g.selectedMods.includes(m.id),y=b?g.getCartModifier(u.id,m.id):void 0,x=null===g||void 0===g?void 0:g.getPrice(u.id,m),_=(null!==(e=g.mods[u.id])&&void 0!==e?e:[]).filter((n=>n.selected)).reduce(((n,e)=>n+e.qty),0),k=Boolean(y&&b&&(null===m||void 0===m?void 0:m.hasMods())),w=_===(null===u||void 0===u?void 0:u.max_selected);return(0,c.jsxs)(s.Container,{last:h,children:[(0,c.jsxs)(p,{checked:b,className:null!==y&&void 0!==y&&null!==(t=y.menuItem)&&void 0!==t&&t.modifier_allow_quantities?"modifier-allow-quantities":"",disabled:!b&&w&&!u.is_radio,onChange:v,value:m.id,children:[(0,c.jsx)(c.Fragment,{children:(null===y||void 0===y||null===(i=y.menuItem)||void 0===i?void 0:i.modifier_allow_quantities)&&(0,c.jsxs)(s.EditQuantity,{children:[(0,c.jsx)(s.UpdateButton,{"aria-label":"Decrease quantity","data-testid":"decrement-qty",disabled:y.qty<1,onClick:n=>{n.preventDefault(),y.decrementModifierQty(u,m.id,1)},children:(0,c.jsx)("div",{children:(0,c.jsx)(l.A,{})})}),(0,c.jsx)(s.Qty,{"data-testid":"modifier-qty-amount",children:y.qty}),(0,c.jsx)(s.UpdateButton,{"aria-label":"Increase quantity","data-testid":"increment-qty",disabled:y.qty>98||null!==y.menuItem.inventory_qty&&y.qty>=y.menuItem.inventory_qty||w,onClick:n=>{n.preventDefault(),y.incrementModifierQty(u,m.id,1)},children:(0,c.jsx)("div",{children:(0,c.jsx)(d.A,{})})})]})}),(0,c.jsx)(s.Content,{children:(0,c.jsxs)(s.Row,{children:[(0,c.jsx)(s.RowLeft,{children:m.name_for_customer}),(0,c.jsx)(s.RowRight,{children:(0,c.jsx)("span",{"data-testid":"modifier-price",children:null==x?null:(0,a.formatCentsToPrice)(x,f)})})]})})]}),y&&k&&(0,c.jsx)(o.default,{cartModifier:y})]})}))},37127:function(n,e,t){t.r(e);var i,r,o,a,l=t(57528),d=t(4390),s=t(94574),c=t(99905),u=t(17388),m=t(82596),f=t(57738),h=t(65043),p=t(70579);e.default=(0,d.PA)((function(n){var{cartModifier:e}=n,{setDisplayedItem:t,addModWithMissingSelections:i,removeModWithMissingSelections:r}=(0,f.useItemSheet)();return(0,h.useEffect)((()=>

1{e.numMissingSelections>0?i(e):r(e)}),[e,e.selected,i,r]),(0,p.jsxs)(v,{children:[(0,p.jsx)(u.default,{item:e}),(0,p.jsxs)(g,{onClick:()=>t(e),children:[(0,p.jsx)(y,{children:e.getButtonText()}),(0,p.jsx)(b,{})]})]})}));var v=s.Ay.div(i||(i=(0,l.A)(["\n  border-bottom: 1px solid var(--color-neutral__line);\n  border-top: 1px solid var(--color-neutral__line);\n  margin-left: 0.625rem;\n  margin-top: 0.25rem;\n  padding: 0;\n\n  & > div:last-of-type {\n    padding-bottom: 0.625rem;\n  }\n"]))),g=(0,s.Ay)(m.Button)(r||(r=(0,l.A)(["\n  align-items: center;\n  border: 0;\n  display: flex;\n  flex-direction: row;\n  font-style: italic;\n  height: 2rem;\n  justify-content: space-between;\n  letter-spacing: initial;\n  padding: 0.5rem 0.5rem 0.5rem 2rem;\n  text-transform: initial;\n  width: 100%;\n\n  &:focus,\n  &:hover {\n    opacity: 0.8;\n  }\n"]))),b=(0,s.Ay)(c.A)(o||(o=(0,l.A)(["\n  && {\n    color: var(--color-neutral__title-active);\n    display: flex;\n    justify-content: flex-end;\n    width: 100%;\n  }\n"]))),y=s.Ay.span(a||(a=(0,l.A)(["\n  && {\n    align-items: center;\n    color: var(--color-neutral__title-active);\n    display: flex;\n    font-size: 0.625rem;\n    font-style: italic;\n    font-weight: 400;\n    line-height: 0.75rem;\n  }\n"])))},46347:function(n,e,t){t.r(e),t.d(e,{Container:function(){return f},Content:function(){return h},EditQuantity:function(){return p},Qty:function(){return y},Row:function(){return v},RowLeft:function(){return g},RowRight:function(){return b},UpdateButton:function(){return x}});var i,r,o,a,l,d,s,c,u=t(57528),m=t(94574),f=m.Ay.div(i||(i=(0,u.A)(["\n  border-bottom: ",";\n  height: 56px;\n  display: flex;\n  align-items: center;\n  label {\n    display: flex;\n    align-items: flex-start;\n    min-height: 2.5rem;\n    width: 100%;\n\n    .ant-radio {\n      top: 0.625rem;\n      .ant-radio-inner {\n        border-color: var(--bose-item__modifier-button-outline);\n        background-color: var(--bose-item__modifier-button-background);\n      }\n    }\n\n    .ant-radio-checked .ant-radio-inner:after {\n      background-color: var(--bose-item__modifier-button-selected);\n    }\n\n    .ant-checkbox {\n      top: 0.625rem;\n\n      > .ant-checkbox-input,\n      > .ant-checkbox-inner {\n        min-height: 1.25rem;\n        min-width: 1.25rem;\n      }\n\n      .ant-checkbox-inner {\n        border-color: var(--bose-item__modifier-button-outline);\n        background-color: var(--bose-item__modifier-button-background);\n      }\n    }\n\n    .ant-checkbox-checked .ant-checkbox-inner {\n      background-color: var(--bose-item__modifier-button-selected);\n    }\n\n    span.ant-checkbox + *,\n    span.ant-radio + * {\n      width: 100%;\n    }\n\n    // These styles are used to account for the addition of qty buttons for checkboxes which requires all\n    // radios/checkboxes to be shifted right so they are all left aligned\n    &.ant-radio-wrapper {\n      > span:first-child {\n        margin-left: 0.625rem; // Needed so that it can be left aligned with the checkboxes\n      }\n    }\n\n    &.ant-checkbox-wrapper {\n      > span:first-child {\n        margin-left: 0.625rem; // Needed so that if there is a quantity then it will be at same position as decrement button\n      }\n\n      > span:nth-of-type(2) {\n        display: flex;\n        flex-direction: row;\n      }\n\n      &.ant-checkbox-wrapper-checked.modifier-allow-quantities {\n        .ant-checkbox {\n          &.ant-checkbox-checked {\n            display: none;\n            top: auto;\n\n            & + span {\n              padding-left: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &:last-child > label {\n    margin-bottom: 0;\n  }\n"])),(n=>{var{last:e}=n;return e?"":"1px solid var(--color-dd-border__primary)"})),h=m.Ay.div(r||(r=(0,u.A)(["\n  padding-top: 0.75rem;\n  flex-grow: 1;\n"]))),p=m.Ay.div(o||(o=(0,u.A)(["\n  align-items: center;\n  display: flex;\n  padding-right: 0.125rem;\n"]))),v=m.Ay.div(a||(a=(0,u.A)(["\n  display: flex;\n  font-weight: 500;\n  font-size: 0.875rem;\n  flex-direction: row;\n  justify-content: space-between;\n  line-height: 1;\n\n  span {\n    display: flex;\n  }\n"]))),g=m.Ay.span(l||(l=(0,u.A)(["\n  display: flex;\n  margin-right: 1rem;\n  color: var(--bose-item__modifier-option-text);\n"]))),b=m.Ay.span(d||(d=(0,u.A)(["\n  color: var(--bose-item__modifier-option-price-text);\n"]))),y=m.Ay.div(s||(s=(0,u.A)(["\n  color: var(--color-neutral__title-active);\n  font-size: 0.875rem;\n  font-weight: bold;\n  min-width: 1rem;\n  padding: 0;\n  text-align: center;

1\n"]))),x=m.Ay.button(c||(c=(0,u.A)(["\n  align-items: center;\n  background-color: var(--color-neutral__modal-background);\n  border: none;\n  display: flex;\n  justify-content: center;\n  min-height: 2.5rem; // Make the button large so it's more clickable\n  min-width: 2.5rem; // Make the button large so it's more clickable\n  padding: 0;\n  position: relative;\n\n  // Animate the shadow on hover\n  &:after {\n    background: var(--color-neutral__line);\n    border-radius: 50%;\n    bottom: auto;\n    content: '';\n    height: 1.25rem;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    transform: scale(1);\n    transition: transform 0.08s ease-in;\n    width: 1.25rem;\n  }\n\n  // The first nested div marks the visible button\n  > div {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    position: relative;\n    width: 100%;\n\n    > span {\n      align-items: center;\n      background-color: var(--color-neutral__modal-background);\n      border: 1px solid var(--color-neutral__line);\n      border-radius: 50%;\n      color: var(--color-neutral__title-active);\n      display: flex;\n      height: 1.25rem;\n      justify-content: center;\n      min-height: 1.25rem;\n      min-width: 1.25rem;\n      padding-right: 0;\n      position: relative;\n      width: 1.25rem;\n      z-index: 1;\n    }\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n\n    > div > span {\n      background-color: #f5f5f5;\n      border-color: #d9d9d9;\n      color: rgba(0, 0, 0, 0.25);\n    }\n  }\n\n  &:focus:not(:disabled),\n  &:hover:not(:disabled) {\n    > div > span {\n      border-color: var(--color-neutral__title-active);\n      color: var(--color-neutral__title-active);\n    }\n  }\n\n  &:hover:not(:disabled) {\n    &:after {\n      transform: scale(1.5);\n    }\n  }\n"])))},47296:function(n,e,t){t.r(e),t.d(e,{Body:function(){return s},GroupHeading:function(){return c},ItemModifiersGroupTotal:function(){return u},Mod:function(){return m}});var i,r,o,a,l=t(57528),d=t(94574),s=d.Ay.div(i||(i=(0,l.A)(["\n  line-height: 1rem;\n  padding-top: 0.625rem;\n"]))),c=d.Ay.div(r||(r=(0,l.A)(["\n  &,\n  && > span {\n    color: var(--color-neutral__title-active);\n    display: flex;\n    font-size: 0.75rem;\n    font-style: normal;\n    font-weight: lighter;\n    justify-content: space-between;\n\n    // ItemModifiers is used by the CartItemModal as well as the CheckoutModal and Drawer.\n    // Certain elements are displayed differently depending on the location.\n    .ant-modal-body & {\n      padding-left: 2rem;\n    }\n  }\n"]))),u=d.Ay.span(o||(o=(0,l.A)(["\n  &&& {\n    display: none;\n\n    .ant-modal-body & {\n      display: inline-block;\n      letter-spacing: 0.5px;\n      padding-left: 2rem;\n    }\n  }\n"]))),m=d.Ay.div(a||(a=(0,l.A)(["\n  div.invalid {\n    display: flex;\n    justify-content: space-between;\n\n    span {\n      color: var(--color-error__regular);\n    }\n  }\n\n  span {\n    color: var(--color-neutral__title-active);\n    font-size: 0.75rem;\n    font-style: normal;\n    font-weight: bold;\n    line-height: 1rem;\n\n    .ant-modal-body & {\n      padding-left: 2rem;\n    }\n  }\n"])))},57738:function(n,e,t){t.r(e),t.d(e,{useItemSheet:function(){return o}});var i=t(65043),r=t(23875),o=()=>i.useContext(r.ItemSheetProviderContext)}}]);
2//# sourceMappingURL=28479.329e0727.chunk.js.map