PageSourceSearch

https://myka.ng/assets/ProjectionPage--8nQimgh.js

js myka.ng collected 2026-10-09 22:43:45 UTC 4,165 bytes, 1 lines download raw bytes

1import{d as b,j as e,N as y}from"./vendor-react-DfYGAhtm.js";import{s as v}from"./savings-BJUwUGln.js";import{m as i,g as A}from"./index-DsBgCU7r.js";import{s as F}from"./savings-hero-texture-CV-9LBUG.js";import{r as P,e as r,d as h,c as B,h as c}from"./SavingsCardShell-BXwb2Evc.js";import{a as s,T as o,F as d,o as T,S as z}from"./vendor-ui-DA_r9yXk.js";import{S as g}from"./routes-BR5I3bEX.js";import"./vendor-forms-BP-7CbAP.js";import{u as N}from"./savingsProjectionApi-BsGvj6st.js";import{h as H,b as m}from"./savingsBudget-ALoZ0Gim.js";import{a as I,f as R}from"./savingsProjection-Bn8kpypl.js";import{u as W}from"./useSavingsBudgetInput-C4H5nWfy.js";import"./LinkPaymentMethodOption-CuZHpNDU.js";import"./vendor-icons-1odZwi-b.js";import"./vendor-state-BsBVN-fX.js";import"./checkoutSessionStore-BRM5sYZN.js";const w=()=>{const n=b(),t=W(),{projection:a,isLoading:p,isError:x}=N(t);if(!t)return{status:"redirect"};const l=()=>n({pathname:`/${g.Budget}`,search:m(t)}),u=()=>n({pathname:`/${g.Plans}`,search:m(t)});return{status:"ready",amountLabel:R(t.amount),frequencyAdverb:P[t.frequency]??"monthly",durationLabel:H(t.duration),projectedValue:a?I(a.maturityValue):"—",ratePercent:a?.rate??null,isLoading:p,isError:x,goToBudget:l,continueToPlans:u}},E=({projectedValue:n})=>e.jsxs(s,{position:"relative",overflow:"hidden",w:"100%",minH:"162px",borderRadius:"32px",boxShadow:"0px 12px 30px 0px rgba(16, 43, 95, 0.05)",backgroundImage:`url(${F})`,backgroundSize:"cover",backgroundPosition:"center",py:"40px",children:[e.jsx(s,{position:"absolute",inset:0,bg:"rgba(31, 54, 95, 0.44)",pointerEvents:"none"}),e.jsxs(s,{position:"relative",children:[e.jsx(o,{fontFamily:r,fontSize:"12px",fontWeight:"semibold",lineHeight:"18px",letterSpacing:"2.4px",textAlign:"center",color:"white",children:"UP TO"}),e.jsx(o,{pt:"8px",fontFamily:h,fontWeight:"700",fontSize:{base:"40px",md:"56px"},lineHeight:"56px",textAlign:"center",color:"white",children:n})]})]}),X=()=>{const n=w();if(n.status==="redirect")return e.jsx(y,{to:`/${g.Budget}`,replace:!0});const{amountLabel:t,frequencyAdverb:a,durationLabel:p,projectedValue:x,ratePercent:l,isLoading:u,isError:f,goToBudget:j,continueToPlans:S}=n;return e.jsxs(B,{onBack:j,children:[e.jsxs(d,{direction:"column",align:"center",children:[e.jsx(d,{boxSize:"75.633px",align:"center",justify:"center",children:e.jsx(T,{src:v,alt:"","aria-hidden":!0,w:"55.055px",h:"66.921px",objectFit:"cover"})}),e.jsxs(o,{as:"h1",pt:"36.3px",fontFamily:h,fontWeight:"600",fontSize:{base:"24px",md:"28px"},lineHeight:"30px",letterSpacing:"-1px",textAlign:"center",color:i.text.tertiary,children:["By saving"," ",e.jsx(o,{as:"span",color:c.orangeMain,children:t}),e.jsx("br",{}),a," for ",p,","]}),e.jsx(o,{pt:"8px",pb:"24px",fontFamily:r,fontSize:"15px",lineHeight:"22.5px",textAlign:"center",color:i.text.tertiary,children:"you could accumulate..."}),u?e.jsx(d,{w:"100%",minH:"162px",align:"center",justify:"center",borderRadius:"32px",bg:i.navy[500],children:e.jsx(z,{size:"lg",color:"white"})}):e.jsx(E,{projectedValue:x}),l!=null?e.jsx(s,{mt:"24px",bg:i.gray[50],border:"1px solid",borderColor:c.toggleBorder,borderRadius:"16px",px:"25px",py:"17px",children:e.jsxs(o,{fontFamily:r,fontSize:"14px",fontWeight:"medium",lineHeight:"21px",textAlign:"center",color:i.navy[500],children:["With interest rates up to"," ",e.jsxs(o,{as:"span",fontWeight:"bold",color:c.successGreen,children:[l.toFixed(2),"% p.a."]})]})}):null,f?e.jsx(o,{pt:"16px",fontFamily:r,fontSize:"13px",lineHeight:"18px",textAlign:"center",color:i.orange[500],children:"We couldn't calculate your projection. You can still continue to browse plans."}):e.jsx(o,{as:"em",display:"block",pt:"32px",maxW:"250px",fontFamily:r,fontStyle:"italic",fontSynthesis:"style",fontSize:"12px",lineHeight:"18px",textAlign:"center",color:c.muted,children:"* The actual payout depends on the specific plan you choose in the next step."})]}),e.jsx(s,{pt:"32px",children:e.jsx(A,{buttonType:"primary",type:"button",text:"Continue",size:"lg",h:"48px",fullWidth:!0,borderRadius:"full",fontFamily:r,fontSize:"14px",fontWeight:"medium",letterSpacing:"-0.9px",onClick:S})})]})};export{X as default};

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.