https://iron-fe-works.com/_next/static/chunks/pages/transaction/transaction-account-438b2b7b86cda2e2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2063],{39946:(e,l,n)=>{"use strict";n.r(l),n.d(l,{__N_SSP:()=>B,default:()=>P});var i=n(37876),t=n(17334),o=n(19672),r=n(38624),d=n(94004),a=n(18631),s=n(14232),c=n(75785),u=n(68008),v=n(80572),x=n(32307),h=n(2140),p=n(77561),m=n(85215),g=n(90711),b=n(75918),f=n(10172),j=n(2233),w=n(56052);function y(){var e,l,n,o,r;let{t:d}=(0,j.A)(),a=(0,f.A)(),{website:y}=(0,t.NQ)(),[C,I]=s.useState(1),[N,E]=s.useState(0),F=s.useMemo(()=>[{label:d("common:all")},{label:d("transaction:bank")},{label:d("transaction:e_wallet")},{label:d("transaction:credit")}],[d]),_=s.useCallback(()=>{a.showCustom({render:e=>(0,i.jsx)(m.A,{onClose:e})})},[a]),D=s.useMemo(()=>{var e,l,n;return(null==y?void 0:null===(e=y.website)||void 0===e?void 0:e.isAddNewAccountForBank)||(null==y?void 0:null===(l=y.website)||void 0===l?void 0:l.isAddNewAccountForEWallet)||(null==y?void 0:null===(n=y.website)||void 0===n?void 0:n.isAddNewAccountForTelecom)},[null==y?void 0:null===(e=y.website)||void 0===e?void 0:e.isAddNewAccountForBank,null==y?void 0:null===(l=y.website)||void 0===l?void 0:l.isAddNewAccountForEWallet,null==y?void 0:null===(n=y.website)||void 0===n?void 0:n.isAddNewAccountForTelecom]),L=s.useMemo(()=>{switch(N){case 0:return;case 1:return c.Cd.bank;case 2:return c.Cd.ewallet;default:return c.Cd.telecom}},[N]),{data:B,isLoading:P,isFetching:R,error:M,refetch:S}=(0,u.MW)({params:{"filter[type]":L}}),W=s.useMemo(()=>{if(null==B?void 0:B.pages){var e;return null==B?void 0:null===(e=B.pages)||void 0===e?void 0:e.reduce((e,l)=>[...e,...l.data],[])}return[]},[null==B?void 0:B.pages]);return(0,i.jsxs)(k,{children:[(0,i.jsx)(b.A,{data:F,activeIdx:N,onChangeTab:e=>E(e),hideDivider:!0,endEnhancer:D?(0,i.jsx)(x.A,{children:(0,i.jsx)(h.$n,{variant:"small",buttonType:"secondary",startEnhancer:(0,i.jsx)(v.zh,{}),onClick:_,children:(0,i.jsx)(h.EY,{variant:"body3Medium",children:d("transaction:add_account")})})}):null}),(0,i.jsx)(A,{}),(0,i.jsx)(p.A,{loadingComponent:(0,i.jsx)(w.U,{}),isLoading:P||R,error:M,onRetry:S,component:(0,i.jsxs)(i.Fragment,{children:[null==W?void 0:W.map(e=>(0,i.jsx)(w.A,{...e})),(0,i.jsx)(g.A,{page:C-1,onPageChange:e=>I(e+1),meta:null==B?void 0:null===(r=B.pages)||void 0===r?void 0:null===(o=r[0])||void 0===o?void 0:o.meta})]})})]})}let k=(0,a.I4)("div",{mt:16}),A=(0,a.I4)("div",{height:.5,width:"100%",my:24,background:"#D9E9F2","@mobile":{my:20}});var C=n(45615);function I(){var e,l,n;let{theme:o}=(0,C.DP)(),{t:r}=(0,j.A)(),d=(0,f.A)(),{website:a}=(0,t.NQ)(),c=s.useMemo(()=>{var e,l,n;return(null==a?void 0:null===(e=a.website)||void 0===e?void 0:e.isAddNewAccountForBank)||(null==a?void 0:null===(l=a.website)||void 0===l?void 0:l.isAddNewAccountForEWallet)||(null==a?void 0:null===(n=a.website)||void 0===n?void 0:n.isAddNewAccountForTelecom)},[null==a?void 0:null===(e=a.website)||void 0===e?void 0:e.isAddNewAccountForBank,null==a?void 0:null===(l=a.website)||void 0===l?void 0:l.isAddNewAccountForEWallet,null==a?void 0:null===(n=a.website)||void 0===n?void 0:n.isAddNewAccountForTelecom]),u=s.useCallback(()=>{d.showCustom({render:e=>(0,i.jsx)(m.A,{onClose:e})})},[d]);return(0,i.jsxs)(E,{children:[(0,i.jsx)(F,{children:(0,i.jsx)(h.k2,{href:"/transaction",label:r("common:transaction_account"),textVariant:{"@desktop":"title3Medium","@mobile":"body1Bold"},startEnhancer:(0,i.jsx)(v.pW,{color:o.colors.secondaryDefault})})}),c&&(0,i.jsx)(x.k,{children:(0,i.jsx)(h.$n,{onClick:u,children:null,startEnhancer:(0,i.jsx)(v.Ds,{}),variant:"small",startEnhancerClassName:N.startEnhancerButton(),buttonType:"secondary",wrapperClassName:N.wrapperButton(),startEnhancerStyle:{marginRight:"0px"}})})]})}let N={startEnhancerButton:(0,a.AH)({marginRight:"0px"}),wrapperButton:(0,a.AH)({"& button":{p:"9px"}})},E=(0,a.I4)("div",{display:"flex",justifyContent:"space-between"}),F=(0,a.I4)("div",{display:"flex",alignItems:"center"});function _(){return(0,i.jsx)(D,{children:(0,i.jsxs)(r.wn,{children:[(0,i.jsx)(L,{children:(0,i.jsx)(d.A,{})}),(0,i.jsx)(I,{}),(0,i.jsx)(y,{})]})})}let D=(0,a.I4)("div",{mb:32}),L=(0,a.I4)("div",{"@desktop":{my:32},"@mobile":{my:16}});var B=!0;function P(e){return(0,i.jsx)(t.Ay,{value:e,children:(0,i.jsx)(o.m,{children:(0,i.jsx)(_,{})})})}},56052:(e,l,n)=>{"use strict";n.d(l,{A:()=>h,U:()=>x});var i=n(37876),t=n(75785),o=n(80572),r=n(24464),d=n(38624),a=n(2140),s=n(18631),c=n(45615),u=n(17334),v=n(14232);function x(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(b,{}),(0,i.jsx)(b,{}),(0,i.jsx)(b,{}),(0,i.jsx)(b,{}),(0,i.jsx)(b,{})]})}function h(e){var l;let{theme:n}=(0,c.DP)(),{website:s}=(0,u.NQ)(),x=(null==s?void 0:null===(l=s.websitePersonalize)||void 0===l?void 0:l.style)===r.Bv.Garuda,h=v.useMemo(()=>{switch(e.type){case t.Cd.bank:return(0,i.jsx)(o.ou,{color:n.colors.inkDark});case t.Cd.ewallet:return(0,i.jsx)(o.HR,{color:n.colors.inkDark});default:return(0,i.jsx)(o.SB,{color:n.colors.inkDark})}},[e.type,n.colors.inkDark]);return(0,i.jsxs)(p,{isGaruda:x,children:[(0,i.jsx)(m,{children:h}),(0,i.jsx)(g,{children:(0,i.jsxs)(d.BJ,{gap:4,direction:"vertical",children:[(0,i.jsx)(a.EY,{variant:"body2Medium",children:e.accountNumber}),(0,i.jsx)(a.EY,{variant:"body3Regular",children:e.type})]})})]})}let p=(0,s.I4)("div",{display:"flex",alignItems:"center",padding:"12px 16px",borderRadius:"12px","&:nth-child(even)":{background:"$inkLighter"},"&:nth-child(odd)":{background:"$inkLightest"},"@desktop":{mt:24},"@mobile":{mt:12},variants:{isGaruda:{true:{borderRadius:0}}}}),m=(0,s.I4)("div",{display:"flex",alignItems:"center",justifyContent:"center",width:44,height:44,background:"$skyLightest",borderRadius:"8px","@desktop":{mr:32},"@mobile":{mr:12},"& svg":{width:22,height:22}}),g=(0,s.I4)("div",{display:"flex",flex:1}),b=(0,s.I4)("div",{borderRadius:12,height:80,width:"100%",background:"$inkLightest",marginBottom:16})},75918:(e,l,n)=>{"use strict";n.d(l,{A:()=>g});var i=n(37876),t=n(14232),o=n(58103),r=n.n(o),d=n(57571),a=n(24464),s=n(69233),c=n(18631),u=n(81367),v=n(2140),x=n(45615);function h(e){let{label:l,onClick:n,active:t,leftIcon:o,containerClassName:r}=e,{theme:d}=(0,x.DP)();return(0,i.jsxs)(m,{active:t,onClick:n,className:r,children:[!!o&&(0,i.jsx)(p,{children:o(d.colors.skyLightest)}),(0,i.jsx)(v.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},align:"center",css:{width:"max-content"},children:l})]})}let p=(0,c.I4)("div",{display:"flex","@mobile":{mr:8,"& svg":{width:16,height:16}},"@desktop":{mr:10}}),m=(0,c.I4)("div",{borderRadius:8,cursor:"pointer",height:"fit-content",display:"flex",alignItems:"center","@desktop":{padding:"12px 16px"},"@mobile":{padding:"4px 12px"}

1,variants:{active:{true:{background:"$secondaryDefault"},false:{"@desktop":{background:"$inkLightest"}}}},"&:hover":{background:"$secondaryLight"}});function g(e){let{data:l,activeIdx:n,hideDivider:o,endEnhancer:c,onChangeTab:v,mode:x="default",...p}=e,m=a.PR.Gin===d.A.whitelabel,g=t.useRef(),{onScrollCapture:A}=(0,u.Y)({ref:g});return(0,i.jsxs)(f,{...p,children:["select"===x?(0,i.jsx)(s.A,{options:l,value:l[n],onChange:e=>v(l.findIndex(l=>(null==e?void 0:e.label)===(null==l?void 0:l.label)))}):(0,i.jsxs)(k,{children:[(0,i.jsx)(j,{children:(0,i.jsx)("div",{className:r()(),children:(0,i.jsx)(w,{onScrollCapture:A,ref:g,children:l.map((e,l)=>(0,t.createElement)(h,{...e,key:l.toString(),containerClassName:0!==l?b.separator():void 0,active:l===n,leftIcon:e.leftIcon,onClick:()=>v(l)}))})})}),c]}),!o&&(0,i.jsx)(y,{isGin:m})]})}let b={separator:(0,c.AH)({marginLeft:20})},f=(0,c.I4)("div",{variants:{media:{onlyMobile:{"@desktop":{display:"none"}},onlyDesktop:{"@mobile":{display:"none"}}}}}),j=(0,c.I4)("div",{overflow:"auto"}),w=(0,c.I4)("div",{display:"flex",flex:1,overflowX:"scroll","&::-webkit-scrollbar":{display:"none"}}),y=(0,c.I4)("div",{"@mobile":{background:"#D9E9F2",width:"100%",height:1,my:20},"@desktop":{my:16},variants:{isGin:{true:{my:8}}}}),k=(0,c.I4)("div",{display:"flex",flex:1,alignItems:"flex-end",justifyContent:"space-between"})},81367:(e,l,n)=>{"use strict";n.d(l,{Y:()=>t});var i=n(14232);let t=e=>{var l,n;let[t,o]=i.useState(!1),[r,d]=i.useState(!1);return i.useEffect(()=>{var l,n,i,t,o,r;d((null==e?void 0:null===(n=e.ref)||void 0===n?void 0:null===(l=n.current)||void 0===l?void 0:l.scrollLeft)+(null==e?void 0:null===(t=e.ref)||void 0===t?void 0:null===(i=t.current)||void 0===i?void 0:i.clientWidth)+5<=(null==e?void 0:null===(r=e.ref)||void 0===r?void 0:null===(o=r.current)||void 0===o?void 0:o.scrollWidth))},[null==e?void 0:null===(n=e.ref)||void 0===n?void 0:null===(l=n.current)||void 0===l?void 0:l.clientWidth,null==e?void 0:e.ref]),{onScrollCapture:i.useCallback(e=>{var l,n,i,t;o((null==e?void 0:null===(l=e.target)||void 0===l?void 0:l.scrollLeft)>5),d((null==e?void 0:null===(n=e.target)||void 0===n?void 0:n.scrollLeft)+(null==e?void 0:null===(i=e.target)||void 0===i?void 0:i.clientWidth)+5<=(null==e?void 0:null===(t=e.target)||void 0===t?void 0:t.scrollWidth))},[]),overflow:{left:t,right:r}}}},87972:(e,l,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/transaction/transaction-account",function(){return n(39946)}])},90711:(e,l,n)=>{"use strict";n.d(l,{A:()=>h});var i=n(37876),t=n(80572),o=n(38624),r=n(2140),d=n(18631),a=n(50805),s=n(2233);n(14232);var c=n(91238),u=n.n(c);function v(){let{t:e}=(0,s.A)();return(0,i.jsxs)(b,{children:[(0,i.jsx)(r.EY,{children:e("common:next")}),(0,i.jsx)(o.wv,{mr:8}),(0,i.jsx)(t.gP,{color:"#FFFFFF"})]})}function x(){let{t:e}=(0,s.A)();return(0,i.jsxs)(b,{children:[(0,i.jsx)(t.VP,{color:"#FFFFFF"}),(0,i.jsx)(o.wv,{mr:8}),(0,i.jsx)(r.EY,{children:e("common:prev")})]})}function h(e){let{page:l,onPageChange:n,meta:t}=e,{isMobile:o}=(0,a.F)();if(!t)return null;let d=Math.ceil(t.total/t.perPage);return d<=0?null:(0,i.jsx)(m,{children:(0,i.jsx)(g,{children:(0,i.jsx)(u(),{onPageChange:e=>{var l,i;let{selected:t}=e;n(t),"undefined"!=typeof document&&(null===(i=document)||void 0===i||null===(l=i.getElementById("__next"))||void 0===l||l.scrollIntoView())},pageCount:d,forcePage:l,pageRangeDisplayed:o?2:4,marginPagesDisplayed:2,previousLabel:(0,i.jsx)(x,{}),nextLabel:(0,i.jsx)(v,{}),containerClassName:p.pagination(),previousClassName:"previous",activeClassName:"active",pageLabelBuilder:e=>(0,i.jsx)(r.EY,{variant:"body2Regular",children:e}),disabledClassName:p.disabled()})})})}let p={pagination:(0,d.AH)({padding:0,"& > li":{display:"inline-block",paddingLeft:0,listStyle:"none",cursor:"pointer"},"& > li > a":{position:"relative",float:"left",borderRadius:"4px",outline:"none",margin:"0 20px",color:"white",userSelect:"none","@mobile":{margin:"0 16px"}},"& > li.active > a > span":{color:"$secondaryDefault"}}),disabled:(0,d.AH)({opacity:.5,cursor:"not-allowed"})},m=(0,d.I4)("div",{display:"flex",marginTop:20,alignItems:"center",flex:1}),g=(0,d.I4)("div",{display:"flex",flex:2,justifyContent:"center"}),b=(0,d.I4)("div",{display:"flex",alignItems:"center"})}},e=>{var l=l=>e(e.s=l);e.O(0,[9089,2767,8080,1238,2896,9672,9919,5215,636,6593,8792],()=>l(87972)),_N_E=e.O()}]);