https://www.jomashop.com/dist/js/7944.2916240f0693aaa1c7b4.bundle.js

1"use strict";(self.webpackChunkJomashop=self.webpackChunkJomashop||[]).push([[7944],{48940:(e,a,i)=>{i.d(a,{A:()=>Select_select})
2var t=i(16522),n=i(96540),r=i(58614),s=i(18072),d=i(36509),l=i(32485),c=i(74848)
3const Select_ArrowDownIcon=()=>{const e=(0,t.c)(1)
4let a
5return e[0]===Symbol.for("react.memo_cache_sentinel")?(a=(0,c.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,c.jsx)("g",{opacity:"0.5",children:(0,c.jsx)("path",{d:"M8.99953 9.87831L12.7119 6.16602L13.7725 7.22667L8.99953 11.9997L4.22656 7.22667L5.28723 6.16602L8.99953 9.87831Z",fill:"black"})})}),e[0]=a):a=e[0],a},Select_select=e=>{const a=(0,t.c)(53)
6let i,o,m,u
7a[0]!==e?(({validateOnBlur:o,...i}=e),a[0]=e,a[1]=i,a[2]=o):(i=a[1],o=a[2]),a[3]!==o?(m=o&&{validateOn:"blur"},a[3]=o,a[4]=m):m=a[4],a[5]!==i||a[6]!==m?(u={...i,...m},a[5]=i,a[6]=m,a[7]=u):u=a[7]
8const{fieldState:p,fieldApi:v,ref:h,userProps:k}=(0,r.Mt)(u),{error:b,showError:f,value:g}=p,{setValue:y,setTouched:N}=v
9let x,_,S,j,C,V,w,F
10a[8]!==k?(({disableArrow:_,items:S,message:j,setEnableErrorClass:w,onBlur:C,children:x,...V}=k),a[8]=k,a[9]=x,a[10]=_,a[11]=S,a[12]=j,a[13]=C,a[14]=V,a[15]=w):(x=a[9],_=a[10],S=a[11],j=a[12],C=a[13],V=a[14],w=a[15]),a[16]!==w?(F=void 0===w?_temp:w,a[16]=w,a[17]=F):F=a[17]
11const O=F
12let D,A,E
13a[18]!==b||a[19]!==O?(D=()=>{O(!!b)},A=[b,O],a[18]=b,a[19]=O,a[20]=D,a[21]=A):(D=a[20],A=a[21]),(0,n.useEffect)(D,A),a[22]!==h||a[23]!==y?(E=e=>{const a=Array.from(h.current).find(_temp2)?.value
14y(a||"",e)},a[22]=h,a[23]=y,a[24]=E):E=a[24]
15const I=E
16let M,T
17a[25]!==_?(M=!_&&(0,c.jsx)(Select_ArrowDownIcon,{}),a[25]=_,a[26]=M):M=a[26],a[27]!==b?(T=l("input-select",{"field-required-error":b}),a[27]=b,a[28]=T):T=a[28]
18const P=g||"",B=!!f
19let L,R,H,$,J,q
20return a[29]!==C||a[30]!==N?(L=e=>{N(!0),C&&C(e)},a[29]=C,a[30]=N,a[31]=L):L=a[31],a[32]!==x||a[33]!==S?(R=S?S.map(_temp3):x,a[32]=x,a[33]=S,a[34]=R):R=a[34],a[35]!==I||a[36]!==h||a[37]!==V||a[38]!==P||a[39]!==B||a[40]!==L||a[41]!==R||a[42]!==T?(H=(0,c.jsx)("select",{className:T,...V,ref:h,value:P,"aria-invalid":B,onChange:I,onBlur:L,children:R}),a[35]=I,a[36]=h,a[37]=V,a[38]=P,a[39]=B,a[40]=L,a[41]=R,a[42]=T,a[43]=H):H=a[43],a[44]!==H||a[45]!==M?($=(0,c.jsx)("div",{className:"select-box-wrapper",children:(0,c.jsx)(s.F,{after:M,children:H})}),a[44]=H,a[45]=M,a[46]=$):$=a[46],a[47]!==p||a[48]!==j?(J=(0,c.jsx)(d.Q,{fieldState:p,children:j}),a[47]=p,a[48]=j,a[49]=J):J=a[49],a[50]!==$||a[51]!==J?(q=(0,c.jsxs)(c.Fragment,{children:[$,J]}),a[50]=$,a[51]=J,a[52]=q):q=a[52],q}
21function _temp(){}function _temp2(e){return e.selected}function _temp3(e,a){const{disabled:i,label:t,value:n}=e
22return(0,c.jsx)("option",{value:n,disabled:i,children:t},`${n}-${a}`)}},57944:(e,a,i)=>{i.r(a),i.d(a,{default:()=>BraintreePayment_BraintreePaymentCreditCard})
23var t=i(96540),n=i(40961),r=i(46074),s=i(71297),d=i(95420),l=i(22022),c=i(41465),o=i(33571),m=i(34027),u=i(26019)
24const p=JSON.parse('{"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"validateBraintreeCVV"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"nonce"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},"directives":[]},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"public_hash"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},"directives":[]}],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"validateBraintreeCVV"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"nonce"},"value":{"kind":"Variable","name":{"kind":"Name","value":"nonce"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"public_hash"},"value":{"kind":"Variable","name":{"kind":"Name","value":"public_hash"}}}]}}],"directives":[]}]}}],"loc":{"start":0,"end":135,"source":{"body":"mutation validateBraintreeCVV($nonce:String!,$public_hash:String!){validateBraintreeCVV(input:{nonce:$nonce,public_hash:$public_hash})}","name":"GraphQL request","locationOffset":{"line":1,"column":1}}},"id":"90783ee81c59466a721276ee8af0afd7c5810763b052bf7b71e52fecc9119f8e"}')
25var v=i(47858),h=i(77398),k=i(47496),b=i(57918),f=i(58614)
26const g=JSON.parse('{"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"getCustomerPaymentTokens"},"variableDefinitions":[],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"customerPaymentTokens"},"arguments":[],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"items"},"arguments":[],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"details"},"arguments":[],"directives":[]},{"kind":"Field","name":{"kind":"Name","value":"public_hash"},"arguments":[],"directives":[]},{"kind":"Field","name":{"kind":"Name","value":"payment_method_code"},"arguments":[],"directives":[]},{"kind":"Field","name":{"kind":"Name","value":"type"},"arguments":[],"directives":[]},{"kind":"Field","name":{"kind":"Name","value":"__typename"},"arguments":[],"directives":[]}]}},{"kind":"Field","name":{"kind":"Name","value":"__typename"},"arguments":[],"directives":[]}]}}]}}],"loc":{"start":0,"end":127,"source":{"body":"query getCustomerPaymentTokens{customerPaymentTokens{items{details public_hash payment_method_code type __typename}__typename}}","name":"GraphQL request","locationOffset":{"line":1,"column":1}}},"id":"2ce31b147b7efe72ba20ad250ca38119f48b81fb0bf66da00abfe3fd468847ad"}'),y=JSON.parse('{"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"setPaymentMethodFromVault"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"cartId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},"directives":[]},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"publicHash"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},"directives":[]}],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"setPaymentMethodOnCart"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"cart_id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"cartId"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"payment_method"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"code"},"value":{"kind":"StringValue","value":"braintree_cc_vault","block":false}},{"kind":"ObjectField","name":{"kind":"Name","value":"braintree_cc_vault"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"public_hash"},"value":{"kind":"Variable","name":{"kind":"Name","value":"publicHash"}}}]}}]}}]}}],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"cart"},"arguments":[],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"selected_payment_method"},"arguments":[],"directives":[],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"code"},"arguments":[],"directives":[]},{"kind":"Field","name":{"kind":"Name","value":"title"},"arguments":[],"directives":[]},{"kind":"Field","name":{"kind":"Name","value":"__typename"},"arguments":[],"directives":[]}]}},{"kind":"Field","name":{"kind":"Name","value":"__typename"},"arguments":[],"directives":[]}]}},{"kind":"Field","name":{"kind":"Name","value":"__typename"},"arguments":[],"directives":[]}]}}]}}],"loc":{"start":0,"end":282,"source":{"body":"mutation setPaymentMethodFromVault($cartId:String!,$publicHash:String!){setPaymentMethodOnCart(input:{cart_id:$cartId,payment_method:{code:\\"braintree_cc_vault\\",braintree_cc_vault:{public_hash:$publicHash}}}){cart{selected_payment_method{code title __typename}__typename}__typename}}","name":"GraphQL request","locationOffset":{"line":1,"column":1}}},"id":"d04053a4036a5b2dd7ad646fbf0786c72f6e3cddebcdb205d684261ac50cf55a"}')
27i(12164)
28var N=i(32485),x=i(74848)
29const CreditCardFormFields=({errors:e})=>(0,x.jsxs)("div",{className:"credit-card-form",children:[(0,x.jsx)("div",{className:N("input-wrapper",{invalid:e.includes("number")}),id:"credit-card-number-wrapper"}),(0,x.jsx)("label",{className:"auth-form-label",children:"Expiration Date"}),(0,x.jsxs)("div",{className:"auth-expiry-fields",children:[(0,x.jsx)("div",{className:"auth-select-box",children:(0,x.jsx)("div",{className:N("input-wrapper",{invalid:e.includes("expirationMonth")}),id:"credit-card-month-wrapper"})}),(0,x.jsx)("div",{className:"auth-select-box",children:(0,x.jsx)("div",{className:N("input-wrapper",{invalid:e.includes("expirationYear")}),id:"credit-card-year-wrapper"})}),(0,x.jsx)("div",{className:"auth-select-box auth-select-ccv",children:(0,x.jsx)("div",{className:N("input-wrapper",{invalid:e.includes("cvv")}),id:"credit-card-cvv-wrapper"})})]})]})
30var _=i(29153),S=i(21027),j=i(38731),C=i(48940),V=i(14737)
31const SavedCreditCardsDropdown=({paymentTokens:e,selectedVaultCCHash:a,setSelectedVaultCCHash:i,loading:t,errors:n})=>{const{storeConfig:{braintree_cc_vault_active:r}}=(0,V.h)(),s=!!Number(r),d="New Card"
32return(0,x.jsxs)("div",{className:"credit-card-form",children:[(0,x.jsx)("h2",{className:"step-subtitle",children:"SELECT CREDIT CARD"}),(0,x.jsx)("div",{className:"stored-card-dropdown",style:{float:"none"},children:(0,x.jsx)(C.A,{field:"stored_cc_cards",id:"stored-cc-cards","aria-label":"Select Credit Card",disabled:t,items:(e=>{const a=s?e.filter(e=>"card"===e.type).map((e,a)=>{const i=(e=>{const a={AE:"American Express",DI:"Discover",JCB:"JCB",MC:"MasterCard",VI:"Visa",MI:"Maestro",DN:"Diners Club",CUP:"UnionPay"}
33try{const i=JSON.parse(e.details)
34return a[i.type]+" "+i.maskedCC}catch(e){return null}})(e)
35return{label:i||`Card #${a}`,value:e.public_hash}}):[]
36return a.unshift({label:d,value:null}),a})(e),onValueChange:({value:e})=>i(e===d?null:e),initialValue:a})}),a&&(0,x.jsx)("div",{className:N("input-wrapper",{invalid:n.includes("cvv")}),id:"credit-card-cvv-wrapper"})]})},w={styles:{input:{"font-size":"17px",color:"#000",border:"1px solid #d4d4d4","border-radius":"3px","font-weight":"600","letter-spacing":"0.34px","font-family":'apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',padding:"10px 10px 10px 15px"},select:{"font-size":"17px",color:"gray",border:"1px solid #d4d4d4","border-radius":"3px","font-weight":"600","letter-spacing":"0.34px","font-family":'apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',padding:"10px 10px 10px 15px",appearance:"none"},"#credit-card-month-wrapper":{"font-size":"17px",color:"#000","font-weight":"600"},"#credit-card-year-wrapper":{"font-size":"17px",color:"#000","font-weight":"600"},":focus":{color:"black"},".valid":{color:"#000"}},fields:{number:{selector:"#credit-card-number-wrapper",placeholder:"Credit Card Number"},cvv:{selector:"#credit-card-cvv-wrapper",placeholder:"CVV"},expirationMonth:{container:"#credit-card-month-wrapper",placeholder:"Select Month",select:{options:["01 - January","02 - February","03 - March","04 - April","05 - May","06 - June","07 - July","08 - August","09 - 

36September","10 - October","11 - November","12 - December"]}},expirationYear:{container:"#credit-card-year-wrapper",placeholder:"Select Year",select:!0}}}
37var F=i(7228),O=i(57498),D=i(17582),A=i(10378),E=i(23699),I=i(85701)
38const BraintreePayment_BraintreePaymentCreditCard=({dataLayerAction:e})=>{const[a]=(0,l.Bd)(),{cartState:i,dispatch:N}=(0,t.useContext)(o.I),C=(0,t.useRef)(null),[V,M]=(0,t.useState)({client:null,loading:!0,errorMsg:"",fieldsErrors:[]}),[T,P]=(0,t.useState)(null),B=(0,m.kq)(),[L,R]=(0,t.useState)(!1),[H,$]=(0,t.useState)(!1),J=(0,O.tT)(),q=(0,E.it)(),{billingAddress:z}=(0,I.A)(),{getRequiresCaptcha:Q,captchaData:U,captchaCheckProps:G}=(0,_.O)(),{data:Y,loading:K}=(0,s.I)(g,{fetchPolicy:"network-only",skip:!B}),X=Y&&Y.customerPaymentTokens&&Y.customerPaymentTokens.items||[],[Z,{data:W}]=(0,d.n)(u.A),[ee]=(0,d.n)(p),[ae]=(0,d.n)(v.A,{variables:{cartId:i.cartId}}),[ie]=(0,d.n)(y),[te]=(0,d.n)(h.A,{variables:{cartId:i.cartId},onCompleted:e=>{N({type:"SET_CART",cart:e.setBillingAddressOnCart.cart})}}),[ne,{error:re}]=(0,A.$)({cartId:i.cartId,captchaData:U,options:{onCompleted:a=>{e&&e({type:"PLACE_ORDER",data:{...i,actionField:a}}),N({type:"PLACED_ORDER",placedOrder:a})},onError:e=>{M(i=>({...i,errorMsg:e.message||a("Error while placing order, please try again")}))}}}),saveBillingAddress=()=>te({variables:{cartId:i.cartId,...z}}).then(()=>!0,()=>(M(e=>({...e,errorMsg:"Error setting billing address, please try again."})),!1)),handleMaybePlaceOrder=e=>!!e&&ne().then(()=>!0,()=>!1);(0,t.useEffect)(()=>{B&&!Y||!W||(M(e=>({...e,loading:!0})),async function startOrRestartBraintree(e){try{C.current&&await C.current.teardown()
39const a=await r.client.create({authorization:W.createBraintreeClientToken})
40C.current=await r.hostedFields.create(e?{styles:w.styles,fields:{cvv:w.fields.cvv},client:a}:{...w,client:a}),M(e=>({...e,client:a,loading:!1}))}catch(e){M(e=>({...e,errorMsg:"Error setting up credit card payments, please try again.",loading:!1}))}}(!!T))},[T,Y,W,B]),(0,t.useEffect)(()=>{W||Z()},[W,Z])
41const se=Q([re]),de=se&&!U||L||V.loading
42return(0,x.jsxs)("div",{children:[V.errorMsg&&!se&&!L&&(0,x.jsx)("div",{className:"error-msg",children:(0,x.jsx)("strong",{children:V.errorMsg})}),(0,x.jsx)(k.wX,{}),(0,x.jsxs)(f.lV,{id:O.rO,onSubmit:()=>{if(H)return void q?.current?.address?.submit?.()
43R(!0)
44C.current.tokenize().then(e=>e.nonce).then(e=>T?ee({variables:{nonce:e,public_hash:T}}).then(a=>{if(a.data&&!a.data.validateBraintreeCVV)throw new Error("CVV verification failed",{code:"CVV_FAILED"})
45return e}):e).then(e=>(T?ie({variables:{cartId:i.cartId,publicHash:T}}):ae({variables:{braintreeNonce:e}})).then(saveBillingAddress).then(handleMaybePlaceOrder),e=>{const{msg:a,fields:i}=(e=>{const a={msg:"",fields:[]}
46switch(e.code){case"CVV_FAILED":a.msg="CVV verification failed",a.fields=["cvv"]
47break
48case"HOSTED_FIELDS_FIELDS_INVALID":a.msg="Please check your credit card details",a.fields=e.details.invalidFieldKeys
49break
50default:a.msg="Error while placing order, please try again"}return a})(e)
51return M(e=>({...e,errorMsg:a,fieldsErrors:i})),!1}).finally(()=>R(!1))},className:"auth-form-section",children:[B?K?(0,x.jsx)(b.A,{height:"200px"}):(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(SavedCreditCardsDropdown,{paymentTokens:X,selectedVaultCCHash:T,setSelectedVaultCCHash:P,loading:V.loading,errors:V.fieldsErrors}),!T&&(0,x.jsxs)("div",{className:"card-form-container",children:[V.loading&&(0,x.jsx)(b.A,{height:"120px"}),(0,x.jsx)(CreditCardFormFields,{errors:V.fieldsErrors})]})]}):(0,x.jsxs)(x.Fragment,{children:[V.loading&&(0,x.jsx)(b.A,{height:"120px"}),(0,x.jsx)(CreditCardFormFields,{errors:V.fieldsErrors})]}),(0,x.jsx)(F.c,{setDisableContinueNextStep:$,formActionsRef:q}),se&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(S.s,{requiresCaptcha:se,captchaData:U,disableSubmit:de}),(0,x.jsx)(j.F,{...G})]}),(0,n.createPortal)((0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(c.A,{form:O.rO,type:"submit",className:"submit-braintree-method",variant:"primary",disabled:de,children:L?"Placing...":"Place my order"}),(0,x.jsx)(D.A,{isBraintree:!0})]}),J.current)]})]})}}}])