https://goso.ma/_next/static/chunks/6675-aa103eec4f754f6f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6675],{36675:(e,t,n)=>{n.r(t),n.d(t,{default:()=>X});var a=n(37876),r=n(14232),i=n(28343),l=n(85779),o=n(67282),s=n(35268),c=n(84812),d=n(60795),p=n(66703),x=n(35003),m=n(41316),h=n(24779),u=n(7227),y=n(7579),g=n(22533),f=n(52904),j=n(35502),b=n(97914),A=n(89099),v=n(74695),_=n(62320),w=n(31450),k=n(75325);let C={src:"/_next/static/media/cod2.312876f9.svg"},P={src:"/_next/static/media/wallet.9d5aa44a.svg"},S=(0,s.Ay)(c.A)(e=>{let{theme:t,value:n,paymentMethod:a}=e,r=(null==n?void 0:n.id)===(null==a?void 0:a.id);return{minHeight:"36px",padding:"6px 14px",borderRadius:"999px",textTransform:"none",fontSize:"13px",fontWeight:600,lineHeight:1.2,border:"1px solid ".concat(r?t.palette.primary.main:(0,g.X4)(t.palette.neutral[400],.25)),boxShadow:"none",color:r?t.palette.primary.main:t.palette.text.primary,background:r?(0,g.X4)(t.palette.primary.main,.08):t.palette.background.paper,"&:hover":{background:(0,g.X4)(t.palette.primary.main,.12),borderColor:t.palette.primary.main,color:t.palette.primary.main,boxShadow:"none"}}}),W=(0,s.Ay)(d.A)(e=>{let{theme:t,selected:n}=e;return{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:"10px",padding:"14px 12px",height:"100%",borderRadius:"10px",cursor:"pointer",border:"1px solid ".concat(n?(0,g.X4)(t.palette.primary.main,.4):(0,g.X4)(t.palette.neutral[400],.25)),backgroundColor:n?(0,g.X4)(t.palette.primary.main,.06):t.palette.background.paper,transition:"border-color 0.15s, background-color 0.15s","&:hover":{borderColor:(0,g.X4)(t.palette.primary.main,.4),backgroundColor:(0,g.X4)(t.palette.primary.main,.04)}}}),z=(0,s.Ay)(d.A)(e=>{let{bgcolor:t}=e;return{width:36,height:36,borderRadius:"50%",justifyContent:"center",alignItems:"center",flexShrink:0,backgroundColor:t}}),I=e=>{var t,n,i,s,I,M,X,O;let{paymentMethod:T,setPaymentMethod:R,paidBy:B,orderPlace:D,isLoading:E,zoneData:H,forprescription:N,configData:F,orderType:L,parcel:U,offlinePaymentOptions:V,setPaymentMethodImage:Y,getParcelPayment:J,setOpen:Z,setSelectedPaymentMethod:q,payableAmount:G,walletBalance:K}=e,Q=(0,j.g)();(0,A.useRouter)();let $=(0,p.A)(),ee=(0,r.useRef)(null),et=(0,v.wA)(),{offlineMethod:en,offlineInfoStep:ea}=(0,v.d4)(e=>e.offlinePayment),[er,ei]=(0,r.useState)(""!==en),[el,eo]=(0,r.useState)(!1);(0,r.useEffect)(()=>{er||eo(!1)},[er]);let es=(null==F?void 0:F.customer_wallet_status)===1&&Q&&"receiver"!==B&&"true"!==N&&K>0,ec=(null==F?void 0:F.cash_on_delivery)&&(null==(t=J()[0])?void 0:t.cash_on_delivery),ed=ec?6:12,ep=es?6:12,ex=e=>{et((0,_.JB)(e)),et((0,_.im)(1)),ei(!0),R("offline_payment")},em=()=>{var e,t;let n=!el;if(eo(n),n){let e=Array.isArray(V)?null==V?void 0:V[0]:null==(t=Object.values(V||{}))?void 0:t[0];!e||en&&(null==en?void 0:en.id)?e&&(ei(!0),R("offline_payment")):ex(e)}null==(e=ee.current)||e.scrollIntoView({behavior:"smooth",block:"end"})};return(0,a.jsxs)(d.A,{spacing:0,ref:ee,children:[(0,a.jsxs)(d.A,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",gap:1,pb:2.5,children:[(0,a.jsxs)(d.A,{spacing:.4,sx:{minWidth:0,flex:1},children:[(0,a.jsx)(x.A,{fontSize:{xs:"17px",md:"19px"},fontWeight:700,color:"text.primary",lineHeight:1.2,children:(0,b.t)("Payment Method")}),(0,a.jsx)(x.A,{fontSize:"13px",color:"text.secondary",children:(0,b.t)("Select a payment method to proceed.")})]}),null!=G&&(0,a.jsxs)(d.A,{alignItems:"flex-end",sx:{flexShrink:0},children:[(0,a.jsx)(x.A,{fontSize:"11px",fontWeight:600,color:"text.secondary",sx:{textTransform:"uppercase",letterSpacing:"0.6px"},children:(0,b.t)("Total")}),(0,a.jsx)(x.A,{fontSize:{xs:"17px",md:"19px"},fontWeight:700,color:"primary.main",children:(0,w.Yi)(G)})]})]}),(es||ec)&&(0,a.jsxs)(m.Ay,{container:!0,spacing:1.5,sx:{mb:2},children:[es&&(0,a.jsx)(m.Ay,{item:!0,xs:12,sm:ed,children:(0,a.jsxs)(W,{selected:+("wallet"===T),onClick:()=>R("wallet"),children:[(0,a.jsxs)(d.A,{direction:"row",alignItems:"center",gap:1.25,children:[(0,a.jsx)(z,{bgcolor:(null==(n=$.palette.customColor)?void 0:n.parcelWallet)||$.palette.primary.light,children:(0,a.jsx)(f.A,{width:"20px",height:"20px",objectfit:"contain",src:P.src})}),(0,a.jsxs)(d.A,{spacing:.25,children:[(0,a.jsx)(x.A,{fontSize:"14px",fontWeight:600,color:"text.primary",children:(0,b.t)("Pay via Wallet")}),null!=K&&(0,a.jsxs)(x.A,{fontSize:"12px",fontWeight:600,color:"primary.main",children:[(0,b.t)("Balance"),": ",(0,w.Yi)(K)]})]})]}),(0,a.jsx)(h.A,{sx:{color:"neutral.400",p:0},checked:"wallet"===T,onChange:()=>R("wallet")})]})}),ec&&(0,a.jsx)(m.Ay,{item:!0,xs:12,sm:ep,children:(0,a.jsxs)(W,{selected:+("cash_on_delivery"===T),onClick:()=>R("cash_on_delivery"),children:[(0,a.jsxs)(d.A,{direction:"row",alignItems:"center",gap:1.25,children:[(0,a.jsx)(z,{bgcolor:$.palette.primary.main,children:(0,a.jsx)(f.A,{width:"22px",height:"22px",objectfit:"contain",src:C.src})}),(0,a.jsx)(x.A,{fontSize:"14px",fontWeight:600,color:"text.primary",children:(0,b.t)("Cash on delivery")})]}),(0,a.jsx)(h.A,{sx:{color:"neutral.400",p:0},checked:"cash_on_delivery"===T,onChange:()=>R("cash_on_delivery")})]})})]}),"receiver"!==B&&"true"!==N&&(null==F||null==(i=F.digital_payment_info)?void 0:i.digital_payment)&&(null==(s=J()[0])?void 0:s.digital_payment)&&(0,a.jsxs)(d.A,{spacing:1.25,mb:2,children:[(0,a.jsxs)(d.A,{direction:"row",alignItems:"baseline",gap:.75,children:[(0,a.jsx)(x.A,{fontSize:{xs:"13px",md:"14px"},fontWeight:700,color:"text.primary",children:(0,b.t)("Pay Via Online")}),(0,a.jsxs)(x.A,{fontSize:"12px",color:"text.secondary",children:["(",(0,b.t)("Faster & secure way to pay bill"),")"]})]}),(0,a.jsx)(d.A,{direction:"row",flexWrap:"wrap",gap:1.5,children:null==F||null==(I=F.active_payment_method_list)?void 0:I.map((e,t)=>{var n,r;return(0,a.jsx)(d.A,{sx:{flex:"1 1 calc(50% - 6px)",minWidth:"140px",borderRadius:"10px",border:"1px solid ".concat(T===(null==e?void 0:e.gateway)?(0,g.X4)($.palette.primary.main,.4):(0,g.X4)($.palette.neutral[400],.25)),backgroundColor:T===(null==e?void 0:e.gateway)?(0,g.X4)($.palette.primary.main,.06):$.palette.background.paper,transition:"border-color 0.15s, background-color 0.15s",px:1,"& .MuiFormControl

1Label-root":{marginInlineStart:0}},children:(0,a.jsx)(k.A,{parcel:U,paymentType:null==e?void 0:e.gateway_title,image:null==e?void 0:e.gateway_image_full_url,paymentMethod:T,setPaymentMethod:R,setIsCheckedOffline:ei,paidBy:B,type:null==e?void 0:e.gateway,digitalPaymentMethodActive:null==F||null==(n=F.digital_payment_info)?void 0:n.digital_payment,imageUrl:null==F||null==(r=F.base_urls)?void 0:r.gateway_image_url})},t)})})]}),(null==(M=J()[0])?void 0:M.offline_payment)&&void 0!==V&&(null==(O=Object)||null==(X=O.keys(V))?void 0:X.length)!==0&&(null==F?void 0:F.offline_payment_status)===1&&"receiver"!==B&&(0,a.jsx)(d.A,{mb:2.5,children:(0,a.jsxs)(d.A,{sx:{padding:"12px 14px",borderRadius:"12px",cursor:"pointer",gap:"12px",border:"1px solid ".concat("offline_payment"===T?(0,g.X4)($.palette.primary.main,.4):(0,g.X4)($.palette.neutral[400],.25)),backgroundColor:"offline_payment"===T?(0,g.X4)($.palette.primary.main,.06):$.palette.background.paper,transition:"border-color 0.15s, background-color 0.15s"},onClick:em,children:[(0,a.jsxs)(d.A,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:1,children:[(0,a.jsxs)(d.A,{direction:"row",alignItems:"center",gap:1.25,sx:{minWidth:0,flex:1},children:[(0,a.jsx)(h.A,{sx:{p:0,color:"neutral.400"},checked:er,onClick:e=>{e.stopPropagation(),em()}}),(0,a.jsxs)(d.A,{spacing:.25,sx:{minWidth:0},children:[(0,a.jsx)(x.A,{fontSize:"14px",fontWeight:600,color:"text.primary",children:(0,b.t)("Pay Offline")}),(0,a.jsx)(x.A,{fontSize:"12px",color:"text.secondary",children:(0,b.t)("Select an option from below.")})]})]}),(0,a.jsx)(u.A,{placement:"left",title:"Offline Payment! Now, with just a click of a button, you can make secure transactions. It's simple, convenient, and reliable.",children:(0,a.jsx)(l.A,{sx:{fontSize:18,color:"primary.main",flexShrink:0}})})]}),el&&(0,a.jsx)(d.A,{direction:"row",flexWrap:"wrap",gap:1,children:null==V?void 0:V.map((e,t)=>(0,a.jsx)(S,{value:e,paymentMethod:en,onClick:t=>{t.stopPropagation(),ex(e)},children:(0,a.jsx)(x.A,{fontSize:"12px",textTransform:"capitalize",children:e.method_name})},t))})]})}),(0,a.jsx)(y.A,{sx:{mb:2}}),(0,a.jsxs)(d.A,{direction:"row",gap:1.5,justifyContent:"flex-end",children:[(0,a.jsx)(c.A,{variant:"outlined",onClick:()=>Z(!1),sx:{minWidth:90,borderRadius:"8px",textTransform:"none",fontWeight:600,borderColor:$.palette.divider,color:"text.secondary","&:hover":{borderColor:"text.secondary"}},children:(0,b.t)("Cancel")}),B&&(0,a.jsx)(o.A,{variant:"contained",disableElevation:!0,onClick:()=>{q(T),Z(!1)},loading:E,sx:{minWidth:90,borderRadius:"8px",textTransform:"none",fontWeight:600},children:(0,b.t)("Update")})]})]})};var M=n(10819);let X=e=>{let{paymentMethod:t,setPaymentMethod:n,paidBy:r,orderPlace:l,isLoading:o,zoneData:s,forprescription:c,configData:d,orderType:p,parcel:x,setOpenModel:m,offlinePaymentOptions:h,usePartialPayment:u,setPaymentMethodImage:y,setSwitchToWallet:g,isZoneDigital:f,getParcelPayment:j,handlePartialPayment:b,walletBalance:A,removePartialPayment:v,switchToWallet:_,customerData:w,payableAmount:k,changeAmount:C,setChangeAmount:P,failed:S,failedOrderPlace:W,setOpen:z,setSelectedPaymentMethod:X,onBeforeProceed:O}=e;return(0,a.jsx)(i.jB,{spacing:2,children:"true"===x?(0,a.jsx)(I,{setPaymentMethod:n,paymentMethod:t,zoneData:s,configData:d,orderType:p,parcel:x,paidBy:r,orderPlace:l,isLoading:o,offlinePaymentOptions:h,setPaymentMethodImage:y,getParcelPayment:j,setOpen:z,setSelectedPaymentMethod:X,payableAmount:k,walletBalance:A}):(0,a.jsx)(M.Ay,{failed:S,changeAmount:C,setChangeAmount:P,setPaymentMethod:n,paymentMethod:t,zoneData:s,configData:d,orderType:p,setOpenModel:m,usePartialPayment:u,forprescription:c,offlinePaymentOptions:h,setPaymentMethodImage:y,setSwitchToWallet:g,isZoneDigital:f,handlePartialPayment:b,walletBalance:A,removePartialPayment:v,switchToWallet:_,customerData:w,payableAmount:k,failedOrderPlace:W,onBeforeProceed:O})})}}}]);