https://iron-fe-works.com/_next/static/chunks/7755-7892fe5d027ca103.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7755],{9073:(e,i,n)=>{n.d(i,{A:()=>f,p:()=>y});var t=n(37876),s=n(80572),l=n(38624),r=n(2140),o=n(18631),d=n(45615),a=n(50805),c=n(92625),u=n(2233),x=n(14232),h=n(18868),m=n.n(h),j=n(4301),p=n(588),v=n(35162);function g(e){return(0,t.jsx)(r.EY,{variant:{"@desktop":"body3Light","@mobile":"caption1Light"},...e})}function b(e){return(0,t.jsx)(r.EY,{variant:{"@desktop":"body3Medium","@mobile":"caption1Medium"},...e})}function y(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(Y,{}),(0,t.jsx)(Y,{}),(0,t.jsx)(Y,{}),(0,t.jsx)(Y,{}),(0,t.jsx)(Y,{})]})}function f(e){let[i,n]=x.useState(!1),{theme:o}=(0,d.DP)(),{t:h}=(0,u.A)(),{format:y}=(0,c.BF)(),{status:f,data:Y}=e,{isMobile:$}=(0,a.F)(),W=x.useCallback(async i=>{i.preventDefault(),i.stopPropagation();try{window.open("/game-history-launch/".concat(e.id,"?bc=").concat(p.V))}catch(e){j.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,v.M_)(e.value);default:return e.value}},[y]);return(0,t.jsxs)(E,{children:[(0,t.jsx)(m(),{transitionTime:150,trigger:(0,t.jsxs)(_,{onClick:()=>n(e=>!e),children:[(0,t.jsxs)(L,{children:[(0,t.jsxs)(R,{children:[(0,t.jsx)(r.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:e.name}),!$&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.wv,{mr:12}),(0,t.jsx)(r.EY,{color:o.colors.secondaryDefault,onClick:W,variant:"body2Regular",className:k.detailText(),children:h("common:detail")})]})]}),(0,t.jsx)(l.wv,{mt:4}),(0,t.jsx)(R,{children:(0,t.jsx)(r.EY,{variant:"caption1Regular",children:e.transactionAt?y(e.transactionAt,"dd MMM yyyy, HH:mm"):"-"})})]}),(0,t.jsxs)(D,{children:[(0,t.jsxs)(F,{children:[(0,t.jsx)(r.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:"Rp ".concat((0,v.M_)(e.amount))}),(0,t.jsx)(l.wv,{mr:12,media:"onlyDesktop"}),(0,t.jsx)(l.wv,{mb:4,media:"onlyMobile"}),(0,t.jsx)(l.qs,{text:h("common:".concat(f)),status:"win"===f?"success":"lose"===f?"error":"pending"})]}),i?(0,t.jsx)(s.nn,{color:o.colors.skyLightest}):(0,t.jsx)(s.qX,{color:o.colors.skyLightest})]})]}),children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(C,{}),(0,t.jsx)(M,{children:null==Y?void 0:Y.map((e,i)=>(0,t.jsxs)(A,{hasMarginTop:(Y.length-i)/2>

11,children:[!!e.label&&(0,t.jsx)(I,{children:(0,t.jsx)(g,{children:e.label})}),(0,t.jsxs)(w,{children:[!!e.label&&(0,t.jsx)(b,{children:":"}),(0,t.jsx)(b,{capitalize:!0,children:S(e)})]})]},e.label))})]})}),!i&&$&&(0,t.jsx)(C,{}),i&&$&&(0,t.jsx)(l.wv,{mt:12}),$&&(0,t.jsx)(r.EY,{color:o.colors.secondaryDefault,onClick:W,variant:"body2Regular",className:k.detailText(),align:"center",children:h("common:detail")})]})}let k={detailText:(0,o.AH)({"&:hover":{opacity:.8}})},w=(0,o.I4)("div",{display:"flex",alignItems:"center",wordBreak:"break-all","& > :first-child":{mr:4}}),I=(0,o.I4)("div",{"@desktop":{width:"40%"},"@mobile":{width:"30%"},wordBreak:"break-all"}),A=(0,o.I4)("div",{display:"flex",alignItems:"center","@desktop":{width:"50%"},"@mobile":{my:4},variants:{hasMarginTop:{true:{"@desktop":{marginBottom:8}}},odd:{true:{justifyContent:"flex-end"}}}}),C=(0,o.I4)("div",{opacity:.2,background:"#D9E9F2",width:"100%",height:1,my:12}),M=(0,o.I4)("div",{padding:"8px 16px",borderRadius:12,display:"flex",flexDirection:"row",flexWrap:"wrap","@mobile":{flexDirection:"column"}}),E=(0,o.I4)("div",{borderRadius:12,"&:nth-child(even)":{background:"$inkLightest",["& ".concat(M)]:{background:"$inkLighter"}},"&:nth-child(odd)":{background:"$inkLighter",["& ".concat(M)]:{background:"$inkLightest"}},"&:not(:last-child)":{mb:12},"@desktop":{padding:"12px 16px"},"@mobile":{padding:"12px"}}),R=(0,o.I4)("div",{display:"flex",flex:1,alignItems:"center"}),_=(0,o.I4)("div",{display:"flex",cursor:"pointer",alignItems:"center"}),L=(0,o.I4)("div",{display:"flex",flex:1,flexDirection:"column"}),D=(0,o.I4)("div",{display:"flex",alignItems:"center"}),F=(0,o.I4)("div",{display:"flex",alignItems:"center",justifyContent:"center",mr:32,"@mobile":{flexDirection:"column",alignItems:"flex-end"}}),Y=(0,o.I4)("div",{borderRadius:2,height:60,width:"100%",background:"$inkLightest",marginBottom:16})},75918:(e,i,n)=>{n.d(i,{A:()=>v});var t=n(37876),s=n(14232),l=n(58103),r=n.n(l),o=n(57571),d=n(24464),a=n(69233),c=n(18631),u=n(81367),x=n(2140),h=n(45615);function m(e){let{label:i,onClick:n,active:s,leftIcon:l,containerClassName:r}=e,{theme:o}=(0,h.DP)();return(0,t.jsxs)(p,{active:s,onClick:n,className:r,children:[!!l&&(0,t.jsx)(j,{children:l(o.colors.skyLightest)}),(0,t.jsx)(x.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},align:"center",css:{width:"max-content"},children:i})]})}let j=(0,c.I4)("div",{display:"flex","@mobile":{mr:8,"& svg":{width:16,height:16}},"@desktop":{mr:10}}),p=(0,c.I4)("div",{borderRadius:8,cursor:"pointer",height:"fit-content",display:"flex",alignItems:"center","@desktop":{padding:"12px 16px"},"@mobile":{padding:"4px 12px"},variants:{active:{true:{background:"$secondaryDefault"},false:{"@desktop":{background:"$inkLightest"}}}},"&:hover":{background:"$secondaryLight"}});function v(e){let{data:i,activeIdx:n,hideDivider:l,endEnhancer:c,onChangeTab:x,mode:h="default",...j}=e,p=d.PR.Gin===o.A.whitelabel,v=s.useRef(),{onScrollCapture:I}=(0,u.Y)({ref:v});return(0,t.jsxs)(b,{...j,children:["select"===h?(0,t.jsx)(a.A,{options:i,value:i[n],onChange:e=>x(i.findIndex(i=>(null==e?void 0:e.label)===(null==i?void 0:i.label)))}):(0,t.jsxs)(w,{children:[(0,t.jsx)(y,{children:(0,t.jsx)("div",{className:r()(),children:(0,t.jsx)(f,{onScrollCapture:I,ref:v,children:i.map((e,i)=>(0,s.createElement)(m,{...e,key:i.toString(),containerClassName:0!==i?g.separator():void 0,active:i===n,leftIcon:e.leftIcon,onClick:()=>x(i)}))})})}),c]}),!l&&(0,t.jsx)(k,{isGin:p})]})}let g={separator:(0,c.AH)({marginLeft:20})},b=(0,c.I4)("div",{variants:{media:{onlyMobile:{"@desktop":{display:"none"}},onlyDesktop:{"@mobile":{display:"none"}}}}}),y=(0,c.I4)("div",{overflow:"auto"}),f=(0,c.I4)("div",{display:"flex",flex:1,overflowX:"scroll","&::-webkit-scrollbar":{display:"none"}}),k=(0,c.I4)("div",{"@mobile":{background:"#D9E9F2",width:"100%",height:1,my:20},"@desktop":{my:16},variants:{isGin:{true:{my:8}}}}),w=(0,c.I4)("div",{display:"flex",flex:1,alignItems:"flex-end",justifyContent:"space-between"})},78158:(e,i,n)=>{n.d(i,{A:()=>u});var t,s=n(37876),l=n(63261),r=n(45105),o=n.n(r),d=n(18847),a=n.n(d);n(14232);let c=e=>(0,s.jsx)(s.Fragment,{children:e.children});a()(()=>Promise.resolve(c),{ssr:!1});let u=(t=function(e){return(0,s.jsx)(s.Fragment,{children:e.content?(0,l.Ay)(e.content,{replace(e){if(e instanceof l.Hg&&"script"===e.type){let i=(0,l.$5)(e.attribs);return(0,s.jsx)(o(),{...i,children:(0,l.zd)(e.children)})}}}):null})},a()(()=>Promise.resolve(t),{ssr:!1}))},81367:(e,i,n)=>{n.d(i,{Y:()=>s});var t=n(14232);let s=e=>{var i,n;let[s,l]=t.useState(!1),[r,o]=t.useState(!1);return t.useEffect(()=>{var i,n,t,s,l,r;o((null==e?void 0:null===(n=e.ref)||void 0===n?void 0:null===(i=n.current)||void 0===i?void 0:i.scrollLeft)+(null==e?void 0:null===(s=e.ref)||void 0===s?void 0:null===(t=s.current)||void 0===t?void 0:t.clientWidth)+5<=(null==e?void 0:null===(r=e.ref)||void 0===r?void 0:null===(l=r.current)||void 0===l?void 0:l.scrollWidth))},[null==e?void 0:null===(n=e.ref)||void 0===n?void 0:null===(i=n.current)||void 0===i?void 0:i.clientWidth,null==e?void 0:e.ref]),{onScrollCapture:t.useCallback(e=>{var i,n,t,s;l((null==e?void 0:null===(i=e.target)||void 0===i?void 0:i.scrollLeft)>5),o((null==e?void 0:null===(n=e.target)||void 0===n?void 0:n.scrollLeft)+(null==e?void 0:null===(t=e.target)||void 0===t?void 0:t.clientWidth)+5<=(null==e?void 0:null===(s=e.target)||void 0===s?void 0:s.scrollWidth))},[]),overflow:{left:s,right:r}}}},85298:(e,i,n)=>{n.d(i,{q:()=>H,A:()=>B});var t=n(37876),s=n(75785),l=n(36829),r=n(80572),o=n(93310),d=n(24464),a=n(38624),c=n(73559),u=n(18631),x=n(45615),h=n(2233),m=n(14232),j=n(83663);function p(e){let{text:i,size:n=20}=e,{theme:s}=(0,x.DP)(),{t:l}=(0,h.A)(),r=(0,m.useCallback)(()=>{(0,j.lW)(i),o.o.success(l("common:text_copied",{text:i}),{autoClose:1500})},[i,l]);return(0,t.jsx)(v,{onClick:r,children:(0,t.jsx)(c.A,{color:s.colors.secondary

1Default})})}let v=(0,u.I4)("div",{cursor:"pointer"});var g=n(2140),b=n(95038),y=n(17334),f=n(10172),k=n(50805),w=n(92625),I=n(30960),A=n(76027),C=n(49127),M=n(78158);function E(e){var i;let{t:n}=(0,h.A)(),{title:s,content:l,onClose:r,qris:o}=e,{website:d}=(0,y.NQ)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(M.A,{content:null==d?void 0:null===(i=d.website)||void 0===i?void 0:i.depositScript}),(0,t.jsx)(I.A,{cancelable:!1,onClose:r,children:(0,t.jsx)(A.Zk,{className:_.panel(),children:(0,t.jsxs)(R,{children:[(0,t.jsx)(C.A,{mb:28}),(0,t.jsx)(g.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:s}),(0,t.jsx)(C.A,{mb:32}),o,(0,t.jsx)(g.EY,{variant:{"@desktop":"caption1Regular","@mobile":"caption2Regular"},children:l}),(0,t.jsx)(C.A,{mb:32}),(0,t.jsx)(g.$n,{onClick:r,wrapperClassName:_.button(),children:n("common:back")}),(0,t.jsx)(C.A,{mb:40})]})})})]})}let R=(0,u.I4)(A.$m,{display:"flex",alignItems:"center",flexDirection:"column"}),_={panel:(0,u.AH)({padding:"0 32px",overflow:"hidden",maxWidth:"80%","@xs":{minWidth:440,maxWidth:440}}),button:(0,u.AH)({minWidth:164})};function L(e){var i;let{t:n}=(0,h.A)(),{onClose:s}=e,{website:l}=(0,y.NQ)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(M.A,{content:null==l?void 0:null===(i=l.website)||void 0===i?void 0:i.depositScript}),(0,t.jsx)(I.A,{cancelable:!1,onClose:s,children:(0,t.jsxs)(A.Zk,{className:Y.panel(),style:{padding:0},children:[(0,t.jsx)(F,{children:(0,t.jsx)(r.GP,{})}),(0,t.jsxs)(D,{children:[(0,t.jsx)(C.A,{mb:28}),(0,t.jsx)(g.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:n("transaction:deposit_success")}),(0,t.jsx)(C.A,{mb:12}),(0,t.jsx)(g.EY,{variant:{"@desktop":"caption1Regular","@mobile":"caption2Regular"},children:n("transaction:your_deposit_success")}),(0,t.jsx)(C.A,{mb:32}),(0,t.jsx)(g.$n,{onClick:s,wrapperClassName:Y.button(),children:n("common:back")}),(0,t.jsx)(C.A,{mb:40})]})]})})]})}let D=(0,u.I4)(A.$m,{display:"flex",alignItems:"center",flexDirection:"column"}),F=(0,u.I4)("div",{background:"$backgroundSuccess",height:168,display:"flex",alignItems:"center",justifyContent:"center"}),Y={panel:(0,u.AH)({overflow:"hidden",maxWidth:"80%","@xs":{minWidth:440,maxWidth:440}}),button:(0,u.AH)({minWidth:164})};var $=n(89099),W=n(18868),S=n.n(W),N=n(35162);function T(e){return(0,t.jsx)(g.EY,{variant:{"@desktop":"body3Light","@mobile":"caption1Light"},...e})}function q(e){return(0,t.jsx)(g.EY,{variant:{"@desktop":"body3Medium","@mobile":"caption1Medium"},...e})}function H(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(en,{}),(0,t.jsx)(en,{}),(0,t.jsx)(en,{}),(0,t.jsx)(en,{}),(0,t.jsx)(en,{})]})}function B(e){var i,n,c,u;let[v,I]=m.useState(!1),{format:A}=(0,w.BF)(),{website:C}=(0,y.NQ)(),M=(null==C?void 0:null===(i=C.websitePersonalize)||void 0===i?void 0:i.style)===d.Bv.Garuda,R=(0,f.A)(),_=(0,$.useRouter)(),{isMobile:D}=(0,k.F)(),{theme:F}=(0,x.DP)(),{t:Y}=(0,h.A)(),W=m.useCallback(e=>{let{paymentType:i,paymentCheckout:n}=e;R.showCustom({render(e){let l=()=>{_.push("/transaction"),e()};return i===s.cF.QRIS?(0,t.jsx)(E,{title:(0,t.jsx)(g.EY,{children:Y("transaction:oy_transaction_pending_message")}),content:(0,t.jsx)(t.Fragment,{}),qris:(0,t.jsx)(g.hw,{src:n,width:D?280:350,height:D?280:350,alt:"qris-checkout"}),onClose:l}):i===s.cF.EWALLET?(0,t.jsx)(E,{title:(0,t.jsx)(g.EY,{children:Y("transaction:deposit_instruction")}),content:(0,t.jsx)(t.Fragment,{}),onClose:l}):(0,t.jsx)(L,{onClose:l})}})},[R,_,Y]),H=m.useCallback(e=>{let{paymentCheckout:i,paymentName:n}=e;R.showCustom({render:e=>(0,t.jsx)(E,{title:Y("transaction:virtual_account_instruction"),content:(0,t.jsxs)(a.BJ,{gap:4,direction:"vertical",alignItems:"center",children:[(0,t.jsxs)(g.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:[Y("transaction:virtual_account_number"),":"]}),n&&(0,t.jsx)(g.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:n}),(0,t.jsxs)(a.BJ,{gap:8,direction:"horizontal",alignItems:"center",children:[(0,t.jsx)(g.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:i}),(0,t.jsx)(p,{text:i||""})]})]}),onClose:()=>{(0,j.lW)(i||""),o.o.success(Y("common:text_copied",{text:i}),{autoClose:1500}),_.push("/transaction"),e()}})})},[R,_,Y]),B=m.useCallback(()=>

1{(null==e?void 0:e.paymentType)===s.cF.QRIS?W(e):(null==e?void 0:e.paymentType)===s.cF.EWALLET?(window.open(null==e?void 0:e.paymentCheckout),W(e)):(null==e?void 0:e.paymentType)===s.cF.VA?H(e):R.showCustom({render:i=>(0,t.jsx)(b.A,{onClose:i,paymentCheckout:e.paymentCheckout,title:Y("transaction:deposit_pending"),desc:Y("transaction:payment_checkout_transaction_pending_message"),onSave:()=>{i()}})})},[R,e,W,H,Y]);return(0,t.jsx)(X,{isGaruda:M,children:(0,t.jsx)(S(),{transitionTime:150,trigger:(0,t.jsxs)(U,{onClick:()=>I(e=>!e),children:[(0,t.jsxs)(K,{children:[(0,t.jsx)(Z,{children:(0,t.jsx)(g.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:e.type})}),(0,t.jsx)(a.wv,{mt:4}),(0,t.jsx)(Z,{children:(0,t.jsx)(g.EY,{variant:"caption1Regular",children:e.transactionAt?A(e.transactionAt,"dd MMM yyyy, HH:mm"):"-"})})]}),(0,t.jsxs)(ee,{children:[(0,t.jsxs)(ei,{children:[(0,t.jsx)(g.EY,{variant:{"@desktop":"body2Medium","@mobile":"body3Medium"},children:"".concat(e.transactionType===l._A.withdraw||"Subtract"===e.type?"-":"+"," Rp ").concat((0,N.M_)(e.totalAmount))}),(0,t.jsx)(a.wv,{mr:12,media:"onlyDesktop"}),(0,t.jsx)(a.wv,{mb:4,media:"onlyMobile"}),(0,t.jsx)(a.qs,{text:Y("common:".concat(e.status.toLowerCase())),status:(()=>{switch(e.status){case l.Te.pending:return"pending";case l.Te.rejected:return"error";default:return"success"}})()})]}),v?(0,t.jsx)(r.nn,{color:F.colors.skyLightest}):(0,t.jsx)(r.qX,{color:F.colors.skyLightest})]})]}),children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(J,{}),(0,t.jsx)(O,{isGaruda:M,children:(0,t.jsxs)(P,{children:[(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:Y("transaction:media")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsx)(q,{children:e.accountNumber||"-"})]})]})}),(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:Y("transaction:promo")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsxs)(q,{children:["Rp ",(0,N.M_)(null===(n=e.promotion)||void 0===n?void 0:n.amount)]})]})]})}),(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:e.transactionType===l._A.deposit?Y("transaction:deposit"):Y("transaction:withdraw")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsxs)(q,{children:["Rp ",(0,N.M_)(e.amount)]})]})]})}),(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:e.transactionType===l._A.deposit?Y("transaction:total_deposit"):Y("transaction:total_withdraw")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsxs)(q,{children:["Rp ",(0,N.M_)(e.totalAmount)]})]})]})}),(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:Y("transaction:fee")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsxs)(q,{children:["Rp ",(0,N.M_)(-1*((null==e?void 0:e.fee)||0))]})]})]})}),(null==e?void 0:null===(c=e.promotion)||void 0===c?void 0:c.code)&&(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:Y("transaction:code")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsx)(q,{children:null==e?void 0:null===(u=e.promotion)||void 0===u?void 0:u.code})]})]})}),(null==e?void 0:e.description)&&(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:Y("transaction:description")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsx)(q,{children:e.description})]})]})}),(null==e?void 0:e.reason)&&(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:Y("transaction:reason")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsx)(q,{children:e.reason})]})]})}),(null==e?void 0:e.paymentCheckout)&&(0,t.jsx)(G,{children:(0,t.jsxs)(z,{children:[(0,t.jsx)(V,{children:(0,t.jsx)(T,{children:Y("transaction:qris")})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(q,{children:":"}),(0,t.jsx)(et,{status:"pending",onClick:B,children:(0,t.jsx)(q,{children:"Show"})})]})]})})]})})]})})})}let P=(0,u.I4)("div",{display:"flex",width:"100%",flexWrap:"wrap"}),G=(0,u.I4)("div",{"@desktop":{width:"50%","&:not(:nth-last-child(-n+2))":{mb:8}},"@mobile":{width:"100%"}}),Q=(0,u.I4)("div",{display:"flex",alignItems:"center","& > :first-child":{mr:4}}),V=(0,u.I4)("div",{minWidth:"40%",wordBreak:"break-all",mr:4}),z=(0,u.I4)("div",{display:"flex",alignItems:"center","@desktop":{"&:not(:first-child)":{mt:8}},"@mobile":{my:4}}),J=(0,u.I4)("div",{opacity:.2,background:"#D9E9F2",width:"100%",height:1,my:12}),O=(0,u.I4)("div",{padding:"8px 16px",borderRadius:12,variants:{isGaruda:{true:{borderRadius:0}}}}),X=(0,u.I4)("div",{borderRadius:12,"&:nth-child(even)":{background:"$inkLightest",["& ".concat(O)]:{background:"$inkLighter"}},"&:nth-child(odd)":{background:"$inkLighter",["& ".concat(O)]:{background:"$inkLightest"}},"&:not(:last-child)":{mb:12},"@desktop":{padding:"12px 16px"},"@mobile":{padding:"12px"},variants:{isGaruda:{true:{borderRadius:0}}}}),Z=(0,u.I4)("div",{display:"flex",flex:1,alignItems:"center"}),U=(0,u.I4)("div",{display:"flex",cursor:"pointer",alignItems:"center"}),K=(0,u.I4)("div",{display:"flex",flex:1,flexDirection:"column"}),ee=(0,u.I4)("div",{display:"flex"}),ei=(0,u.I4)("div",{display:"flex",alignItems:"center",justifyContent:"center",mr:32,"@mobile":{flexDirection:"column",alignItems:"flex-end"}}),en=(0,u.I4)("div",{borderRadius:12,height:60,width:"100%",background:"$inkLightest",marginBottom:16}),et=(0,u.I4)("div",{py:3,px:16,borderRadius:33,defaultVariants:{status:"success"},cursor:"pointer","&:hover":{opacity:.7},variants:{status:{success:{background:"$greenLightest","& span":{color:"$greenDark"}},pending:{background:"$yellowLightest","& span":{color:"$yellowDark"}},error:{background:"$redLightest","& span":{color:"$redDark"}},info:{background:"#D9E9F2","& span":{color:"#1A3A4C"}}}}})},95038:(e,i,n)=>{n.d(i,{A:()=>g});var t=n(37876),s=n(50158),l=n(38624),r=n(30960),o=n(76027),d=n(2140),a=n(18631),c=n(45615),u=n(49473),x=n(50805),h=n(63115),m=n(68827),j=n.n(m),p=n(2233),v=n(14232);function g(e){let{t:i}=(0,p.A)(),{paymentCheckout:n,onClose:a,onSave:m,title:g,desc:k,extraComponent:w}=e,{theme:I}=(0,c.DP)(),A=(0,v.useRef)(),[C,M]=(0,v.useState)(""),[E,R]=(0,v.useState)(!0),{isMobile:_}=(0,x.F)(),L=(0,v.useMemo)(()=>new DOMParser().parseFromString(n.trim(),"image/svg+xml").querySelector("parsererror")?n:"data:image/svg+xml;utf8,".concat(encodeURIComponent(n)),[n]),D=(0,v.useCallback)(async()=>

1{if(C){var e,i;(null===(e=window)||void 0===e?void 0:e.ReactNativeWebView)&&(null===(i=window)||void 0===i||i.ReactNativeWebView.postMessage(JSON.stringify({type:"download",url:C}))),(0,u.saveAs)(C,"qris.jpg")}},[C]);return(0,v.useEffect)(()=>{(null==A?void 0:A.current)&&(0,h.gO)(A.current,{quality:1}).then(e=>{M(e),R(!1)})},[L,null==A?void 0:A.current]),(0,t.jsx)(r.A,{cancelable:!1,onClose:a,children:(0,t.jsx)(o.Zk,{css:{padding:"24px",background:I.colors.inkDefault},children:(0,t.jsxs)("div",{children:[(0,t.jsxs)(y,{children:[L&&(0,t.jsxs)(f,{children:[(0,t.jsx)("div",{ref:A,children:(0,t.jsx)(j(),{src:L,width:_?280:350,height:_?280:350,objectFit:"fill",alt:"qris",quality:1})}),(0,t.jsx)(l.wv,{mt:12}),(0,t.jsx)(d.$n,{onClick:D,loading:E,children:i("transaction:download_qris")})]}),(0,t.jsx)(l.wv,{mt:20}),(0,t.jsx)(d.EY,{variant:"title3Medium",children:i("transaction:scan_here")})]}),(0,t.jsx)(l.wv,{mt:20}),(0,t.jsx)(s.A,{color:I.colors.yellowDefault}),(0,t.jsx)(l.wv,{mt:20}),(0,t.jsx)(d.EY,{variant:"title3Medium",children:g}),(0,t.jsx)(l.wv,{mt:16}),(0,t.jsx)(d.EY,{variant:"body2Regular",children:k}),!!w&&(0,t.jsx)(t.Fragment,{children:w}),(0,t.jsx)(l.wv,{mt:40}),(0,t.jsx)(d.$n,{onClick:m,wrapperClassName:b.wrapperButton(),children:i("common:done")})]})})})}let b={wrapperButton:(0,a.AH)({width:"100%",minWidth:"100%"})},y=(0,a.I4)("div",{textAlign:"center"}),f=(0,a.I4)("div",{display:"flex",flexDirection:"column",alignItems:"center"})}}]);