https://store.nhanow.com/53.02d83357806871912e39.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.7.1, @magento/upward-security-headers: ~1.1.19, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.5.3, @magento/peregrine: ~15.6.2, @magento/pagebuilder: ~9.3.6, @magento/experience-platform-connector: ~1.0.11, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{"8x0B":function(e,t,n){"use strict"
3var a=n("PBB4"),r=n.n(a),o=n("4pYO"),i=r()(function(e){return e[1]})
4i.i(o.a,"",!0),i.push([e.i,".linkButton-root-Bk1 {\n\n    line-height: 1.25;\n}\n",""]),i.locals={root:"linkButton-root-Bk1 "+o.a.locals.root+" font-semibold max-w-full text-brand-dark underline hover_text-colorDefault"},t.a=i},A7JN:function(e,t,n){"use strict"
5n.r(t),n.d(t,"default",function(){return te})
6var a,r,s,d=n("97Jx"),c=n.n(d),l=n("ERkP"),m=n.n(l),u=n("kQwz"),g=n("ddV6"),p=n.n(g),y=n("GBwV"),b=n("I3q4"),v=n("o353"),h=n("YyrX"),P=n("7wq/"),C=n.n(P),_=n("Z4DO"),x=Object(_.a)(a||(a=C()(["\n    fragment SavedPaymentsFragment on CustomerPaymentTokens {\n        items {\n            details\n            public_hash\n            payment_method_code\n        }\n    }\n"]))),D={getSavedPaymentsQuery:Object(_.a)(r||(r=C()(["\n    query GetSavedPayments {\n        customerPaymentTokens {\n            ...SavedPaymentsFragment\n        }\n    }\n    ","\n"])),x)},w=function useSavedPaymentsPage(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object(h.a)(D,e.operations).getSavedPaymentsQuery,n=Object(b.b)(),a=p()(n,2)[1].actions.setPageLoading,r=Object(v.b)(),o=p()(r,1)[0].isSignedIn,i=Object(y.a)(t,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",skip:!o}),s=i.data,d=i.loading
7Object(l.useEffect)(()=>{a(d)},[d,a])
8var c,m=((c=s)&&c.customerPaymentTokens.items||[]).map(e=>{var t=e.details,n=e.public_hash,a=e.payment_method_code
9return{details:JSON.parse(t),public_hash:n,payment_method_code:a}})
10return{isLoading:d,savedPayments:m}},O=n("IM+d"),E=n("hdEX"),j=n("6sB8"),B=n("W30r"),k=n("XWW1"),G=n("UW3U"),M=n("cbiG"),T=n.n(M),S=n("xiH9"),F={deleteCreditCardPaymentMutation:Object(_.a)(s||(s=C()(["\n    mutation DeleteCreditCardPayment($paymentHash: String!) {\n        deletePaymentToken(public_hash: $paymentHash) {\n            customerPaymentTokens {\n                ...SavedPaymentsFragment\n            }\n            result\n        }\n    }\n    ","\n"])),x)}
11function _regenerator(){var e,t,n="function"==typeof Symbol?Symbol:{},a=n.iterator||"@@iterator",r=n.toStringTag||"@@toStringTag"
12function i(n,a,r,i){var s=a&&a.prototype instanceof Generator?a:Generator,d=Object.create(s.prototype)
13return _regeneratorDefine2(d,"_invoke",function(n,a,r){var i,s,c,l=0,m=r||[],u=!1,g={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function d(t,n){return i=t,s=0,c=e,g.n=n,o}}
14function d(n,a){for(s=n,c=a,t=0;!u&&l&&!r&&t<m.length;t++){var r,i=m[t],d=g.p,p=i[2]
15n>3?(r=p===a)&&(c=i[(s=i[4])?5:(s=3,3)],i[4]=i[5]=e):i[0]<=d&&((r=n<2&&d<i[1])?(s=0,g.v=a,g.n=i[1]):d<p&&(r=n<3||i[0]>a||a>p)&&(i[4]=n,i[5]=a,g.n=p,s=0))}if(r||n>1)return o
16throw u=!0,a}return function(r,m,p){if(l>1)throw TypeError("Generator is already running")
17for(u&&1===m&&d(m,p),s=m,c=p;(t=s<2?e:c)||!u;){i||(s?s<3?(s>1&&(g.n=-1),d(s,c)):g.n=c:g.v=c)
18try{if(l=2,i){if(s||(r="next"),t=i[r]){if(!(t=t.call(i,c)))throw TypeError("iterator result is not an object")
19if(!t.done)return t
20c=t.value,s<2&&(s=0)}else 1===s&&(t=i.return)&&t.call(i),s<2&&(c=TypeError("The iterator does not provide a '"+r+"' method"),s=1)
21i=e}else if((t=(u=g.n<0)?c:n.call(a,g))!==o)break}catch(t){i=e,s=1,c=t}finally{l=1}}return{value:t,done:u}}}(n,r,i),!0),d}var o={}
22function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}t=Object.getPrototypeOf
23var s=[][a]?t(t([][a]())):(_regeneratorDefine2(t={},a,function(){return this}),t),c=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(s)
24function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,GeneratorFunctionPrototype):(e.__proto__=GeneratorFunctionPrototype,_regeneratorDefine2(e,r,"GeneratorFunction")),e.prototype=Object.create(c),e}return GeneratorFunction.prototype=GeneratorFunctionPrototype,_regeneratorDefine2(c,"constructor",GeneratorFunctionPrototype),_regeneratorDefine2(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",_regeneratorDefine2(GeneratorFunctionPrototype,r,"GeneratorFunction"),_regeneratorDefine2(c),_regeneratorDefine2(c,r,"Generator"),_regeneratorDefine2(c,a,function(){return this}),_regeneratorDefine2(c,"toString",function(){return"[object Generator]"}),(_regenerator=function _regenerator(){return{w:i,m:f}})()}function _regeneratorDefine2(e,t,n,a){var r=Object.defineProperty
25try{r({},"",{})}catch(e){r=0}(_regeneratorDefine2=function _regeneratorDefine(e,t,n,a){function o(t,n){_regeneratorDefine2(e,t,function(e){return this._invoke(t,n,e)})}t?r?r(e,t,{value:n,enumerable:!a,configurable:!a,writable:!a}):e[t]=n:(o("next",0),o("throw",1),o("return",2))})(e,t,n,a)}var N=n("loE8"),H=n("dN+G"),Y=n("h8Zp"),L=n("vB0K"),A=n.n(L),I=n("qytD"),z={injectType:"singletonStyleTag",insert:"head",singleton:!0},J=(A()(I.a,z),I.a.locals||{}),q={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"},X=m.a.createElement(H.a,{src:B.a,size:20}),Q=e=>{var t=e.classes,n=e.details,a=(e=>{var t=e.paymentHash,n=Object(h.a)(F,e.operations).deleteCreditCardPaymentMutation,a=Object(l.useState)(!1),r=p()(a,2),o=r[0],i=r[1],s=Object(S.a)(n),d=p()(s,2),c=d[0],m=d[1],u=m.error,g=m.loading
26return{handleDeletePayment:Object(l.useCallback)(T()(_regenerator().m(function _callee(){return _regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,e.n=1,c({variables:{paymentHash:t}}

26)
27case 1:e.n=3
28break
29case 2:e.p=2,e.v,i(!1)
30case 3:return e.a(2)}},_callee,null,[[0,2]])})),[c,t]),hasError:!!u,isConfirmingDelete:o,isDeletingPayment:g,toggleDeleteConfirmation:Object(l.useCallback)(()=>{i(e=>!e)},[])}})({paymentHash:e.public_hash}),r=a.handleDeletePayment,o=a.hasError,i=a.isConfirmingDelete,s=a.isDeletingPayment,d=a.toggleDeleteConfirmation,c=Object(u.a)().formatMessage,g=Object(G.a)(),y=p()(g,2)[1].addToast
31Object(l.useEffect)(()=>{o&&y({type:"error",icon:X,message:c({id:"savedPaymentsPage.creditCard.errorRemoving",defaultMessage:"Something went wrong deleting this payment method. Please refresh and try again."}),dismissable:!0,timeout:7e3})},[y,c,o])
32var f=Object(h.a)(J,t),b="**** ".concat(n.maskedCC,"    ").concat(q[n.type]||""),v=Object(l.useMemo)(()=>{var e=n.expirationDate.split("/"),t=p()(e,2),a=t[0],r=t[1],o=new Date(+r,+a-1).toLocaleString("default",{month:"short"})
33return"".concat(o,". ").concat(r)},[n.expirationDate]),P=i?f.root_active:f.root,C=m.a.createElement(Y.a,{classes:{root:f.deleteButton},disabled:i,onClick:d},m.a.createElement(H.a,{classes:{icon:void 0},size:16,src:k.a}),m.a.createElement("span",{className:f.deleteText},m.a.createElement(j.a,{id:"storedPayments.delete",defaultMessage:"Delete"}))),_=i?f.deleteConfirmationContainer:f.deleteConfirmationContainer_hidden,x=m.a.createElement("div",{className:_},m.a.createElement(N.a,{classes:{root_normalPriorityNegative:f.confirmDeleteButton},disabled:s,onClick:r,negative:!0,priority:"normal",type:"button"},m.a.createElement(j.a,{id:"global.deleteButton",defaultMessage:"Delete"})),m.a.createElement(N.a,{classes:{root_lowPriority:f.cancelDeleteButton},disabled:s,onClick:d,priority:"low",type:"button"},m.a.createElement(j.a,{id:"global.cancelButton",defaultMessage:"Cancel"})))
34return m.a.createElement("div",{className:P},m.a.createElement("div",{className:f.title},m.a.createElement(j.a,{id:"storedPayments.creditCard",defaultMessage:"Credit Card"})),m.a.createElement("div",{className:f.number},b),m.a.createElement("div",{className:f.expiry_date},v),m.a.createElement("div",{className:f.delete},C),x)},Z=Q
35Q.propTypes={classes:Object(E.shape)({delete:"string",deleteButton:"string",deleteConfirmationContainer:"string",deleteConfirmationContainer_hidden:"string",expiry_date:"string",number:"string",root_selected:"string",root:"string",title:"string"}),details:Object(E.shape)({expirationDate:E.string,maskedCC:E.string,type:E.string})}
36var R={braintree:Z},U=e=>{var t=R[e.payment_method_code]
37return m.a.createElement(t,e)},V=U
38U.propTypes={details:Object(E.shape)({expirationDate:E.string,maskedCC:E.string,type:E.string}),payment_method_code:E.string.isRequired}
39var W=n("mHFa"),K=n("BYhP"),$={injectType:"singletonStyleTag",insert:"head",singleton:!0},ee=(A()(K.a,$),K.a.locals||{}),te=e=>{var t=w(),n=t.isLoading,a=t.savedPayments,r=Object(h.a)(ee,e.classes),o=Object(u.a)().formatMessage,i=Object(l.useMemo)(()=>a.length?a.map(e=>m.a.createElement(V,c()({key:e.public_hash},e))):null,[a]),s=Object(l.useMemo)(()=>a.length?null:o({id:"savedPaymentsPage.noSavedPayments",defaultMessage:"You have no saved payments."}),[a,o]),d=o({id:"savedPaymentsPage.title",defaultMessage:"Saved Payments"}),g=Object(l.useMemo)(()=>a.length?o({id:"savedPaymentsPage.Message",defaultMessage:"You have {count} saved payments."},{count:a.length}):o({id:"savedPaymentsPage.noSavedPayments",defaultMessage:"You have no saved payments."}),[a,o])
40return n?W.a:m.a.createElement("div",{className:r.root},m.a.createElement(O.d,null,d),m.a.createElement("div",{"aria-live":"polite",className:r.heading},d,m.a.createElement("div",{"aria-live":"polite","aria-label":g})),m.a.createElement("div",{className:r.content},i),m.a.createElement("div",{className:r.noPayments},s))}},BYhP:function(e,t,n){"use strict"
41var a=n("PBB4"),r=n.n(a)()(function(e){return e[1]})

42r.push([e.i,".savedPaymentsPage-root-EhD {\n}\n\n.savedPaymentsPage-heading-dMz {\n}\n\n.savedPaymentsPage-subHeading-yYp {\n}\n\n.savedPaymentsPage-content-sAc {\n    grid-auto-rows: minmax(6rem, max-content);\n}\n\n.savedPaymentsPage-noPayments-Nio {\n}\n\n.savedPaymentsPage-addButton-8ir {\n    transition: border-color 384ms var(--venia-global-anim-standard);\n}\n",""]),r.locals={root:"savedPaymentsPage-root-EhD max-w-site mx-auto my-0 px-sm py-md lg_px-lg",heading:"savedPaymentsPage-heading-dMz capitalize font-bold font-serif leading-tight mb-md text-center",subHeading:"savedPaymentsPage-subHeading-yYp mb-md text-left lg_text-center",content:"savedPaymentsPage-content-sAc gap-xs grid grid-cols-1 lg_grid-cols-[1fr_1fr_1fr]",noPayments:"savedPaymentsPage-noPayments-Nio text-center",addButton:"savedPaymentsPage-addButton-8ir border-2 border-solid border-subtle font-semibold rounded-button text-brand-dark text-sm focus_outline-none focus_shadow-buttonFocus hover_border-brand-dark"},t.a=r},h8Zp:function(e,t,n){"use strict"
43var a=n("97Jx"),r=n.n(a),o=n("m3Bd"),i=n.n(o),s=n("ERkP"),d=n.n(s),c=n("hdEX"),l=n("YyrX"),m=n("vB0K"),u=n.n(m),g=n("8x0B"),p={injectType:"singletonStyleTag",insert:"head",singleton:!0},y=(u()(g.a,p),g.a.locals||{}),f=n("loE8"),b=["children","classes","type"],v=e=>{var t=e.children,n=e.classes,a=e.type,o=i()(e,b),s=Object(l.a)(y,n)
44return d.a.createElement(f.a,r()({priority:"normal",classes:{root_normalPriority:s.root},type:a},o),t)}
45v.propTypes={classes:Object(c.shape)({root:c.string}),type:Object(c.oneOf)(["button","reset","submit"]).isRequired},v.defaultProps={type:"button"}
46t.a=v},qytD:function(e,t,n){"use strict"
47var a=n("PBB4"),r=n.n(a),o=n("8x0B"),i=n("9dPT"),s=r()(function(e){return e[1]})
48s.i(o.a,"",!0),s.i(i.a,"",!0),s.push([e.i,".creditCard-root-Qi9 {\n    min-height: 10rem;\n}\n\n.creditCard-root_active-MvC {\n    --tw-border-opacity: 1;\n    border-color: rgb(var(--color-brand-dark) / var(--tw-border-opacity));\n}\n\n.creditCard-title-Dl- {\n    grid-column: 1 / span 1;\n    grid-row: 1 / span 1;\n}\n\n.creditCard-number-s12 {\n    grid-column: 1 / span 1;\n    grid-row: 2 / span 1;\n}\n\n.creditCard-expiry_date-zD8 {\n    grid-column: 1 / span 1;\n    grid-row: 3 / span 1;\n}\n\n.creditCard-delete-IOG {\n    grid-column: 2 / span 1;\n    grid-row: 1 / span 3;\n}\n\n.creditCard-deleteButton-hA8 {\n    -webkit-text-decoration-line: none;\n            text-decoration-line: none;\n}\n\n.creditCard-deleteConfirmationContainer-ndL {\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\n.creditCard-deleteConfirmationContainer_hidden-TZf {\n    opacity: 0;\n    visibility: hidden;\n    transform: scaleX(0);\n    transition-delay: 0s, 192ms, 0s;\n    transition-timing-function: var(--venia-global-anim-out);\n}\n\n.creditCard-confirmDeleteButton-D6G {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.creditCard-cancelDeleteButton-28k {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.creditCard-deleteText-C-s {\n}\n\n@media (max-width: 479px) {\n    .creditCard-deleteConfirmationContainer-ndL {\n        transform: scaleY(1);\n    }\n\n    .creditCard-deleteConfirmationContainer_hidden-TZf {\n        transform: scaleY(0);\n    }\n}\n",""]),s.locals={root:"creditCard-root-Qi9 border-2 border-solid border-subtle gap-x-xs grid grid-cols-autoLast min-w-[20rem] px-md py-sm rounded-box relative",root_active:"creditCard-root_active-MvC creditCard-root-Qi9 border-2 border-solid border-subtle gap-x-xs grid grid-cols-autoLast min-w-[20rem] px-md py-sm rounded-box relative",title:"creditCard-title-Dl- font-semibold",number:"creditCard-number-s12",expiry_date:"creditCard-expiry_date-zD8",delete:"creditCard-delete-IOG",deleteButton:"creditCard-deleteButton-hA8 "+o.a.locals.root,deleteConfirmationContainer:"creditCard-deleteConfirmationContainer-ndL absolute bg-white gap-md grid h-full items-center justify-items-center left-0 opacity-100 px-md py-xs rounded-box top-0 w-full visible",deleteConfirmationContainer_hidden:"creditCard-deleteConfirmationContainer_hidden-TZf creditCard-deleteConfirmationContainer-ndL absolute bg-white gap-md grid h-full items-center justify-items-center left-0 opacity-100 px-md py-xs rounded-box top-0 w-full visible",confirmDeleteButton:"creditCard-confirmDeleteButton-D6G "+i.a.locals.root_normalPriorityNegative+" order-1 order-first",cancelDeleteButton:"creditCard-cancelDeleteButton-28k "+i.a.locals.root_lowPriority,deleteText:"creditCard-deleteText-C-s hidden xs_lg_block"},t.a=s}}])