https://static2.paymonade.tech/static/prod/paymonade-channel-ui/_next/static/chunks/6303-67d4e020131aec3e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6303],{9568:(e,t,a)=>{a.d(t,{A:()=>$});var r=a(37876),l=a(34846),d=a(99190),n=a(14232),s=a(35373),i=a(32378),o=a(79829),c=a(56820),u=a(63434),m=a(44975),v=a(91408);let p=()=>{let{t:e}=(0,l.Bd)(),[t,a]=(0,n.useState)(!1),{setCardInputInfo:d,cardInputInfo:p,addCardOpen:x}=(0,s.A)(),{orderInfo:h}=(0,m.A)(),[y,f]=(0,n.useState)([]),[C,N]=(0,n.useState)(),b=(0,n.useMemo)(()=>({...h,country:(null==h?void 0:h.country)||(null==C?void 0:C.country)||"",state:(null==h?void 0:h.state)||(null==C?void 0:C.state)||"",city:(null==h?void 0:h.city)||(null==C?void 0:C.city)||"",address:(null==h?void 0:h.address)||(null==C?void 0:C.address)||"",postalCode:(null==h?void 0:h.postalCode)||(null==C?void 0:C.postalCode)||""}),[h,null==C?void 0:C.address,null==C?void 0:C.city,null==C?void 0:C.country,null==C?void 0:C.postalCode,null==C?void 0:C.state]);(0,n.useEffect)(()=>{(0,o.OD)().then(e=>{let{data:t}=e;N(t)})},[]);let g=(0,n.useCallback)(()=>{t||d(e=>({...e,country:b.country,addr1:b.address,city:b.city,postalCode:b.postalCode})),a(e=>!e)},[t,b,d]);return(0,n.useEffect)(()=>{(0,i.yo)().then(e=>{let{data:t}=e;f(t.map(e=>({label:e.englishName,value:e.towCharCode})))})},[]),(0,r.jsxs)("div",{className:"mt-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("div",{className:"flex flex-1",children:(0,r.jsx)("div",{className:"text-sm font-medium",children:e("BillingAddress")})}),t?(0,r.jsx)("div",{onClick:g,className:"cursor-pointer text-[#6EB100]",children:e("Change")}):(null==b?void 0:b.address)&&(null==b?void 0:b.city)&&(null==b?void 0:b.country)&&(null==b?void 0:b.postalCode)&&(0,r.jsx)("div",{id:"fill",onClick:g,className:"cursor-pointer text-link",children:e("Fill")})]}),t?(0,r.jsx)("div",{className:"mt-3",children:(0,r.jsxs)("div",{className:"font-medium",children:[(null==b?void 0:b.address)?"".concat(null==b?void 0:b.address,","):"",(null==b?void 0:b.city)?"".concat(null==b?void 0:b.city,","):"",(null==b?void 0:b.country)?"".concat(null==b?void 0:b.country,","):"",(null==b?void 0:b.postalCode)?"".concat(null==b?void 0:b.postalCode):""]})}):(0,r.jsxs)("div",{children:[(0,r.jsx)(u.A,{noBg:!0,value:p.country,options:y,onChange:e=>{d(t=>({...t,country:e.target.value||""}))},rules:(0,v.Yj)().required(e("FieldIsRequired")),className:"mt-4",label:(0,r.jsx)("div",{className:" font-medium",children:e("Country")})}),(0,r.jsx)(c.A,{noBg:!0,value:p.addr1,onChange:e=>{d(t=>({...t,addr1:e.target.value||""}))},rules:(0,v.Yj)().required(e("FieldIsRequired")),className:"mt-4",label:(0,r.jsx)("div",{className:" font-medium",children:e("Address")})}),(0,r.jsxs)("div",{className:"flex justify-between mt-4",children:[(0,r.jsx)(c.A,{noBg:!0,value:p.city,onChange:e=>{d(t=>({...t,city:e.target.value||""}))},rules:(0,v.Yj)().required(e("FieldIsRequired")),className:"w-[calc(50%-12px)]",label:(0,r.jsx)("div",{className:" font-medium",children:e("City")})}),(0,r.jsx)(c.A,{noBg:!0,value:p.postalCode,onChange:e=>{d(t=>({...t,postalCode:e.target.value||""}))},rules:(0,v.Yj)().required(e("FieldIsRequired")),className:"w-[calc(50%-12px)]",label:(0,r.jsx)("div",{className:" font-medium",children:e("PostalCode")})})]})]})]})};var x=a(95589),h=a(84952);let y=e=>{let{title:t,id:a,className:l}=e;return(0,r.jsxs)("div",{className:"mt-4 shrink-0 ".concat(l||""),children:[(0,r.jsx)("div",{className:"text-sm",children:t}),(0,r.jsx)("div",{className:"h-12 border border-[1px_solid_#EAECEF] px-3 mt-1 rounded-[4px]",id:a})]})};var f=a(54587),C=a.n(f),N=a(65191),b=a(81786),g=a(48058);let A={mastercard:N.A,visa:b.A};function j(e){let{scheme:t,...a}=e,l=(0,n.useMemo)(()=>{var e;return A[null===(e=t||"")||void 0===e?void 0:e.toLowerCase()]||""},[t]);return l?(0,r.jsxs)(r.Fragment,{children:["mastercard"===t.toLowerCase()&&(0,r.jsx)(C(),{height:24,...a,src:l,alt:"card scheme"}),"visa"===t.toLowerCase()&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(C(),{height:24,...a,src:b.A,alt:"card scheme",className:"block dark:hidden ".concat(a.className)}),(0,r.jsx)(C(),{height:24,...a,src:g.A,alt:"card scheme",className:"hidden dark:block  ".concat(a.className)})]})]}):null}var _=a(79290),w=a(38243),E=a(83415),k=a(7419);let I=()=>{let{t:e}

1=(0,l.Bd)(),[t,a]=(0,n.useState)(!1),{setCardInputInfo:d,cardInputInfo:i,addCardOpen:u,setIsCardPCIValidList:p}=(0,s.A)(),{orderInfo:x}=(0,m.A)(),[h,y]=(0,n.useState)([]),[f,C]=(0,n.useState)({formatCardNum:"",fomatTime:"",formatCvv:""}),[N,b]=(0,n.useState)(),[g,A]=(0,n.useState)("");(0,n.useEffect)(()=>{(0,o.OD)().then(e=>{let{data:t}=e;b(t)})},[]),(0,n.useEffect)(()=>{},[]),(0,n.useEffect)(()=>{let e;return u&&(e=setInterval(()=>{let t=document.querySelector("#fill");if(t){var a;null==t||null===(a=t.click)||void 0===a||a.call(t),clearInterval(e)}},500)),()=>clearInterval(e)},[u]);let _=e=>(e=e.replace(/\D/g,"").replace(/(.{4})/g,"$1 ").trim(),C(t=>({...t,formatCardNum:e})),p(t=>({...t,cardNum:w(e)})),w(e)?"4"===e.substring(0,1)?A("Visa"):"5"===e.substring(0,1)?A("MasterCard"):A(""):A(""),e),w=e=>(e=e.replace(/\s/g,""),/^(4|5)\d{12}$|^(4|5)\d{15}$/.test(e)),E=e=>{let t=e.replace(/[^0-9]/g,"");return t.length>0&&parseInt(t[0])>1&&(t="0"+t),t.length>4&&(t=t.slice(0,4)),t.length>2&&(t=t.slice(0,2)+"/"+t.slice(2)),C(e=>({...e,fomatTime:t})),p(e=>({...e,cardTime:I(t)})),t},I=e=>{if(5===e.length){let t=new Date,a=t.getMonth()+1,r=t.getFullYear()%100,l=parseInt(e.slice(0,2),10),d=parseInt(e.slice(3),10);if(!(d<r)&&(d!==r||!(l<=a))&&0!==l&&!(l>12))return!0}return!1},T=e=>!isNaN(parseInt(e))&&3===e.length,{trackAndGa:S}=(0,k.A)();return(0,r.jsx)("div",{className:"mt-6",children:(0,r.jsxs)("div",{children:[(0,r.jsx)(c.A,{noBg:!0,noNeedSetValue:!0,maxLength:19,placeholder:e("EnterCardNumber"),value:f.formatCardNum,suffix:(0,r.jsx)(j,{scheme:g}),onBlur:()=>{S({elementId:"user_start_enter_card_number"})},onChange:e=>{_(e.target.value),d(t=>({...t,cardNum:e.target.value.replace(/\s*/g,"")||""}))},rules:(0,v.Yj)().required(e("FieldIsRequired")).test("cardNum",e("PleaseEnterAvalidCardNumber"),w),className:"mt-4",label:(0,r.jsx)("div",{className:"text-small-body-sub",children:e("CreditOrDebitCardNumber")})}),(0,r.jsxs)("div",{className:"flex justify-between mt-4 gap-4",children:[(0,r.jsx)(c.A,{noBg:!0,noNeedSetValue:!0,placeholder:"MM/YY",maxLength:5,value:f.fomatTime,onChange:e=>{E(e.target.value),d(t=>({...t,expireYear:e.target.value.split("/")[1]||"",expireMonth:e.target.value.split("/")[0]||""}))},rules:(0,v.Yj)().required(e("FieldIsRequired")).test("time",e("ThisCardIsExpiring"),I),className:"w-[calc(50%-8px)]",label:(0,r.jsx)("div",{className:"text-small-body-sub",children:e("ExpiryDate")})}),(0,r.jsx)(c.A,{noBg:!0,noNeedSetValue:!0,placeholder:e("EnterCVV"),maxLength:3,value:f.formatCvv,onChange:e=>{C(t=>({...t,formatCvv:e.target.value.replace(/[^\d]/g,"")})),p(t=>({...t,cardCvv:T(e.target.value)})),d(e=>({...e}))},rules:(0,v.Yj)().required(e("FieldIsRequired")).test("cvv",e("PleaseEnterAvalidCVV"),T),className:"w-[calc(50%-8px)]",label:(0,r.jsx)("div",{className:"text-small-body-sub",children:e("SecurityCodeCVV")})})]})]})})};var T=a(69241);function S(e){let{className:t,frameClassName:a,errorMessage:l,extraNode:d}=e;return(0,r.jsxs)("div",{className:t,children:[(0,r.jsx)("div",{className:"".concat(a," h-[48px] w-full px-[12px] border rounded-[8px] border-line mt-[4px] flex items-center hover:border-primary [&.frame--focus]:border-primary [&.frame--invalid]:border-sell transition-all")}),l&&(0,r.jsx)("div",{className:"text-sm text-sell mt-1",children:l}),d]})}let F=function(e){let{otherInfo:t,validate:a,btnLoading:d=!1,twoBindStatus:i,otpStep:o,kycInfo:c,noInnerButton:u}=e,{orderInfo:v}=(0,m.A)(),{initSdk:p,isCardValid:x,cardScheme:y,cardFieldsInvalidStatus:f}=(0,_.A)(),{isAllInfoFilled:N,isPCICard:b,isCardPCIValidList:g}=(0,s.A)(),{t:A}=(0,l.Bd)();(0,n.useEffect)(()=>{console.log("init cko sdk"),b||p()},[p,b]);let k=(0,n.useMemo)(()=>Object.values(g).every(e=>e),[g]);return(0,r.jsxs)("div",{className:"flex-1 overflow-auto flex flex-col",children:[(0,r.jsxs)("div",{className:"grow pb-3 px-4",children:[i===w.wb.cooling&&o===w.Pv.GA_OTP?(0,r.jsxs)("div",{className:"bg-alertbg px-4 mx-[-16px] py-3 flex text-xs mb-4 items-start",children:[(0,r.jsx)(C(),{src:E.A,alt:"ICInfo"}),(0,r.jsx)("div",{className:"ml-1",children:(0,r.jsx)("span",{className:"text-primary-text",children:A("2faCoolingOff")})})]}):(0,r.jsx)(r.Fragment,{}),(0,r.jsxs)("div",{className:(0,T.A)("py-1 rounded-lg",u?"border-line border":"bg-alertbg"),children:[(0,r.jsx)("div",{className:" text-center",children:A("YourNameTips")}),(0,r.jsx)("div",{className:" font-bold text-center",children:c?"".concat((null==c?void 0:c.firstName)||""," ").concat((null==c?void 0:c.middleName)||""," ").concat((null==c?void 0:c.lastName)||""):"".concat((null==v?void 0:v.firstName)||""," ").concat((null==v?void 0:v.middleName)||""," ").concat((null==v?void 0:v.lastName)||"")})]}),b?(0,r.jsx)(I,{}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"mt-6",children:[(0,r.jsx)("div",{className:"text-primary-text text-sm font-medium",children:A("CreditOrDebitC

1ardNumber")}),(0,r.jsx)(S,{className:"relative",frameClassName:"card-number-frame",extraNode:(0,r.jsx)(j,{scheme:y,className:"!absolute !right-3 !top-[12px]"}),errorMessage:f.cardNumber?A("sun-invalid-cardnumber","Enter a valid card number"):""})]}),(0,r.jsxs)("div",{className:"flex justify-between mt-[24px]",children:[(0,r.jsxs)("div",{className:"flex-1 text-sm",children:[(0,r.jsx)("div",{className:"text-primary-text font-medium",children:A("ExpiryDate")}),(0,r.jsx)(S,{frameClassName:"expiry-date-frame",errorMessage:f.expiryDate?A("sun-invalid-expiry","Enter a valid expiry date"):""})]}),(0,r.jsxs)("div",{className:"ml-3 flex-1",children:[(0,r.jsx)("div",{className:"text-primary-text text-sm font-medium",children:A("SecurityCodeCVV")}),(0,r.jsx)(S,{frameClassName:"cvv-frame",errorMessage:f.cvv?A("sun-invalid-cvv","Enter a valid CVV"):""})]})]})]}),t]}),(0,r.jsx)("div",{className:"bg-gradient-to-b from-0% to-20% from-transparent to-bg1 px-4 py-3 flex flex-col items-center w-full sticky bottom-0",children:a&&(0,r.jsx)(h.A,{inactive:(b?!k:!x)||!N||i===w.wb.cooling&&o===w.Pv.GA_OTP,loading:d,type:"button",onClick:a,className:"py-3 mt-0! mb-0! text-cta-text",children:A("Confirm")})})]})};var O=a(17745),M=a(59582),D=a(31991),B=a(92094),K=a(48910),P=a(44789),L=a(52397),H=a(66852);let $=(0,n.forwardRef)((e,t)=>{let{kycInfo:a,noModal:c,noInnerButton:u,contentClassName:v}=e,{t:x}=(0,l.Bd)(),{addCardOpen:h,cardList:y,canUseCardList:f,setAddCardOpen:C,setManageCardOpen:N,cardInputInfo:b,setCurrentCard:g,setCardList:A,isPCICard:j,setIsFullCard:E}=(0,s.A)(),{handleOnGetToken:I,cardScheme:T,cardTokenInfo:S}=(0,_.A)(),$=(0,n.useRef)(b),{ga4log:R}=(0,O.A)(),[V,Y]=(0,n.useState)(!1),{orderInfo:q}=(0,m.A)();(0,H.UG)(B.wJ),(0,L._W)("tranType");let{bindStatus:U,gaVerificateInfo:W,run2FaCheck:G,modal:z,otpStep:J}=(0,K.A)("ADD_CARD",{onStatusChange:e=>{let{gaVerificateInfo:t,otpStep:a}=e;(null==t?void 0:t.status)&&a===w.Pv.GA_OTP&&j&&ee(t)}}),{trackAndGa:Q}=(0,k.A)();(0,n.useEffect)(()=>{h&&Y(!1)},[h]),(0,n.useEffect)(()=>{$.current=b},[b]),(0,n.useEffect)(()=>{h&&Q({elementId:(c?"noModal_":"")+"addCard_pageview"})},[h,Q,c]),(0,n.useCallback)(async e=>{let{type:t,error:a,sessionState:r}=e;C(!1)},[C]);let Z=(0,L._W)(B.ck.paymentMethod)===B.YJ.ONLINE_BANKING,X=(0,n.useCallback)(async()=>{J===w.Pv.GA_OTP&&await G(),R({element_id:"paymonade3_addCard_confirmbtn"}),Q({elementId:(c?"noModal_":"")+"addCard_confirmbtn",orderInfo:q,channelCode:Z?B.k$.KLARNA:B.k$.CHECKOUT}),Y(!0);try{await I({name:a?"".concat((null==a?void 0:a.firstName)||""," ").concat((null==a?void 0:a.middleName)||"","  ").concat((null==a?void 0:a.lastName)||""," "):"".concat((null==q?void 0:q.firstName)||""," ").concat((null==q?void 0:q.middleName)||"","  ").concat((null==q?void 0:q.lastName)||""," "),address:$.current.addr1||(null==q?void 0:q.address)||"",city:$.current.city||(null==q?void 0:q.city)||"",country:$.current.country||(null==q?void 0:q.country)||"",zip:$.current.postalCode||(null==q?void 0:q.postalCode)||""})}catch(l){var e,t;Q({elementId:(c?"noModal_":"")+"addCard_confirmbtn_error",extraData:{error:null==l?void 0:l.message,cardInfo:{...$.current,cardNum:"".concat(null===(e=$.current.cardNum)||void 0===e?void 0:e.slice(0,6),"******").concat(null===(t=$.current.cardNum)||void 0===t?void 0:t.slice(-4))}},channelCode:Z?B.k$.KLARNA:B.k$.CHECKOUT}),Y(!1);let{destory:a}=(0,M.A)({children:(0,r.jsx)(D.A,{title:x("FailedToAddNewCard"),content:(null==l?void 0:l.message)||x("systemError"),Footer:()=>(0,r.jsx)(d.wi,{onConfirm:()=>{},destory:a,mode:d.z7.OK})})})}},[J,R,c,Q,G,I,a,null==q?void 0:q.firstName,null==q?void 0:q.middleName,null==q?void 0:q.lastName,null==q?void 0:q.address,null==q?void 0:q.city,null==q?void 0:q.country,null==q?void 0:q.postalCode,x]);(0,n.useEffect)(()=>{S&&(async()=>{let e=(0,L._W)("tranType");try{if(!(null==W?void 0:W.status)&&J===w.Pv.GA_OTP)return;Q({elementId:(c?"noModal_":"")+"addCard_confirmbtn_ckosuccess",channelCode:Z?B.k$.KLARNA:B.k$.CHECKOUT,orderInfo:q,currentCard:{cardId:"",cardBin:S.bin,cardLast4:S.last4,cardBank:S.issuer,cardCountry:S.issuer_country,cardBrand:S.scheme},extraData:{businessType:e}});let{data:t}=await (0,i._o)({country:$.current.country||(null==q?void 0:q.country)||"",city:$.current.city||(null==q?void 0:q.city)||"",addr1:$.current.addr1||(null==q?void 0:q.address)||"",postalCode:$.current.postalCode||(null==q?void 0:q.postalCode)||"",expireYear:null==S?void 0:S.expiry_year.toString(),expireMonth:(null==S?void 0:S.expiry_month)<10?"0".concat(null==S?void 0:S.expiry_month):null==S?void 0:S.expiry_month.toString(),cardBin:S.bin,cardLast4:S.last4,cardProcessor:S.scheme,channelCardId:S.token,channelCode:B.k$.CHECKOUT,issuerBank:S.issuer,issuerCountry:S.issuer_country,cardTokenExpireTime:S.expires_on,cardType:S.card_type,otpType:null==W?void 0:W.verifyOtpType,otpCode:null==W?void 0:W.verifyCode,businessType:e});if(t.cardId){Q({elementId:(c?"noModal_":"")+"addCard_confirmbtn_success",channelCode:Z?B.k$.KLARNA:B.k$.CHECKOUT,orderInfo:q,currentCard:{cardId:t.cardId,cardBin:S.bin,cardLast4:S.last4,cardBank:S.issuer,cardCountry:S.issuer_country,cardBrand:S.scheme}}),C(!1);let e=(0,L._W)("tranType"),{data:a}=await (0,i.$t)({channelCode:B.k$.CHECKOUT,businessType:e});A(a)}}catch(m){var t,a,l,n,s,o,u;Q({elementId:(c?"noModal_":"")+"addCard_confirmbtn_error",channelCode:Z?B.k$.KLARNA:B.k$.CHECKOUT,extraData:{error:null==m?void 0:null===(t=m.response)||void 0===t?void 0:t.data,businessType:e,cardInfo:{...$.current,cardNum:"".concat(null===(a=$.current.cardNum)||void 0===a?void 0:a.slice(0,6),"******").concat(null===(l=$.current.cardNum)||void 0===l?void 0:l.slice(-4))}}}),C(!1);let{destory:i}=(0,M.A)({children:(0,r.jsx)(D.A,{imageSrc:P.A,title:x("FailedToAddNewCard"),content:(null==m?void 0:null===(u=m.response)||void 0===u?void 0:null===(o=u.data)||void 0===o?void 0:null===(s=o.msg)||void 0===s?void 0:null===(n=s.replace)||void 0===n?void 0:n.call(s,/\d+::/g,""))||x("systemError"),Footer:()=>(0,r.jsx)(d.wi,{onConfirm:()=>{},destory:i,mode:d.z7.OK})})})}})()},[S,C,N,x,null==q?void 0:q.address,null==q?void 0:q.city,null==q?void 0:q.country,null==q?void 0:q.postalCode,A,null==W?void 0:W.status,null==W?void 0:W.verifyOtpType,null==W?void 0:W.verifyCode,J]),(0,n.useEffect)(()=>{(0,o.jy)({clientType:"Web",entry:"indepdentMain",version:"1025"}).then(e=>{var t,a;E(!!(null==e?void 0:null===(a=e.data)||void 0===a?void 0:null===(t=a.find(e=>"openFullCard"===e.label))||void 0===t?void 0:t.enable))})},[E]);let ee=async e=>{var t,a,l,n,s,o,u,m,v,p;if(!j)return;R({element_id:"addCard_confirmbtn_ckosuccess"});let h=(0,L._W)("tranType");Q({elementId:(c?"noModal_":"")+"addCard_confirmbtn",orderInfo:q,channelCode:Z?B.k$.KLARNA:B.k$.CHECKOUT,extraData:{businessType:h}});try{if(!(null==e?void 0:e.status)&&J===w.Pv.GA_OTP)return;let{data:r}=await (0,i._o)({cardNum:$.current.cardNum,country:$.current.country||(null==q?void 0:q.country)||"",city:$.current.city||(null==q?void 0:q.city)||"",addr1:$.current.addr1||(null==q?void 0:q.address)||"",postalCode:$.current.postalCode||(null==q?void 0:q.postalCode)||"",expireYear:(null===(a=$.current)||void 0===a?void 0:null===(t=a.expireYear)||void 0===t?void 0:t.toString())||"",expireMonth:(null===(l=$.current.expireMonth)||void 0===l?void 0:l.toString())||"",otpType:null==e?void 0:e.verifyOtpType,otpCode:null==e?void 0:e.verifyCode,channelCode:B.k$.CHECKOUT,businessType:h});if(r.cardId){Q({elementId:(c?"noModal_":"")+"addCard_confirmbtn_success",channelCode:Z?B.k$.KLARNA:B.k$.CHECKOUT,orderInfo:q,currentCard:{cardId:r.cardId},extraData:{businessType:h}}),C(!1);let{data:e}=await (0,i.$t)({channelCode:B.k$.CHECKOUT,businessType:h});A(e)}}catch(t){Q({elementId:(c?"noModal_":"")+"addCard_confirmbtn_error",channelCode:Z?B.k$.KLARNA:B.k$.CHECKOUT,extraData:{error:null==t?void 0:null===(n=t.response)||void 0===n?void 0:n.data,businessType:h,cardInfo:{...$.current,cardNum:"".concat(null===(s=$.current.cardNum)||void 0===s?void 0:s.slice(0,6),"******").concat(null===(o=$.current.cardNum)||void 0===o?void 0:o.slice(-4))}}}),C(!1);let{destory:e}=(0,M.A)({children:(0,r.jsx)(D.A,{imageSrc:P.A,title:x("FailedToAddNewCard"),content:(null==t?void 0:null===(p=t.response)||void 0===p?void 0:null===(v=p.data)||void 0===v?void 0:null===(m=v.msg)||void 0===m?void 0:null===(u=m.replace)||void 0===u?void 0:u.call(m,/\d+::/g,""))||x("systemError"),Footer:()=>(0,r.jsx)(d.wi,{onConfirm:()=>{},destory:e,mode:d.z7.OK})})});throw t}},et=async()=>{j?J===w.Pv.SKIP_OTP?await ee():await G():await X()};(0,n.useImperativeHandle)(t,()=>({submit:et}));let ea=async()=>{J===w.Pv.SKIP_OTP?ee():await G()},er=(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(F,{noInnerButton:u,kycInfo:a,btnLoading:V,validate:u?void 0:j?ea:X,otherInfo:(0,r.jsx)(p,{}),twoBindStatus:U,otpStep:J})});return c?er:(0,r.jsxs)("div",{children:[(0,r.jsx)(d.Ay,{open:h,onClose:()=>{C(!1)},showMask:!0,title:x("AddNewCard"),containerStyle:"!px-0",children:er}),z]})})},19020:(e,t,a)=>{a.d(t,{A:()=>r});let r={src:"https://static2.paymonade.tech/static/prod/paymonade-channel-ui/_next/static/media/forbid

1den.5947c668.svg",height:16,width:16,blurWidth:0,blurHeight:0}},35373:(e,t,a)=>{a.d(t,{A:()=>d});var r=a(10252),l=a(14232);let d=(0,r.kQ)(()=>{let[e,t]=(0,l.useState)([]),a=(0,l.useMemo)(()=>null==e?void 0:e.filter(e=>!e.disabled),[e]),[r,d]=(0,l.useState)({cardNum:"",expireYear:"",expireMonth:"",addr1:"",postalCode:"",city:"",country:""}),n=(0,l.useMemo)(()=>[r.addr1,r.postalCode,r.city,r.country].every(e=>""!==e),[r]),[s,i]=(0,l.useState)(),[o,c]=(0,l.useState)(!1),[u,m]=(0,l.useState)(!1),[v,p]=(0,l.useState)(!0),[x,h]=(0,l.useState)({}),[y,f]=(0,l.useState)(""),[C,N]=(0,l.useState)(!1);return{canUseCardList:a,currentCard:s,setCardList:t,setCurrentCard:i,cardList:e,addCardOpen:o,setAddCardOpen:c,manageCardOpen:u,setManageCardOpen:m,cardInputInfo:r,setCardInputInfo:d,isAllInfoFilled:n,isPCICard:v,setIsFullCard:p,isCardPCIValidList:x,setIsCardPCIValidList:h,arrivalTime:y,setArrivalTime:f,isDisableSellCard:C,setIsDisableSellCard:N}})},48058:(e,t,a)=>{a.d(t,{A:()=>r});let r={src:"https://static2.paymonade.tech/static/prod/paymonade-channel-ui/_next/static/media/visaCardDark.2e64b77e.svg",height:24,width:24,blurWidth:0,blurHeight:0}},65191:(e,t,a)=>{a.d(t,{A:()=>r});let r={src:"https://static2.paymonade.tech/static/prod/paymonade-channel-ui/_next/static/media/masterCard.ac35cf18.svg",height:24,width:24,blurWidth:0,blurHeight:0}},69241:(e,t,a)=>{a.d(t,{A:()=>r});let r=function(){for(var e,t,a=0,r="",l=arguments.length;a<l;a++)(e=arguments[a])&&(t=function e(t){var a,r,l="";if("string"==typeof t||"number"==typeof t)l+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(r=e(t[a]))&&(l&&(l+=" "),l+=r)}else for(r in t)t[r]&&(l&&(l+=" "),l+=r);return l}(e))&&(r&&(r+=" "),r+=t);return r}},79290:(e,t,a)=>{a.d(t,{A:()=>o});var r=a(14232),l=a(42516),d=a(10252),n=a(17745),s=a(33841);let i={"card-number":"cardNumber","expiry-date":"expiryDate",cvv:"cvv"},o=(0,d.kQ)(function(){let[e,t]=(0,r.useState)(!1),[a,d]=(0,r.useState)(null),[o,c]=(0,r.useState)(""),[u,m]=(0,r.useState)({cardNumber:null,cvv:null,expiryDate:null}),{ga4log:v}=(0,n.A)(),p=(0,r.useRef)({resolve:null,reject:null}),x=(0,r.useCallback)(async function(e){let{name:t,address:a,zip:r,city:l,country:d}=e;return new Promise((e,n)=>{p.current={resolve:e,reject:n},window.Frames.cardholder={name:t,billingAddress:{addressLine1:a,addressLine2:"",zip:r,city:l,state:"",country:d}},window.Frames.submitCard(),v({element_id:"paymonade_cko_card-tokenize-req",extraInfo:{name:t,address:a,zip:r,city:l,country:d}})})},[v]),{isDarkMode:h}=(0,s.A)();return{isCardValid:e,cardScheme:o,cardTokenInfo:a,cardFieldsInvalidStatus:u,initSdk:(0,r.useCallback)(async function(){await (0,l.mo)({url:"https://cdn.checkout.com/js/framesv2.min.js",tryTimes:2}),window.Frames&&(window.Frames.init({publicKey:"pk_insvymu5eageucbf5jputkrfk4j",localization:{cardNumberPlaceholder:"Enter card number",expiryMonthPlaceholder:"MM",expiryYearPlaceholder:"YY",cvvPlaceholder:"Enter CVV"},style:{base:{fontWeight:"600",color:h?"#fff":"#1E2329"},placeholder:{base:{color:"#B7BDC6",fontWeight:"500",fontSize:"14px"}}}}),window.Frames.addEventHandler(window.Frames.Events.CARD_VALIDATION_CHANGED,e=>{t(e.isValid)}),window.Frames.addEventHandler(window.Frames.Events.CARD_TOKENIZATION_FAILED,e=>{var t,a;window.Frames.enableSubmitForm(),null===(a=p.current)||void 0===a||null===(t=a.reject)||void 0===t||t.call(a,e),p.current={resolve:null,reject:null},v({element_id:"paymonade_cko_card-tokenize-result",extraInfo:{s:"failed",data:JSON.stringify(e)}})}),window.Frames.addEventHandler(window.Frames.Events.CARD_TOKENIZED,e=>{var t,a;d(e),null===(a=p.current)||void 0===a||null===(t=a.resolve)||void 0===t||t.call(a,e),p.current={resolve:null,reject:null},v({element_id:"paymonade_cko_card-token-result",extraInfo:{s:"success",data:JSON.stringify(e)}})}),window.Frames.addEventHandler(window.Frames.Events.PAYMENT_METHOD_CHANGED,e=>{c(e.paymentMethod||"")}),window.Frames.addEventHandler(window.Frames.Events.FRAME_VALIDATION_CHANGED,e=>{m(t=>({...t,[i[e.element]]:!e.isValid}))}))},[v,h]),handleOnGetToken:x,setCardScheme:c}})},81786:(e,t,a)=>{a.d(t,{A:()=>r});let r={src:"https://static2.paymonade.tech/static/prod/paymonade-channel-ui/_next/static/media/visaCard.d9984578.svg",height:24,width:24,blurWidth:0,blurHeight:0}},95589:(e,t,a)=>{a.d(t,{$D:()=>o,Ay:()=>c,eV:()=>n,j4:()=>s,zL:()=>i});var r=a(44975),l=a(14232),d=a(34846);let n="card-form",s="card-pan",i="card-cvv",o="card-expiry",c=e=>{let{onWPConform:t,onWPConformError:a}=e,{t:s}=(0,d.Bd)(),{setWorldpayScriptReady:i,worldpayScriptReady:o}=(0,r.A)();return{init:(0,l.useCallback)(async()=>{let e=document.getElementById(n);window.Worldpay.checkout.init({id:"your-checkout-id",form:"#card-form",fields:{pan:{selector:"#card-pan",placeholder:s("EnterCardNumber")},cvv:{selector:"#card-cvv",placeholder:s("EnterCVV")},expiry:{selector:"#card-expiry",placeholder:"MM/YY"}},styles:{input:{color:"#1E2329","font-weight":"500","font-size":"14px",height:"48px"},"input.is-valid":{color:"#1E2329"},"input.is-invalid":{color:"#CF304A"},"input.is-onfocus":{color:"#1E2329"}},accessibility:{ariaLabel:{pan:"card number",expiry:"card number",cvv:"card cvv"},lang:{locale:"en-GB"},title:{enabled:!0,pan:"card number",expiry:"card expiry",cvv:"card cvv"}},acceptedCardBrands:["amex","diners","discover","jcb","maestro","mastercard","visa"]},function(r,l){if(r){console.error(r);return}e.addEventListener("submit",function(e){e.preventDefault(),l.generateSessionState(function(e,r){if(e){null==a||a({type:"error",error:e});return}null==t||t({type:"success",sessionState:r})})})})},[t,a,s]),loadScript:(0,l.useCallback)(()=>

1{if(!o){let e=document.createElement("script");e.src="https://try.access.worldpay.com/access-checkout/v1/checkout.js",e.async=!0,e.onload=()=>{setTimeout(()=>{i(!0)},0),console.log("Script loaded successfully")},e.onerror=()=>{console.error("Script failed to load")},document.head.appendChild(e)}},[i,o])}}}}]);