https://parkvillemarket.menu/static/js/41845.ff213ea5.chunk.js

1"use strict";(self.webpackChunkconsumer=self.webpackChunkconsumer||[]).push([[12421,17840,41845,42878,63221,65781,67097,82529,88050,90607,96079,97318],{12421:function(n,r,e){e.r(r),e.d(r,{CardBalance:function(){return A},CardBrand:function(){return g},CardExpiryDate:function(){return _},CardInfo:function(){return x},DeleteCardButton:function(){return y},StyledCheckbox:function(){return b},StyledCheckboxGroupInput:function(){return C},StyledRadio:function(){return h},StyledSpace:function(){return w}});var t,o,i,a,d,l,u,c,s,f=e(57528),p=e(94574),m=e(82596),{Text:v}=m.Typography,h=(0,p.Ay)(m.Radio)(t||(t=(0,f.A)(["\n  margin-bottom: 0.625rem;\n  width: 100%;\n"]))),g=p.Ay.span(o||(o=(0,f.A)(["\n  text-transform: capitalize;\n"]))),x=(0,p.Ay)(v)(i||(i=(0,f.A)(["\n  font-weight: bold;\n  margin-right: 1rem;\n"]))),_=p.Ay.span(a||(a=(0,f.A)(["\n  color: var(--color-neutral__body);\n  font-size: 0.75rem;\n  margin-right: 1rem;\n  opacity: 0.6;\n"]))),y=(0,p.Ay)(m.Button)(d||(d=(0,f.A)(["\n  border: none;\n  color: var(--color-neutral__body);\n  font-size: 0.75rem;\n  letter-spacing: 0.8px;\n  padding: 0.25rem 0.5rem;\n  width: 4.5rem;\n  &:focus,\n  &:hover {\n    background: transparent;\n    color: var(--color-neutral__body);\n    opacity: 0.85;\n  }\n\n  svg {\n    fill: var(--color-neutral__body);\n  }\n"]))),b=(0,p.Ay)(m.Checkbox)(l||(l=(0,f.A)(["\n  margin-bottom: 1.25rem;\n"]))),C=(0,p.Ay)(m.Checkbox.Group)(u||(u=(0,f.A)(["\n  && label {\n    line-height: 1.4;\n    margin-left: 0;\n    padding-bottom: 0.25rem;\n    width: 100%;\n\n    &:not(:last-of-type) {\n      margin-bottom: 0.5rem;\n    }\n  }\n"]))),A=p.Ay.span(c||(c=(0,f.A)(["\n  color: var(--color-neutral__body);\n  font-size: 0.75rem;\n  margin-right: 1rem;\n  opacity: 0.6;\n"]))),w=(0,p.Ay)(m.Space)(s||(s=(0,f.A)([""])))},17840:function(n,r,e){e.r(r);var t=e(4390),o=e(65043),i=e(88069),a=e(65781),d=e(63221),l=e(97318),u=e(48640),c=e(70579);r.default=(0,t.PA)((function(n){var r,e,{onOpenAddCardModal:t,onCancel:s}=n,{userStore:f,locationStore:p,uiState:m}=(0,i.useStores)(),{isMobile:v}=m,[h,g]=(0,o.useState)(!1),{trackClickAddGiftCard:x}=u.checkoutPageTrackingEvents,_=null!==(r=null===(e=f.user_info)||void 0===e?void 0:e.gift_cards)&&void 0!==r?r:[],y=()=>{v?s():g(!1)};return(0,c.jsxs)(a.Container,{children:[(0,c.jsxs)(a.CardList,{children:[_.length>0&&(0,c.jsx)(d.default,{}),!h&&(0,c.jsxs)(a.AddCardButton,{"data-testid":"add-payment-method-new-gift-card-button",onClick:()=>{var n,r;x({location_customer_id:null===p||void 0===p||null===(n=p.customer)||void 0===n?void 0:n.customer_id,anonymous_id:null===f||void 0===f||null===(r=f.user_info)||void 0===r?void 0:r.id}),v?t():g(!0)},children:[(0,c.jsx)(a.AddPaymentSpan,{id:"plus-icon",children:"+"}),(0,c.jsx)("span",{children:(0,c.jsx)("b",{children:"Add a Gift Card"})})]})]}),h&&(0,c.jsx)(l.default,{onCancel:y,onSuccess:y})]})}))},41845:function(n,r,e){e.r(r);var t=e(4390),o=e(88069),i=e(92918),a=e(17840),d=e(70579);r.default=(0,t.PA)((function(){var{uiState:n}=(0,o.useStores)();return(0,d.jsx)(a.default,{onOpenAddCardModal:()=>n.setModalView(i.ModalView.GiftCard),onCancel:()=>n.setModalView(i.ModalView.Payment)})}))},42878:function(n,r,e){e.r(r);var t,o=e(57528),i=e(4390),a=e(94574),d=e(82596),l=e(88069),u=e(49505),c=e(70579);r.default=(0,i.PA)((function(n){var{cents:r,loading:e}=n,{locationStore:t}=(0,l.useStores)(),{currencyCode:o}=t;return(0,c.jsx)(s,{active:!0,loading:e,paragraph:{rows:1,width:54},title:!1,children:(0,u.formatCentsToPrice)(r,o)})}));var s=(0,a.Ay)(d.Skeleton)(t||(t=(0,o.A)(["\n  ul {\n    margin-bottom: 0;\n  }\n"])))},63221:function(n,r,e){e.r(r);var t=e(88069),o=e(56434),i=e.n(o),a=e(4390),d=e(42878),l=e(82596),u=e(12421),c=e(48640),s=e(70579);r.default=(0,a.PA)((function(){var n,r,{userStore:e,locationStore:o}=(0,t.useStores)(),{trackToggleGiftCard:a}=c.checkoutPageTrackingEvents,f=null!==(n=null===(r=e.user_info)||void 0===r?void 0:r.gift_cards)&&void 0!==n?n:[];return(0,s.jsx)(s.Fragment,{children:f.map((n=>(0,s.jsx)(l.Row,{children:(0,s.jsxs)(u.StyledCheckbox,{value:n.id,checked:n.selected,onChange:r=>((n,r)=>{var t,d;a({location_customer_id:null===o||void 0===o||null===(t=o.customer)||void 0===t?void 0:t.customer_id,anonymous_id:null===e||void 0===e||null===(d=e.user_info)||void 0===d?void 0:d.id,gift_card_id:r,toggle_value:n.target.checked,prev_toggle_value:!n.target.checked});var l=i()(f).map((e=>(e.id===r&&(e.selected=n.target.checked),e)));e.updateGiftCards(l)})(r,n.id),children:[(0,s.jsxs)(u.CardInfo,{children:[(0,s.jsx)(u.CardBrand,{children:"Gift Card "}),n.last4]}),(0,s.jsxs)(u.CardBalance,{children:["Balance: ",(0,s.jsx)(d.default,{cents:n.balance,loading:!1})]})]})},"giftcard-row-".concat(n.id))))})}))},65781:function(n,r,e){e.r(r),e.d(r,{AddCardButton:function(){return m},AddPaymentSpan:function(){return v},CardList:function(){return p},Container:function(){return f}

1,PaymentMethodsDivider:function(){return h}});var t,o,i,a,d,l=e(57528),u=e(94574),c=e(82596),s=e(99588),f=u.Ay.div(t||(t=(0,l.A)(["\n  background-color: var(--color-neutral__card-background);\n\n  > hr {\n    border-width: 0;\n    background-color: var(--color-neutral__line);\n    outline: none;\n    height: 1px;\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem;\n  }\n"]))),p=u.Ay.div(o||(o=(0,l.A)([""]))),m=(0,u.Ay)(c.Button)(i||(i=(0,l.A)(["\n  &&.ant-btn {\n    border-width: 0;\n    box-shadow: none;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    padding-left: 0;\n    text-transform: initial;\n    height: fit-content;\n\n    b {\n      font-weight: 700;\n    }\n\n    &:disabled {\n      opacity: 0.6;\n    }\n\n    & > #plus-icon {\n      height: 1.25rem;\n      width: 1.25rem;\n      border-radius: 1.25rem;\n      margin-right: 0.875rem;\n      background-color: var(--color-neutral__line);\n      font-weight: 700;\n      display: flex;\n      text-align: center;\n      justify-content: center;\n      align-items: center;\n      padding-left: 1px;\n    }\n\n    &.ant-btn-link:hover > * {\n      color: initial;\n      text-decoration: initial;\n    }\n\n    &:focus,\n    &:hover {\n      color: var(--color-button-primary__regular);\n    }\n  }\n"]))),v=u.Ay.span(a||(a=(0,l.A)(["\n  height: 16px;\n  width: 16px;\n  border-radius: 20px;\n  margin-right: 1rem;\n  background-color: var(--color-neutral__line);\n  font-weight: 700;\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;

1\n"]))),h=(0,u.Ay)(c.Divider)(d||(d=(0,l.A)(["\n  border-top: 1px solid var(--color-neutral__line);\n  margin: 1.25rem 0;\n\n  @media (min-width: ","px) {\n    border-top: 1px solid var(--color-neutral__body);\n    margin: 1.5rem 0;\n  }\n"])),s.default.lg)},67097:function(n,r,e){e.r(r),e.d(r,{Buttons:function(){return G},ButtonsContainer:function(){return B},CancelButton:function(){return S},CustomStripePaymentFormContainer:function(){return E},ExpCvcRow:function(){return z},NormalFontWeight:function(){return I},PaymentContainer:function(){return j},PaymentError:function(){return k},PaymentMethodFormContainer:function(){return P},SaveButton:function(){return w},StripeCell:function(){return N},StripeCellProtector:function(){return T},StripeInput:function(){return F},StripeInputWrapper:function(){return M},ZipInput:function(){return D}});var t,o,i,a,d,l,u,c,s,f,p,m,v,h,g,x=e(57528),_=e(94574),y=e(47629),b=e(82596),C=e(61273),A=e(99588),w=(0,_.Ay)(b.Button)(t||(t=(0,x.A)(["\n  width: 100%;\n  height: ","px;\n"])),C.button.regular),S=(0,_.Ay)(b.Button)(o||(o=(0,x.A)(["\n  width: 100%;\n  height: ","px;\n  margin-right: 1rem; // Used to space out buttons on desktop mode\n\n  color: var(--color-button-primary__regular);\n  &:focus,\n  &:hover {\n    border-color: var(--color-button-primary__regular);\n    color: var(--color-button-primary__regular);\n  }\n"])),C.button.regular),k=_.Ay.div(i||(i=(0,x.A)(["\n  .ant-alert {\n    margin-bottom: 0;\n    margin-top: 1rem;\n  }\n"]))),j=_.Ay.div(a||(a=(0,x.A)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n\n  // Desktop styling\n  @media (min-width: ","px) {\n    gap: 1rem;\n  }\n"])),A.default.md),P=_.Ay.div(d||(d=(0,x.A)(["\n  height: 100%;\n\n  .StripeElement {\n    padding: 0;\n    box-shadow: none;\n    width: 100%;\n    max-width: none;\n    margin: 0;\n  }\n"]))),B=_.Ay.div(l||(l=(0,x.A)(["\n  display: flex;\n  flex-direction: column;\n"]))),G=_.Ay.div(u||(u=(0,x.A)(["\n  width: 100%;\n  display: flex;\n  padding: 16px ",";\n"])),y.Kz.None),I=_.Ay.span(c||(c=(0,x.A)(["\n  font-weight: normal;\n  color: var(--color-neutral__label);\n"]))),E=_.Ay.div(s||(s=(0,x.A)(["\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  justify-content: start;\n  flex-wrap: wrap;\n\n  .StripeElement {\n    padding: 0;\n    box-shadow: none;\n    width: 100%;\n    max-width: none;\n    margin: 0;\n  }\n"]))),F=_.Ay.div(f||(f=(0,x.A)([""]))),M=_.Ay.div(p||(p=(0,x.A)(["\n  display: flex;\n  justify-content: start;\n  align-items: center;\n\n  box-sizing: border-box;\n\n  height: 40px;\n  border-radius: 8px;\n  border: 1px solid #d9d9d9;\n  padding-left: 12px;\n  padding-right: 12px;\n\n  &:hover {\n    border: 1px solid #191919;\n    transition: all 0.3s;\n  }\n\n  &:has(> .StripeElement--focus) {\n    border: 1px solid #191919;\n    transition: all 0.3s;\n    box-shadow: #191919 0px 0px 0px 1px inset;\n  }\n\n  &:has(> .StripeElement--invalid) {\n    border: 1px solid var(--color-error__regular);\n    transition: all 0s;\n    box-shadow: var(--color-error__regular) 0px 0px 0px 1px inset;\n  }\n"]))),N=_.Ay.div(m||(m=(0,x.A)(["\n  display: flex;\n  width: 100%;\n"]))),T=_.Ay.div(v||(v=(0,x.A)(["\n  display: block;\n  width: 100%;\n"]))),z=_.Ay.div(h||(h=(0,x.A)(["\n  display: flex;\n  flex-direction: row;\n  wrap: none;\n  gap: 1rem;\n"]))),D=(0,_.Ay)(b.Input)(g||(g=(0,x.A)(["\n  margin: 0;\n\n  font-family: sans-serif;\n  color: var(--color-neutral__title-active);\n  font-size: 16px;\n  font-weight: normal;\n\n  ::placeholder {\n    font-family: sans-serif;\n    color: var(--color-neutral__placeholder);\n    font-size: 16px;\n    font-weight: normal;\n  }\n\n  &.invalid {\n    border: 1px solid var(--color-error__regular);\n    transition: all 0s;\n    box-shadow: var(--color-error__regular) 0px 0px 0px 1px inset;\n    color: var(--color-error__regular);\n  }\n"])))},82529:function(n,r,e){e.r(r);var t=e(4390),o=e(67097),i=e(82596),a=e(96079),d=e(70579);r.default=(0,t.PA)((function(n){var{onCancel:r,onSuccess:e=()=>{},showCancel:t=!0,showSave:l=!0}=n,{error:u,loading:c,saveGiftCard:s}=(0,a.useGiftCardForm)();return(0,d.jsxs)(o.ButtonsContainer,{children:[u&&(0,d.jsx)(o.PaymentError,{"data-testid":"gift-card-error-message",children:(0,d.jsx)(i.ErrorAlert,{testId:"payment-method-error",message:u})}),(0,d.jsxs)(o.Buttons,{className:"action-buttons",children:[t&&(0,d.jsx)(o.CancelButton,{id:"cancel-button",onClick:r,children:"Cancel"}),l&&(0,d.jsx)(o.SaveButton,{id:"save-button",htmlType:"button","data-testid":"save-gift-card",loading:c,type:"primary",onClick:()=>s(e),children:"Save"})]})]})}))},88050:function(n,r,e){e.r(r),e.d(r,{GiftCardProviderContext:function(){return p}});var t=e(10467),o=e(88069),i=e(4390),a=e(65043),d=e(48640),l=e(82596),u=e(70579),{trackClickSaveGiftCard:c,trackSaveGiftCardSuccess:s,trackSaveGiftCardError:f}=d.checkoutPageTrackingEvents,p=a.createContext(void 0),m=n=>n.length?"":"This is a required field.";r.default=(0,i.PA)((function(n){var{children:r}=n,{userStore:e,locationStore:i}=(0,o.useStores)(),d=(0,l.useInputField)({validator:m}),v=(0,l.useInputField)(),[h,g]=(0,a.useState)(!1),[x,_]=(0,a.useState)(""),y=function(){var n=(0,t.A)((function*(n){var r,t;if(d.validate()){c({location_customer_id:null===i||void 0===i||null===(r=i.customer)||void 0===r?void 0:r.customer_id,anonymous_id:null===e||void 0===e||null===(t=e.user_info)||void 0===t?void 0:t.id,has_pin:Boolean(v.value),gift_card_number:d.value}),g(!0);try{var o,a;yield e.saveGiftCard({gift_card_number_token:d.value,gift_card_pin_token:v.value}),g(!1),s({location_customer_id:null===i||void 0===i||null===(o=i.customer)||void 0===o?void 0:o.customer_id,anonymous_id:null===e||void 0===e||null===(a=e.user_info)||void 0===a?void 0:a.id,gift_card_number:d.value}),n()}catch(p){var l,u;g(!1),f({location_customer_id:null===i||void 0===i||null===(l=i.customer)||void 0===l?void 0:l.customer_id,anonymous_id:null===e||void 0===e||null===(u=e.user_info)||void 0===u?void 0:u.id,errorMessage:p,gift_card_number:d.value}),_(p.message)}}}));return function(r){return n.apply(this,arguments)}}();return(0,u.jsx)(p.Provider,{value:{cardNumber:d,pin:v,saveGiftCard:y,loading:h,error:x},children:r})}))},90607:function(n,r,e){e.r(r);var t=e(4390),o=e(47629),i=e(67097),a=e(82596),d=e(96079),l=e(70579);r.default=(0,t.PA)((function(){var{cardNumber:n,pin:r}=(0,d.useGiftCardForm)();return(0,l.jsxs)(i.PaymentMethodFormContainer,{children:[(0,l.jsxs)(a.InputWrapper,{className:n.error&&"error",children:[(0,l.jsx)(a.Label,{htmlFor:"gift_card_number_token",children:"Gift Card Number"}),(0,l.jsxs)("div",{children:[(0,l.jsx)(a.Input,{id:"gift_card_number_token",name:"gift_card_number_token","data-testid":"gift-card-number-input",value:n.value,onChange:n.handleChange,onBlur:n.handleBlur}),Boolean(n.error)&&(0,l.jsx)(a.InputError,{children:n.error})]})]}),(0,l.jsxs)(a.InputWrapper,{children:[(0,l.jsx)(a.Label,{htmlFor:"gift_card_pin_token",children:(0,l.jsxs)(o.dX,{justifyContent:o.dX.Justification.SpaceBetween,children:["PIN",(0,l.jsx)(i.NormalFontWeight,{children:"(Only if applicable)"})]})}),(0,l.jsx)(a.Input,{id:"gift_card_pin_token",name:"gift_card_pin_token","data-testid":"gift-card-pin-input",value:r.value,onChange:r.handleChange})]})]})}))},96079:function(n,r,e){e.r(r),e.d(r,{useGiftCardForm:function(){return i}});var t=e(88050),o=e(65043),i=()=>(0,o.useContext)(t.GiftCardProviderContext)},97318:function(n,r,e){e.r(r);var t=e(4390),o=e(90607),i=e(82529),a=e(67097),d=e(88050),l=e(70579);r.default=(0,t.PA)((function(n){var{onCancel:r,onSuccess:e=()=>{},showCancel:t=!0,showSave:u=!0}=n;return(0,l.jsx)(a.PaymentContainer,{children:(0,l.jsxs)(d.default,{children:[(0,l.jsx)(o.default,{}),(0,l.jsx)(i.default,{onCancel:r,onSuccess:e,showCancel:t,showSave:u})]})})}))}}]);
2//# sourceMappingURL=41845.ff213ea5.chunk.js.map