https://store.nhanow.com/60.a991c31ae2973dc46969.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([[60],{ALRZ:function(e,a,t){"use strict"
3var n=t("PBB4"),r=t.n(n)()(function(e){return e[1]})
4r.push([e.i,".summary-root-IMe {\n}\n\n.summary-heading_container-tNK {\n}\n\n.summary-heading-2Uj {\n}\n\n.summary-card_details_container-JFg {\n}\n\n.summary-payment_details-J1d {\n}\n",""]),r.locals={root:"summary-root-IMe gap-xs grid p-md",heading_container:"summary-heading_container-tNK grid grid-cols-1 grid-flow-col",heading:"summary-heading-2Uj font-semibold",card_details_container:"summary-card_details_container-JFg gap-2xs grid",payment_details:"summary-payment_details-J1d"},a.a=r},Tu9R:function(e,a,t){"use strict"
5var n=t("PBB4"),r=t.n(n),i=t("rIzw"),s=r()(function(e){return e[1]})
6s.i(i.a,"",!0),s.push([e.i,'.braintreeSummary-root-cYk {\n    display: grid;\n    gap: 0;\n    padding: 2rem;\n}\n\n.braintreeSummary-loading-2-C {\n    text-align: center;\n}\n\n.braintreeSummary-heading_container-Gm6 {\n    display: grid;\n    grid-auto-flow: column;\n    grid-template-columns: 1fr;\n}\ndiv[class^="checkoutPage-checkoutContentReview-"] .braintreeSummary-edit_button-OFD {\n    display: none;\n}\n.braintreeSummary-edit_button-OFD {\n    top: 0;\n    padding: 10px 14px;\n    margin: 0;\n    color: var(--global-link-color1);\n    position: absolute;\n    right: 10px;\n}\n\n.braintreeSummary-edit_button-OFD span svg {\n    width: 16px;\n}\n\n.braintreeSummary-heading-xqI {\n    font-weight: 600;\n    display: none;\n}\n\n.braintreeSummary-first_name-IC0 {\n    padding-right: 5px;\n}\n\n.braintreeSummary-last_name-pYO {\n    padding-right: 5px;\n}\n\n.braintreeSummary-street1-g4s {\n    padding-right: 5px;\n}\n\n.braintreeSummary-street2-gFk {\n    padding-right: 5px;\n}\n\n.braintreeSummary-city-JYk {\n    padding-right: 5px;\n}\n\n.braintreeSummary-state-8Fa {\n    padding-right: 5px;\n}\n\n.braintreeSummary-postalCode-J5O {\n    padding-right: 5px;\n}\n\n.braintreeSummary-country-LiE {\n    padding-right: 5px;\n}\n\n.braintreeSummary-edit_icon-lU0 {\n    stroke: rgb(var(--venia-brand-color-1-700));\n}\n\n.braintreeSummary-address_summary_container--f1 {\n    margin-top: 20px;\n}\n\n.braintreeSummary-card_details_container-M0R,\n.braintreeSummary-address_summary_container--f1 {\n    display: grid;\n    gap: 0.5rem;\n    font-size: 16px;\n    row-gap: 0;\n    padding: 0 10px;\n    color: var(--global-text-black2);\n    text-align: left;\n    line-height: normal;\n    letter-spacing: 0.5px;\n}\n\n.braintreeSummary-payment_type-wR7 {\n}\n\n.braintreeSummary-payment_details--KJ {\n}\n\n.braintreeSummary-edit_text-0f6 {\n    text-decoration: underline;\n    font-size: 12px;\n    color: var(--global-color-black);\n}\n\n.braintreeSummary-edit_text-0f6:hover {\n    color: var(--global-text-dark-gray) !important;\n}\n\ndiv[class^="paymentMethods-root"] .errorText span:before {\n    content: "";\n    width: 24px;\n    height: 24px;\n    display: inline-block;\n    position: absolute;\n    background-size: 100%;\n    left: 0;\n    top: 0;\n    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZGVzYz5DcmVhdGVkIHdpdGggRmFicmljLmpzIDMuNS4wPC9kZXNjPgo8ZGVmcz4KPC9kZWZzPgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZmZmZmZmIi8+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDIwLjY2MTIgMCAwIDIwLjY2MTIgNTAwLjAwMDkgNTAwLjAwMDgpIiBpZD0iODkwMTI5Ij4KPHBhdGggc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiA0OyBpcy1jdXN0b20tZm9udDogbm9uZTsgZm9udC1maWxlLXVybDogbm9uZTsgZmlsbDogcmdiKDIwOCw3MCwyMSk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIgdHJhbnNmb3JtPSIgdHJhbnNsYXRlKC0yNCwgLTIzKSIgZD0iTSAyIDQyIEwgMjQgNCBsIDIyIDM4I

6FogbSAyMi4yIC01Ljg1IHEgMC42NSAwIDEuMDc1IC0wLjQyNSBxIDAuNDI1IC0wLjQyNSAwLjQyNSAtMS4wNzUgcSAwIC0wLjY1IC0wLjQyNSAtMS4wNzUgcSAtMC40MjUgLTAuNDI1IC0xLjA3NSAtMC40MjUgcSAtMC42NSAwIC0xLjA3NSAwLjQyNSBRIDIyLjcgMzQgMjIuNyAzNC42NSBxIDAgMC42NSAwLjQyNSAxLjA3NSBxIDAuNDI1IDAuNDI1IDEuMDc1IDAuNDI1IFogbSAtMS41IC01LjU1IGggMyBWIDE5LjQgaCAtMyBaIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4=);\n}\ndiv[class^="paymentMethods-root"] .errorText span {\n    padding: 0 40px;\n    position: relative;\n    display: inline-block;\n}\ndiv[class^="paymentMethods-root"] .errorText + div[class^="creditCard-credit_card_root-"] {\n    border: 1px solid rgb(var(--venia-global-color-error));\n}\ndiv[class^="paymentMethods-root"] .errorText {\n    color: rgb(var(--venia-global-color-error));\n    line-height: var(--venia-global-lineHeight-200);\n    font-weight: 600;\n    border: 1px solid;\n    padding: 10px 0;\n    margin-bottom: 20px;\n}\n\n@media (max-width: 1023px) {\n    .braintreeSummary-root-cYk {\n        padding: 8px 15px 25px;\n    }\n}\n',""]),s.locals={root:"braintreeSummary-root-cYk",loading:"braintreeSummary-loading-2-C "+i.a.locals.root,heading_container:"braintreeSummary-heading_container-Gm6",edit_button:"braintreeSummary-edit_button-OFD",heading:"braintreeSummary-heading-xqI",first_name:"braintreeSummary-first_name-IC0",last_name:"braintreeSummary-last_name-pYO",street1:"braintreeSummary-street1-g4s",street2:"braintreeSummary-street2-gFk",city:"braintreeSummary-city-JYk",state:"braintreeSummary-state-8Fa",postalCode:"braintreeSummary-postalCode-J5O",country:"braintreeSummary-country-LiE",edit_icon:"braintreeSummary-edit_icon-lU0",address_summary_container:"braintreeSummary-address_summary_container--f1",card_details_container:"braintreeSummary-card_details_container-M0R",payment_type:"braintreeSummary-payment_type-wR7",payment_details:"braintreeSummary-payment_details--KJ",edit_text:"braintreeSummary-edit_text-0f6"},a.a=s},Y7zu:function(e,a,t){"use strict"
7t.r(a)
8var n,r,i=t("ERkP"),s=t.n(i),m=t("6sB8"),c=t("hdEX"),l=t("ddV6"),o=t.n(l),d=t("GBwV"),g=t("GVbq"),y=t("YyrX"),u=t("7wq/"),p=t.n(u),b=t("Z4DO"),_={getSummaryData:Object(b.a)(n||(n=p()(["\n    query getSummaryData($cartId: String!) {\n        cart(cart_id: $cartId) {\n            id\n            selected_payment_method {\n                code\n                title\n            }\n        }\n    }\n"])))},S=t("vB0K"),I=t.n(S),h=t("ALRZ"),N={injectType:"singletonStyleTag",insert:"head",singleton:!0},E=(I()(h.a,N),h.a.locals||{}),f=t("BrAi"),v=t("r76e"),j=t.n(v),w=t("kQwz"),x=t("h8Zp"),M=t("KEM+"),D=t.n(M),A={queries:{getBraintreeSummaryData:Object(b.a)(r||(r=p()(["\n    query getSummaryData($cartId: String!) {\n        cart(cart_id: $cartId) {\n            id\n            isBillingAddressSame @client\n            paymentNonce @client\n            billingAddress: billing_address {\n                firstName: firstname\n                lastName: lastname\n                country {\n                    code\n                }\n                street\n                city\n                region {\n                    label\n                }\n                postalCode: postcode\n                phoneNumber: telephone\n            }\n        }\n    }\n"])))},mutations:{}}
9function ownKeys(e,a){var t=Object.keys(e)
10if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e)
11a&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,n)}return t}function _objectSpread(e){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{}
12a%2?ownKeys(Object(t),!0).forEach(function(a){D()(e,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}var O=function useBraintreeSummary(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=Object(y.a)(A,e.operations).queries.getBraintreeSummaryData,t=Object(g.b)(),n=o()(t,1)[0].cartId,r=Object(d.a)(a,{skip:!n,variables:{cartId:n}}),i=r.data,s=r.loading
13return{billingAddress:i?(e=>{if(e){var a=e.street,t=e.country,n=e.region
14return _objectSpread(_objectSpread({},e),{},{street1:a[0],street2:a[1],country:t.code,state:n.label})}return{}})(i.cart.billingAddress):{},isBillingAddressSame:!i||i.cart.isBillingAddressSame,isLoading:s,paymentNonce:i?i.cart.paymentNonce:null}},C=t("Tu9R"),Z={injectType:"singletonStyleTag",insert:"head",singleton:!0},P=(I()(C.a,Z),C.a.locals||{}),B=e=>{var a=e.classes,t=e.onEdit,n=Object(y.a)(P,a),r=Object(w.a)().formatMessage,i=O(),c=i.billingAddress,l=i.isBillingAddressSame,o=i.isLoading,d=i.paymentNonce
15if(o)return s.a.createElement(f.a,{classes:{root:n.loading}},s.a.createElement(m.a,{id:"checkoutPage.loadingPaymentInformation",defaultMessage:"Fetching Payment Information"}))
16var g=d&&r({id:"checkoutPage.paymentSummary",defaultMessage:"{cardType} ending in {lastFour}"},{cardType:d.details.cardType,lastFour:d.details.lastFour}),u=l||!l&&c?s.a.createElement("div",{className:n.address_summary_container},s.a.createElement("div",null,s.a.createElement("span",{className:n.first_name},c.firstName),s.a.createElement("span",{className:n.last_name},c.lastName)),s.a.createElement("div",null,s.a.createElement("span",{className:n.street1},c.street1),s.a.createElement("span",{className:n.street2},c.street2),s.a.createElement("span",{className:n.city},c.city),s.a.createElement("span",{className:n.state},c.state)),s.a.createElement("div",null,s.a.createElement("span",{className:n.postalCode},c.postalCode),s.a.createElement("span",{className:n.country},c.country))):null
17return s.a.createElement("div",{className:n.root},s.a.createElement("div",{className:n.heading_container},s.a.createElement(x.a,{className:n.edit_button,onClick:t,type:"button"},s.a.createElement(j.a,null),s.a.createElement("span",{className:n.edit_text},s.a.createElement(m.a,{id:"global.editButton",defaultMessage:"Edit"})))),s.a.createElement("div",{className:n.card_details_container},s.a.createElement("span",{className:n.payment_type},s.a.createElement(m.a,{id:"global.creditCard",defaultMessage:"Credit Card"})),s.a.createElement("span",{className:n.payment_details},g)),u)},L=B
18B.propTypes={classes:Object(c.shape)({root:c.string,heading_container:c.string,heading:c.string,edit_button:c.string,card_details_container:c.string,address_summary_container:c.string,first_name:c.string,last_name:c.string,

18street1:c.string,street2:c.string,city:c.string,postalCode:c.string,country:c.string,payment_type:c.string,payment_details:c.string}),billingAddress:Object(c.shape)({firstName:c.string,lastName:c.string,country:c.string,street1:c.string,street2:c.string,city:c.string,state:c.string,postalCode:c.string}),onEdit:c.func.isRequired,isBillingAddressSame:c.bool}
19var k=t("aWzz"),T=t("BqF+"),z=e=>{var a=e.classes,t=Object(T.b)(),n=o()(t,1)[0],r=Object(y.a)(P,a),c=Object(i.useState)(""),l=o()(c,2),d=l[0],g=l[1],u=O(),p=u.billingAddress,b=u.isBillingAddressSame,_=u.isLoading
20if(Object(i.useEffect)(()=>{n.subscribe(e=>{var a=e.type,t=e.payload
21switch(a){case"SELECTED_PAYMENT_METHOD":g(t.title)}})},[n]),_)return s.a.createElement(f.a,{classes:{root:r.loading}},s.a.createElement(m.a,{id:"checkoutPage.loadingPaymentInformation",defaultMessage:"Fetching Payment Information"}))
22var S=!b&&p?s.a.createElement("div",{className:r.address_summary_container},s.a.createElement("div",null,s.a.createElement("span",{className:r.first_name},p.firstName),s.a.createElement("span",{className:r.last_name},p.lastName)),s.a.createElement("div",null,s.a.createElement("span",{className:r.street1},p.street1),s.a.createElement("span",{className:r.street2},p.street2),s.a.createElement("span",{className:r.city},p.city),s.a.createElement("span",{className:r.state},p.state)),s.a.createElement("div",null,s.a.createElement("span",{className:r.postalCode},p.postalCode),s.a.createElement("span",{className:r.country},p.country))):null
23return s.a.createElement("div",{className:r.root},s.a.createElement("div",{className:r.heading_container},s.a.createElement("h5",{className:r.heading},s.a.createElement(m.a,{id:"checkoutPage.paymentInformation",defaultMessage:"Payment Information"}))),s.a.createElement("div",{className:r.card_details_container},s.a.createElement("span",{className:r.payment_type},s.a.createElement(m.a,{id:"global.paymentMethod",defaultMessage:d}))),S)},R=z
24z.propTypes={classes:Object(k.shape)({root:k.string,heading_container:k.string,heading:k.string,edit_button:k.string,card_details_container:k.string,address_summary_container:k.string,first_name:k.string,last_name:k.string,street1:k.string,street2:k.string,city:k.string,postalCode:k.string,country:k.string,payment_type:k.string,payment_details:k.string}),billingAddress:Object(k.shape)({firstName:k.string,lastName:k.string,country:k.string,street1:k.string,street2:k.string,city:k.string,state:k.string,postalCode:k.string}),onEdit:k.func.isRequired,isBillingAddressSame:k.bool}
25var F={braintree:L,braintree_paypal:R,free:R},H=e=>{var a=e.classes,t=e.onEdit,n=Object(y.a)(E,a),r=function useSummary(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=Object(y.a)(_,e.operations).getSummaryData,t=Object(g.b)(),n=o()(t,1)[0].cartId,r=Object(d.a)(a,{skip:!n,variables:{cartId:n}}),i=r.data
26return{isLoading:r.loading,selectedPaymentMethod:i?i.cart.selected_payment_method:null}}(),i=r.isLoading,c=r.selectedPaymentMethod
27if(i&&!c)return s.a.createElement(f.a,{classes:{root:n.loading}},s.a.createElement(m.a,{id:"checkoutPage.loadingPaymentInformation",defaultMessage:"Fetching Payment Information"}))
28if(Object.keys(F).includes(c.code)){var l=F[c.code]
29return s.a.createElement(l,{onEdit:t})}return s.a.createElement("div",{className:n.root},s.a.createElement("div",{className:n.heading_container},s.a.createElement("h5",{className:n.heading},s.a.createElement(m.a,{id:"checkoutPage.paymentInformation",defaultMessage:"Payment Information"}))),s.a.createElement("div",{className:n.card_details_container},s.a.createElement("span",{className:n.payment_details},c.title)))}
30a.default=H
31H.propTypes={classes:Object(c.shape)({root:c.string,heading_container:c.string,heading:c.string,card_details_container:c.string,payment_details:c.string}),onEdit:c.func.isRequired}}}])