1(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[2824],{72422:function(e,r,a){"use strict";var n=a(37762),t=a(29439),l=a(67033),s=a(47313),o=a(46417);r.Z=function(e){var r=e.value,a=e.onChange,i=e.compact,d=(0,s.useRef)(null),c=(0,s.useState)(!0),u=(0,t.Z)(c,2),m=u[0],p=u[1];return(0,s.useEffect)((function(){var e=d.current;if(e){var r=new ResizeObserver((function(e){var r,a=(0,n.Z)(e);try{for(a.s();!(r=a.n()).done;){var t=r.value;p(t.contentRect.width>=120)}}catch(l){a.e(l)}finally{a.f()}}));return r.observe(e),function(){return r.disconnect()}}}),[]),(0,o.jsx)("div",{ref:d,children:(0,o.jsx)(l.Z,{type:"text",className:"!rounded-[50px] !text-xs !py-2 !pr-8",placeholder:m?"Search":"",value:r,onChange:a,icon:(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:i?"w-3 h-3 xl:w-3.5 xl:h-3.5 text-color-secondary":"w-3.5 h-3.5 xl:w-4 xl:h-4 text-color-secondary",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})})})})}},11431:function(e){e.exports={Z_INDEX:{stickyHeader:5,popoverSm:10,actionBar:15,overlay:20,drawer:30,dialog:40,dialogContent:50,popover:60,tooltip:70,select:100}}},31795:function(e,r,a){"use strict";a.d(r,{g:function(){return l}});var n=a(29439),t=a(47313);function l(e,r){var a=(0,t.useState)(""),l=(0,n.Z)(a,2),s=l[0],o=l[1],i=(0,t.useState)([]),d=(0,n.Z)(i,2),c=d[0],u=d[1];(0,t.useEffect)((function(){var a=null!==e&&void 0!==e?e:[];s.length?u(a.filter((function(e){return r(e,s.toLowerCase())}))):u(a)}),[e]);return{searchKeyword:s,filteredItems:c,onSearch:function(a){var n=a.target.value;o(n),n.length?u((null!==e&&void 0!==e?e:[]).filter((function(e){return r(e,n.toLowerCase())}))):u(null!==e&&void 0!==e?e:[])},resetSearch:function(){o(""),u(null!==e&&void 0!==e?e:[])}}}},74953:function(e,r,a){"use strict";var n=a(29439),t=a(22644),l=a(11431),s=a(94146),o=a(67033),i=a(72422),d=a(31795),c=a(67847),u=a(47313),m=a(92122),p=a(46417);r.Z=function(e){var r,a=(0,u.useRef)(null),f=(0,u.useState)(!1),v=(0,n.Z)(f,2),x=v[0],h=v[1],_=(0,u.useState)(null),y=(0,n.Z)(_,2),g=y[0],j=y[1],b=(0,m.ZP)("bank-list",c.a3).data,w=(0,d.g)(null===b||void 0===b?void 0:b.data.data,(function(e,r){return e.name.toLowerCase().includes(r)})),Z=w.searchKeyword,N=w.filteredItems,k=w.onSearch,C=w.resetSearch;return(0,u.useEffect)((function(){var r;e.selected&&j(null!==(r=null===b||void 0===b?void 0:b.data.data.find((function(r){return r.id===e.selected})))&&void 0!==r?r:null)}),[e.selected]),(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(t.fC,{open:x,onOpenChange:function(e){h(e),e||C()},children:[(0,p.jsx)(t.xz,{asChild:!0,children:(0,p.jsx)(o.Z,{label:"Bank name",ref:a,value:null===g||void 0===g?void 0:g.name,labelClassName:e.labelClassName,errorMessage:e.errorMessage,icon:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",children:(0,p.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})}),readOnly:!0,type:"text",id:"bank_name",required:!0,className:"w-full cursor-pointer bg-transparent ",placeholder:"Bank name"})}),(0,p.jsxs)(t.VY,{sideOffset:10,className:(0,s.Z)("bg-white p-4 rounded-lg w-[195px] font-quicksand outline-none max-h-72 overflow-y-auto"),side:"bottom",align:"start",style:{boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.24)",width:null===(r=a.current)||void 0===r?void 0:r.offsetWidth,zIndex:l.Z_INDEX.select},children:[(0,p.jsx)(i.Z,{value:Z,onChange:k}),N.map((function(r){return(0,p.jsxs)("div",{className:"flex-row flex gap-2 py-3 items-center cursor-pointer group",onClick:function(){return function(r){var a;h(!1),j(r),null===(a=e.onChange)||void 0===a||a.call(e,r)}(r)},children:[(0,p.jsx)("div",{className:"w-4 h-4 rounded-full relative border-2 border-gray-500 group-hover:border-primary",children:(0,p.jsx)("span",{className:"absolute left-[2px] top-[2px] group-hover:bg-primary w-2 h-2 rounded-full "})}),(0,p.jsx)("p",{className:"text-color-general font-thin text-base",children:r.name})]},r.id)}
1))]})]})})}},38063:function(e,r,a){"use strict";var n=a(29439),t=a(22644),l=a(11431),s=a(94146),o=a(67033),i=a(72422),d=a(31795),c=a(67847),u=a(47313),m=a(92122),p=a(46417);r.Z=function(e){var r,a=(0,u.useRef)(null),f=(0,u.useState)(!1),v=(0,n.Z)(f,2),x=v[0],h=v[1],_=(0,u.useState)(null),y=(0,n.Z)(_,2),g=y[0],j=y[1],b=(0,m.ZP)("bill-payment-countries",c.Jb).data,w=(0,d.g)(null===b||void 0===b?void 0:b.data.data,(function(e,r){return e.name.toLowerCase().includes(r)||e.code.toLowerCase().includes(r)})),Z=w.searchKeyword,N=w.filteredItems,k=w.onSearch,C=w.resetSearch;return(0,u.useEffect)((function(){var r;e.selected&&j(null!==(r=null===b||void 0===b?void 0:b.data.data.find((function(r){return r.code===e.selected})))&&void 0!==r?r:null)}),[e.selected,null===b||void 0===b?void 0:b.data.data]),(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(t.fC,{open:x,onOpenChange:function(e){h(e),e||C()},children:[(0,p.jsx)(t.xz,{asChild:!0,children:(0,p.jsx)(o.Z,{label:"Country",ref:a,value:null===g||void 0===g?void 0:g.name,labelClassName:e.labelClassName,errorMessage:e.errorMessage,icon:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",children:(0,p.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})}),readOnly:!0,type:"text",id:"country_name",required:!0,className:"w-full cursor-pointer bg-transparent ",placeholder:"Country"})}),(0,p.jsxs)(t.VY,{sideOffset:10,className:(0,s.Z)("bg-white p-4 rounded-lg w-[195px] font-quicksand outline-none max-h-72 overflow-y-auto"),side:"bottom",align:"start",style:{boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.24)",width:null===(r=a.current)||void 0===r?void 0:r.offsetWidth,zIndex:l.Z_INDEX.select},children:[(0,p.jsx)(i.Z,{value:Z,onChange:k}),N.map((function(r){return(0,p.jsxs)("div",{className:"flex-row flex gap-2 py-3 items-center cursor-pointer group",onClick:function(){return function(r){var a;h(!1),j(r),null===(a=e.onChange)||void 0===a||a.call(e,r)}(r)},children:[(0,p.jsx)("div",{className:"w-4 h-4 rounded-full relative border-2 border-gray-500 group-hover:border-primary",children:(0,p.jsx)("span",{className:"absolute left-[2px] top-[2px] group-hover:bg-primary w-2 h-2 rounded-full "})}),(0,p.jsx)("p",{className:"text-color-general font-thin text-base",children:r.name})]},r.code)}))]})]})})}},52542:function(e,r,a){"use strict";var n=a(1413),t=(a(47313),a(46417));r.Z=function(e){return(0,t.jsxs)("svg",(0,n.Z)((0,n.Z)({xmlns:"http://www.w3.org/2000/svg"},e),{},{children:[(0,t.jsx)("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.53 4.15189C12.9983 4.4446 13.1407 5.06155 12.848 5.52989L8.33266 12.7342C7.82141 13.5522 6.68209 13.682 6 12.9999L3.29289 10.707C2.90237 10.3165 2.90237 9.68331 3.29289 9.29278C3.68342 8.90226 4.31658 8.90226 4.70711 9.29278L6.96978 11.1412L11.152 4.46989C11.4447 4.00155 12.0617 3.85918 12.53 4.15189Z",fill:"white"})]}))}},93449:function(e,r,a){"use strict";var n=a(93433),t=a(29439),l=a(22644),s=a(11431),o=a(94146),i=a(67033),d=a(41374),c=a(47313),u=a(46417);r.Z=function(e){var r,a=(0,c.useRef)(null),m=(0,d.Z)().enableForeignBankTransfer,p=(0,c.useState)([{id:1,name:"Local bank transfer"},{id:3,name:"Foreign bank transfer"},{id:2,name:"JomPAY"}]),f=(0,t.Z)(p,2),v=f[0],x=f[1],h=(0,c.useState)(!1),_=(0,t.Z)(h,2),y=_[0],g=_[1],j=(0,c.useState)(null),b=(0,t.Z)(j,2),w=b[0],Z=b[1];(0,c.useEffect)((function(){var r;Z(null!==(r=v.find((function(r){return r.id===e.selected})))&&void 0!==r?r:null)}),[e.selected]);return(0,c.useEffect)((function(){m||x((function(e){return(0,n.Z)(e).filter((function(e){return 3!==e.id}))}))}),[m]),(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(l.fC,{open:y,onOpenChange:g,children:[(0,u.jsx)(l.xz,{asChild:!0,children:(0,u.jsx)(i.Z,{label:"Payment type",ref:a,value:null===w||void 0===w?void 0:w.name,labelClassName:e.labelClassName,errorMessage:e.errorMessage,icon:(0,u.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",children:(0,u.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})}
1),readOnly:!0,type:"text",id:"payment_method",required:!0,className:"w-full cursor-pointer bg-transparent ",placeholder:"Choose one"})}),(0,u.jsx)(l.VY,{sideOffset:10,className:(0,o.Z)("bg-white p-4 rounded-lg w-[195px] font-quicksand outline-none max-h-72 overflow-y-auto"),side:"bottom",align:"start",style:{boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.24)",width:null===(r=a.current)||void 0===r?void 0:r.offsetWidth,zIndex:s.Z_INDEX.select},children:null===v||void 0===v?void 0:v.map((function(r){return(0,u.jsxs)("div",{className:"flex-row flex gap-2 py-3 items-center cursor-pointer group",onClick:function(){return function(r){var a;g(!1),Z(r),null===(a=e.onChange)||void 0===a||a.call(e,r.id)}(r)},children:[(0,u.jsx)("div",{className:(0,o.Z)("w-4 h-4 rounded-full relative border-2 group-hover:border-primary",{"border-primary":r.id===(null===w||void 0===w?void 0:w.id)},{"border-gray-500":r.id!==(null===w||void 0===w?void 0:w.id)}),children:(0,u.jsx)("span",{className:(0,o.Z)("absolute left-[2px] top-[2px] group-hover:bg-primary w-2 h-2 rounded-full ",{"bg-primary":r.id===(null===w||void 0===w?void 0:w.id)})})}),(0,u.jsx)("p",{className:"text-color-general font-thin text-base",children:r.name})]},r.id)}))})]})})}},12824:function(e,r,a){"use strict";a.d(r,{Z:function(){return w}});var n=a(1413),t=a(74165),l=a(15861),s=a(29439),o=a(30617),i=a(67033),d=a(67847),c=a(41374),u=a(47313),m=a(75627),p=a(93449),f=a(74953),v=a(46417),x=function(e){var r,a,t,l,s,o,d,c=e.register,u=e.errors,m=e.onChangeBank;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("input",(0,n.Z)({type:"hidden"},c("payment_details.bank_id",{required:"Field is mandatory"}))),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Account name holder ",type:"text",id:"registered_name",errorMessage:null===(r=u.registered_name)||void 0===r?void 0:r.message,className:"w-full cursor-pointer ",placeholder:"Account name holder"},c("registered_name",{required:"Field is mandatory"})))}),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(f.Z,{onChange:m,errorMessage:null===(a=u.payment_details)||void 0===a||null===(t=a.bank_id)||void 0===t?void 0:t.message})}),(0,v.jsxs)("div",{className:"flex flex-row gap-4",children:[(0,v.jsx)("div",{className:"form-area flex-1",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Bank account number",type:"text",id:"bank_acc_num",errorMessage:null===(l=u.payment_details)||void 0===l||null===(s=l.bank_acc_num)||void 0===s?void 0:s.message,className:"w-full cursor-pointer ",placeholder:"Bank account number"},c("payment_details.bank_acc_num",{required:"Field is mandatory"})))}),(0,v.jsx)("div",{className:"form-area flex-1",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"SWIFT code ",type:"text",id:"bank_swift_code",errorMessage:null===(o=u.payment_details)||void 0===o||null===(d=o.bank_swift_code)||void 0===d?void 0:d.message,className:"w-full cursor-pointer ",placeholder:"SWIFT code",readOnly:!0},c("payment_details.bank_swift_code",{required:"Field is mandatory"})))})]})]})},h=a(37793),_=a(76374),y=a(28745),g=function(e){var r,a,t,l,s,o,d=e.register,c=e.errors,u=e.accountNumberRegistration,m=e.ref2Registration;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Biller code",type:"text",id:"jompay_biller_code",errorMessage:null===(r=c.payment_details)||void 0===r||null===(a=r.jompay_biller_code)||void 0===a?void 0:a.message,className:"w-full cursor-pointer "},d("payment_details.jompay_biller_code",{required:"Field is mandatory"})))}),(0,v.jsxs)("div",{className:"flex flex-row gap-4",children:[(0,v.jsx)("div",{className:"form-area flex-1",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Ref-1",type:"text",id:"jompay_reference_code_1",errorMessage:null===(t=c.payment_details)||void 0===t||null===(l=t.jompay_reference_code_1)||void 0===l?void 0:l.message,className:"w-full cursor-pointer "},u))}),(0,v.jsx)("div",{className:"form-area flex-1",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Ref-2",labelContainerClassName:"flex flex-row justify-between items-center",labelChildren:(0,v.jsxs)("div",{id:"jompay-tooltip","data-tip":"some billers require a secondary reference code",children:[(0,v.jsx)(y.Z,{place:"left",backgroundColor:"#DADADA",textColor:"#333333",className:" max-w-xl"}),(0,v.jsx)(_.Z,{className:"w-5 h-5 text-gray-500"})]}),type:"text",id:"jompay_reference_code_2",errorMessage:null===(s=c.payment_details)||void 0===s||null===(o=s.jompay_reference_code_2)||void 0===o?void 0:o.message,className:"w-full cursor-pointer "},m))})]})]})},j=a(38063),b=function(e){var r,a,t,l,s,o,d,c,u,m,p,f,x,h=e.register,_=e.errors,y=e.onCh
1angeCountry;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Registered name ",type:"text",id:"registered_name",errorMessage:null===(r=_.registered_name)||void 0===r?void 0:r.message,className:"w-full cursor-pointer ",placeholder:"Registered name"},h("registered_name",{required:"Field is mandatory"})))}),(0,v.jsx)("input",(0,n.Z)({type:"hidden"},h("payment_details.country",{required:"Field is mandatory"}))),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Account name holder ",type:"text",id:"account_name_holder",errorMessage:null===(a=_.payment_details)||void 0===a||null===(t=a.account_name_holder)||void 0===t?void 0:t.message,className:"w-full cursor-pointer ",placeholder:"Account name holder"},h("payment_details.account_name_holder",{required:"Field is mandatory"})))}),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(j.Z,{onChange:y,errorMessage:null===(l=_.payment_details)||void 0===l||null===(s=l.country)||void 0===s?void 0:s.message})}),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Bank Name",type:"text",id:"bank_name",errorMessage:null===(o=_.payment_details)||void 0===o||null===(d=o.bank_name)||void 0===d?void 0:d.message,className:"w-full cursor-pointer ",placeholder:"Bank Name"},h("payment_details.bank_name",{required:"Field is mandatory"})))}),(0,v.jsxs)("div",{className:"flex flex-row gap-4",children:[(0,v.jsx)("div",{className:"form-area flex-1",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Bank account number",type:"text",id:"bank_acc_num",errorMessage:null===(c=_.payment_details)||void 0===c||null===(u=c.bank_acc_num)||void 0===u?void 0:u.message,className:"w-full cursor-pointer ",placeholder:"Bank account number"},h("payment_details.bank_acc_num",{required:"Field is mandatory"})))}),(0,v.jsx)("div",{className:"form-area flex-1",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"SWIFT/Sort/BIC Code",type:"text",id:"code",errorMessage:null===(m=_.payment_details)||void 0===m||null===(p=m.code)||void 0===p?void 0:p.message,className:"w-full cursor-pointer ",placeholder:"SWIFT code"},h("payment_details.code",{required:"Field is mandatory"})))})]}),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Bank address in foreign country ",type:"text",id:"bank_address",errorMessage:null===(f=_.payment_details)||void 0===f||null===(x=f.bank_address)||void 0===x?void 0:x.message,className:"w-full cursor-pointer ",placeholder:"Bank address in foreign country"},h("payment_details.bank_address",{required:"Field is mandatory"})))})]})},w=function(e){var r,a,f,_,y,j,w,Z,N,k,C=e.open,S=e.onOpenChange,M=e.onSuccess,B=e.mutate,q=(0,m.cI)({mode:"onChange",defaultValues:{currency_accepted:"MYR"}}),F=q.register,L=q.setValue,R=q.setError,E=q.clearErrors,V=q.watch,A=q.formState,I=A.errors,O=A.isValid,D=q.handleSubmit,W=q.reset,z=(0,u.useState)(!1),Y=(0,s.Z)(z,2),P=Y[0],T=Y[1],X=(0,u.useState)("idle"),K=(0,s.Z)(X,2),J=K[0],H=K[1],$=(0,u.useState)("idle"),G=(0,s.Z)($,2),Q=G[0],U=G[1],ee=(0,u.useState)(),re=(0,s.Z)(ee,2),ae=re[0],ne=re[1],te=(0,u.useState)(!1),le=(0,s.Z)(te,2),se=le[0],oe=le[1],ie=(0,u.useState)(null),de=(0,s.Z)(ie,2),ce=de[0],ue=de[1],me=(0,c.Z)().enableJompayBillerSearch,pe=(0,u.useMemo)((function(){return 1===ae}),[ae]),fe=(0,u.useMemo)((function(){return 2===ae}),[ae]),ve=(0,u.useMemo)((function(){return 3===ae}),[ae]);(0,u.useEffect)((function(){F("currency_accepted")}),[]),(0,u.useEffect)((function(){fe&&me&&(0,d.SN)("").catch((function(){})),ue(null),oe(!1),H("idle"),U("idle"),L("payment_details.jompay_reference_code_1",""),L("payment_details.jompay_reference_code_2","")}),[fe,me]);var xe=F("payment_details.jompay_biller_code",{required:!!fe&&"Field is mandatory"}),he=F("payment_details.jompay_reference_code_1",{required:!!fe&&"Field is mandatory"}),_e=(0,u.useRef)(!1),ye=function(){var e=(0,l.Z)((0,t.Z)().mark((function e(){var r,a,n,l,s;return(0,t.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(a=null===(r=V("payment_details.jompay_reference_code_1"))||void 0===r?void 0:r.trim(),(n=V("payment_details.jompay_biller_code"))&&a){e.next=4;break}return e.abrupt("return");case 4:if(!_e.current){e.next=6;break}return e.abrupt("return");case 6:return _e.current=!0,H("validating"),e.prev=8,e.next=11,(0,d.YD)({account_number:a,biller_code:n});case 11:l=e.sent,"Ref-2 is required"===(s=l.data.data.error_message)?(H("valid"),oe(!0),E("payment_details.jompay_reference_code_1")):"Invalid account no"===s?(H("invalid"),R("payment_details.jompay_reference_code_1",{message:"Account number is invali
1d"})):(H("valid"),E("payment_details.jompay_reference_code_1")),e.next=19;break;case 16:e.prev=16,e.t0=e.catch(8),H("idle");case 19:return e.prev=19,_e.current=!1,e.finish(19);case 22:case"end":return e.stop()}}),e,null,[[8,16,19,22]])})));return function(){return e.apply(this,arguments)}}(),ge=F("payment_details.jompay_reference_code_2"),je=function(){var e=(0,l.Z)((0,t.Z)().mark((function e(){var r,a,n,l,s,o;return(0,t.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=null===(r=V("payment_details.jompay_reference_code_1"))||void 0===r?void 0:r.trim(),l=V("payment_details.jompay_biller_code"),s=null===(a=V("payment_details.jompay_reference_code_2"))||void 0===a?void 0:a.trim(),l&&n&&s){e.next=5;break}return e.abrupt("return");case 5:if(!_e.current){e.next=7;break}return e.abrupt("return");case 7:return _e.current=!0,U("validating"),e.prev=9,e.next=12,(0,d.YD)({account_number:n,biller_code:l,ref2:s});case 12:o=e.sent,"Invalid account no"===o.data.data.error_message?(U("invalid"),R("payment_details.jompay_reference_code_2",{message:"Account number is invalid"}
1)):(U("valid"),E("payment_details.jompay_reference_code_2")),e.next=20;break;case 17:e.prev=17,e.t0=e.catch(9),U("idle");case 20:return e.prev=20,_e.current=!1,e.finish(20);case 23:case"end":return e.stop()}}),e,null,[[9,17,20,23]])})));return function(){return e.apply(this,arguments)}}();(0,u.useEffect)((function(){W(),ne(void 0),H("idle"),U("idle")}),[C]);var be=function(){var e=(0,l.Z)((0,t.Z)().mark((function e(r){var a,n,l,s,o;return(0,t.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(pe&&(delete r.payment_details.jompay_biller_code,delete r.payment_details.jompay_reference_code_1,delete r.payment_details.jompay_reference_code_2),fe&&(delete r.payment_details.bank_id,delete r.payment_details.bank_name,delete r.payment_details.bank_acc_num,delete r.payment_details.bank_swift_code,me&&(r.payment_details.min_amount=null!==(a=null===ce||void 0===ce?void 0:ce.min_amount)&&void 0!==a?a:null,r.payment_details.max_amount=null!==(n=null===ce||void 0===ce?void 0:ce.max_amount)&&void 0!==n?n:null)),e.prev=2,T(!0),l=void 0,!ve){e.next=12;break}return e.next=8,(0,d.j7)(r);case 8:s=e.sent,l=s.data.data.vendor_id,e.next=16;break;case 12:return e.next=14,(0,d.P4)(r);case 14:o=e.sent,l=o.data.data.vendor_id;case 16:null===S||void 0===S||S(!1),null===M||void 0===M||M(l),null===B||void 0===B||B(),e.next=24;break;case 21:e.prev=21,e.t0=e.catch(2),T(!1);case 24:T(!1);case 25:case"end":return e.stop()}}),e,null,[[2,21]])})));return function(r){return e.apply(this,arguments)}}();return(0,v.jsx)(o.Vq,{open:C,onOpenChange:S,children:(0,v.jsx)(o.cZ,{className:" w-full md:w-[516px] p-6 rounded-3xl font-quicksand",style:{boxShadow:"0px 0px 24px rgba(0, 0, 0, 0.16)"},children:(0,v.jsxs)("form",{onSubmit:D(be),onKeyDown:function(e){"Enter"===e.code&&e.preventDefault()},children:[(0,v.jsxs)("div",{className:"flex flex-row justify-between items-center",children:[(0,v.jsx)("p",{className:"text-lg text-color-primary font-semibold",children:"Add new Vendor"}),(0,v.jsx)("svg",{onClick:function(){return null===S||void 0===S?void 0:S(!1)},xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6 cursor-pointer",children:(0,v.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})]}),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(p.Z,{onChange:ne})}),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Vendor name",type:"text",id:"name",className:"w-full",placeholder:"Vendor Name",errorMessage:null===(r=I.vendor_name)||void 0===r?void 0:r.message},F("vendor_name",{required:"Field is mandatory"})))}),(0,v.jsx)("div",{className:"form-area",children:(0,v.jsx)(i.Z,(0,n.Z)({label:"Email Address (Optional)",type:"text",id:"email_address",className:"w-full ",placeholder:"Vendor Email",errorMessage:null===(a=I.email_address)||void 0===a?void 0:a.message},F("email_address",{pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"Please enter a valid email address format"}})))}),pe&&(0,v.jsx)(x,{register:F,errors:I,onChangeBank:function(e){L("payment_details.bank_id",e.id,{shouldValidate:!0}),L("payment_details.bank_swift_code",e.swift_code,{shouldValidate:!0})}}),fe&&me&&(0,v.jsx)(h.Z,{billerCodeRegistration:xe,billerCodeErrorMessage:null===(f=I.payment_details)||void 0===f||null===(_=f.jompay_biller_code)||void 0===_?void 0:_.message,selectedBiller:ce,onSelectBiller:function(e){L("payment_details.jompay_biller_code",e.biller_code,{shouldValidate:!0}),L("vendor_name",e.display_name,{shouldValidate:!0}),L("payment_details.jompay_reference_code_1",""),L("payment_details.jompay_reference_code_2",""),ue(e),oe(!1),H("idle"),U("idle"),E("payment_details.jompay_reference_code_1"),E("payment_details.jompay_reference_code_2")},ref1:{registration:he,value:null!==(y=V("payment_details.jompay_reference_code_1"))&&void 0!==y?y:"",errorMessage:null===(j=I.payment_details)||void 0===j||null===(w=j.jompay_reference_code_1)||void 0===w?void 0:w.message,status:J,onValidate:ye,onChange:function(){H("idle"),U("idle"),E("payment_details.jompay_reference_code_1")},busy:"validating"===Q,visible:!0},ref2:{registration:ge,value:null!==(Z=V("payment_details.jompay_reference_code_2"))&&void 0!==Z?Z:"",errorMessage:null===(N=I.payment_details)||void 0===N||null===(k=N.jompay_reference_code_2)||void 0===k?void 0:k.message,status:Q,onValidate:je,onChange:function(){U("idle"),E("payment_details.jompay_reference_code_2")},required:se,busy:"validating"===J,visible:"valid"===J}}),fe&&!me&&(0,v.jsx)(g,{register:F,errors:I,accountNumberRegistration:he,ref2Registration:ge}),ve&&(0,v.jsx)(b,{register:F,errors:I,onChangeCountry:function(e){L("payment_details.country",e.code,{shouldValidate:!0})}}),(0,v.jsxs)("div",{className:"flex flex-row justify-end items-center",children:[(0,v.jsx)("button",{onClick:function(){return null===S||void 0===S?void 0:S(!1)},className:"btn btn-link no-underline",children:"Cancel"}),(0,v.jsx)("button",{disabled:P||!O||fe&&me&&("valid"!==J||se&&"valid"!==Q),type:"submit",className:"btn btn-link no-underline disabled:opacity-25",children:P?"Please wait":"Continue"})]})]})})})}},37793:function(e,r,a){"use strict";a.d(r,{Z:function(){return S}});var n=a(1413),t=a(76374),l=a(67033),s=a(52542),o=a(45987),i=a(47313),d=a(94146),c=a(46417),u=["className"],m=function(e){var r=e.className,a=(0,o.Z)(e,u);return(0,c.jsxs)("svg",(0,n.Z)((0,n.Z)({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",className:(0,d.Z)(r)},a),{},{children:[(0,c.jsx)("circle",{cx:"12",cy:"12",r:"9",fill:"#EF4444"}),(0,c.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5,stroke:"white",fill:"none",d:"M9 9l6 6m0-6l-6 6"})]}))}
1,p=a(61300),f=a(28745),v=a(74165),x=a(15861),h=a(29439),_=a(22644),y=a(11431),g=a(72422),j=a(96138),b=a(67847),w=a(80936),Z=a.n(w),N=function(e){var r=e.item,a=e.onClick;return(0,c.jsxs)("div",{className:"flex-row flex gap-2 py-3 items-center cursor-pointer group",onClick:a,children:[(0,c.jsx)("div",{className:"w-4 h-4 rounded-full relative border-2 border-gray-500 group-hover:border-primary",children:(0,c.jsx)("span",{className:"absolute left-[2px] top-[2px] group-hover:bg-primary w-2 h-2 rounded-full "})}),(0,c.jsx)("div",{className:"flex flex-col",children:(0,c.jsx)("p",{className:"text-color-general font-thin text-base",children:r.display_name})})]})},k=function(e){var r,a,n=e.selectedBiller,t=e.errorMessage,s=e.labelClassName,o=e.onSelectBiller,u=(0,i.useRef)(null),m=(0,i.useState)(!1),p=(0,h.Z)(m,2),f=p[0],w=p[1],k=(0,i.useState)(""),C=(0,h.Z)(k,2),S=C[0],M=C[1],B=(0,i.useState)([]),q=(0,h.Z)(B,2),F=q[0],L=q[1],R=(0,i.useState)(!1),E=(0,h.Z)(R,2),V=E[0],A=E[1],I=(0,i.useMemo)((function(){return Z()(function(){var e=(0,x.Z)((0,v.Z)().mark((function e(r){var a;return(0,v.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return A(!0),e.prev=1,e.next=4,(0,b.SN)(r);case 4:a=e.sent,L(a.data.data),e.next=10;break;case 8:e.prev=8,e.t0=e.catch(1);case 10:return e.prev=10,A(!1),e.finish(10);case 13:case"end":return e.stop()}}),e,null,[[1,8,10,13]])})));return function(r){return e.apply(this,arguments)}}(),300)}),[]);(0,i.useEffect)((function(){return function(){return I.cancel()}}),[]);return(0,c.jsxs)(_.fC,{open:f,onOpenChange:function(e){w(e),e?(I.cancel(),I(S)):M("")},children:[(0,c.jsx)(_.xz,{asChild:!0,children:(0,c.jsx)(l.Z,{label:"Biller",ref:u,value:null!==(r=null===n||void 0===n?void 0:n.display_name)&&void 0!==r?r:"",labelClassName:s,errorMessage:t,icon:(0,c.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",children:(0,c.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})}),readOnly:!0,type:"text",id:"jompay_biller_code",className:"w-full cursor-pointer bg-transparent ",placeholder:"Biller name or code"})}),(0,c.jsxs)(_.VY,{sideOffset:10,onOpenAutoFocus:function(e){return e.preventDefault()},className:(0,d.Z)("bg-white p-4 rounded-lg w-[195px] font-quicksand outline-none max-h-72 overflow-y-auto"),side:"top",align:"start",style:{boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.24)",width:null===(a=u.current)||void 0===a?void 0:a.offsetWidth,zIndex:y.Z_INDEX.select},children:[(0,c.jsx)(g.Z,{value:S,onChange:function(e){var r=e.target.value;M(r),I(r)}}),V?(0,c.jsx)("div",{className:"flex justify-center py-3",children:(0,c.jsx)(j.Z,{})}):F.length?F.map((function(e){return(0,c.jsx)(N,{item:e,onClick:function(){return r=e,I.cancel(),w(!1),void o(r);var r}},e.biller_code)})):(0,c.jsx)("p",{className:"font-thin text-sm text-gray-400",children:"No matches"})]})]})},C=function(e){var r=e.value,a=e.field;return a.visible?"validating"===a.status?(0,c.jsx)("div",{className:"pointer-events-none flex items-center justify-center w-6 h-6 rounded-md bg-secondary",children:(0,c.jsx)(p.L,{width:14,height:14})}):"valid"===a.status?(0,c.jsx)(s.Z,{className:"w-4 h-4 pointer-events-none",color:"#27D8B2"}):"invalid"===a.status?(0,c.jsx)(m,{className:"w-6 h-6 pointer-events-none"}):r.trim()?(0,c.jsx)("button",{type:"button",disabled:a.busy,onClick:a.onValidate,className:"pointer-events-auto whitespace-nowrap rounded-md bg-secondary px-3 py-1 text-sm text-white disabled:opacity-50",children:"Validate"}):null:null},S=function(e){var r=e.billerCodeRegistration,a=e.billerCodeErrorMessage,s=e.selectedBiller,o=e.onSelectBiller,i=e.ref1,d=e.ref2,u=d.required&&!d.value.trim()?"This field is required":void 0,m=null!==u&&void 0!==u?u:d.errorMessage;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("input",(0,n.Z)({type:"hidden"},r)),(0,c.jsx)("div",{className:"form-area",children:(0,c.jsx)(k,{selectedBiller:s,errorMessage:a,onSelectBiller:o})}),(0,c.jsxs)("div",{className:"flex flex-row gap-4",children:[(0,c.jsx)("div",{className:"form-area flex-1",children:(0,c.jsx)(l.Z,(0,n.Z)((0,n.Z)({label:"Ref-1",type:"text",id:"jompay_reference_code_1",errorMessage:i.errorMessage,readOnly:"validating"===i.status,className:"w-full pr-20",icon:(0,c.jsx)(C,{value:i.value,field:i})},i.registration),{},{onChange:function(e){i.registration.onChange(e),i.onChange()}}))}),(0,c.jsx)("div",{className:"form-area flex-1",children:(0,c.jsx)(l.Z,(0,n.Z)((0,n.Z)({label:"Ref-2",labelContainerClassName:"flex flex-row justify-between items-center",labelChildren:(0,c.jsxs)("div",{id:"jompay-tooltip","data-tip":"some billers require a secondary reference code",children:[(0,c.jsx)(f.Z,{place:"left",backgroundColor:"#DADADA",textColor:"#333333",className:" max-w-xl"}),(0,c.jsx)(t.Z,{className:"w-5 h-5 text-gray-500"})]}),type:"text",id:"jompay_reference_code_2",errorMessage:m,readOnly:"validating"===d.status,className:"w-full pr-20",icon:(0,c.jsx)(C,{value:d.value,field:d})},d.registration),{},{onChange:function(e){d.registration.onChange(e),d.onChange()}}))})]})]})}}}]);
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.