https://www.furtadosonline.com/61.9dbb4dce45eeead1c5be.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ^10.3.0, @magento/upward-security-headers: ~1.0.14, @magento/upward-js: ^5.3.2, @magento/pwa-theme-venia: ~1.4.0, @magento/pwa-buildpack: ^11.4.3, @magento/peregrine: ^13.2.1, @magento/pagebuilder: ^8.2.1, @magento/eslint-config: ^1.5.3, @magento/babel-preset-peregrine: ~1.2.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{"25C2":function(e,t,n){"use strict"
3var a=n("JPst"),r=n.n(a)()(function(e){return e[1]})
4r.push([e.i,".savedPaymentsPage-root-sVx {\n}\n\n.savedPaymentsPage-heading-avY {\n}\n\n.savedPaymentsPage-subHeading-Xqv {\n}\n\n/* prettier-ignore */\n.savedPaymentsPage-content-hs4 {\n    grid-auto-rows: minmax(6rem, max-content);\n\n    /* TODO @TW: review (B7) */\n}\n\n.savedPaymentsPage-noPayments-j9T {\n}\n\n.savedPaymentsPage-addButton-H2i {\n    transition: border-color 384ms var(--venia-global-anim-standard);\n}\n",""]),r.locals={root:"savedPaymentsPage-root-sVx max-w-site mx-auto my-0 px-sm py-md lg_px-lg",heading:"savedPaymentsPage-heading-avY capitalize font-bold font-serif leading-tight mb-md text-center",subHeading:"savedPaymentsPage-subHeading-Xqv mb-md text-left lg_text-center",content:"savedPaymentsPage-content-hs4 gap-xs grid grid-cols-1 lg_grid-cols-[1fr,1fr,1fr]",noPayments:"savedPaymentsPage-noPayments-j9T text-center",addButton:"savedPaymentsPage-addButton-H2i border-2 border-solid border-subtle font-semibold rounded-md text-brand-dark text-sm focus_outline-none focus_shadow-buttonFocus hover_border-brand-dark"},t.a=r},AQqh:function(e,t,n){"use strict"
5n.r(t),n.d(t,"default",function(){return Q})
6var a,r,i=n("pVnL"),s=n.n(i),o=n("q1tI"),d=n.n(o),l=n("dDsW"),c=n("+TN3"),m=n("OlZo"),g=n("FITH"),u=n("y1Xp"),p=n("VkAN"),y=n.n(p),b=n("UYTu")
7const v=Object(b.a)(a||(a=y()(["\n    fragment SavedPaymentsFragment on CustomerPaymentTokens {\n        items {\n            details\n            public_hash\n            payment_method_code\n        }\n    }\n"])))
8var C={getSavedPaymentsQuery:Object(b.a)(r||(r=y()(["\n    query GetSavedPayments {\n        customerPaymentTokens {\n            ...SavedPaymentsFragment\n        }\n    }\n    ","\n"])),v)}
9const h=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}
10const t=Object(u.a)(C,e.operations),{getSavedPaymentsQuery:n}=t,[,{actions:{setPageLoading:a}}]=Object(m.b)(),[{isSignedIn:r}]=Object(g.b)(),{data:i,loading:s}=Object(c.a)(n,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",skip:!r})
11Object(o.useEffect)(()=>{a(s)},[s,a])
12const d=((l=i)&&l.customerPaymentTokens.items||[]).map(e=>{let{details:t,public_hash:n,payment_method_code:a}=e
13return{details:JSON.parse(t),public_hash:n,payment_method_code:a}})
14var l
15return{isLoading:s,savedPayments:d}}
16var f,P=n("OWb7"),x=n("17x9"),_=n("kriW"),D=n("QMhA"),j=n("1raM"),O=n("J3e4"),w=n("pZLH")
17var E={deleteCreditCardPaymentMutation:Object(b.a)(f||(f=y()(["\n    mutation DeleteCreditCardPayment($paymentHash: String!) {\n        deletePaymentToken(public_hash: $paymentHash) {\n            customerPaymentTokens {\n                ...SavedPaymentsFragment\n            }\n            result\n        }\n    }\n    ","\n"])),v)}
18var T=n("vJbK"),B=n("oTwF"),M=n("6QXU"),k=n("LboF"),S=n.n(k),N=n("JVVw"),H={injectType:"singletonStyleTag",insert:"head",singleton:!0},U=(S()(N.a,H),N.a.locals||{})
19const F={AE:"American Express",AU:"Aura",DI:"Discover",DN:"Diners",ELO:"Elo",HC:"Hipercard",JCB:"JCB",MC:"MasterCard",MD:"Maestro Domestic",MI:"Maestro International",UN:"UnionPay",VI:"Visa"},Y=d.a.createElement(B.a,{src:D.a,size:20}),J=e=>{const{classes:t,details:n,public_hash:a}=e,r=(e=>{const{paymentHash:t}=e,n=Object(u.a)(E,e.operations),{deleteCreditCardPaymentMutation:a}=n,[r,i]=Object(o.useState)(!1),[s,{error:d,loading:l}]=Object(w.a)(a)
20return{handleDeletePayment:Object(o.useCallback)(async()=>{try{await s({variables:{paymentHash:t}})}catch{i(!1)}},[s,t]),hasError:!!d,isConfirmingDelete:r,isDeletingPayment:l,toggleDeleteConfirmation:Object(o.useCallback)(()=>{i(e=>!e)},[])}})({paymentHash:a}),{handleDeletePayment:i,hasError:s,isConfirmingDelete:c,isDeletingPayment:m,toggleDeleteConfirmation:g}=r,{formatMessage:p}=Object(l.a)(),[,{addToast:y}]=Object(O.a)()
21Object(o.useEffect)(()=>{s&&y({type:"error",icon:Y,message:p({id:"savedPaymentsPage.credit

21Card.errorRemoving",defaultMessage:"Something went wrong deleting this payment method. Please refresh and try again."}),dismissable:!0,timeout:7e3})},[y,p,s])
22const b=Object(u.a)(U,t),v="**** ".concat(n.maskedCC,"    ").concat(F[n.type]||""),C=Object(o.useMemo)(()=>{const[e,t]=n.expirationDate.split("/"),a=new Date(+t,+e-1).toLocaleString("default",{month:"short"})
23return"".concat(a,". ").concat(t)},[n.expirationDate]),h=c?b.root_active:b.root,f=d.a.createElement(M.a,{classes:{root:b.deleteButton},disabled:c,onClick:g},d.a.createElement(B.a,{classes:{icon:void 0},size:16,src:j.a}),d.a.createElement("span",{className:b.deleteText},d.a.createElement(_.a,{id:"storedPayments.delete",defaultMessage:"Delete"}))),P=c?b.deleteConfirmationContainer:b.deleteConfirmationContainer_hidden,x=d.a.createElement("div",{className:P},d.a.createElement(T.a,{classes:{root_normalPriorityNegative:b.confirmDeleteButton},disabled:m,onClick:i,negative:!0,priority:"normal",type:"button"},d.a.createElement(_.a,{id:"global.deleteButton",defaultMessage:"Delete"})),d.a.createElement(T.a,{classes:{root_lowPriority:b.cancelDeleteButton},disabled:m,onClick:g,priority:"low",type:"button"},d.a.createElement(_.a,{id:"global.cancelButton",defaultMessage:"Cancel"})))
24return d.a.createElement("div",{className:h},d.a.createElement("div",{className:b.title},d.a.createElement(_.a,{id:"storedPayments.creditCard",defaultMessage:"Credit Card"})),d.a.createElement("div",{className:b.number},v),d.a.createElement("div",{className:b.expiry_date},C),d.a.createElement("div",{className:b.delete},f),x)}
25var L=J
26J.propTypes={classes:Object(x.shape)({delete:"string",deleteButton:"string",deleteConfirmationContainer:"string",deleteConfirmationContainer_hidden:"string",expiry_date:"string",number:"string",root_selected:"string",root:"string",title:"string"}),details:Object(x.shape)({expirationDate:x.string,maskedCC:x.string,type:x.string})}
27var V={braintree:L}
28const A=e=>{const t=V[e.payment_method_code]
29return d.a.createElement(t,e)}
30var I=A

31A.propTypes={details:Object(x.shape)({expirationDate:x.string,maskedCC:x.string,type:x.string}),payment_method_code:x.string.isRequired}
32var R=n("DUu4"),q=n("25C2"),W={injectType:"singletonStyleTag",insert:"head",singleton:!0},X=(S()(q.a,W),q.a.locals||{})
33var Q=e=>{const t=h(),{isLoading:n,savedPayments:a}=t,r=Object(u.a)(X,e.classes),{formatMessage:i}=Object(l.a)(),c=Object(o.useMemo)(()=>a.length?a.map(e=>d.a.createElement(I,s()({key:e.public_hash},e))):null,[a]),m=Object(o.useMemo)(()=>a.length?null:i({id:"savedPaymentsPage.noSavedPayments",defaultMessage:"You have no saved payments."}),[a,i]),g=i({id:"savedPaymentsPage.title",defaultMessage:"Saved Payments"}),p=Object(o.useMemo)(()=>a.length?i({id:"savedPaymentsPage.Message",defaultMessage:"You have {count} saved payments."},{count:a.length}):i({id:"savedPaymentsPage.noSavedPayments",defaultMessage:"You have no saved payments."}),[a,i])
34return n?R.a:d.a.createElement("div",{className:r.root},d.a.createElement(P.c,null,g),d.a.createElement("div",{"aria-live":"polite",className:r.heading},g,d.a.createElement("div",{"aria-live":"polite","aria-label":p})),d.a.createElement("div",{className:r.content},c),d.a.createElement("div",{className:r.noPayments},m))}},JVVw:function(e,t,n){"use strict"
35var a=n("JPst"),r=n.n(a),i=n("KOss"),s=n("sARL"),o=r()(function(e){return e[1]})
36o.i(i.a,"",!0),o.i(s.a,"",!0),o.push([e.i,".creditCard-root-USh {\n    min-height: 10rem;\n}\n\n.creditCard-root_active-1B6 {\n}\n\n.creditCard-title-2jB {\n    grid-column: 1 / span 1;\n    grid-row: 1 / span 1;\n}\n\n.creditCard-number-DuF {\n    grid-column: 1 / span 1;\n    grid-row: 2 / span 1;\n}\n\n.creditCard-expiry_date-xRc {\n    grid-column: 1 / span 1;\n    grid-row: 3 / span 1;\n}\n\n.creditCard-delete-gRE {\n    grid-column: 2 / span 1;\n    grid-row: 1 / span 3;\n}\n\n.creditCard-deleteButton-U7l {\n}\n\n.creditCard-deleteConfirmationContainer-1jY {\n    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));\n    transform: scaleX(1);\n    transition-duration: 192ms;\n    transition-timing-function: var(--venia-global-anim-in);\n    transition-property: opacity, transform, visibility;\n\n    /* TODO @TW: review (B6) */\n    /* composes: visible from global; */\n    visibility: visible;\n}\n\n.creditCard-deleteConfirmationContainer_hidden-nUe {\n    transform: scaleX(0);\n    transition-delay: 0s, 192ms, 0s;\n    transition-timing-function: var(--venia-global-anim-out);\n\n    /* TODO @TW: review (B6) */\n    /* composes: invisible from global; */\n    visibility: hidden;\n}\n\n.creditCard-confirmDeleteButton-GmZ {\n}\n\n.creditCard-cancelDeleteButton-D4p {\n}\n\n.creditCard-deleteText-F42 {\n}\n\n@media (max-width: 479px) {\n    .creditCard-deleteConfirmationContainer-1jY {\n        transform: scaleY(1);\n    }\n\n    .creditCard-deleteConfirmationContainer_hidden-nUe {\n        transform: scaleY(0);\n    }\n}\n",""]),o.locals={root:"creditCard-root-USh border-2 border-solid border-subtle gap-x-xs grid grid-cols-autoLast min-w-[20rem] px-md py-sm rounded-md relative",root_active:"creditCard-root_active-1B6 credit

36Card-root-USh border-2 border-solid border-subtle gap-x-xs grid grid-cols-autoLast min-w-[20rem] px-md py-sm rounded-md relative border-brand-dark",title:"creditCard-title-2jB font-semibold",number:"creditCard-number-DuF",expiry_date:"creditCard-expiry_date-xRc",delete:"creditCard-delete-gRE",deleteButton:"creditCard-deleteButton-U7l "+i.a.locals.root+" no-underline",deleteConfirmationContainer:"creditCard-deleteConfirmationContainer-1jY absolute bg-white gap-md grid h-full items-center justify-items-center left-0 opacity-100 px-md py-xs rounded-md top-0 w-full",deleteConfirmationContainer_hidden:"creditCard-deleteConfirmationContainer_hidden-nUe creditCard-deleteConfirmationContainer-1jY absolute bg-white gap-md grid h-full items-center justify-items-center left-0 opacity-100 px-md py-xs rounded-md top-0 w-full opacity-0",confirmDeleteButton:"creditCard-confirmDeleteButton-GmZ "+s.a.locals.root_normalPriorityNegative+" bg-white order-1 order-first",cancelDeleteButton:"creditCard-cancelDeleteButton-D4p "+s.a.locals.root_lowPriority+" bg-white",deleteText:"creditCard-deleteText-F42 hidden xs_lg_block"},t.a=o}}])