https://parlorkc.menu/static/js/59775.67d59c66.chunk.js

1"use strict";(self.webpackChunkconsumer=self.webpackChunkconsumer||[]).push([[4636,11350,14853,28449,37234,59775,67097,84320],{4636:function(e,r,n){n.r(r);var t=n(10467),o=n(4390),a=n(65043),i=n(63393),l=n(84320),s=n(67097),d=n(14853),u=n(82596),c=n(88069),p=n(22928),h=n(48640),m=n(28449),x=n(70579),{trackSelectPaymentMethodOption:v}=h.checkoutPageTrackingEvents,y={terms:{card:"never"},paymentMethodOrder:["apple_pay","google_pay","card"],wallets:{applePay:"auto",googlePay:"auto"}},f=(0,o.PA)((()=>{var e=(0,i.useElements)(),{stripeStore:r,userStore:n}=(0,c.useStores)();(0,a.useEffect)((()=>(e&&r.setElements(e),()=>{r.setFormReady(!1),r.setSelectedPanel(void 0)})),[r,e]);var o=function(){var e=(0,t.A)((function*(e){var n="type"in e.value?e.value.type:e.value.postalCode;v({selectedPanel:n}),r.setSelectedPanel(n),r.setFormReady(!0)}));return function(r){return e.apply(this,arguments)}}();return n.isDDMerchant?(0,x.jsx)(m.default,{}):(0,x.jsx)(s.PaymentMethodFormContainer,{"data-testid":"payment-form","data-loaded":r.formReady,children:(0,x.jsx)(i.PaymentElement,{onReady:e=>r.setFormReady(Boolean(e)),onChange:o,onLoaderStart:()=>r.setFormReady(!1),options:y})})}));r.default=(0,o.PA)((function(e){var{skeletonRows:r=4,onClose:n}=e;return(0,x.jsxs)(d.StripeSetupIntentWrapper,{skeleton:(0,x.jsx)(u.Skeleton,{paragraph:{rows:r}}),children:[(0,x.jsx)(f,{}),p.isDevelopment&&(0,x.jsx)(l.default,{onClose:n})]})}))},11350:function(e,r,n){n.r(r);var t=n(10467),o=n(4390),a=n(65043),i=n(67097),l=n(82596),s=n(88069),d=n(92918),u=n(84205),c=n(48640),p=n(70579),{trackClickSavePaymentMethod:h,trackSavePaymentSuccess:m,trackSavePaymentFailure:x}=c.checkoutPageTrackingEvents;r.default=(0,o.PA)((function(e){var{onCancel:r,onSuccess:n=()=>{},onDone:o=()=>{},showCancel:c=!0,showSave:v=!0}=e,[y,f]=(0,a.useState)(null),[g,S]=(0,a.useState)(!1),{stripeStore:C,uiState:P,userStore:_}=(0,s.useStores)(),{selectedPanel:b}=C,j=function(){var e=(0,t.A)((function*(){h({saveCardButton:!0,selectedPanel:b});try{S(!0),yield _.handleAddCard(C.elements),m({saveCardButton:!0,selectedPanel:b}),f(null),n()}catch(e){e instanceof u.StripeCardValidationError||e instanceof u.StripeError||f(e),x({saveCardButton:!0,selectedPanel:b,error:e})}finally{S(!1),o()}}));return function(){return e.apply(this,arguments)}}(),A="apple_pay"===b||"google_pay"===b,w=(null===P||void 0===P?void 0:P.currentModalView)===d.ModalView.Card,E=(v||c)&&(!A||!w);return(0,p.jsxs)(i.ButtonsContainer,{children:[y&&(0,p.jsx)(i.PaymentError,{id:"error-list",children:(0,p.jsx)(l.ErrorAlert,{testId:"payment-method-error",message:y.message})}),E&&(0,p.jsxs)(i.Buttons,{className:"action-buttons",children:[c&&(0,p.jsx)(i.CancelButton,{id:"cancel-button",onClick:r,size:"large",children:"Cancel"}),v&&(0,p.jsx)(i.SaveButton,{id:"save-button",htmlType:"button",loading:g,size:"large",type:"primary",onClick:j,children:"Save"})]})]})}))},14853:function(e,r,n){n.r(r),n.d(r,{SetupIntentContext:function(){return c},StripeSetupIntentWrapper:function(){return h}});var t=n(89379),o=n(10467),a=n(65043),i=n(63393),l=n(4390),s=n(88069),d=n(50375),u=n(70579),c=a.createContext({setupIntent:void 0}),p={variables:{colorPrimary:(0,d.getCssPropertyValue)("--color-primary__regular"),colorBackground:(0,d.getCssPropertyValue)("--color-neutral__modal-background"),colorText:(0,d.getCssPropertyValue)("--color-neutral__title-active"),colorDanger:(0,d.getCssPropertyValue)("--color-error__regular"),fontFamily:"Roboto, sans-serif",spacingUnit:"2px",borderRadius:(0,d.getCssPropertyValue)("--input__border-radius"),spacingGridRow:"1rem",spacingGridColumn:"1rem",fontSizeBase:"1rem"},rules:{".Label":{fontSize:"0.75rem",fontWeight:"700",marginBottom:"0.5rem",letterSpacing:"0.6px"},".Input":{border:"1px solid ".concat((0,d.getCssPropertyValue)("--color-neutral__line")),padding:"0.5rem 0.75rem",lineHeight:"1.375rem"},".Input::placeholder":{color:(0,d.getCssPropertyValue)("--color-neutral__line")},".Input:focus":{border:"1px solid ".concat((0,d.getCssPropertyValue)("--color-input-border__selected")),boxShadow:(0,d.getCssPropertyValue)("--box-shadow-input__selected")},".Input--invalid":{boxShadow:(0,d.getCssPropertyValue)("--box-sha

1dow-input__error")}}},h=(0,l.PA)((e=>{var{children:r,skeleton:n}=e,{stripeStore:l,userStore:d}=(0,s.useStores)(),[h,m]=(0,a.useState)(!1),{loaded:x,setupIntent:v,setupIntentPromise:y}=l;(0,a.useEffect)((()=>{d.isDDMerchant||!x||v||h||y||(m(!0),(0,o.A)((function*(){try{yield l.getSetupIntent(),m(!1)}catch(e){m(!1)}}))())}),[x,v,d.isDDMerchant]);var f=(()=>{var e={appearance:p};if(!d.isDDMerchant){if(!v)return n;e=(0,t.A)((0,t.A)({},e),{},{clientSecret:v})}return(0,u.jsx)(i.Elements,{stripe:l.stripe,options:e,children:r},l.setupIntent)})();return(0,u.jsx)(c.Provider,{value:{setupIntent:l.setupIntent},children:f})}))},28449:function(e,r,n){n.r(r);var t=n(4390),o=n(65043),a=n(63393),i=n(50375),l=n(93838),s=n(88069),d=n(67097),u=n(70579),c={base:{color:(0,i.getCssPropertyValue)("--color-neutral__title-active"),fontWeight:"normal",fontFamily:"Roboto, Open Sans, Segoe UI, sans-serif",fontSize:"16px",fontSmoothing:"antialiased","::placeholder":{color:(0,i.getCssPropertyValue)("--color-neutral__placeholder"),fontWeight:"normal"}},invalid:{color:(0,i.getCssPropertyValue)("--color-error__regular"),":focus":{color:(0,i.getCssPropertyValue)("--color-error__regular")}}};r.default=(0,t.PA)((function(){var e=(0,a.useElements)(),{stripeStore:r}=(0,s.useStores)(),{addCardError:n,formReady:t,cardCvcError:i,cardNumberError:p,cardExpiryError:h}=r,[m,x]=(0,o.useState)(!1),[v,y]=(0,o.useState)("");(0,o.useEffect)((()=>{if(e){var n=e.create("cardNumber",{style:c,showIcon:!0});n.mount("#card-input"),n.on("change",(e=>r.setCardNumberError(null!==e&&void 0!==e&&e.error?null===e||void 0===e?void 0:e.error.message:""))),n.on("ready",(()=>r.setFormReady(!0)));var t=e.create("cardExpiry",{style:c});t.mount("#expiration-input"),t.on("change",(e=>r.setCardExpiryError(null!==e&&void 0!==e&&e.error?null===e||void 0===e?void 0:e.error.message:"")));var o=e.create("cardCvc",{style:c});o.mount("#cvc-input"),o.on("change",(e=>r.setCardCvcError(null!==e&&void 0!==e&&e.error?null===e||void 0===e?void 0:e.error.message:""))),r.setElements(e)}return()=>{r.setFormReady(!1),r.setSelectedPanel(void 0)}}),[r,e]),(0,o.useEffect)((()=>()=>{r.setAddCardError(void 0),r.setCardNumberError(void 0),r.setCardExpiryError(void 0),r.setCardCvcError(void 0)}),[]);var f=n&&!v||m?"Your postal code is incomplete":"";return(0,u.jsxs)(d.CustomStripePaymentFormContainer,{"data-testid":"payment-form","data-loaded":t,children:[(0,u.jsx)(d.StripeCell,{children:(0,u.jsxs)(d.StripeCellProtector,{children:[(0,u.jsx)(l.Label,{children:"Card Number"}

1),(0,u.jsx)(d.StripeInputWrapper,{children:(0,u.jsx)(d.StripeInput,{id:"card-input"})}),!!p&&(0,u.jsx)(l.InputError,{children:p})]})}),(0,u.jsxs)(d.ExpCvcRow,{children:[(0,u.jsx)(d.StripeCell,{children:(0,u.jsxs)(d.StripeCellProtector,{children:[(0,u.jsx)(l.Label,{children:"Expiration"}),(0,u.jsx)(d.StripeInputWrapper,{children:(0,u.jsx)(d.StripeInput,{id:"expiration-input"})}),!!h&&(0,u.jsx)(l.InputError,{children:h})]})}),(0,u.jsx)(d.StripeCell,{children:(0,u.jsxs)(d.StripeCellProtector,{children:[(0,u.jsx)(l.Label,{children:"CVC"}),(0,u.jsx)(d.StripeInputWrapper,{children:(0,u.jsx)(d.StripeInput,{id:"cvc-input"})}),!!i&&(0,u.jsx)(l.InputError,{children:i})]})})]}),(0,u.jsx)(d.StripeCell,{children:(0,u.jsxs)(d.StripeCellProtector,{children:[(0,u.jsx)(l.Label,{children:"ZIP"}),(0,u.jsx)(d.ZipInput,{placeholder:t?"12345":"",className:f&&"invalid",maxLength:5,value:v,onBlur:()=>{var e=/^[0-9]{5}$/.test(v),t=e||""===v;r.setStripeTokenOptions(e?{address_zip:v}:{}),x(!t),r.setAddCardError(t?void 0:n)},onChange:e=>{var{value:r}=e.target,n=r.replace(/[^0-9]/g,"").slice(0,5);n!==r?(e.preventDefault(),e.stopPropagation()):(y(n),x(!1))}}),!!f&&(0,u.jsx)(l.InputError,{children:f})]})})]})}))},59775:function(e,r,n){n.r(r);var t=n(4390),o=n(4636),a=n(11350),i=n(67097),l=n(70579);r.default=(0,t.PA)((function(e){var{skeletonRows:r=4,onCancel:n,onSuccess:t=()=>{},onDone:s=()=>{},showCancel:d=!0,showSave:u=!0}=e;return(0,l.jsxs)(i.PaymentContainer,{children:[(0,l.jsx)(o.default,{skeletonRows:r}),(0,l.jsx)(a.default,{onCancel:n,onSuccess:t,onDone:s,showCancel:d,showSave:u})]})}))},67097:function(e,r,n){n.r(r),n.d(r,{Buttons:function(){return I},ButtonsContainer:function(){return k},CancelButton:function(){return j},CustomStripePaymentFormContainer:function(){return R},ExpCvcRow:function(){return W},NormalFontWeight:function(){return B},PaymentContainer:function(){return w},PaymentError:function(){return A},PaymentMethodFormContainer:function(){return E},SaveButton:function(){return b},StripeCell:function(){return D},StripeCellProtector:function(){return F}

1,StripeInput:function(){return V},StripeInputWrapper:function(){return M},ZipInput:function(){return z}});var t,o,a,i,l,s,d,u,c,p,h,m,x,v,y,f=n(57528),g=n(94574),S=n(47629),C=n(82596),P=n(61273),_=n(99588),b=(0,g.Ay)(C.Button)(t||(t=(0,f.A)(["\n  width: 100%;\n  height: ","px;\n"])),P.button.regular),j=(0,g.Ay)(C.Button)(o||(o=(0,f.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"])),P.button.regular),A=g.Ay.div(a||(a=(0,f.A)(["\n  .ant-alert {\n    margin-bottom: 0;\n    margin-top: 1rem;\n  }\n"]))),w=g.Ay.div(i||(i=(0,f.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"])),_.default.md),E=g.Ay.div(l||(l=(0,f.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"]))),k=g.Ay.div(s||(s=(0,f.A)(["\n  display: flex;\n  flex-direction: column;\n"]))),I=g.Ay.div(d||(d=(0,f.A)(["\n  width: 100%;\n  display: flex;\n  padding: 16px ",";\n"])),S.Kz.None),B=g.Ay.span(u||(u=(0,f.A)(["\n  font-weight: normal;\n  color: var(--color-neutral__label);\n"]))),R=g.Ay.div(c||(c=(0,f.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"]))),V=g.Ay.div(p||(p=(0,f.A)([""]))),M=g.Ay.div(h||(h=(0,f.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"]))),D=g.Ay.div(m||(m=(0,f.A)(["\n  display: flex;\n  width: 100%;\n"]))),F=g.Ay.div(x||(x=(0,f.A)(["\n  display: block;\n  width: 100%;\n"]))),W=g.Ay.div(v||(v=(0,f.A)(["\n  display: flex;\n  flex-direction: row;\n  wrap: none;\n  gap: 1rem;\n"]))),z=(0,g.Ay)(C.Input)(y||(y=(0,f.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"])))},84320:function(e,r,n){n.r(r);var t,o=n(57528),a=n(4390),i=n(88069),l=n(85730),s=n(47629),d=n(19008),u=n(94574),c=n(70579),p=(0,u.Ay)(s.dX)(t||(t=(0,o.A)(["\n  padding-top: 16px;\n"])));r.default=(0,a.PA)((e=>{var{onClose:r}=e,{checkoutStore:n,userStore:t}=(0,i.useStores)(),o=e=>{n.setSelectedPaymentMethod(e),t.addMockPaymenyMethod(e),r&&r()};return(0,c.jsxs)(p,{justifyContent:s.T6.SpaceBetween,children:[(0,c.jsx)(l.Ay,{padding:l.SB.Wide,onClick:()=>o(d.PaymentRequestPaymentMethod.validToken),isInline:!0,"data-testid":"add-payment-method-valid-token",children:(0,c.jsx)(s.EY,{color:"white",children:"validToken"})}),(0,c.jsx)(l.Ay,{padding:l.SB.Wide,onClick:()=>o(d.PaymentRequestPaymentMethod.invalidToken),isInline:!0,"data-testid":"add-payment-method-invalid-token",children:(0,c.jsx)(s.EY,{color:"white",children:"invalidToken"})})]})}))}}]);
2//# sourceMappingURL=59775.67d59c66.chunk.js.map