https://i.rato.lt/forbis-page/exchange-rates.76eb13b0eda318ba6a4b.chunk.js

1"use strict";(()=>{(self.webpackChunkapp_fininbox=self.webpackChunkapp_fininbox||[]).push([["forbis-page/exchange-rates"],{"../../pages/environment-stack/exchange-rates/dist/index.js"(G,ne,i){(function(h,r){G.exports=r()})(self,function(){return(function(){"use strict";var g={};(function(){g.d=function(e,t){for(var n in t)g.o(t,n)&&!g.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(function(){g.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}})(),(function(){g.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var h={};g.r(h),g.d(h,{default:function(){return te}});var r=i("../../../node_modules/react/index.js"),a=i("../../ui/material/dist/index.js"),x=i("../../ui/shared-ui/dist/index.js"),f=i("../../../node_modules/@forbis/i18n/dist/index.js"),O=i("../../../node_modules/@forbis/redux-utils/dist/index.js"),B=i("../../../node_modules/redux/dist/cjs/redux.cjs"),V=i("../../../node_modules/@forbis/effects-middleware/dist/index.js"),k=i("../../../node_modules/react-redux/dist/cjs/index.js");const P="exchange-rates",R="EXCHANGE_RATES",I="CURRENCIES",S=R,y="ALL_CURRENCIES";var v=i("../../../node_modules/redux-actions/dist/redux-actions.js"),A=i("../../../node_modules/@forbis/webapi-utils/dist/index.js"),p={getCurrencyRatesCurrencies:(0,A.createWebApiActionTypes)("API_GET_CURRENCY_RATES__CURRENCIES",{url:"/currency-rates/currencies",method:"GET",signature:"-44667273"}),getCurrencyRatesList:(0,A.createWebApiActionTypes)("API_GET_CURRENCY_RATES__LIST",{url:"/currency-rates/list",method:"GET",signature:"-1366511099"})},C={onInit:(0,v.createAction)(`${S}__ON_INIT`),onCurrencyFromChange:(0,v.createAction)(`${S}__ON_CURRENCY_FROM_CHANGE`),onCurrencyToChange:(0,v.createAction)(`${S}__ON_CURRENCY_TO_CHANGE`)},D=Object.defineProperty,H=Object.defineProperties,W=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable,w=(e,t,n)=>t in e?D(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,E=(e,t)=>{for(var n in t||(t={}))Y.call(t,n)&&w(e,n,t[n]);if(F)for(var n of F(t))z.call(t,n)&&w(e,n,t[n]);return e},b=(e,t)=>H(e,W(t));const N={loading:!0,currencyFrom:"EUR",currencyTo:y,currencies:[],exchangeRates:[]},X=(0,v.handleActions)({[`${p.getCurrencyRatesCurrencies.success}`]:(e,{payload:t})=>b(E({},e),{currencies:t.result.currencies}),[`${C.onCurrencyFromChange}`]:(e,{payload:t})=>{const n=t;return b(E({},e),{currencyFrom:n,currencyTo:n===e.currencyTo?e.currencyFrom:e.currencyTo})},[`${C.onCurrencyToChange}`]:(e,{payload:t})=>{const n=t;return b(E({},e),{currencyFrom:n===e.currencyFrom&&e.currencyTo!==y?e.currencyTo:e.currencyFrom,currencyTo:n})},[`${p.getCurrencyRatesList.loading}`]:e=>b(E({},e),{loading:!0}),[`${p.getCurrencyRatesList.success}`]:(e,{payload:t})=>b(E({},e),{exchangeRates:t.result.currencyRates}),[`${p.getCurrencyRatesList.finished}`]:e=>b(E({},e),{loading:!1}),[O.registryActionsTypes.reset]:()=>N},N);var J=i("../../../node_modules/reselect/es/index.js");const $=e=>e[P],K=(0,J.createSelector)([$],e=>{const{loading:t,currencyFrom:n,currencyTo:l,currencies:s,exchangeRates:o}=e;return{loading:t,currencyFrom:n,currencyTo:l,currencies:s.map(u=>u.currency),exchangeRates:o}}),j=[];j.push({matcher:[`${C.onInit}`],description:"onInit",onEffect:e=>(t,n)=>{t(n);const{signal:l}=n.payload;e(p.getCurrencyRatesCurrencies.execute({signal:l}))}}),j.push({matcher:[`${p.getCurrencyRatesCurrencies.success}`,`${C.onCurrencyFromChange}`,`${C.onCurrencyToChange}`],description:"getCurrencyRatesList",onEffect:(e,t)=>(n,l)=>{n(l);const{currencyFrom:s,currencyTo:o}=$(t());e(p.getCurrencyRatesList.execute({params:{fromCurrency:s,toCurrency:o===y?"":o}}))}});var Q=j,L=i("../../../node_modules/@forbis/formatter-utils/dist/index.js");const Z=(0,a.styled)("img")(({theme:e})=>({width:24,height:24,display:"none",[e.breakpoints.up("xs")]:{display:"block"}}));var q=({exchangeRates:e})=>{const{t}=(0,f.useTranslation)(I),{trans:n}=(0,f.useTranslations)({currencyPair:["[labels]currencyPair"],buyRate:["[labels]buyRate"],sellRate:["[labels]sellRate"]},R),l=s=>{s.target.src="/assets/images/flags/empty.png"};return r.createElement(a.Table,null,r.createElement(x.StickyTableHead,null,r.createElement(a.TableRow,null,r.createElement(a.TableCell,null,n.currencyPair),r.createElement(a.TableCell,null,n.buyRate),r.createElement(a.TableCell,null,n.sellRate))),r.createElement(a.TableBody,null,e&&e.map(s=>{var o,u;const m=s.toCurrency;return r.createElement(a.TableRow,{key:m,hover:!0},r.createElement(a.TableCell,null,r.createElement(a.Stack,{direction:"row",gap:2,alignItems:"center"},r.createElement(Z,{src:`/assets/images/currencyFlags/${m.toLowerCase()}.png`,title:m,alt:m,onError:l}),r.createElement(a.Typography,{variant:"body1",width:"2rem"},m),r.createElement(a.Typography,{variant:"body1",color:"text.secondary",textAlign:"center",display:{nil:"none",sm:"block"}},t([`[labels]${m}`])))),r.createElement(a.TableCell,null,r.createElement(a.Typography,{variant:"body1"},(0,L.formatRate)((o=s.buyRate)==null?void 0:o.toString(),4))),r.createElement(a.TableCell,null,r.createElement(a.Typography,{variant:"body1"},(0,L.formatRate)((u=s.sellRate)==null?void 0:u.toString(),4))))})))};const U=(0,a.styled)("img")(()=>({width:24,height:24}));var M=({selectedCurrency:e,currencies:t,onCurrencySelected:n,allValue:l=!1})=>{const{t:s}=(0,f.useTranslation)(I),{trans:o}=(0,f.useTranslations)({currencyPair:["[labels]currencyPair"],allCurrencies:["[labels]allCurrencies"]},R);if([y,...t].includes(e)===!1)return null;const u=t.map(c=>({currency:c,currencyName:s([`[labels]${c}`])})),m=l?[{currency:y,currencyName:o.allCurrencies},...u]:u,T=c=>{c.target.src="/assets/images/flags/empty.png"},_=c=>{n(c.target.value)};return r.createElement(a.SelectFormControl,{MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},sx:{width:220},label:o.currencyPair,value:e,size:"medium",onChange:_,renderValue:c=>{const d=c;return r.createElement(r.Fragment,null,d===y&&r.createElement(a.Typography,{variant:"body1"},o.allCurrencies),d!==y&&r.createElement(a.Stack,{direction:"row",spacing:2,alignItems:"center"},r.createElement(U,{src:`/assets/images/currencyFlags/${d.toLowerCase()}.png`,title:d,alt:d,onError:T}),r.createElement(a.Typography,{variant:"body1"},d)))}},m.map(c=>r.createElement(a.MenuItem,{value:c.currency,key:`key-item-${c.currency}`},r.createElement(a.Box,{my:1},c.currency===y&&r.createElement(a.Typography,{variant:"body1"},o.allCurrencies),c.currency!==y&&r.createElement(a.Stack,{direction:"row",spacing:2,alignItems:"center"},r.createElement(U,{src:`/assets/images/currencyFlags/${c.currency.toLowerCase()}.png`,title:c.currency,alt:c.currency,onError:T}),r.createElement(a.Typography,{variant:"body1",width:"2rem",textAlign:"center"},c.currency),r.createElement(a.Typography,{variant:"body1",color:"text.secondary"},s([`[labels]${c.currency}`])))))))};const ee=(0,a.styled)(a.Card)(({theme:e})=>({"& .MuiCardContent-root":{padding:e.spacing(4,2,3,2),[e.breakpoints.up("xs")]:{padding:e.spacing(4,4,3,4)}}})),re=()=>{(0,V.useWithEffects)(Q);const{onInit:e,onCurrencyFromChange:t,onCurrencyToChange:n}=(0,O.useActions)(C),{loading:l,currencyFrom:s,currencyTo:o,currencies:u,exchangeRates:m}=(0,k.useSelector)(K),{trans:T}=(0,f.useTranslations)({title:["[labels]title"],currencyFrom:["[labels]currencyFrom"],currencyTo:["[labels]currencyTo"],noItems:["[labels]noItems"]},R);r.useEffect(()=>{const d=new AbortController;return e(d.signal),()=>d.abort()},[]);const _=!!m.length,c=o===y?u.filter(d=>d!==s):u;return r.createElement(a.Box,null,r.createElement(x.PageTitle,{mb:3}

1,T.title),r.createElement(ee,null,r.createElement(a.CardContent,null,r.createElement(a.Box,{display:"flex",flexDirection:"column"},r.createElement(M,{selectedCurrency:s,currencies:u,onCurrencySelected:t}),r.createElement(M,{selectedCurrency:o,currencies:c,onCurrencySelected:n,allValue:!0}),l&&r.createElement(x.Preloader,null),!l&&_&&r.createElement(q,{exchangeRates:m}),!l&&!_&&r.createElement(x.NoItemsBox,{title:T.noItems})))))};var te=(0,B.compose)((0,O.dynamic)(P,X,{destroyOnUnmount:!0}))(re);return h})()})}}]);})();