1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4063],{8172:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile",function(){return i(79597)}])},22392:(e,t,i)=>{"use strict";i.d(t,{iq:()=>x,xH:()=>v,iw:()=>u});var n=i(42252),l=i(94482),r=i(95531),a=i(20830),s=i(17494),o=i(24464);class d{}(0,r.Cg)([(0,a.v)({name:"created_at"}),(0,s.Z)(()=>Date)],d.prototype,"createdAt",void 0),(0,r.Cg)([(0,a.v)({name:"read_at"}),(0,s.Z)(()=>Date)],d.prototype,"readAt",void 0);class c{}function u(e,t){return(0,l.oE)((0,n.I)(["getNotifications",null==e?void 0:e.params],()=>(0,l.hs)({url:"notifications",params:{...null==e?void 0:e.params}}),t),d)}function x(e){let t=["getNotifications"];return e&&t.push(null==e?void 0:e.params),t}function v(e,t){return(0,l.oE)((0,n.I)(["getNotification",null==e?void 0:e.notificationId],()=>(0,l.hs)({url:"notifications/".concat(null==e?void 0:e.notificationId)}),t),c)}(0,r.Cg)([(0,s.Z)(()=>o.qn)],c.prototype,"attachment",void 0),(0,r.Cg)([(0,a.v)({name:"created_at"}),(0,s.Z)(()=>Date)],c.prototype,"createdAt",void 0),(0,r.Cg)([(0,a.v)({name:"read_at"}),(0,s.Z)(()=>Date)],c.prototype,"readAt",void 0)},27284:(e,t,i)=>{"use strict";i.d(t,{Mx:()=>s,i3:()=>a});var n=i(42252),l=i(94482),r=i(42393);function a(){return["getAppliedBonuses"]}function s(e,t){return(0,l.oE)((0,n.I)(["getAppliedBonusHistories",null==e?void 0:e.params],()=>(0,l.hs)({url:"applied-bonuses/history",params:{...null==e?void 0:e.params}}),t),r.O0)}},35861:(e,t,i)=>{"use strict";i.d(t,{A:()=>b,M:()=>y});var n=i(37876),l=i(42393),r=i(80572),a=i(24464),s=i(38624),o=i(2140),d=i(18631),c=i(45615),u=i(17334),x=i(92625),v=i(2233),m=i(14232),h=i(18868),p=i.n(h),g=i(35162);function j(e){return(0,n.jsx)(o.EY,{variant:"caption1Light",...e})}function f(e){return(0,n.jsx)(o.EY,{variant:"caption1Medium",...e})}function y(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(_,{}),(0,n.jsx)(_,{}),(0,n.jsx)(_,{}),(0,n.jsx)(_,{}),(0,n.jsx)(_,{})]})}function b(e){var t;let[i,d]=m.useState(!1),{theme:h}=(0,c.DP)(),{t:y}=(0,v.A)(),{format:b}=(0,x.BF)(),{website:_}=(0,u.NQ)(),L=(null==_?void 0:null===(t=_.websitePersonalize)||void 0===t?void 0:t.style)===a.Bv.Garuda;return(0,n.jsx)(R,{isGaruda:L,children:(0,n.jsx)(p(),{transitionTime:150,trigger:(0,n.jsxs)(M,{onClick:()=>d(e=>!e),children:[(0,n.jsxs)(B,{children:[(0,n.jsxs)(F,{children:[(0,n.jsx)(o.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:e.title}),(0,n.jsx)(s.wv,{mr:16}),(0,n.jsx)(s.qs,{text:e.status,status:(()=>{switch(e.status){case l.ax.cancelled:return"error";case l.ax.finished:return"success";case l.ax.ongoing:return"pending"}})()})]}),(0,n.jsx)(s.wv,{mt:4}),(0,n.jsx)(F,{children:(0,n.jsxs)(o.EY,{variant:"caption1Regular",children:[e.createdAt?b(e.createdAt,"dd MMM yyyy"):"-"," "," - ",e.endAt?b(e.endAt,"dd MMM yyyy"):"-"]})})]}),i?(0,n.jsx)(r.nn,{color:h.colors.skyLightest}):(0,n.jsx)(r.qX,{color:h.colors.skyLightest})]}),children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{}),(0,n.jsxs)(D,{isGaruda:L,children:[(0,n.jsxs)(w,{children:[(0,n.jsxs)(C,{children:[(0,n.jsx)(I,{children:(0,n.jsx)(j,{children:y("promotion:promo_code")})}),(0,n.jsxs)(k,{children:[(0,n.jsx)(f,{children:":"}),(0,n.jsx)(f,{children:e.code})]})]}),(0,n.jsxs)(C,{children:[(0,n.jsx)(I,{children:(0,n.jsx)(j,{children:y("promotion:bonus_amount")})}),(0,n.jsxs)(k,{children:[(0,n.jsx)(f,{children:":"}),(0,n.jsxs)(f,{children:["Rp ",(0,g.M_)(e.amount)]})]})]}),(0,n.jsxs)(C,{children:[(0,n.jsx)(I,{children:(0,n.jsx)(j,{children:y("promotion:turnover_multiply")})}),(0,n.jsxs)(k,{children:[(0,n.jsx)(f,{children:":"}),(0,n.jsxs)(f,{children:["x ",e.turnoverMultiplier]})]})]})]}),(0,n.jsxs)(w,{children:[(0,n.jsxs)(C,{children:[(0,n.jsx)(I,{children:(0,n.jsx)(j,{children:y("promotion:turnover_target")})}),(0,n.jsxs)(k,{children:[(0,n.jsx)(f,{children:":"}),(0,n.jsxs)(f,{children:["Rp ",(0,g.M_)(e.targetTurnover)]})]})]}),(0,n.jsxs)(C,{children:[(0,n.jsx)(I,{children:(0,n.jsx)(j,{children:y("promotion:reached_turnover")})}),(0,n.jsxs)(k,{children:[(0,n.jsx)(f,{children:":"}),(0,n.jsxs)(f,{children:["Rp ",(0,g.M_)(e.currentTurnover)]})]})]})]})]})]})})})}let k=(0,d.I4)("div",{display:"flex",alignItems:"center","& > :first-child":{mr:4}}),I=(0,d.I4)("div",{width:"40%",wordBreak:"break-all",mr:4}),C=(0,d.I4)("div",{display:"flex",alignItems:"center","@desktop":{"&:not(:first-child)":{mt:8}},"@mobile":{my:4}}),w=(0,d.I4)("div",{"@desktop":{width:"50%"}}),A=(0,d.I4)("div",{opacity:.2,background:"#D9E9F2",width:"100%",height:1,my:12}),D=(0,d.I4)("div",{padding:"8px 16px",borderRadius:12,display:"flex","@mobile":{flexDirection:"column"},variants:{isGaruda:{true:{borderRadius:0}}}}),R=(0,d.I4)("div",{borderRadius:12,"&:nth-child(even)":{background:"$inkLightest",["& ".concat(D)]:{background:"$inkLighter"}},"&:nth-child(odd)":{background:"$inkLighter",["& ".concat(D)]:{background:"$inkLightest"}},"&:not(:last-child)":{mb:12},"@desktop":{padding:"12px 16px"},"@mobile":{padding:"12px"},variants:{isGaruda:{true:{borderRadius:0}}}}),F=(0,d.I4)("div",{display:"flex",flex:1,alignItems:"center"}),M=(0,d.I4)("div",{display:"flex",cursor:"pointer",alignItems:"center"}),B=(0,d.I4)("div",{display:"flex",flex:1,flexDirection:"column"}),_=(0,d.I4)("div",{borderRadius:12,height:100,width:"100%",background:"$inkLightest",marginBottom:16})},42393:(e,t,i)=>{"use strict";i.d(t,{O0:()=>s,ax:()=>a});var n=i(95531),l=i(20830),r=i(17494),a=function(e){return e.ongoing="ongoing",e.cancelled="cancelled",e.finished="finished",e}({});class s{}(0,n.Cg)([(0,l.v)({name:"turnover_multiplier"}),(0,r.Z)(()=>Number)],s.prototype,"turnoverMultiplier",void 0),(0,n.Cg)([(0,r.Z)(()=>Number)],s.prototype,"amount",void 0),(0,n.Cg)([(0,l.v)({name:"current_turnover"}),(0,r.Z)(()=>Number)],s.prototype,"currentTurnover",void 0),(0,n.Cg)([(0,l.v)({name:"target_turnover"}),(0,r.Z)(()=>Number)],s.prototype,"targetTurnover",void 0),(0,n.Cg)([(0,l.v)({name:"created_at"}),(0,r.Z)(()=>Date)],s.prototype,"createdAt",void 0),(0,n.Cg)([(0,l.v)({name:"end_at"}),(0,r.Z)(()=>Date)],s.prototype,"endAt",void 0)},56052:(e,t,i)=>{"use strict";i.d(t,{A:()=>m,U:()=>v});var n=i(37876),l=i(75785),r=i(80572),a=i(24464),s=i(38624),o=i(2140),d=i(18631),c=i(45615),u=i(17334),x=i(14232);function v(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(j,{}),(0,n.jsx)(j,{}),(0,n.jsx)(j,{}),(0,n.jsx)(j,{}),(0,n.jsx)(j,{})]})}function m(e){var t;let{theme:i}=(0,c.DP)(),{website:d}=(0,u.NQ)(),v=(null==d?void 0:null===(t=d.websitePersonalize)||void 0===t?void 0:t.style)===a.Bv.Garuda,m=x.useMemo(()=>{switch(e.type){case l.Cd.bank:return(0,n.jsx)(r.ou,{color:i.colors.inkDark});case l.Cd.ewallet:return(0,n.jsx)(r.HR,{color:i.colors.inkDark});default:return(0,n.jsx)(r.SB,{color:i.colors.inkDark})}},[e.type,i.colors.inkDark]);return(0,n.jsxs)(h,{isGaruda:v,children:[(0,n.jsx)(p,{children:m}),(0,n.jsx)(g,{children:(0,n.jsxs)(s.BJ,{gap:4,direction:"vertical",children:[(0,n.jsx)(o.EY,{variant:"body2Medium",children:e.accountNumber}),(0,n.jsx)(o.EY,{variant:"body3Regular",children:e.type})]})})]})}let h=(0,d.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}}}}),p=(0,d.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,d.I4)("div",{display:"flex",flex:1}),j=(0,d.I4)("div",{borderRadius:12,height:80,width:"100%",background:"$inkLightest",marginBottom:16})},57129:(e,t,i)=>{"use strict";i.d(t,{A:()=>u});var n=i(37876),l=i(22392),r=i(40278),a=i(38624),s=i(2140),o=i(18631),d=i(92625),c=i(14232);function u(e){let{active:t,onClick:i,containerClassName:o,readAt:u}=e,{format:g}=(0,d.BF)(),j=(0,c.useCallback)(()=>
1{u||r.q.invalidateQueries((0,l.iq)()),i()},[i,u]);return(0,n.jsx)(x,{active:t,onClick:j,className:o,children:(0,n.jsxs)(v,{style:{alignItems:"start"},children:[!u&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(p,{}),(0,n.jsx)(a.wv,{mr:8})]}),(0,n.jsxs)(m,{children:[(0,n.jsx)(v,{children:(0,n.jsx)(h,{children:(0,n.jsx)(s.EY,{variant:"body3Bold",numberOfLines:1,children:e.title})})}),(0,n.jsx)(a.wv,{mt:8}),!!e.createdAt&&(0,n.jsx)(v,{children:(0,n.jsx)(s.EY,{variant:"caption1Regular",children:g(e.createdAt,"dd MMM yyyy")})})]})]})})}let x=(0,o.I4)("div",{padding:"12px 16px",background:"$inkLighter",cursor:"pointer",variants:{active:{true:{background:"$inkLight"}}}}),v=(0,o.I4)("div",{display:"flex",flex:1,alignItems:"center"}),m=(0,o.I4)("div",{display:"flex",flexDirection:"column"}),h=(0,o.I4)("div",{display:"flex",flex:1,mr:8}),p=(0,o.I4)("div",{width:12,height:12,background:"$greenLighter",borderRadius:6})},77699:(e,t,i)=>{"use strict";i.d(t,{A:()=>r});var n=i(33504),l=i.n(n);function r(e,t){for(var i=arguments.length,n=Array(i>2?i-2:0),r=2;r<i;r++)n[r-2]=arguments[r];let a=e({...l()(t||{},...n.map(e=>e.input||{}))},{onSuccess(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];n.map(e=>{let{onSuccess:i}=e;i&&i(...t)})},onError(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];n.map(e=>{let{onError:i}=e;i&&i(...t)})}}),s=n.map(e=>e.extra);return{...a,extras:s}}},79597:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>iW,default:()=>iz});var n=i(37876),l=i(17334),r=i(19672),a=i(80572),s=i(57571),o=i(24464),d=i(38624),c=i(2140),u=i(94004),x=i(18631),v=i(89099),m=i(2233),h=i(14232),p=i(27284),g=i(32307),j=i(77561),f=i(90711),y=i(45615),b=i(77699),k=i(10172),I=i(50805),C=i(35861),w=i(85298),A=i(27576),D=i(92625),R=i(39746),F=i(39200),M=i.n(F);let B=h.createContext({filters:[],setFilters(){},setPage:()=>{}});function _(e){let{t}=(0,m.A)(),{selected:i,onChange:l,isClearable:r}=e,a={datepicker:(0,x.AH)({background:"$inkLightest",outline:"none",border:"none",borderRadius:4,width:"100%",minHeight:40,padding:"0px 8px",color:"$skyLightest","@desktop":{...A.A.body2Regular},"@mobile":{...A.A.body2Regular},"&::placeholder":{color:"$skyLightest",opacity:.5,"@desktop":{...A.A.body2Regular},"@mobile":{...A.A.body2Regular}}})};return(0,n.jsx)(d.BJ,{direction:"vertical",gap:8,children:(0,n.jsx)(M(),{className:a.datepicker(),placeholderText:t("transaction:choose_date"),isClearable:r,selected:i,onChange:l})})}function L(e){let{filter:t}=e,{t:i}=(0,m.A)(),{filters:l,setFilters:r}=h.useContext(B),{convertTimeZone:s}=(0,D.BF)(),{theme:d}=(0,y.DP)(),c=h.useMemo(()=>{let e=l.find(e=>e.name===t.name);return e&&e.value||""},[t.name,l]),u=h.useMemo(()=>t.behaviour===o.sU.Range?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)($,{className:P.firstContainer(),children:(0,n.jsx)(_,{isClearable:!0,selected:(null==c?void 0:c.split(",")[0])?new Date(null==c?void 0:c.split(",")[0]):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=n.value,i=(null==t?void 0:t.split(",")[1])||"",l=e?s(e,"start-date").toISOString():"";n.value="".concat(l).concat(i?","+i:"")}}))}})}),(0,n.jsx)(S,{children:(0,n.jsx)(a.g,{color:d.colors.skyLightest})}),(0,n.jsx)($,{children:(0,n.jsx)(_,{isClearable:!0,selected:(null==c?void 0:c.split(",")[1])?new Date(null==c?void 0:c.split(",")[1]):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=n.value,i=(null==t?void 0:t.split(",")[0])||"",l=e?s(e,"end-date").toISOString():"";n.value="".concat(i).concat(l?",":"").concat(l)}}))}})})]}):(0,n.jsx)(_,{isClearable:!0,selected:c?new Date(c):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);n&&(n.value=s(e,"start-date").toISOString())}))},title:i("transaction:date")}),[s,c,t.behaviour,t.name,r,i,d.colors.skyLightest]);return(0,n.jsx)(E,{children:u})}let E=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center","@maxsm":{flexDirection:"column"}}),$=(0,x.I4)("div",{width:"100%","@maxsm":{flexDirection:"column"},"& .react-datepicker__close-icon::after":{background:"$inkLighter"}}),P={firstContainer:(0,x.AH)({"@maxsm":{marginBottom:16},"@sm":{}})},S=(0,x.I4)("div",{display:"flex",alignItems:"center",justifyContent:"center","@sm":{mx:8}});function N(e){let{text:t,selected:i,onClick:l}=e,{theme:r}=(0,y.DP)();return(0,n.jsxs)(H,{selected:i,onClick:l,children:[i&&(0,n.jsx)(Y,{children:(0,n.jsx)(a.hm,{color:i?r.colors.secondary
1Default:void 0})}),(0,n.jsx)(c.EY,{variant:"body2Medium",color:i?r.colors.secondaryDefault:void 0,children:t})]})}let H=(0,x.I4)("div",{display:"flex",alignItems:"center",textAlign:"center",cursor:"pointer",userSelect:"none",justifyContent:"center",borderRadius:30,padding:"8px 16px",border:"1px solid",variants:{selected:{true:{borderColor:"$secondaryDefault"},false:{borderColor:"$skyLight"}}}}),Y=(0,x.I4)("div",{marginRight:8,display:"flex",justifyContent:"center",alignItems:"center"});function G(e){let{filter:t}=e,{filters:i,setFilters:l}=h.useContext(B),r=h.useMemo(()=>{let e=i.find(e=>e.name===t.name);return e&&e.value||""},[t.name,i]),a=h.useMemo(()=>{var e,i;switch(t.behaviour){case o.sU.Multiple:return(0,n.jsx)(n.Fragment,{children:null==t?void 0:null===(e=t.options)||void 0===e?void 0:e.map(e=>{let i=r.split("|").includes(e.value);return(0,n.jsx)(N,{selected:i,onClick:()=>{l(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=r.split("|");t.includes(e.value)?t=t.filter(t=>t!==e.value):t.push(e.value),n.value=t.join("|")}}))},text:e.name},e.value)})});case o.sU.Single:return(0,n.jsx)(n.Fragment,{children:null==t?void 0:null===(i=t.options)||void 0===i?void 0:i.map(e=>{let i=r.split("|").includes(e.value);return(0,n.jsx)(N,{selected:i,onClick:()=>{l(n=>(0,R.Ay)(n,n=>{let l=null==n?void 0:n.find(e=>e.name===t.name);l&&(i?l.value="":l.value=e.value)}))},text:e.name},e.value)})});default:return null}},[r,t.behaviour,t.name,null==t?void 0:t.options,l]);return(0,n.jsx)(d.BJ,{wrap:"wrap",gap:8,children:a})}var T=i(12666);function O(e){let{filter:t}=e,{setFilters:i}=h.useContext(B);return(0,n.jsx)(J,{children:(0,n.jsx)(T.k,{inputClassName:W.textInput(),containerClassName:W.textInputContainer(),placeholder:t.label,value:t.value,onChange:e=>i(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);n&&(n.value=e.target.value)}))})})}let J=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center"}),W={firstContainer:(0,x.AH)({"@maxsm":{marginBottom:16}}),textInput:(0,x.AH)({width:"100%"}),textInputContainer:(0,x.AH)({width:"100%"})};function z(e){let{filter:t,index:i}=e,{theme:l}=(0,y.DP)(),r=h.useMemo(()=>{if(t)switch(t.type){case o.RJ.Date:return(0,n.jsx)(L,{filter:t});case o.RJ.Option:return(0,n.jsx)(G,{filter:t});case o.RJ.Text:return(0,n.jsx)(O,{filter:t})}return null},[t]);return(0,n.jsxs)(U,{className:0!==i?Z.border():"",children:[(0,n.jsx)(q,{children:(0,n.jsx)(c.EY,{color:l.colors.skyLightest,variant:"body2Medium",children:(null==t?void 0:t.label)||""})}),(0,n.jsx)(Q,{children:r})]})}let Z={border:(0,x.AH)({})},U=(0,x.I4)("div",{padding:"16px 0"}),q=(0,x.I4)("div",{marginBottom:8}),Q=(0,x.I4)("div",{display:"flex",flex:1,flexWrap:"wrap"});function V(e){let{filters:t}=h.useContext(B);return(0,n.jsx)(n.Fragment,{children:!!t&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.map((e,t)=>(0,n.jsxs)(h.Fragment,{children:[(0,n.jsx)(X,{}),(0,n.jsx)(z,{index:t,filter:e},e.name)]},e.name))})})}let X=(0,x.I4)("div",{border:"1px dashed #D9E9F2"});var K=i(30960);let ee=(0,x.I4)("div",{margin:24,"@maxxs":{margin:8}}),et=(0,x.I4)("div",{marginBottom:32}),ei=(0,x.I4)("div",{display:"flex",flex:1,flexWrap:"wrap"}),en=(0,x.I4)("div",{marginBottom:12}),el=(0,x.I4)("div",{});(0,x.I4)("div",{paddingBottom:16,borderBottom:"2px solid $divider1"});let{Provider:er}=B;function ea(e){let[t,i]=h.useState(e.filters),[l,r]=h.useState(e.sorts),{t:s}=(0,m.A)(),{onClose:o,setSortFilters:u,setPage:x}=e,{theme:v}=(0,y.DP)();return(0,n.jsx)(K.A,{cancelable:!1,onClose:o,children:(0,n.jsxs)(ed,{children:[(0,n.jsxs)(eu,{children:[(0,n.jsx)(ex,{}),(0,n.jsx)(c.EY,{variant:{"@desktop":"title2Bold","@mobile":"title3Bold"},children:s("common:filter")}),(0,n.jsx)(a.Pg,{color:v.colors.secondaryDefault,onClick:o,style:{cursor:"pointer"}})]}),(0,n.jsxs)(ee,{children:[l&&(0,n.jsxs)(et,{children:[(0,n.jsx)(en,{children:(0,n.jsx)(c.EY,{variant:"body2Medium",children:s("transaction:sort_by")})}),(0,n.jsx)(ei,{children:(0,n.jsxs)(d.BJ,{gap:16,children:[(0,n.jsx)(N,{selected:"created_at"===l.value,onClick:()=>{r(e=>({...e,value:"created_at"===e.value?"":"created_at"}))},text:s("transaction:newest")}
1),(0,n.jsx)(N,{selected:"-created_at"===l.value,onClick:()=>{r(e=>({...e,value:"-created_at"===e.value?"":"-created_at"}))},text:s("transaction:oldest")})]})})]}),(0,n.jsx)(el,{children:!!t&&(0,n.jsx)(er,{value:{setPage:e.setPage,filters:t,setFilters:i},children:(0,n.jsx)(V,{})})}),(0,n.jsxs)(es,{children:[(0,n.jsx)(c.$n,{onClick:()=>{l&&t&&(u({sorts:{...l,value:void 0},filters:t.map(e=>({...e,value:void 0}))}),x(1)),o()},buttonType:"secondary",wrapperClassName:ec.resetFilterButton(),children:s("common:reset")}),(0,n.jsx)(eo,{}),(0,n.jsx)(c.$n,{wrapperClassName:ec.button(),onClick:()=>{l&&t&&(u({sorts:l,filters:t}),x(1)),o()},children:s("transaction:apply")})]})]})]})})}let es=(0,x.I4)("div",{display:"flex",flex:1,justifyContent:"center",marginTop:48}),eo=(0,x.I4)("div",{marginRight:16}),ed=(0,x.I4)("div",{minWidth:"40%",maxWidth:"90%",padding:"$space16",background:"$inkLight",position:"relative",borderRadius:5,zIndex:9999,minHeight:160,maxHeight:"90vh",overflow:"scroll",width:"90%","@md":{width:"70%"},"@lg":{width:"unset"}}),ec={resetFilterButton:(0,x.AH)({width:112,"@maxlg":{width:100}}),button:(0,x.AH)({width:112,"@maxlg":{width:100}})},eu=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between"}),ex=(0,x.I4)("div",{width:24,height:24,visibility:"hidden"});function ev(){var e,t;let{t:i}=(0,m.A)(),r=(0,k.A)(),[s,u]=h.useState(1),{isMobile:x}=(0,I.F)(),{theme:v}=(0,y.DP)(),{website:A}=(0,l.NQ)(),D=(null==A?void 0:null===(e=A.websitePersonalize)||void 0===e?void 0:e.style)===o.Bv.Garuda,{data:R,refetch:F,isLoading:M,error:B,extras:[{sortFilters:_,setSortFilters:L}]}=(0,b.A)(p.Mx,{params:{page:s}},function(e){let[t,i]=h.useState();return{input:{params:{filter:t&&t.filters&&t.filters.reduce((e,t)=>void 0!==t.value&&null!==t.value?{...e,[t.name]:t.value}:e,{})||{},sort:t&&t.sorts&&(t.sorts.value||t.sorts.default)||null}},onSuccess(t){i(e(t))},extra:{sortFilters:t,setSortFilters:i}}}(e=>({sorts:e.sorts,filters:e.filters}))),E=h.useCallback(()=>{r.showCustom({render:e=>(0,n.jsx)(ea,{sorts:(null==_?void 0:_.sorts)||[],filters:(null==_?void 0:_.filters)||[],setSortFilters:L,setPage:u,onClose:e})})},[r,L,_]);return(0,n.jsxs)(em,{isGaruda:D,children:[(0,n.jsx)(g.A,{children:(0,n.jsxs)(eh,{children:[(0,n.jsx)(c.EY,{variant:"title3Medium",children:i("profile:bonus_history")}),(0,n.jsx)(c.ir,{onClick:E,label:i("common:filter"),textColor:v.colors.secondaryDefault,startEnhancer:(0,n.jsx)(a.Zc,{color:v.colors.secondaryDefault})})]})}),!x&&(0,n.jsx)(ep,{}),(0,n.jsx)(j.A,{loadingComponent:(0,n.jsx)(w.q,{}),isLoading:M,error:B,onRetry:F,component:(0,n.jsxs)(n.Fragment,{children:[x&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.wv,{mt:24,media:"onlyDesktop"}),(0,n.jsx)(c.ir,{onClick:E,label:i("common:filter"),textColor:v.colors.secondaryDefault,startEnhancer:(0,n.jsx)(a.Zc,{color:v.colors.secondaryDefault})}),(0,n.jsx)(d.wv,{mt:24})]}),null==R?void 0:null===(t=R.data)||void 0===t?void 0:t.map(e=>(0,h.createElement)(C.A,{...e,key:e.id})),(0,n.jsx)(f.A,{page:s-1,onPageChange:e=>u(e+1),meta:null==R?void 0:R.meta})]})})]})}let em=(0,x.I4)("div",{width:"100%","@desktop":{background:"$inkLight",borderRadius:12,padding:24},variants:{isGaruda:{true:{borderRadius:0,background:"$skyDefaultHalf"}}}}),eh=(0,x.I4)("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),ep=(0,x.I4)("div",{height:.5,width:"100%",my:24,background:"#D9E9F2","@mobile":{my:20}});var eg=i(35136),ej=i(9073),ef=i(84950);let ey=h.createContext({filters:[],setFilters(){},setPage:()=>{}});function eb(e){let{t}=(0,m.A)(),{selected:i,onChange:l,isClearable:r}=e,a={datepicker:(0,x.AH)({background:"$inkLightest",outline:"none",border:"none",borderRadius:4,width:"100%",minHeight:40,padding:"0px 8px",color:"$skyLightest","@desktop":{...A.A.body2Regular},"@mobile":{...A.A.body2Regular},"&::placeholder":{color:"$skyLightest",opacity:.5,"@desktop":{...A.A.body2Regular},"@mobile":{...A.A.body2Regular}}})};return(0,n.jsx)(d.BJ,{direction:"vertical",gap:8,children:(0,n.jsx)(M(),{className:a.datepicker(),placeholderText:t("transaction:choose_date"),isClearable:r,selected:i,onChange:l})})}function ek(e){let{filter:t}=e,{t:i}=(0,m.A)(),{filters:l,setFilters:r}=h.useContext(ey),{convertTimeZone:s}=(0,D.BF)(),{theme:d}=(0,y.DP)(),c=h.useMemo(()=>{let e=l.find(e=>e.name===t.name);return e&&e.value||""},[t.name,l]),u=h.useMemo(()=>t.behaviour===o.sU.Range?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(eC,{className:ew.firstContainer(),children:(0,n.jsx)(eb,{isClearable:!0,selected:(null==c?void 0:c.split(",")[0])?new Date(null==c?void 0:c.split(",")[0]):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=n.value,i=(null==t?void 0:t.split(",")[1])||"",l=e?s(e,"start-
1date").toISOString():"";n.value="".concat(l).concat(i?","+i:"")}}))}})}),(0,n.jsx)(eA,{children:(0,n.jsx)(a.g,{color:d.colors.skyLightest})}),(0,n.jsx)(eC,{children:(0,n.jsx)(eb,{isClearable:!0,selected:(null==c?void 0:c.split(",")[1])?new Date(null==c?void 0:c.split(",")[1]):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=n.value,i=(null==t?void 0:t.split(",")[0])||"",l=e?s(e,"end-date").toISOString():"";n.value="".concat(i).concat(l?",":"").concat(l)}}))}})})]}):(0,n.jsx)(eb,{isClearable:!0,selected:c?new Date(c):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);n&&(n.value=s(e,"start-date").toISOString())}))},title:i("transaction:date")}),[s,c,t.behaviour,t.name,r,i,d.colors.skyLightest]);return(0,n.jsx)(eI,{children:u})}let eI=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center","@maxsm":{flexDirection:"column"}}),eC=(0,x.I4)("div",{width:"100%","@maxsm":{flexDirection:"column"},"& .react-datepicker__close-icon::after":{background:"$inkLighter"}}),ew={firstContainer:(0,x.AH)({"@maxsm":{marginBottom:16},"@sm":{}})},eA=(0,x.I4)("div",{display:"flex",alignItems:"center",justifyContent:"center","@sm":{mx:8}});function eD(e){let{text:t,selected:i,onClick:l}=e,{theme:r}=(0,y.DP)();return(0,n.jsxs)(eR,{selected:i,onClick:l,children:[i&&(0,n.jsx)(eF,{children:(0,n.jsx)(a.hm,{color:i?r.colors.secondaryDefault:void 0})}),(0,n.jsx)(c.EY,{variant:"body2Medium",color:i?r.colors.secondaryDefault:void 0,children:t})]})}let eR=(0,x.I4)("div",{display:"flex",alignItems:"center",textAlign:"center",cursor:"pointer",userSelect:"none",justifyContent:"center",borderRadius:30,padding:"8px 16px",border:"1px solid",variants:{selected:{true:{borderColor:"$secondaryDefault"},false:{borderColor:"$skyLight"}}}}),eF=(0,x.I4)("div",{marginRight:8,display:"flex",justifyContent:"center",alignItems:"center"});function eM(e){let{filter:t}=e,{filters:i,setFilters:l}=h.useContext(ey),r=h.useMemo(()=>{let e=i.find(e=>e.name===t.name);return e&&e.value||""},[t.name,i]),a=h.useMemo(()=>{var e,i;switch(t.behaviour){case o.sU.Multiple:return(0,n.jsx)(n.Fragment,{children:null==t?void 0:null===(e=t.options)||void 0===e?void 0:e.map(e=>{let i=r.split("|").includes(e.value);return(0,n.jsx)(eD,{selected:i,onClick:()=>{l(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=r.split("|");t.includes(e.value)?t=t.filter(t=>t!==e.value):t.push(e.value),n.value=t.join("|")}}))},text:e.name},e.value)})});case o.sU.Single:return(0,n.jsx)(n.Fragment,{children:null==t?void 0:null===(i=t.options)||void 0===i?void 0:i.map(e=>{let i=r.split("|").includes(e.value);return(0,n.jsx)(eD,{selected:i,onClick:()=>{l(n=>(0,R.Ay)(n,n=>{let l=null==n?void 0:n.find(e=>e.name===t.name);l&&(i?l.value="":l.value=e.value)}))},text:e.name},e.value)})});default:return null}},[r,t.behaviour,t.name,null==t?void 0:t.options,l]);return(0,n.jsx)(d.BJ,{wrap:"wrap",gap:8,children:a})}function eB(e){let{filter:t,index:i}=e,{theme:l}=(0,y.DP)(),r=h.useMemo(()=>{if(t)switch(t.type){case o.RJ.Date:return(0,n.jsx)(ek,{filter:t});case o.RJ.Option:return(0,n.jsx)(eM,{filter:t})}return null},[t]);return(0,n.jsxs)(eL,{className:0!==i?e_.border():"",children:[(0,n.jsx)(eE,{children:(0,n.jsx)(c.EY,{color:l.colors.skyLightest,variant:"body2Medium",children:(null==t?void 0:t.label)||""})}),(0,n.jsx)(e$,{children:r})]})}let e_={border:(0,x.AH)({})},eL=(0,x.I4)("div",{padding:"16px 0"}),eE=(0,x.I4)("div",{marginBottom:8}),e$=(0,x.I4)("div",{display:"flex",flex:1,flexWrap:"wrap"});function eP(){let{filters:e}=h.useContext(ey);return(0,n.jsx)(n.Fragment,{children:!!e&&(0,n.jsx)(n.Fragment,{children:null==e?void 0:e.map((e,t)=>(0,n.jsxs)(h.Fragment,{children:[(0,n.jsx)(eS,{}),(0,n.jsx)(eB,{index:t,filter:e},e.name)]},e.name))})})}let eS=(0,x.I4)("div",{border:"1px dashed #D9E9F2"}),eN=(0,x.I4)("div",{margin:24,"@maxxs":{margin:8}}),eH=(0,x.I4)("div",{marginBottom:32}),eY=(0,x.I4)("div",{display:"flex",flex:1,flexWrap:"wrap"}),eG=(0,x.I4)("div",{marginBottom:12}),eT=(0,x.I4)("div",{});
1(0,x.I4)("div",{paddingBottom:16,borderBottom:"2px solid $divider1"});let{Provider:eO}=ey;function eJ(e){let[t,i]=h.useState(e.filters),[l,r]=h.useState(e.sorts),{t:s}=(0,m.A)(),{onClose:o,setSortFilters:u,setPage:x}=e,{theme:v}=(0,y.DP)();return(0,n.jsx)(K.A,{cancelable:!1,onClose:o,children:(0,n.jsxs)(eZ,{children:[(0,n.jsxs)(eq,{children:[(0,n.jsx)(eQ,{}),(0,n.jsx)(c.EY,{variant:{"@desktop":"title2Bold","@mobile":"title3Bold"},children:s("common:filter")}),(0,n.jsx)(a.Pg,{color:v.colors.secondaryDefault,onClick:o,style:{cursor:"pointer"}})]}),(0,n.jsxs)(eN,{children:[l&&(0,n.jsxs)(eH,{children:[(0,n.jsx)(eG,{children:(0,n.jsx)(c.EY,{variant:"body2Medium",children:s("transaction:sort_by")})}),(0,n.jsx)(eY,{children:(0,n.jsxs)(d.BJ,{gap:16,children:[(0,n.jsx)(eD,{selected:"transaction_at"===l.value,onClick:()=>{r(e=>({...e,value:"transaction_at"===e.value?"":"transaction_at"}))},text:s("transaction:newest")}),(0,n.jsx)(eD,{selected:"-transaction_at"===l.value,onClick:()=>{r(e=>({...e,value:"-transaction_at"===e.value?"":"-transaction_at"}))},text:s("transaction:oldest")})]})})]}),(0,n.jsx)(eT,{children:!!t&&(0,n.jsx)(eO,{value:{setPage:e.setPage,filters:t,setFilters:i},children:(0,n.jsx)(eP,{})})}),(0,n.jsxs)(eW,{children:[(0,n.jsx)(c.$n,{onClick:()=>{l&&t&&(u({sorts:{...l,value:void 0},filters:t.map(e=>({...e,value:void 0}))}),x(1)),o()},buttonType:"secondary",wrapperClassName:eU.resetFilterButton(),children:s("common:reset")}),(0,n.jsx)(ez,{}),(0,n.jsx)(c.$n,{wrapperClassName:eU.button(),onClick:()=>{l&&t&&(u({sorts:l,filters:t}),x(1)),o()},children:s("transaction:apply")})]})]})]})})}let eW=(0,x.I4)("div",{display:"flex",flex:1,justifyContent:"center",marginTop:48}),ez=(0,x.I4)("div",{marginRight:16}),eZ=(0,x.I4)("div",{minWidth:"40%",maxWidth:"90%",padding:"$space16",background:"$inkLight",position:"relative",borderRadius:5,zIndex:9999,minHeight:160,maxHeight:"90vh",overflow:"scroll",width:"90%","@md":{width:"70%"},"@lg":{width:"unset"}}),eU={resetFilterButton:(0,x.AH)({width:112,"@maxlg":{width:100}}),button:(0,x.AH)({width:112,"@maxlg":{width:100}})},eq=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between"}),eQ=(0,x.I4)("div",{width:24,height:24,visibility:"hidden"});function eV(){var e,t;let{t:i}=(0,m.A)(),r=(0,k.A)(),[s,u]=h.useState(1),{isMobile:x}=(0,I.F)(),{theme:v}=(0,y.DP)(),{website:p}=(0,l.NQ)(),C=(null==p?void 0:null===(e=p.websitePersonalize)||void 0===e?void 0:e.style)===o.Bv.Garuda,{data:w,refetch:A,isLoading:D,error:R,extras:[{sortFilters:F,setSortFilters:M}]}=(0,b.A)(eg.Ps,{params:{page:s}},function(e){let[t,i]=h.useState();return{input:{params:{filter:t&&t.filters&&t.filters.reduce((e,t)=>void 0!==t.value&&null!==t.value?{...e,[t.name]:t.value}:e,{})||{},sort:t&&t.sorts&&(t.sorts.value||t.sorts.default)||null}},onSuccess(t){i(e(t))},extra:{sortFilters:t,setSortFilters:i}}}(e=>({sorts:e.sorts,filters:e.filters}))),B=h.useCallback(()=>{r.showCustom({render:e=>(0,n.jsx)(eJ,{sorts:(null==F?void 0:F.sorts)||[],filters:(null==F?void 0:F.filters)||[],setSortFilters:M,setPage:u,onClose:e})})},[r,M,F]);return(0,n.jsxs)(eX,{isGaruda:C,children:[(0,n.jsx)(g.A,{children:(0,n.jsxs)(eK,{children:[(0,n.jsx)(c.EY,{variant:"title3Medium",children:i("profile:game_history")}),(0,n.jsx)(c.ir,{onClick:B,label:i("common:filter"),textColor:v.colors.secondaryDefault,startEnhancer:(0,n.jsx)(a.Zc,{color:v.colors.secondaryDefault})})]})}),!x&&(0,n.jsx)(e0,{}),(0,n.jsx)(j.A,{loadingComponent:(0,n.jsx)(ej.p,{}),isLoading:D,error:R,onRetry:A,component:(0,n.jsxs)(n.Fragment,{children:[x&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.wv,{mt:24,media:"onlyDesktop"}),(0,n.jsx)(c.ir,{onClick:B,label:i("common:filter"),textColor:v.colors.secondaryDefault,startEnhancer:(0,n.jsx)(a.Zc,{color:v.colors.secondaryDefault})}),(0,n.jsx)(d.wv,{mt:24})]}),null==w?void 0:null===(t=w.data)||void 0===t?void 0:t.map(e=>C?(0,h.createElement)(ef.A,{...e,key:e.id}):(0,h.createElement)(ej.A,{...e,key:e.id})),(0,n.jsx)(f.A,{page:s-1,onPageChange:e=>u(e+1),meta:null==w?void 0:w.meta})]})})]})}let eX=(0,x.I4)("div",{width:"100%","@desktop":{background:"$inkLight",borderRadius:12,padding:24},variants:{isGaruda:{true:{background:"$skyDefaultHalf",borderRadius:0}}}}),eK=(0,x.I4)("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),e0=(0,x.I4)("div",{height:.5,width:"100%",my:24,background:"#D9E9F2","@mobile":{my:20}});var e1=i(22392),e4=i(93551),e2=i.n(e4);function e8(e){var t,i,l,r,a,s,o,u,x;let{data:v,isLoading:m,isFetching:h,refetch:p,error:g}=(0,e1.xH)({notificationId:e.selectedid},{enabled:!!e.selectedid}),{format:f}=(0,D.BF)();return(0,n.jsx)(e3,{children:(0,n.jsx)(j.A,{isLoading:m||h,onRetry:p,error:g,loadingComponent:(0,n.jsx)(d.BJ,{direction:"vertical",ga
1p:16,children:(0,n.jsx)(d.BJ,{children:(0,n.jsx)(te,{})})}),component:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(e6,{children:[(0,n.jsx)(e5,{children:(0,n.jsx)(c.EY,{variant:"title3Bold",children:null==v?void 0:null===(t=v.data)||void 0===t?void 0:t.title})}),!!(null==v?void 0:null===(i=v.data)||void 0===i?void 0:i.createdAt)&&(0,n.jsx)(c.EY,{variant:"caption1Regular",children:f(null==v?void 0:null===(l=v.data)||void 0===l?void 0:l.createdAt,"dd MMM yyyy")})]}),(0,n.jsx)(e7,{}),(0,n.jsxs)(e9,{children:[(0,n.jsx)(d.wv,{mb:12}),!!(null==v?void 0:null===(r=v.data)||void 0===r?void 0:r.subject)&&(0,n.jsx)(c.EY,{variant:"body2Regular",dangerouslySetInnerHTML:{__html:e2()(JSON.parse((null==v?void 0:null===(a=v.data)||void 0===a?void 0:a.subject)||""))}}),!!(null==v?void 0:null===(o=v.data)||void 0===o?void 0:null===(s=o.attachment)||void 0===s?void 0:s.url)&&(0,n.jsx)(c.hw,{src:null==v?void 0:null===(x=v.data)||void 0===x?void 0:null===(u=x.attachment)||void 0===u?void 0:u.url,alt:""})]})]})})})}let e3=(0,x.I4)("div",{background:"$inkLighter",padding:"32px 24px",borderRadius:12}),e6=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center"}),e9=(0,x.I4)("div",{}),e5=(0,x.I4)("div",{display:"flex",flex:1}),e7=(0,x.I4)("div",{my:20,width:"100%",height:.5,background:"$skyLightest"}),te=(0,x.I4)("div",{width:"100%",height:400,background:"$inkLightest"});var tt=i(57129);function ti(e){var t,i;let{setSelectedId:r}=e,[a,s]=h.useState(1),{data:c,isLoading:u,refetch:x,error:v}=(0,e1.iw)({params:{page:a}}),{website:m}=(0,l.NQ)(),p=(null==m?void 0:null===(t=m.websitePersonalize)||void 0===t?void 0:t.style)===o.Bv.Garuda;return(0,n.jsx)(j.A,{loadingComponent:(0,n.jsx)(w.q,{}),isLoading:u,error:v,onRetry:x,component:(0,n.jsxs)(n.Fragment,{children:[null==c?void 0:null===(i=c.data)||void 0===i?void 0:i.map((e,t)=>(0,n.jsxs)(h.Fragment,{children:[0!==t&&(0,n.jsx)(d.wv,{mt:24,media:"onlyDesktop"}),0!==t&&(0,n.jsx)(d.wv,{mt:12,media:"onlyMobile"}),(0,n.jsx)(tt.A,{onClick:()=>r(e.id),containerClassName:tn.notificationCardContainer({isGaruda:p}),...e})]},t.toString())),(0,n.jsx)(f.A,{page:a-1,onPageChange:e=>s(e+1),meta:null==c?void 0:c.meta})]})})}let tn={notificationCardContainer:(0,x.AH)({borderRadius:8,variants:{isGaruda:{true:{borderRadius:0}}}})};function tl(){var e;let{t}=(0,m.A)(),{isMobile:i}=(0,I.F)(),{theme:r}=(0,y.DP)(),[s,d]=h.useState(),{website:u}=(0,l.NQ)(),x=(null==u?void 0:null===(e=u.websitePersonalize)||void 0===e?void 0:e.style)===o.Bv.Garuda;return(0,n.jsxs)(tr,{isGaruda:x,children:[(0,n.jsx)(g.A,{children:(0,n.jsx)(ta,{children:s?(0,n.jsx)(c.ir,{onClick:()=>d(void 0),label:t("profile:notification"),textVariant:"title3Medium",startEnhancer:(0,n.jsx)(a.pW,{color:r.colors.secondaryDefault})}):(0,n.jsx)(c.EY,{variant:"title3Medium",children:t("profile:notification")})})}),!i&&(0,n.jsx)(ts,{}),s?(0,n.jsx)(e8,{selectedid:s}):(0,n.jsx)(ti,{setSelectedId:d})]})}let tr=(0,x.I4)("div",{width:"100%","@desktop":{background:"$inkLight",borderRadius:12,padding:24},variants:{isGaruda:{true:{borderRadius:0,background:"$skyDefaultHalf"}}}}),ta=(0,x.I4)("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),ts=(0,x.I4)("div",{height:.5,width:"100%",my:24,background:"#D9E9F2","@mobile":{my:20}});function to(e){var t;let{tabData:i,selectedTab:r,onChange:a}=e,{theme:s}=(0,y.DP)(),{isMobile:u}=(0,I.F)(),{website:x}=(0,l.NQ)(),v=(null==x?void 0:null===(t=x.websitePersonalize)||void 0===t?void 0:t.style)===o.Bv.Garuda;return u?null:(0,n.jsx)(td,{isGaruda:v,children:i.map((e,t)=>(0,n.jsxs)(tc,{onClick:()=>a(t),children:[(null==e?void 0:e.leftIcon)&&(0,n.jsxs)(n.Fragment,{children:[null==e?void 0:e.leftIcon(r===t?s.colors.secondaryDefault:s.colors.skyLightest),(0,n.jsx)(d.wv,{mr:12})]}),(0,n.jsx)(c.EY,{variant:"body1Medium",color:r===t?s.colors.secondaryDefault:void 0,children:e.label})]},t.toString()))})}let td=(0,x.I4)("div",{background:"$inkLight",borderRadius:12,variants:{isGaruda:{true:{background:"$skyDefaultHalf",borderRadius:0}}}}),tc=(0,x.I4)("div",{display:"flex",alignItems:"center",cursor:"pointer",px:32,py:20,"&:first-child":{pt:24},"&:last-child":{pb:24},"& span":{width:"max-content"}});var tu=i(5653),tx=i(5352),tv=i(90183),tm=i(41218),th=i(90689),tp=i(74695);function tg(){var e;let{t}=(0,m.A)(),i=(0,tp.d4)(th.o_.userSelector),{website:r}=(0,l.NQ)(),{theme:u}=(0,y.DP)(),x=(null==r?void 0:null===(e=r.websitePersonalize)||void 0===e?void 0:e.style)===o.Bv.Garuda,{logout:v}=(0,tm.lg)(),p=(0,tv.Wx)({initialValues:{username:null==i?void 0:i.username,phone:null==i?void 0:i.phone,email:null==i?void 0:i.email,memberLevel:null==i?void 0:i.memberLevel.name},onSubmit:()=>{},enableReinitialize:!0}),j=h.useMemo(()=>{var e,t;let n=null==i?void 0:null===(e=i.name)||void 0===e?void 0:e.split(" "),l="";for(let e=0;e<Math.min(1,(null==n?void 0:n.length)||0);e++)l+=((null==n?void 0:null===(t=n[e])||void 0===t?void 0:t[0])||"").toUpperCase();return l},[null==i?void 0:i.name]),f=o.PR.Gin===s.A.whitelabel;return(0,n.jsxs)(tj,{isGaruda:x,children:[(0,n.jsxs)(ty,{isGin:f,children:[(0,n.jsx)(tb,{children:(0,n.jsx)(c.EY,{variant:{"@desktop":"title3Medium","@mobile":"body1Medium"},color:u.colors.inkDark,children:j})}),(0,n.jsx)(d.wv,{mr:24}),(0,n.jsx)(c.EY,{variant:{"@desktop":"title2Medium","@mobile":"title3Medium"},children:null==i?void 0:i.name})]}),(0,n.jsx)(tx.Ay,{formik:p,children:(0,n.jsxs)(d.BJ,{gap:24,direction:"vertical",children:[(0,n.jsx)(c.pd,{type:"text",name:"username",label:t("auth:username"),readOnly:!0}),(0,n.jsx)(c.pd,{type:"text",name:"phone",label:t("auth:phone_number"),readOnly:!0}),(0,n.jsx)(c.pd,{type:"text",name:"email",label:t("auth:email"),readOnly:!0}),(0,n.jsx)(c.pd,{type:"text",name:"memberLevel",label:t("auth:account_level"),readOnly:!0}),(0,n.jsx)(g.k,{children:(0,n.jsx)(tf,{children:(0,n.jsx)(tu.A,{onClick:v,startEnhancer:(0,n.jsx)(a.FH,{color:u.colors.inkDark}),children:t("common:logout")})})})]})})]})}let tj=(0,x.I4)("div",{background:"$inkLight",borderRadius:12,padding:24,variants:{isGaruda:{true:{background:"$skyDefaultHalf",borderRadius:0}}}}),tf=(0,x.I4)("div",{alignItems:"center",display:"flex",flex:1,justifyContent:"center"}),ty=(0,x.I4)("div",{display:"flex",alignItems:"center",mb:24,variants:{isGin:{true:{mb:8}}}}),tb=(0,x.I4)("div",{display:"flex",justifyContent:"center",alignItems:"center",background:"$secondaryLightest",height:72,width:72,"@mobile":{height:56,width:56},borderRadius:"50%"});var tk=i(2499);function tI(){var e;let{theme:t}=(0,y.DP)(),{t:i}=(0,m.A)(),{website:r}=(0,l.NQ)(),s=(0,k.A)(),u=(null==r?void 0:null===(e=r.websitePersonalize)||void 0===e?void 0:e.style)===o.Bv.Garuda,x=h.useCallback(()=>{s.showCustom({render:e=>(0,n.jsx)(tk.A,{onClose:e})})},[s]);
1return(0,n.jsxs)(tC,{isGaruda:u,children:[(0,n.jsx)(tw,{children:(0,n.jsx)(a.pG,{colorDark:t.colors.secondaryDark,colorDefault:t.colors.secondaryDefault,colorLighter:t.colors.secondaryLighter,colorLightest:t.colors.secondaryLightest})}),(0,n.jsxs)(tA,{children:[(0,n.jsx)(c.EY,{variant:"body1Medium",children:i("common:password")}),(0,n.jsx)(d.wv,{mb:8}),(0,n.jsx)(c.EY,{variant:"body2Regular",children:i("auth:change_account_password")})]}),(0,n.jsx)(c.$n,{buttonType:"secondary",onClick:x,children:i("common:change_password")})]})}let tC=(0,x.I4)("div",{display:"flex",alignItems:"center",background:"$inkLight",borderRadius:12,padding:24,"@mobile":{flexDirection:"column",textAlign:"center"},"@desktop":{flexDirection:"row"},variants:{isGaruda:{true:{background:"$skyDefaultHalf",borderRadius:0}}}}),tw=(0,x.I4)("div",{display:"flex","@desktop":{mr:16},"@mobile":{width:"100%",justifyContent:"center",marginBottom:24}}),tA=(0,x.I4)("div",{display:"flex",flex:1,flexDirection:"column","@desktop":{mr:16},"@mobile":{"& span":{textAlign:"center"},marginBottom:20}});function tD(){return(0,n.jsxs)(tR,{children:[(0,n.jsx)(tg,{}),(0,n.jsx)(d.wv,{mb:40}),(0,n.jsx)(tI,{})]})}let tR=(0,x.I4)("div",{display:"flex",flex:1,flexDirection:"column",justifyContent:"space-between"});var tF=i(68008),tM=i(85215),tB=i(56052);let t_=h.createContext({filters:[],setFilters(){},setPage:()=>{}});function tL(e){let{t}=(0,m.A)(),{selected:i,onChange:l,isClearable:r}=e,a={datepicker:(0,x.AH)({background:"$inkLightest",outline:"none",border:"none",borderRadius:4,width:"100%",minHeight:40,padding:"0px 8px",color:"$skyLightest","@desktop":{...A.A.body2Regular},"@mobile":{...A.A.body2Regular},"&::placeholder":{color:"$skyLightest",opacity:.5,"@desktop":{...A.A.body2Regular},"@mobile":{...A.A.body2Regular}}})};return(0,n.jsx)(d.BJ,{direction:"vertical",gap:8,children:(0,n.jsx)(M(),{className:a.datepicker(),placeholderText:t("transaction:choose_date"),isClearable:r,selected:i,onChange:l})})}function tE(e){let{filter:t}=e,{t:i}=(0,m.A)(),{filters:l,setFilters:r}=h.useContext(t_),{convertTimeZone:s}=(0,D.BF)(),{theme:d}=(0,y.DP)(),c=h.useMemo(()=>{let e=l.find(e=>e.name===t.name);return e&&e.value||""},[t.name,l]),u=h.useMemo(()=>t.behaviour===o.sU.Range?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(tP,{className:tS.firstContainer(),children:(0,n.jsx)(tL,{isClearable:!0,selected:(null==c?void 0:c.split(",")[0])?new Date(null==c?void 0:c.split(",")[0]):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=n.value,i=(null==t?void 0:t.split(",")[1])||"",l=e?s(e,"start-date").toISOString():"";n.value="".concat(l).concat(i?","+i:"")}}))}})}),(0,n.jsx)(tN,{children:(0,n.jsx)(a.g,{color:d.colors.skyLightest})}),(0,n.jsx)(tP,{children:(0,n.jsx)(tL,{isClearable:!0,selected:(null==c?void 0:c.split(",")[1])?new Date(null==c?void 0:c.split(",")[1]):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=n.value,i=(null==t?void 0:t.split(",")[0])||"",l=e?s(e,"end-date").toISOString():"";n.value="".concat(i).concat(l?",":"").concat(l)}}))}})})]}):(0,n.jsx)(tL,{isClearable:!0,selected:c?new Date(c):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);n&&(n.value=s(e,"start-date").toISOString())}))},title:i("transaction:date")}),[s,c,t.behaviour,t.name,r,i,d.colors.skyLightest]);return(0,n.jsx)(t$,{children:u})}let t$=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center","@maxsm":{flexDirection:"column"}}),tP=(0,x.I4)("div",{width:"100%","@maxsm":{flexDirection:"column"},"& .react-datepicker__close-icon::after":{background:"$inkLighter"}}),tS={firstContainer:(0,x.AH)({"@maxsm":{marginBottom:16},"@sm":{}})},tN=(0,x.I4)("div",{display:"flex",alignItems:"center",justifyContent:"center","@sm":{mx:8}});function tH(e){let{text:t,selected:i,onClick:l}=e,{theme:r}=(0,y.DP)();return(0,n.jsxs)(tY,{selected:i,onClick:l,children:[i&&(0,n.jsx)(tG,{children:(0,n.jsx)(a.hm,{color:i?r.colors.secondaryDefault:void 0})}),(0,n.jsx)(c.EY,{variant:"body2Medium",color:i?r.colors.secondary
1Default:void 0,children:t})]})}let tY=(0,x.I4)("div",{display:"flex",alignItems:"center",textAlign:"center",cursor:"pointer",userSelect:"none",justifyContent:"center",borderRadius:30,padding:"8px 16px",border:"1px solid",variants:{selected:{true:{borderColor:"$secondaryDefault"},false:{borderColor:"$skyLight"}}}}),tG=(0,x.I4)("div",{marginRight:8,display:"flex",justifyContent:"center",alignItems:"center"});function tT(e){let{filter:t}=e,{filters:i,setFilters:l}=h.useContext(t_),r=h.useMemo(()=>{let e=i.find(e=>e.name===t.name);return e&&e.value||""},[t.name,i]),a=h.useMemo(()=>{var e,i;switch(t.behaviour){case o.sU.Multiple:return(0,n.jsx)(n.Fragment,{children:null==t?void 0:null===(e=t.options)||void 0===e?void 0:e.map(e=>{let i=r.split("|").includes(e.value);return(0,n.jsx)(tH,{selected:i,onClick:()=>{l(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=r.split("|");t.includes(e.value)?t=t.filter(t=>t!==e.value):t.push(e.value),n.value=t.join("|")}}))},text:e.name},e.value)})});case o.sU.Single:return(0,n.jsx)(n.Fragment,{children:null==t?void 0:null===(i=t.options)||void 0===i?void 0:i.map(e=>{let i=r.split("|").includes(e.value);return(0,n.jsx)(tH,{selected:i,onClick:()=>{l(n=>(0,R.Ay)(n,n=>{let l=null==n?void 0:n.find(e=>e.name===t.name);l&&(i?l.value="":l.value=e.value)}))},text:e.name},e.value)})});default:return null}},[r,t.behaviour,t.name,null==t?void 0:t.options,l]);return(0,n.jsx)(d.BJ,{wrap:"wrap",gap:8,children:a})}function tO(e){let{filter:t,index:i}=e,{theme:l}=(0,y.DP)(),r=h.useMemo(()=>{if(t)switch(t.type){case o.RJ.Date:return(0,n.jsx)(tE,{filter:t});case o.RJ.Option:return(0,n.jsx)(tT,{filter:t})}return null},[t]);return(0,n.jsxs)(tW,{className:0!==i?tJ.border():"",children:[(0,n.jsx)(tz,{children:(0,n.jsx)(c.EY,{color:l.colors.skyLightest,variant:"body2Medium",children:(null==t?void 0:t.label)||""})}),(0,n.jsx)(tZ,{children:r})]})}let tJ={border:(0,x.AH)({})},tW=(0,x.I4)("div",{padding:"16px 0"}),tz=(0,x.I4)("div",{marginBottom:8}),tZ=(0,x.I4)("div",{display:"flex",flex:1,flexWrap:"wrap"});function tU(e){let{filters:t}=h.useContext(t_);return(0,n.jsx)(n.Fragment,{children:!!t&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.map((e,t)=>(0,n.jsx)(h.Fragment,{children:(0,n.jsx)(tO,{index:t,filter:e},e.name)},e.name))})})}let tq=(0,x.I4)("div",{margin:24,"@maxxs":{margin:8}});(0,x.I4)("div",{marginBottom:32}),(0,x.I4)("div",{display:"flex",flex:1,flexWrap:"wrap"}),(0,x.I4)("div",{marginBottom:12});let tQ=(0,x.I4)("div",{});(0,x.I4)("div",{paddingBottom:16,borderBottom:"2px solid $divider1"});let{Provider:tV}=t_;function tX(e){let[t,i]=h.useState(e.filters),[l]=h.useState(e.sorts),{t:r}=(0,m.A)(),{onClose:s,setSortFilters:o,setPage:d}=e,{theme:u}=(0,y.DP)();return(0,n.jsx)(K.A,{cancelable:!1,onClose:s,children:(0,n.jsxs)(t1,{children:[(0,n.jsxs)(t2,{children:[(0,n.jsx)(t8,{}),(0,n.jsx)(c.EY,{variant:{"@desktop":"title2Bold","@mobile":"title3Bold"},children:r("common:filter")}),(0,n.jsx)(a.Pg,{color:u.colors.secondaryDefault,onClick:s,style:{cursor:"pointer"}})]}),(0,n.jsxs)(tq,{children:[(0,n.jsx)(tQ,{children:!!t&&(0,n.jsx)(tV,{value:{setPage:e.setPage,filters:t,setFilters:i},children:(0,n.jsx)(tU,{})})}),(0,n.jsxs)(tK,{children:[(0,n.jsx)(c.$n,{onClick:()=>{l&&t&&(o({sorts:{...l,value:void 0},filters:t.map(e=>({...e,value:void 0}))}),d(1)),s()},buttonType:"secondary",wrapperClassName:t4.resetFilterButton(),children:r("common:reset")}),(0,n.jsx)(t0,{}),(0,n.jsx)(c.$n,{wrapperClassName:t4.button(),onClick:()=>{l&&t&&(o({sorts:l,filters:t}),d(1)),s()},children:r("common:apply")})]})]})]})})}let tK=(0,x.I4)("div",{display:"flex",flex:1,justifyContent:"center",marginTop:48}),t0=(0,x.I4)("div",{marginRight:16}),t1=(0,x.I4)("div",{minWidth:"40%",maxWidth:"90%",padding:"$space16",background:"$inkLight",position:"relative",borderRadius:5,zIndex:9999,minHeight:160,maxHeight:"90vh",overflow:"scroll",width:"90%","@md":{width:"70%"},"@lg":{width:"unset"}}),t4={resetFilterButton:(0,x.AH)({width:112,"@maxlg":{width:100}}),button:(0,x.AH)({width:112,"@maxlg":{width:100}})},t2=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between"}),t8=(0,x.I4)("div",{width:24,height:24,visibility:"hidden"});function t3(){var e,t,i,r,s;let{t:u}=(0,m.A)(),x=(0,k.A)(),[v,p]=h.useState(1),{isMobile:C}=(0,I.F)(),{theme:w}=(0,y.DP)(),{website:A}=(0,l.NQ)(),D=(null==A?void 0:null===(e=A.websitePersonalize)||void 0===e?void 0:e.style)===o.Bv.Garuda,F=h.useCallback(()=>{x.showCustom({render:e=>(0,n.jsx)(tM.A,{onClose:e,type:"profile"})})},[x]),M=h.useMemo(()=>{var e,t,i;return(null==A?void 0:null===(e=A.website)||void 0===e?void 0:e.isAddNewAccountForBank)||(null==A?void 0:null===(t=A.website)||void 0===t?void 0:t.isAddNewAccountForEWallet)||(null==A?void 0:null===(i=A.website)||void 0===i?void 0:i.isAddNewAccountForTelecom)},[null==A?void 0:null===(t=A.website)||void 0===t?void 0:t.isAddNewAccountForBank,null==A?void 0:null===(i=A.website)||void 0===i?void 0:i.isAddNewAccountForEWallet,null==A?void 0:null===(r=A.website)||void 0===r?void 0:r.isAddNewAccountForTelecom]),{data:B,refetch:_,isLoading:L,error:E,extras:[{sortFilters:$,setSortFilters:P}]}=(0,b.A)(tF.yZ,{params:{page:v}},function(e){let[t,i]=h.useState();return{input:{params:{filter:t&&t.filters&&t.filters.reduce((e,t)=>
1void 0!==t.value&&null!==t.value?{...e,[t.name]:t.value}:e,{})||{},sort:t&&t.sorts&&(t.sorts.value||t.sorts.default)||null}},onSuccess(t){i(e(t))},extra:{sortFilters:t,setSortFilters:i}}}(e=>({sorts:e.sorts,filters:e.filters}))),S=h.useCallback(()=>{let e=(0,R.Ay)(null==$?void 0:$.filters,e=>{var t;e[0].options=[{name:u("common:all"),value:""},...null===(t=$.filters)||void 0===t?void 0:t[0].options]});x.showCustom({render:t=>(0,n.jsx)(tX,{sorts:(null==$?void 0:$.sorts)||[],filters:e||[],setSortFilters:P,setPage:p,onClose:t})})},[x,P,$,u]);return(0,n.jsxs)(t6,{isGaruda:D,children:[(0,n.jsxs)(t9,{children:[(0,n.jsx)(g.A,{children:(0,n.jsx)(c.EY,{variant:"title3Medium",children:u("profile:transaction_account")})}),M&&(0,n.jsx)(c.$n,{variant:"small",buttonType:"secondary",startEnhancer:(0,n.jsx)(a.zh,{}),onClick:F,children:(0,n.jsx)(c.EY,{variant:"body3Medium",children:u("profile:add_account")})})]}),!C&&(0,n.jsx)(t5,{}),(0,n.jsx)(j.A,{loadingComponent:(0,n.jsx)(tB.U,{}),isLoading:L,error:E,onRetry:_,component:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.wv,{mt:24}),(0,n.jsx)(c.ir,{onClick:S,label:u("common:filter"),textColor:w.colors.secondaryDefault,startEnhancer:(0,n.jsx)(a.Zc,{color:w.colors.secondaryDefault})}),(0,n.jsx)(d.wv,{mt:24}),null==B?void 0:null===(s=B.data)||void 0===s?void 0:s.map(e=>(0,h.createElement)(tB.A,{...e,key:e.id})),(0,n.jsx)(f.A,{page:v-1,onPageChange:e=>p(e+1),meta:null==B?void 0:B.meta})]})})]})}let t6=(0,x.I4)("div",{width:"100%","@desktop":{background:"$inkLight",borderRadius:12,padding:24},variants:{isGaruda:{true:{borderRadius:0,background:"$skyDefaultHalf"}}}}),t9=(0,x.I4)("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),t5=(0,x.I4)("div",{height:.5,width:"100%",my:24,background:"#D9E9F2","@mobile":{my:20}}),t7=h.createContext({filters:[],setFilters(){},setPage:()=>{}});function ie(e){let{t}=(0,m.A)(),{selected:i,onChange:l,isClearable:r}=e,a={datepicker:(0,x.AH)({background:"$inkLightest",outline:"none",border:"none",borderRadius:4,width:"100%",minHeight:40,padding:"0px 8px",color:"$skyLightest","@desktop":{...A.A.body2Regular},"@mobile":{...A.A.body2Regular},"&::placeholder":{color:"$skyLightest",opacity:.5,"@desktop":{...A.A.body2Regular},"@mobile":{...A.A.body2Regular}}})};return(0,n.jsx)(d.BJ,{direction:"vertical",gap:8,children:(0,n.jsx)(M(),{className:a.datepicker(),placeholderText:t("transaction:choose_date"),isClearable:r,selected:i,onChange:l})})}function it(e){let{filter:t}=e,{t:i}=(0,m.A)(),{filters:l,setFilters:r}=h.useContext(t7),{convertTimeZone:s}=(0,D.BF)(),{theme:d}=(0,y.DP)(),c=h.useMemo(()=>{let e=l.find(e=>e.name===t.name);return e&&e.value||""},[t.name,l]),u=h.useMemo(()=>t.behaviour===o.sU.Range?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(il,{className:ir.firstContainer(),children:(0,n.jsx)(ie,{isClearable:!0,selected:(null==c?void 0:c.split(",")[0])?new Date(null==c?void 0:c.split(",")[0]):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=n.value,i=(null==t?void 0:t.split(",")[1])||"",l=e?s(e,"start-date").toISOString():"";n.value="".concat(l).concat(i?","+i:"")}}))}})}),(0,n.jsx)(ia,{children:(0,n.jsx)(a.g,{color:d.colors.skyLightest})}),(0,n.jsx)(il,{children:(0,n.jsx)(ie,{isClearable:!0,selected:(null==c?void 0:c.split(",")[1])?new Date(null==c?void 0:c.split(",")[1]):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=n.value,i=(null==t?void 0:t.split(",")[0])||"",l=e?s(e,"end-date").toISOString():"";n.value="".concat(i).concat(l?",":"").concat(l)}}))}})})]}):(0,n.jsx)(ie,{isClearable:!0,selected:c?new Date(c):void 0,onChange:e=>{r(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);n&&(n.value=s(e,"start-date").toISOString())}))},title:i("transaction:date")}),[s,c,t.behaviour,t.name,r,i,d.colors.skyLightest]);return(0,n.jsx)(ii,{children:u})}let ii=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center","@maxsm":{flexDirection:"column"}}),il=(0,x.I4)("div",{width:"100%","@maxsm":{flexDirection:"column"},"& .react-datepicker__close-icon::after":{background:"$inkLighter"}}),ir={firstContainer:(0,x.AH)({"@maxsm":{marginBottom:16},"@sm":{}})},ia=(0,x.I4)("div",{display:"flex",alignItems:"center",justifyContent:"center","@sm":{mx:8}});function is(e){let{text:t,selected:i,onClick:l}=e,{theme:r}=(0,y.DP)();return(0,n.jsxs)(io,{selected:i,onClick:l,children:[i&&(0,n.jsx)(id,{children:(0,n.jsx)(a.hm,{color:i?r.colors.secondary
1Default:void 0})}),(0,n.jsx)(c.EY,{variant:"body2Medium",color:i?r.colors.secondaryDefault:void 0,children:t})]})}let io=(0,x.I4)("div",{display:"flex",alignItems:"center",textAlign:"center",cursor:"pointer",userSelect:"none",justifyContent:"center",borderRadius:30,padding:"8px 16px",border:"1px solid",variants:{selected:{true:{borderColor:"$secondaryDefault"},false:{borderColor:"$skyLight"}}}}),id=(0,x.I4)("div",{marginRight:8,display:"flex",justifyContent:"center",alignItems:"center"});function ic(e){let{filter:t}=e,{filters:i,setFilters:l}=h.useContext(t7),r=h.useMemo(()=>{let e=i.find(e=>e.name===t.name);return e&&e.value||""},[t.name,i]),a=h.useMemo(()=>{var e,i;switch(t.behaviour){case o.sU.Multiple:return(0,n.jsx)(n.Fragment,{children:null==t?void 0:null===(e=t.options)||void 0===e?void 0:e.map(e=>{let i=r.split("|").includes(e.value);return(0,n.jsx)(is,{selected:i,onClick:()=>{l(i=>(0,R.Ay)(i,i=>{let n=null==i?void 0:i.find(e=>e.name===t.name);if(n){let t=r.split("|");t.includes(e.value)?t=t.filter(t=>t!==e.value):t.push(e.value),n.value=t.join("|")}}))},text:e.name},e.value)})});case o.sU.Single:return(0,n.jsx)(n.Fragment,{children:null==t?void 0:null===(i=t.options)||void 0===i?void 0:i.map(e=>{let i=r.split("|").includes(e.value);return(0,n.jsx)(is,{selected:i,onClick:()=>{l(n=>(0,R.Ay)(n,n=>{let l=null==n?void 0:n.find(e=>e.name===t.name);l&&(i?l.value="":l.value=e.value)}))},text:e.name},e.value)})});default:return null}},[r,t.behaviour,t.name,null==t?void 0:t.options,l]);return(0,n.jsx)(d.BJ,{wrap:"wrap",gap:8,children:a})}function iu(e){let{filter:t,index:i}=e,{theme:l}=(0,y.DP)(),r=h.useMemo(()=>{if(t)switch(t.type){case o.RJ.Date:return(0,n.jsx)(it,{filter:t});case o.RJ.Option:return(0,n.jsx)(ic,{filter:t})}return null},[t]);return(0,n.jsxs)(iv,{className:0!==i?ix.border():"",children:[(0,n.jsx)(im,{children:(0,n.jsx)(c.EY,{color:l.colors.skyLightest,variant:"body2Medium",children:(null==t?void 0:t.label)||""})}),(0,n.jsx)(ih,{children:r})]})}let ix={border:(0,x.AH)({})},iv=(0,x.I4)("div",{padding:"16px 0"}),im=(0,x.I4)("div",{marginBottom:8}),ih=(0,x.I4)("div",{display:"flex",flex:1,flexWrap:"wrap"});function ip(e){let{filters:t}=h.useContext(t7);return(0,n.jsx)(n.Fragment,{children:!!t&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.map((e,t)=>(0,n.jsxs)(h.Fragment,{children:[(0,n.jsx)(ig,{}),(0,n.jsx)(iu,{index:t,filter:e},e.name)]},e.name))})})}let ig=(0,x.I4)("div",{border:"1px dashed #D9E9F2"}),ij=(0,x.I4)("div",{margin:24,"@maxxs":{margin:8}}),iy=(0,x.I4)("div",{marginBottom:32}),ib=(0,x.I4)("div",{display:"flex",flex:1,flexWrap:"wrap"}),ik=(0,x.I4)("div",{marginBottom:12}),iI=(0,x.I4)("div",{});(0,x.I4)("div",{paddingBottom:16,borderBottom:"2px solid $divider1"});let{Provider:iC}=t7;function iw(e){let[t,i]=h.useState(e.filters),[l,r]=h.useState(e.sorts),{t:s}=(0,m.A)(),{onClose:o,setSortFilters:u,setPage:x}=e,{theme:v}=(0,y.DP)();return(0,n.jsx)(K.A,{cancelable:!1,onClose:o,children:(0,n.jsxs)(iR,{children:[(0,n.jsxs)(iM,{children:[(0,n.jsx)(iB,{}),(0,n.jsx)(c.EY,{variant:{"@desktop":"title2Bold","@mobile":"title3Bold"},children:s("common:filter")}),(0,n.jsx)(a.Pg,{color:v.colors.secondaryDefault,onClick:o,style:{cursor:"pointer"}})]}),(0,n.jsxs)(ij,{children:[l&&(0,n.jsxs)(iy,{children:[(0,n.jsx)(ik,{children:(0,n.jsx)(c.EY,{variant:"body2Medium",children:s("transaction:sort_by")})}),(0,n.jsx)(ib,{children:(0,n.jsxs)(d.BJ,{gap:16,children:[(0,n.jsx)(is,{selected:"transaction_at"===l.value,onClick:()=>{r(e=>({...e,value:"transaction_at"===e.value?"":"transaction_at"}))},text:s("transaction:newest")}),(0,n.jsx)(is,{selected:"-transaction_at"===l.value,onClick:()=>{r(e=>({...e,value:"-transaction_at"===e.value?"":"-transaction_at"}))},text:s("transaction:oldest")})]})})]}),(0,n.jsx)(iI,{children:!!t&&(0,n.jsx)(iC,{value:{setPage:e.setPage,filters:t,setFilters:i},children:(0,n.jsx)(ip,{})})}),(0,n.jsxs)(iA,{children:[(0,n.jsx)(c.$n,{onClick:()=>{l&&t&&(u({sorts:{...l,value:void 0},filters:t.map(e=>({...e,value:void 0}))}),x(1)),o()},buttonType:"secondary",wrapperClassName:iF.resetFilterButton(),children:s("common:reset")}),(0,n.jsx)(iD,{}),(0,n.jsx)(c.$n,{wrapperClassName:iF.button(),onClick:()=>{l&&t&&(u({sorts:l,filters:t}),x(1)),o()},children:s("transaction:apply")})]})]})]})})}let iA=(0,x.I4)("div",{display:"flex",flex:1,justifyContent:"center",marginTop:48}),iD=(0,x.I4)("div",{marginRight:16}),iR=(0,x.I4)("div",{minWidth:"40%",maxWidth:"90%",padding:"$space16",background:"$inkLight",position:"relative",borderRadius:5,zIndex:9999,minHeight:160,maxHeight:"90vh",overflow:"scroll",width:"90%","@md":{width:"70%"},"@lg":{width:"unset"}}),iF={resetFilterButton:(0,x.AH)({width:112,"@maxlg":{width:100}}),button:(0,x.AH)({width:112,"@maxlg":{width:100}})},iM=(0,x.I4)("div",{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between"}),iB=(0,x.I4)("div",{width:24,height:24,visibility:"hidden"});function i_(){var e,t;let{t:i}=(0,m.A)(),r=(0,k.A)(),[s,u]=h.useState(1),{isMobile:x}=(0,I.F)(),{theme:v}=(0,y.DP)(),{website:p}=(0,l.NQ)(),C=(null==p?void 0:null===(e=p.websitePersonalize)||void 0===e?void 0:e.style)===o.Bv.Garuda,{data:A,refetch:D,isLoading:R,error:F,extras:[{sortFilters:M,setSortFilters:B}]}=(0,b.A)(eg.lY,{params:{page:s}},function(e){let[t,i]=h.useState();return{input:{params:{filter:t&&t.filters&&t.filters.reduce((e,t)=>
1void 0!==t.value&&null!==t.value?{...e,[t.name]:t.value}:e,{})||{},sort:t&&t.sorts&&(t.sorts.value||t.sorts.default)||null}},onSuccess(t){i(e(t))},extra:{sortFilters:t,setSortFilters:i}}}(e=>({sorts:e.sorts,filters:e.filters}))),_=h.useCallback(()=>{r.showCustom({render:e=>(0,n.jsx)(iw,{sorts:(null==M?void 0:M.sorts)||[],filters:(null==M?void 0:M.filters)||[],setSortFilters:B,setPage:u,onClose:e})})},[r,B,M]);return(0,n.jsxs)(iL,{isGaruda:C,children:[(0,n.jsx)(g.A,{children:(0,n.jsxs)(iE,{children:[(0,n.jsx)(c.EY,{variant:"title3Medium",children:i("profile:transaction_history")}),(0,n.jsx)(c.ir,{onClick:_,label:i("common:filter"),textColor:v.colors.secondaryDefault,startEnhancer:(0,n.jsx)(a.Zc,{color:v.colors.secondaryDefault})})]})}),!x&&(0,n.jsx)(i$,{}),(0,n.jsx)(j.A,{loadingComponent:(0,n.jsx)(w.q,{}),isLoading:R,error:F,onRetry:D,component:(0,n.jsxs)(n.Fragment,{children:[x&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.wv,{mt:24,media:"onlyDesktop"}),(0,n.jsx)(c.ir,{onClick:_,label:i("common:filter"),textColor:v.colors.secondaryDefault,startEnhancer:(0,n.jsx)(a.Zc,{color:v.colors.secondaryDefault})}),(0,n.jsx)(d.wv,{mt:24})]}),null==A?void 0:null===(t=A.data)||void 0===t?void 0:t.map(e=>(0,h.createElement)(w.A,{...e,key:e.id})),(0,n.jsx)(f.A,{page:s-1,onPageChange:e=>u(e+1),meta:null==A?void 0:A.meta})]})})]})}let iL=(0,x.I4)("div",{width:"100%","@desktop":{background:"$inkLight",borderRadius:12,padding:24},variants:{isGaruda:{true:{borderRadius:0,background:"$skyDefaultHalf"}}}}),iE=(0,x.I4)("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),i$=(0,x.I4)("div",{height:.5,width:"100%",my:24,background:"#D9E9F2","@mobile":{my:20}});var iP=i(23158),iS=i(75918);function iN(e){let{t}=(0,m.A)(),{tabData:i,activeIdx:l}=e,r=o.PR.Gin===s.A.whitelabel;return(0,n.jsxs)(iH,{children:[(0,n.jsx)(c.EY,{variant:{"@desktop":"title3Medium","@mobile":"body1Bold"},children:t("common:profile")}),(0,n.jsx)(d.wv,{mb:r?8:16}),(0,n.jsx)(iS.A,{data:i,activeIdx:l,media:"onlyMobile",onChangeTab:t=>e.onChangeTab(t),mode:"select"})]})}let iH=(0,x.I4)("div",{});var iY=i(54976);function iG(){var e,t;let{t:i}=(0,m.A)(),[r,x]=h.useState(0),p=(0,v.useRouter)(),{website:g}=(0,l.NQ)(),j=(null==g?void 0:null===(e=g.websitePersonalize)||void 0===e?void 0:e.style)===o.Bv.Garuda,f=o.PR.Gin===s.A.whitelabel,y=h.useMemo(()=>[{label:i("profile:profile_password"),leftIcon:e=>(0,n.jsx)(a.mS,{color:e})},{label:i("profile:transaction_account"),leftIcon:e=>(0,n.jsx)(a.Sh,{color:e})},{label:i("profile:transaction_history"),leftIcon:e=>(0,n.jsx)(a.lT,{color:e})},{label:i("profile:bonus_history"),leftIcon:e=>(0,n.jsx)(a.E,{color:e})},{label:i("profile:game_history"),leftIcon:e=>(0,n.jsx)(a.dg,{color:e})},{label:i("profile:notification"),leftIcon:e=>(0,n.jsx)(c.rp,{color:e})},...j?[{label:i("common:my_bonus"),leftIcon:e=>(0,n.jsx)(iY.wX,{color:e})},{label:i("common:my_favorite"),leftIcon:e=>(0,n.jsx)(iY.dt,{color:e})},{label:i("common:my_referral"),leftIcon:e=>(0,n.jsx)(iY.qI,{color:e})}]:[]],[j,i]),b=h.useMemo(()=>[{label:i("profile:profile_password"),leftIcon:e=>(0,n.jsx)(a.mS,{color:e})},{label:i("profile:transaction_account"),leftIcon:e=>(0,n.jsx)(a.Sh,{color:e})},{label:i("profile:transaction_history"),leftIcon:e=>(0,n.jsx)(a.lT,{color:e})},{label:i("profile:bonus_history"),leftIcon:e=>(0,n.jsx)(a.E,{color:e})},{label:i("profile:game_history"),leftIcon:e=>(0,n.jsx)(a.dg,{color:e})},{label:i("profile:notification"),leftIcon:e=>(0,n.jsx)(c.rp,{color:e})}],[i]);return h.useEffect(()=>{var e;switch(null===(e=p.query)||void 0===e?void 0:e.tab){case iP.A.Notification:x(5);break;case iP.A.GameHistory:x(4);break;case iP.A.BonusHistory:x(3);break;case iP.A.TransactionHistory:x(2);break;case iP.A.TransactionAccount:x(1);break;default:x(0)}},[null===(t=p.query)||void 0===t?void 0:t.tab]),(0,n.jsx)(iO,{children:(0,n.jsxs)(d.wn,{children:[(0,n.jsx)(iJ,{isGin:f,children:(0,n.jsx)(u.A,{})}),(0,n.jsx)(iN,{tabData:b,activeIdx:r,onChangeTab:e=>x(e)}),!f&&(0,n.jsx)(d.wv,{mb:32}),(0,n.jsxs)(iT,{children:[(0,n.jsx)(to,{tabData:y,selectedTab:r,onChange:e=>{e<=5&&x(e),6===e&&p.push("/my-bonus"),7===e&&p.push("/my-favorite"),8===e&&p.push("/referral")}}),(0,n.jsx)(d.wv,{mr:40,media:"onlyDesktop"}),(()=>{switch(r){case 0:return(0,n.jsx)(tD,{});case 1:return(0,n.jsx)(t3,{});case 2:return(0,n.jsx)(i_,{});case 3:return(0,n.jsx)(ev,{});case 4:return(0,n.jsx)(eV,{});default:return(0,n.jsx)(tl,{})}})()]})]})})}let iT=(0,x.I4)("div",{display:"flex"}),iO=(0,x.I4)("div",{mb:32}),iJ=(0,x.I4)("div",{"@desktop":{my:32},"@mobile":{my:16},variants:{isGin:{true:{my:4}}}});var iW=!0;function iz(e){return(0,n.jsx)(l.Ay,{value:e,children:(0,n.jsx)(r.m,{children:(0,n.jsx)(iG,{})})})}},84950:(e,t,i)=>{"use strict";i.d(t,{A:()=>y});var n=i(37876),l=i(80572),r=i(38624),a=i(2140),s=i(18631),o=i(45615),d=i(50805),c=i(92625),u=i(2233),x=i(14232),v=i(18868),m=i.n(v),h=i(4301),p=i(588),g=i(35162);function j(e){return(0,n.jsx)(a.EY,{variant:{"@desktop":"body3Light","@mobile":"caption1Light"},...e})}function f(e){return(0,n.jsx)(a.EY,{variant:{"@desktop":"body3Medium","@mobile":"caption1Medium"},...e})}function y(e){let[t,i]=x.useState(!1),{theme:s}=(0,o.DP)(),{t:v}=(0,u.A)(),{format:y}=(0,c.BF)(),{status:L,data:E}=e,{isMobile:$}=(0,d.F)(),P=x.useCallback(async t=>{t.preventDefault(),t.stopPropagation();try{window.open("/game-history-launch/".concat(e.id,"?bc=").concat(p.V))}catch(e){h.oR.error(null==e?void 0:e.message)}},[e.id]),S=x.useCallback(e=>{switch(e.type){case"date":return y(e.value,"dd MMMM yyyy, HH:mm");case"number":return"Rp "+(0,g.M_)(e.value);default:return e.value}},[y]);return(0,n.jsxs)(D,{children:[(0,n.jsx)(m(),{transitionTime:150,trigger:(0,n.jsxs)(F,{onClick:()=>i(e=>!e),children:[(0,n.jsxs)(M,{children:[(0,n.jsxs)(R,{children:[(0,n.jsx)(a.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:e.name}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.wv,{mr:12}),(0,n.jsx)(a.EY,{color:s.colors.skyLight,onClick:P,variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},className:b.detailText(),children:v("common:see_detail")})]})]}),(0,n.jsx)(r.wv,{mt:4}),(0,n.jsx)(R,{children:(0,n.jsx)(a.EY,{variant:"caption1Regular",children:e.transactionAt?y(e.transactionAt,"dd MMM yyyy, HH:mm"):"-"})})]}),(0,n.jsxs)(B,{children:[(0,n.jsxs)(_,{children:[(0,n.jsx)(a.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:"Rp ".concat((0,g.M_)(e.amount))}),(0,n.jsx)(r.wv,{mr:12,media:"onlyDesktop"}),(0,n.jsx)(r.wv,{mb:4,media:"onlyMobile"}),(0,n.jsx)(r.qs,{text:v("common:".concat(L)),status:"win"===L?"success":"lose"===L?"error":"pending"})]}),t?(0,n.jsx)(l.nn,{color:s.colors.skyLightest}):(0,n.jsx)(l.qX,{color:s.colors.skyLightest})]})]}),children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(w,{}),(0,n.jsx)(A,{children:null==E?void 0:E.map((e,t)=>(0,n.jsxs)(C,{hasMarginTop:(E.length-t)/2>1,children:[!!e.label&&(0,n.jsx)(I,{children:(0,n.jsx)(j,{children:e.label})}),(0,n.jsxs)(k,{children:[!!e.label&&(0,n.jsx)(f,{children:":"}),(0,n.jsx)(f,{capitalize:!0,children:S(e)})]})]},e.label))})]})}),t&&$&&(0,n.jsx)(r.wv,{mt:12})]})}let b={detailText:(0,s.AH)({"&:hover":{opacity:.8}})},k=(0,s.I4)("div",{display:"flex",alignItems:"center",wordBreak:"break-all","& > :first-child":{mr:4}}),I=(0,s.I4)("div",{"@desktop":{width:"40%"},"@mobile":{width:"30%"},wordBreak:"break-all"}),C=(0,s.I4)("div",{display:"flex",alignItems:"center","@desktop":{width:"50%"},"@mobile":{my:4},variants:{hasMarginTop:{true:{"@desktop":{marginBottom:8}}},odd:{true:{justifyContent:"flex-end"}}}}),w=(0,s.I4)("div",{opacity:.2,background:"#D9E9F2",width:"100%",height:1,my:12}),A=(0,s.I4)("div",{padding:"8px 16px",display:"flex",flexDirection:"row",flexWrap:"wrap","@mobile":{flexDirection:"column"}}),D=(0,s.I4)("div",{"&:nth-child(even)":{background:"$inkLightest",["& ".concat(A)]:{background:"$inkLighter"}},"&:nth-child(odd)":{background:"$inkLighter",["& ".concat(A)]:{background:"$inkLightest"}},"&:not(:last-child)":{mb:12},"@desktop":{padding:"12px 16px"},"@mobile":{padding:"12px"}}),R=(0,s.I4)("div",{display:"flex",flex:1,alignItems:"center"}),F=(0,s.I4)("div",{display:"flex",cursor:"pointer",alignItems:"center"}),M=(0,s.I4)("div",{display:"flex",flex:1,flexDirection:"column"}),B=(0,s.I4)("div",{display:"flex",alignItems:"center"}),_=(0,s.I4)("div",{display:"flex",alignItems:"center",justifyContent:"center",mr:32,"@mobile":{flexDirection:"column",alignItems:"flex-end"}});(0,s.I4)("div",{borderRadius:2,height:60,width:"100%",background:"$inkLightest",marginBottom:16})},90711:(e,t,i)=>{"use strict";i.d(t,{A:()=>m});var n=i(37876),l=i(80572),r=i(38624),a=i(2140),s=i(18631),o=i(50805),d=i(2233);i(14232);var c=i(91238),u=i.n(c);function x(){let{t:e}=(0,d.A)();return(0,n.jsxs)(j,{children:[(0,n.jsx)(a.EY,{children:e("common:next")}),(0,n.jsx)(r.wv,{mr:8}),(0,n.jsx)(l.gP,{color:"#FFFFFF"})]})}function v(){let{t:e}=(0,d.A)();return(0,n.jsxs)(j,{children:[(0,n.jsx)(l.VP,{color:"#FFFFFF"}),(0,n.jsx)(r.wv,{mr:8}),(0,n.jsx)(a.EY,{children:e("common:prev")})]})}function m(e){let{page:t,onPageChange:i,meta:l}=e,{isMobile:r}=(0,o.F)();if(!l)return null;let s=Math.ceil(l.total/l.perPage);return s<=0?null:(0,n.jsx)(p,{children:(0,n.jsx)(g,{children:(0,n.jsx)(u(),{onPageChange:e=>{var t,n;let{selected:l}=e;i(l),"undefined"!=typeof document&&(null===(n=document)||void 0===n||null===(t=n.getElementById("__next"))||void 0===t||t.scrollIntoView())},pageCount:s,forcePage:t,pageRangeDisplayed:r?2:4,marginPagesDisplayed:2,previousLabel:(0,n.jsx)(v,{}),nextLabel:(0,n.jsx)(x,{}),containerClassName:h.pagination(),previousClassName:"previous",activeClassName:"active",pageLabelBuilder:e=>(0,n.jsx)(a.EY,{variant:"body2Regular",children:e}),disabledClassName:h.disabled()})})})}let h={pagination:(0,s.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 >
1 span":{color:"$secondaryDefault"}}),disabled:(0,s.AH)({opacity:.5,cursor:"not-allowed"})},p=(0,s.I4)("div",{display:"flex",marginTop:20,alignItems:"center",flex:1}),g=(0,s.I4)("div",{display:"flex",flex:2,justifyContent:"center"}),j=(0,s.I4)("div",{display:"flex",alignItems:"center"})}},e=>{var t=t=>e(e.s=t);e.O(0,[9089,2767,8080,1238,8827,9243,9200,9491,2896,9672,9919,5215,7755,636,6593,8792],()=>t(8172)),_N_E=e.O()}]);
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.