https://cybercodeonline.com/static/js/MobileBankAtmPage.9120f002.chunk.js

1"use strict";(self.webpackChunkcoder=self.webpackChunkcoder||[]).push([[7052],{88963:function(e,a,t){t(9950);var n=t(41742),r=t(35119),s=t(44414);a.A=function(e){var a=e.walletBalance,t=e.bankBalance,i=e.children;return(0,s.jsx)("div",{className:"pb-24",children:(0,s.jsxs)("div",{className:"mx-4 mt-4 overflow-hidden border border-primary-dark",children:[(0,s.jsxs)("div",{className:"flex-row items-center justify-between border-b border-primary-dark px-3 py-2 font-mono text-[0.65rem] uppercase tracking-wider",children:[(0,s.jsx)("span",{children:(0,r.vV)("ui.bank.atm.network","Arasaka financial // ATM-06")}),(0,s.jsxs)("span",{className:"flex flex-row items-center text-green-400",children:[(0,s.jsx)("span",{"aria-hidden":!0,className:"mr-1 h-1.5 w-1.5 bg-green-400"}),(0,r.vV)("ui.bank.atm.online","Online")]})]}),(0,s.jsxs)("div",{className:"flex-row border-b border-primary-dark",children:[(0,s.jsxs)("div",{className:"w-1/2 border-r border-primary-dark p-3",children:[(0,s.jsx)("span",{className:"text-[0.65rem] uppercase tracking-wider opacity-60",children:(0,r.vV)("ui.bank.wallet","Wallet")}),(0,s.jsxs)("span",{className:"mt-1 font-mono text-base tabular-nums",children:[a.toLocaleString()," ",n.T.CURRENCY_SYMBOL]})]}),(0,s.jsxs)("div",{className:"w-1/2 p-3",children:[(0,s.jsx)("span",{className:"text-[0.65rem] uppercase tracking-wider opacity-60",children:(0,r.vV)("ui.bank.account","Bank")}),(0,s.jsxs)("span",{className:"mt-1 font-mono text-base tabular-nums text-secondary",children:[t.toLocaleString()," ",n.T.CURRENCY_SYMBOL]})]})]}),i]})})}},88918:function(e,a,t){t.r(a),t.d(a,{default:function(){return v}});var n=t(31673),r=t(9950),s=t(5544),i=t(28424),o=t(79394),c=t(28417),l=t(35119),d=t(44414),m=function(){var e=(0,i.jq)(),a=r.useState(0),t=(0,s.A)(a,2),n=t[0],m=t[1],u=[{image:"/background-images/bank-atm-advert.webp",advertiser:(0,l.vV)("ui.bank.atm.advertiser","Arasaka secure banking"),headline:(0,l.vV)("ui.bank.atm.advertHeadline","Own tomorrow. Secure it today."),body:(0,l.vV)("ui.bank.atm.advertBody","Private assets. Continuous access. Total control.")},{image:"/background-images/bank-atm-advert-02.webp",advertiser:(0,l.vV)("ui.bank.atm.advert2Advertiser","Arasaka continuity program"),headline:(0,l.vV)("ui.bank.atm.advert2Headline","Outlive uncertainty."),body:(0,l.vV)("ui.bank.atm.advert2Body","Identity. Assets. Access. Preserved across every tomorrow.")}];return r.useEffect((function(){var a=window.matchMedia("(prefers-reduced-motion: reduce)").matches,t=e.routeInfo.pathname===o.S.BANK_ATM.getRoute();if(!a&&t){var n=window.setTimeout((function(){m((function(e){return(e+1)%u.length}))}),8e3);return function(){return window.clearTimeout(n)}}}),[n,e.routeInfo.pathname,u.length]),(0,d.jsxs)("div",{className:"relative h-36 overflow-hidden border-b border-primary-dark",children:[u.map((function(e,a){var t=a===n;return(0,d.jsxs)("div",{"aria-hidden":!t,className:"pointer-events-none absolute inset-0 transition-opacity duration-300 motion-reduce:transition-none ".concat(t?"opacity-100":"opacity-0"),children:[(0,d.jsx)(c.A,{className:"absolute left-0 top-0 h-full w-full object-cover object-center brightness-[0.6]",src:e.image,alt:""}),(0,d.jsx)("div",{"aria-hidden":!0,className:"absolute inset-0 bg-gradient-to-r from-black/90 via-black/65 to-black/10"}),(0,d.jsxs)("div",{className:"absolute inset-0 z-10 p-4",children:[(0,d.jsx)("span",{className:"font-mono text-[0.6rem] uppercase tracking-[0.25em] text-secondary",children:e.advertiser}),(0,d.jsx)("span",{className:"mt-2 max-w-[15rem] display-font text-xl font-semibold uppercase leading-tight",children:e.headline}),(0,d.jsx)("span",{className:"mt-2 max-w-[15rem] text-xs opacity-70",children:e.body})]})]},e.image)})),(0,d.jsx)("div",{className:"absolute bottom-2 right-3 z-20 flex-row gap-1.5",children:u.map((function(e,a){return(0,d.jsx)("button",{type:"button","aria-label":(0,l.vV)("ui.bank.atm.showAdvert","Show advertisement ${number}",{number:a+1}),className:"h-1 w-5 transition-colors ".concat(a===n?"bg-secondary":"bg-white/30"),onClick:function(){return m(a)}},e.image)}))})]})},u=t(88963),b=t(41742),p=t(10819),x=t(23327),v=r.memo((0,n.PA)((function(){var e=x.A.getPlayer();if(!e)return null;var a=e.getMoney(),t=e.bankBalance,n=(0,l.vV)("ui.bank.atm.emptyBank","Bank balance is empty");return t>0&&(n=(0,l.vV)("ui.bank.atm.withdrawDescription","Move ${currency} from bank to wallet",{currency:b.T.CURRENCY_SYMBOL})),(0,d.jsxs)(u.A,{walletBalance:a,bankBalance:t,children:[(0,d.jsx)(m,{}),(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"px-3 py-2 font-mono text-[0.65rem] uppercase tracking-wider opacity-60",children:(0,l.vV)("ui.bank.atm.selectTransaction","Select transaction")}),(0,d.jsxs)("button",{type:"button",disabled:a<=0,className:"flex w-full flex-row items-center border-t border-primary-dark px-3 py-3 text-left disabled:cursor-not-allowed disabled:opacity-30",onClick:function(){return p.i.navigateTo(o.S.BANK_ATM_DEPOSIT)},children:[(0,d.jsx)("span",{className:"mr-3 font-mono text-xs text-secondary",children:"01"}),(0,d.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,d.jsx)("span",{className:"text-sm font-semibold uppercase",children:(0,l.vV)("ui.bank.deposit","Deposit")}),(0,d.jsx)("span",{className:"text-xs opacity-60",children:(0,l.vV)("ui.bank.atm.depositDescription","Move ${currency} from wallet to bank",{currency:b.T.CURRENCY_SYMBOL})})]}),(0,d.jsx)("span",{className:"ml-3 font-mono text-xs uppercase text-secondary",children:(0,l.vV)("ui.bank.atm.select","Select")})]}),(0,d.jsxs)("button",{type:"button",disabled:t<=0,className:"flex w-full flex-row items-center border-t border-primary-dark px-3 py-3 text-left disabled:cursor-not-allowed disabled:opacity-30",onClick:function(){return p.i.navigateTo(o.S.BANK_ATM_WITHDRAW)},children:[(0,d.jsx)("span",{className:"mr-3 font-mono text-xs text-secondary",children:"02"}),(0,d.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,d.jsx)("span",{className:"text-sm font-semibold uppercase",children:(0,l.vV)("ui.bank.withdraw","Withdraw")}),(0,d.jsx)("span",{className:"text-xs opacity-60",children:n})]}),(0,d.jsx)("span",{className:"ml-3 font-mono text-xs uppercase text-secondary",children:(0,l.vV)("ui.bank.atm.select","Select")})]})]})]})})))}}]);