1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9776],{28625(e,t,r){r.r(t),r.d(t,{PaymentMethodBraintreeCardForm:()=>x}),r(62953);var n=r(96540),a=r(4931),i=r.n(a),o=r(84461),l=r.n(o),c=r(97913),u=r.n(c),d=r(5816),s=r(57127),m=r(44898),p=r(24660),v=r(96234);class f extends Error{constructor(e){super(e),this.displayMessage="There was a problem processing your credit card, please double check your data and try again."}}var b=r(85781),h=r(91055),y=r(21490);r(27495),r(25440);var g=r(47961),O=r.n(g);const k=e=>{if(!e)return"**** **** **** ****";const{lastFour:t,cardType:r}=e.attributes,n=r?O().getTypeInfo(r):void 0;if(!n)return"**** **** **** ".concat(t);const{lengths:a,gaps:i}=n;if(!a||!i)return"**** **** **** ".concat(t);const o=a[a.length-1],l="".concat(Array(o-t.length).fill("*").join("")).concat(t);return i.reduceRight((e,t)=>"".concat(e.slice(0,t)," ").concat(e.slice(t)),l)};var N=r(46942),E=r.n(N);const P=e=>{let{ref:t,error:r}=e;return n.createElement("div",{ref:t,className:E()("PaymentMethodBraintreeInput",{"PaymentMethodBraintreeInput--error":r})})};function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach(function(t){D(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function D(e,t,r){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var w=function(e){return e[e.Resting=0]="Resting",e[e.Loading=1]="Loading",e}(w||{});const S={cardholderName:"Card Holder's Name",number:"Card Number",expirationMonth:"Exp Month",expirationYear:"Exp Year",cvv:"Security Code"},x=e=>{let{ref:t,method:r,amount:a}=e;const{user:o}=(0,h.Jd)(),c=(0,n.useRef)(!1),g=(0,n.useRef)(null),O=(0,n.useRef)(null),N=(0,n.useRef)(null),E=(0,n.useRef)(null),_=(0,n.useRef)(null),[D,x]=(0,n.useState)(w.Loading),[M,C]=(0,n.useState)(),[A,F]=(0,n.useState)({}),T=!(null!=r&&r.id),{token:L,error:R}=(0,y.u)();if((0,n.useEffect)(()=>{L&&N.current&&E.current&&_.current&&!c.current&&(c.current=!0,(async e=>{var t,r;let{amount:n="0",method:a,user:o,token:c,containers:d,onValidationChange:s}=e;const m=await i().create({authorization:c}),p=await u().create({authorization:c,version:2}),v=await l().create({client:m,fields:j(j(j({},d.cardholderName?{cardholderName:{container:d.cardholderName,prefill:null==a?void 0:a.attributes.cardholderName}}:{}),d.number?{number:{container:d.number}}:{}),{},{expirationMonth:{container:d.expirationMonth,prefill:null==a||null===(t=a.attributes.expirationDate)||void 0===t?void 0:t.split("/")[0]},expirationYear:{container:d.expirationYear,prefill:null==a||null===(r=a.attributes.expirationDate)||void 0===r?void 0:r.split("/")[1]},cvv:{container:d.cvv}})});return{validate:()=>{const e=v.getState(),t=Object.entries(e.fields).reduce((e,t)=>{let[r,{isValid:n,isEmpty:a}]=t;return j(j({},e),{},{[r]:n?"":a?"".concat(S[r]," is required."):"Please enter a valid ".concat(S[r],".")})},{});return s(t),Object.values(t).every(e=>!e)},submit:async e=>{var t,r,i,l,c,u;let{address:d}=e;const{nonce:s,details:m}=await v.tokenize(),b={cardholderName:null!==(t=null!==(r=m.cardholderName)&&void 0!==r?r:null==a?void 0:a.attributes.cardholderName)&&void 0!==t?t:"",lastFour:m.lastFour,cardType:m.cardType,expirationMonth:m.expirationMonth,expirationYear:m.expirationYear,nonce:s};if(a)return b;const{threeDSecureInfo:h,nonce:y}=await p.verifyCard(j({amount:n,nonce:s,bin:m.bin,email:null!==(i=null==o?void 0:o.email)&&void 0!==i?i:void 0,billingAddress:{countryCodeAlpha2:d.countryCode,extendedAddress:null!==(l=d.extendedAddress)&&void 0!==l?l:void 0,givenName:null!==(c=null==o?void 0:o.firstName)&&void 0!==c?c:void 0,locality:d.locality,phoneNumber:null!==(u=null==o?void 0:o.phone)&&void 0!==u?u:void 0,postalCode:(g=d.postalCode,g.replace(/[^a-zA-Z0-9 -]/g,"").replace(/\s+/g," ").slice(0,9)),region:d.region,streetAddress:d.streetAddress},collectDeviceData:!0}
1,{onLookupComplete:(e,t)=>t()}));var g;if(!h.liabilityShifted)throw new f("threeDSecure: liability hasn't shifted");return j(j({},b),{},{nonce:y,threeDSecureAuthenticationId:h.threeDSecureAuthenticationId})}}})({amount:a,method:r,user:o,token:L,containers:{cardholderName:g.current,number:O.current,expirationMonth:N.current,expirationYear:E.current,cvv:_.current},onValidationChange:F}).then(e=>{t&&(t.current=e),x(w.Resting)}).catch(e=>{C(e)}))},[a,r,o,L,t]),R&&(0,b.h)(R),M)throw M;return n.createElement(n.Fragment,null,n.createElement("div",{className:"PaymentMethodForm__name-number"},T?n.createElement(n.Fragment,null,n.createElement(d.D,{className:"PaymentMethodForm__input",label:S.cardholderName,name:"cardholderName",error:A.cardholderName},n.createElement(P,{ref:g})),n.createElement(d.D,{className:"PaymentMethodForm__input",label:S.number,name:"number",error:A.number},n.createElement(P,{ref:O}))):n.createElement(n.Fragment,null,n.createElement(d.D,{className:"PaymentMethodForm__input",label:S.cardholderName,name:"cardholderName",disabled:!0,defaultValue:r.attributes.cardholderName}),n.createElement(d.D,{className:"PaymentMethodForm__input",label:S.number,name:"cardNumber",disabled:!0,defaultValue:k(r)}))),n.createElement("div",{className:"PaymentMethodForm__expiration-cvv"},n.createElement(s.B,{className:"PaymentMethodForm__expiration",direction:"horizontal",space:4},n.createElement(d.D,{className:"PaymentMethodForm__input",label:S.expirationMonth,name:"expirationMonth",error:A.expirationMonth},n.createElement(P,{ref:N})),n.createElement(d.D,{className:"PaymentMethodForm__input",label:S.expirationYear,name:"expirationYear",error:A.expirationYear},n.createElement(P,{ref:E}))),n.createElement(d.D,{className:"PaymentMethodForm__input",label:S.cvv,name:"cvv",error:A.cvv},n.createElement(P,{ref:_}))),n.createElement(m.h,{show:D===w.Loading},n.createElement(p.t,null),n.createElement(v.E,{treatment:"eyebrow"},"Loading")))}},21490(e,t,r){r.d(t,{u:()=>c});var n=r(95964);const a={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"BraintreeClientTokenQuery"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"braintreeClientToken"},arguments:[],directives:[{kind:"Directive",name:{kind:"Name",value:"rest"},arguments:[{kind:"Argument",name:{kind:"Name",value:"type"},value:{kind:"StringValue",value:"RestBraintreeClientToken",block:!1}},{kind:"Argument",name:{kind:"Name",value:"endpoint"},value:{kind:"StringValue",value:"moda",block:!1}},{kind:"Argument",name:{kind:"Name",value:"path"},value:{kind:"StringValue",value:"/v3.5/payments/bt_client_token",block:!1}}]}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"token"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:220,source:{body:'\n query BraintreeClientTokenQuery {\n braintreeClientToken\n @rest(\n type: "RestBraintreeClientToken"\n endpoint: "moda"\n path: "/v3.5/payments/bt_client_token"\n ) {\n token\n }\n }\n',name:"GraphQL request",locationOffset:{line:1,column:1}}}},i=["data"];function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function l(e,t,r){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=()=>{const e=(0,n.IT)(a),{data:t}=e,r=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(e,i);return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};
1t%2?o(Object(r),!0).forEach(function(t){l(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({token:null==t?void 0:t.braintreeClientToken.token},r)}}}]); 2//# sourceMappingURL=PaymentMethodBraintreeCardForm-bundle-7fc1efc7.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.