https://wcms-p-b0036-399ff798.netlify.app/GiftCards-bd3dccc9a67ae96b6e87.js

1"use strict";(self.webpackChunkb0036_399ff798_b4b5_43a2_a963_cc2bea335d99=self.webpackChunkb0036_399ff798_b4b5_43a2_a963_cc2bea335d99||[]).push([[394],{8509:function(e,r,a){a.r(r),a.d(r,{default:function(){return V}});var t=a(86326),o=a(86329),i=a(20141),l=a(75674),n=a(6082),s=a(31309),d=a(55814),u=a(66458),m=a(46144),c=a(74810),p=a(86559),g=a(12387),b=a(97553);const f=(0,b.YK)({loadCardsError:{id:"loyalty.gift-cards.load-cards-error-message",defaultMessage:"Failed to load saved gift cards."},addCardError:{id:"loyalty.gift-cards.add-card-error-message",defaultMessage:"An error occurred while saving your gift card. Please try again."},removeCardError:{id:"loyalty.gift-cards.remove-card-error-message",defaultMessage:"An error occurred while removing your gift card. Please try again."},addCardTitle:{id:"loyalty.gift-cards.add-card-title",defaultMessage:"Add your gift card"},cardNumberLabel:{id:"loyalty.gift-cards.card-number-label",defaultMessage:"Gift card number"},pinLabel:{id:"loyalty.gift-cards.pin-label",defaultMessage:"PIN"},saveCardButton:{id:"loyalty.gift-cards.save-card-button-label",defaultMessage:"Save gift card"},cancelButton:{id:"loyalty.gift-cards.cancel-button-label",defaultMessage:"Cancel"},addCardButton:{id:"loyalty.gift-cards.add-card-button-label",defaultMessage:"Add gift card"},noSavedCards:{id:"loyalty.gift-cards.no-saved-cards-message",defaultMessage:"You have no saved gift cards."},removeButton:{id:"loyalty.gift-cards.remove-button-label",defaultMessage:"Remove"},removeCardAriaLabel:{id:"loyalty.gift-cards.remove-card-aria-label",defaultMessage:"Remove gift card ending in {lastFourDigits}"},applyToMembershipButton:{id:"loyalty.gift-cards.apply-to-membership-button-label",defaultMessage:"Apply to membership"},applyToMembershipButtonLoading:{id:"loyalty.gift-cards.apply-to-membership-button-loading-label",defaultMessage:"Applying…"},applyToMembershipAriaLabel:{id:"loyalty.gift-cards.apply-to-membership-aria-label",defaultMessage:"Apply gift card ending in {lastFourDigits} to membership"},applyToMembershipError:{id:"loyalty.gift-cards.apply-to-membership-error-message",defaultMessage:"An error occurred while applying your gift card to membership. Please try again."},removeFromMembershipButton:{id:"loyalty.gift-cards.remove-from-membership-button-label",defaultMessage:"Remove from membership"},removeFromMembershipButtonLoading:{id:"loyalty.gift-cards.remove-from-membership-button-loading-label",defaultMessage:"Removing…"},removeFromMembershipAriaLabel:{id:"loyalty.gift-cards.remove-from-membership-aria-label",defaultMessage:"Remove gift card ending in {lastFourDigits} from membership"},removeFromMembershipError:{id:"loyalty.gift-cards.remove-from-membership-error-message",defaultMessage:"An error occurred while removing your gift card from membership. Please try again."},removeCardConfirmMessage:{id:"loyalty.gift-cards.remove-card-confirm-message",defaultMessage:"Are you sure you want to remove the gift card ending in {lastFourDigits}?"},removeCardCancelButton:{id:"loyalty.gift-cards.remove-card-cancel-button-label",defaultMessage:"Cancel"},removeCardRemovingMessage:{id:"loyalty.gift-cards.remove-card-removing-message",defaultMessage:"Removing your gift card…"},closeButton:{id:"loyalty.gift-cards.close-button-label",defaultMessage:"Close"},expires:{id:"loyalty.gift-cards.expires-label",defaultMessage:"Expires {month} / {year}"},cardMaskedNumber:{id:"loyalty.gift-cards.card-masked-number",defaultMessage:"•••• {lastFourDigits}"},balanceLabel:{id:"loyalty.gift-cards.balance-label",defaultMessage:"Balance"}}),v=(0,b.YK)({required:{id:"loyalty.gift-cards.error.field-required-message",defaultMessage:"This field is required"}});var y=f,h=a(53549),C=a(61795),M=a(18948),k=a(69977);var x={formGroup:{display:"grid",gridTemplateColumns:(0,k.no)({xs:"1fr",sm:"1fr 1fr"}),gap:(0,k.no)({xs:4,md:5})},input:{letterSpacing:"3px"},fieldError:{display:"block",fontSize:3,marginTop:1},savedCardRow:{display:"grid",gridTemplateColumns:(0,k.no)({xs:"1fr 1fr",md:"10rem 1fr 1fr",xl:"16rem 1fr 1fr"}),gridTemplateAreas:(0,k.no)({xs:'"number balance" "actions actions"',md:'"number balance actions"'}),alignItems:"center",gap:3,paddingY:3,borderBottomWidth:"small",borderBottomStyle:"solid",borderBottomColor:e=>{let{rawColors:r}=e;return(0,M.EP)(null==r?void 0:r.text).setAlpha(.5).toRgbString()}},cardActionButton:{fontSize:2,minHeight:"2rem",paddingX:3,paddingY:1,flex:(0,k.no)({xs:1,md:"initial"})},checkboxLabel:{display:"inline-flex",alignItems:"center",lineHeight:1,width:"auto"},addCardError:{fontWeight:"bold",mt:3,mb:0}};const Y={cardNumber:"",pin:""},A=C.h.object().shape({cardNumber:C.h.string().required(),pin:C.h.string().required()}),T=e=>{let{widgetId:r,isOpen:a,isAdding:l,addCardError:n,onToggle:s,onSubmit:d,canLinkNewCardToMembership:u,isNewCardLinkedToMembership:m,onChangeIsNewCardLinkedToMembership:c}=e;const{formatMessage:p}=(0,o.A)(),{values:g,errors:b,touched:f,isValid:M,setValue:k,setFieldTouched:T,setFieldsTouched:B,resetValues:E}=(0,C.A)({initialValues:Y,validationSchema:A});if((0,t.useEffect)((()=>{a||E()}),[a,E]),!a)return(0,i.Y)(t.Fragment,null,(0,i.Y)(i.$n,{onClick:s,sx:{variant:"buttons.secondary"}},p(y.addCardButton)),n&&(0,i.Y)("p",{role:"alert",sx:x.addCardError},n));return(0,i.Y)(h.A,{onSubmit:e=>{e.preventDefault(),M?d(g):B({cardNumber:!0,pin:!0})}},(0,i.Y)(i.IE.h3,{sx:{marginBottom:3}},p(y.addCardTitle)),(0,i.Y)(i.xA,{gap:4},(0,i.Y)("div",{sx:x.formGroup},(0,i.Y)("div",null,(0,i.Y)(i.JU,{htmlFor:`${r}-gift-card-number`},p(y.cardNumberLabel)),(0,i.Y)(i.pd,{id:`${r}-gift-card-number`,inputMode:"numeric",pattern:"[0-9]*","aria-required":"true",value:g.cardNumber,onChange:e=>k("cardNumber",e.target.value.replace(/\D/g,"")),onBlur:()=>T("cardNumber"),sx:x.input}),f.cardNumber&&b.cardNumber&&(0,i.Y)("span",{role:"alert",sx:x.fieldError},p(v.required))),(0,i.Y)("div",null,(0,i.Y)(i.JU,{htmlFor:`${r}-gift-card-pin`},p(y.pinLabel)),(0,i.Y)(i.pd,{id:`${r}-gift-card-pin`,type:"password",inputMode:"numeric",pattern:"[0-9]*","aria-required":"true",value:g.pin,onChange:e=>k("pin",e.target.value.replace(/\D/g,"")),onBlur:()=>T("pin"),sx:x.input}),f.pin&&b.pin&&(0,i.Y)("span",{role:"alert",sx:x.fieldError},p(v.required)))),u&&(0,i.Y)(i.JU,{sx:x.checkboxLabel},(0,i.Y)(i.Sc,{checked:m,onChange:e=>c(e.target.checked)}),(0,i.Y)("div",null,p(y.applyToMembershipButton))),(0,i.Y)("div",null,(0,i.Y)("div",{sx:{display:"flex",gap:3}},(0,i.Y)(i.$n,{type:"submit",disabled:l,sx:{variant:"buttons.secondary"}},l?(0,i.Y)(i.y$,{size:18,color:"currentColor"}

1):p(y.saveCardButton)),(0,i.Y)(i.$n,{type:"button",onClick:s,disabled:l,sx:{variant:"buttons.primary"}},p(y.cancelButton))),n&&(0,i.Y)("p",{role:"alert",sx:x.addCardError},n))))};var B=(0,t.memo)(T);const E=e=>{var r;let{widgetId:a}=e;const i=(0,d.A)(),[c,,,p]=(0,s.Ay)(),{getCypherMessage:g}=(0,n.A)(),{formatMessage:b}=(0,o.A)(),{0:f,1:v}=(0,t.useState)(!1),{0:h,1:C}=(0,t.useState)(!1),{0:M,1:k}=(0,t.useState)(null),{0:x,1:Y}=(0,t.useState)(!0),{cards:A,refetch:T}=(0,u.A)(),E=3===(null==c?void 0:c.cypherVersion)&&void 0!==(null===(r=c.membershipDetails)||void 0===r?void 0:r.subscriptionId)&&A.length>0,w=(0,t.useCallback)((()=>{v((e=>{const r=!e;return r&&Y(!0),r})),k(null)}),[]),I=(0,t.useCallback)((async e=>{let{cardNumber:r,pin:a}=e;if(null==c||!c.token)return;const t=new Set(A.map((e=>e.token)));C(!0),k(null);try{const e=await(0,l.ZY)(i,c.token,{cardNumber:r,pin:a});if(e.peachCode===m.BI){var o;v(!1);const e=3===c.cypherVersion?null===(o=c.membershipDetails)||void 0===o?void 0:o.subscriptionId:void 0,r=x&&void 0!==e;try{const a=await T();if(r){var n,s;const r=((null===(n=a.data)||void 0===n?void 0:n.peachCode)===m.BI&&null!==(s=a.data.memberPaymentTokenizedCards)&&void 0!==s?s:[]).find((e=>!t.has(e.token)));if(r){const a=await(0,l.ut)(i,c.token,{subscriberId:e,giftCardToken:r.token});a.peachCode===m.BI?await p():k(g({response:a,fallback:y.applyToMembershipError}))}else k(b(y.applyToMembershipError))}}catch{r&&k(b(y.applyToMembershipError))}}else k(g({response:e,fallback:y.addCardError}))}catch{k(b(y.addCardError))}finally{C(!1)}}),[i,b,g,c,A,x,T,p]);return t.createElement(B,{widgetId:a,isOpen:f,isAdding:h,addCardError:M,onToggle:w,onSubmit:I,canLinkNewCardToMembership:E,isNewCardLinkedToMembership:x,onChangeIsNewCardLinkedToMembership:Y})};var w=(0,t.memo)(E),I=a(6641);const S=e=>{var r;let{card:a,isRemoving:l,removeError:n,onConfirmRemove:s,onClose:d}=e;const{formatMessage:u}=(0,o.A)(),m=()=>{d()};return(0,i.Y)(I.A,{show:null!==a,onClose:()=>{l||m()}},(0,i.Y)(i.xA,{gap:2,sx:{padding:6}},(0,i.Y)(i.so,{sx:{alignItems:"center",justifyContent:"center",marginY:4,minHeight:"4rem"}},!l&&!n&&(0,i.Y)("div",null,u(y.removeCardConfirmMessage,{lastFourDigits:null!==(r=null==a?void 0:a.lastFourDigits)&&void 0!==r?r:""})),l&&(0,i.Y)(i.so,{sx:{flexDirection:"column",alignItems:"center",gap:4}},(0,i.Y)(i.y$,{size:32,color:"currentColor"}),(0,i.Y)("div",null,u(y.removeCardRemovingMessage))),n?(0,i.Y)("div",{role:"alert"},n):null),(0,i.Y)(i.so,{sx:{alignItems:"center",justifyContent:"center",gap:4}},n||l?(0,i.Y)(i.$n,{disabled:l,sx:{variant:"buttons.primary"},onClick:m},u(y.closeButton)):(0,i.Y)(t.Fragment,null,(0,i.Y)(i.$n,{sx:{variant:"buttons.primary"},onClick:s},u(y.removeButton)),(0,i.Y)(i.$n,{sx:{variant:"buttons.secondary"},onClick:m},u(y.removeCardCancelButton))))))};var F=(0,t.memo)(S);const D=e=>{var r;let{widgetId:a,cards:l,error:n,isRemoving:s,removeError:d,onSubmitRemove:u,setRemoveError:m,canApplyToMembership:b,membershipActionToken:f,onSubmitApplyToMembership:v,onSubmitRemoveFromMembership:h}=e;const{formatMessage:C,formatNumber:M}=(0,o.A)(),{intl:{country:{code:Y}}}=(0,p.Ay)(),A=(0,c.l)(Y),{0:T,1:B}=(0,t.useState)(null),E=(0,t.useRef)(!1),I=null!==(r=l.find((e=>e.token===T)))&&void 0!==r?r:null;return(0,t.useEffect)((()=>{!E.current||s||d||B(null),E.current=s}),[s,d]),(0,i.Y)(t.Fragment,null,n&&(0,i.Y)("p",{role:"alert",sx:{fontWeight:"bold",mb:3}},n),0===l.length&&!n&&(0,i.Y)("p",{sx:{color:g.o.TEXT_ALT,fontWeight:"bold",fontSize:5,mb:4}},C(y.noSavedCards)),l.length>0&&(0,i.Y)("ul",{sx:{listStyle:"none",padding:0,margin:0,marginBottom:6}},l.map((e=>(0,i.Y)("li",{key:e.token,sx:x.savedCardRow},(0,i.Y)("div",{sx:{gridArea:"number",display:"flex",flexDirection:"column",gap:1,lineHeight:1}},(0,i.Y)("span",{sx:{fontWeight:"bold",fontSize:5}},C(y.cardMaskedNumber,{lastFourDigits:e.lastFourDigits})),(0,i.Y)("span",{sx:{fontSize:3}},C(y.expires,{month:e.expirationMonth,year:e.expirationYear.slice(-2)}))),void 0!==e.availableFundsInCents&&(0,i.Y)("div",{sx:{gridArea:"balance",display:"flex",flexDirection:"column",alignItems:(0,k.no)({xs:"flex-end",md:"flex-start"}),gap:1,lineHeight:1}},(0,i.Y)("span",{sx:{fontWeight:"bold",fontSize:5}},M(e.availableFundsInCents/100,A?{style:"currency",currency:A}:{style:"decimal"})),(0,i.Y)("span",{sx:{fontSize:3}},C(y.balanceLabel))),(0,i.Y)(i.so,{sx:{gridArea:"actions",gap:2,alignItems:"center",justifyContent:"flex-end",width:(0,k.no)({xs:"100%",md:"auto"})}},e.isLinkedToMembership?(0,i.Y)(i.$n,{variant:"buttons.secondary",onClick:()=>h(e.token),disabled:null!==f,"aria-label":C(y.removeFromMembershipAriaLabel,{lastFourDigits:e.lastFourDigits}),"aria-busy":f===e.token,sx:x.cardActionButton},f===e.token?C(y.removeFromMembershipButtonLoading):C(y.removeFromMembershipButton)):b&&(0,i.Y)(i.$n,{variant:"buttons.muted",onClick:()=>v(e.token),disabled:null!==f||!e.isValid,"aria-label":C(y.applyToMembershipAriaLabel,{lastFourDigits:e.lastFourDigits}),"aria-busy":f===e.token,sx:x.cardActionButton},f===e.token?C(y.applyToMembershipButtonLoading):C(y.applyToMembershipButton)),(0,i.Y)(i.$n,{variant:"buttons.secondary",onClick:()=>B(e.token),disabled:null!==f,"aria-label":C(y.removeCardAriaLabel,{lastFourDigits:e.lastFourDigits}),sx:x.cardActionButton},C(y.removeButton))))))),(0,i.Y)(w,{widgetId:a}),(0,i.Y)(F,{card:I,isRemoving:s,removeError:d,onConfirmRemove:()=>{T&&u(T)},onClose:()=>{B(null),m(null)}}))};var L=(0,t.memo)(D),R=a(79829);var N=a(33153);const $=e=>{var r;let{widgetId:a}=e;const c=(0,d.A)(),[p,g,,b]=(0,s.Ay)(),{getCypherMessage:f}=(0,n.A)(),{formatMessage:v}=(0,o.A)(),{0:h,1:C}=(0,t.useState)(null),{0:M,1:k}=(0,t.useState)(!1),{0:x,1:Y}=(0,t.useState)(null),{0:A,1:T}=(0,t.useState)(null),{cards:B,loading:E,fetching:w,data:I,refetch:S}=(0,u.A)(),F=(0,t.useMemo)((()=>((e,r)=>{var a,t;const o=3===(null==r?void 0:r.cypherVersion)?null==r||null===(a=r.membershipDetails)||void 0===a||null===(t=a.giftCards)||void 0===t?void 0:t.map((e=>e.token)):void 0;return e.filter((e=>"SVSGiftCard"===e.cardType)).map((e=>{var r;return{...e,isValid:(0,l.rs)(e),isLinkedToMembership:null!==(r=null==o?void 0:o.includes(e.token))&&void 0!==r&&r}})).sort((0,R.C)("expirationYear").thenBy("expirationMonth"))})(B,p)),[B,p]),D=g||E,$=3===(null==p?void 0:p.cypherVersion)&&void 0!==(null===(r=p.membershipDetails)||void 0===r?void 0:r.subscriptionId);(0,t.useEffect)((()=>{void 0!==I&&(null===I?C(v(y.loadCardsError)):I.peachCode!==m.BI?C(f({response:I,fallback:y.loadCardsError})):C(null))}),[I,v,f]);const V=(0,t.useCallback)((async e=>{if(null!=p&&p.token){Y(null),k(!0);try{var r;const a=F.find((r=>r.token===e)),t=3===p.cypherVersion?null===(r=p.membershipDetails)||void 0===r?void 0:r.subscriptionId:void 0;if(null!=a&&a.isLinkedToMembership&&void 0!==t){const r=await(0,l.Cb)(c,p.token,{subscriberId:t,giftCardToken:e});if(r.peachCode!==m.BI)return void Y(f({response:r,fallback:y.removeCardError}))}const o=await(0,l.GS)(c,p.token,{giftCardToken:e});o.peachCode===m.BI?await S():Y(f({response:o,fallback:y.removeCardError}))}catch{Y(v(y.removeCardError))}finally{k(!1)}}}),[F,c,v,f,p,S]),z=(0,t.useCallback)((async e=>{var r;if(null==p||!p.token||3!==p.cypherVersion)return;const a=null===(r=p.membershipDetails)||void 0===r?void 0:r.subscriptionId;if(void 0!==a){C(null),T(e);try{const r=await(0,l.ut)(c,p.token,{subscriberId:a,giftCardToken:e});r.peachCode===m.BI?await b():C(f({response:r,fallback:y.applyToMembershipError}))}catch{C(v(y.applyToMembershipError))}finally{T(null)}}}),[c,v,f,p,b]),_=(0,t.useCallback)((async e=>{var r;if(null==p||!p.token||3!==p.cypherVersion)return;const a=null===(r=p.membershipDetails)||void 0===r?void 0:r.subscriptionId;if(void 0!==a){C(null),T(e);try{const r=await(0,l.Cb)(c,p.token,{subscriberId:a,giftCardToken:e});r.peachCode===m.BI?await b():C(f({response:r,fallback:y.removeFromMembershipError}))}catch{C(v(y.removeFromMembershipError))}finally{T(null)}}}),[c,v,f,p,b]);return D?(0,i.Y)("div",{sx:{textAlign:"center"}},(0,i.Y)(i.y$,{size:32,color:"currentColor"})):p?(0,i.Y)(N.A,{loading:w}

1,(0,i.Y)(L,{widgetId:a,cards:F,error:h,isRemoving:M,removeError:x,onSubmitRemove:V,setRemoveError:Y,canApplyToMembership:$,membershipActionToken:A,onSubmitApplyToMembership:z,onSubmitRemoveFromMembership:_})):null};var V=(0,t.memo)($)}}]);