https://v0-calculator-02chtz.vercel.app/_next/static/chunks/app/page-37a8dc1ed7e8d8df.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{2311:function(e,s,t){Promise.resolve().then(t.bind(t,3137))},3137:function(e,s,t){"use strict";t.d(s,{default:function(){return R}});var a=t(7437),l=t(2265),r=t(1994),n=t(3335);function i(){for(var e=arguments.length,s=Array(e),t=0;t<e;t++)s[t]=arguments[t];return(0,n.m6)((0,r.W)(s))}let d=l.forwardRef((e,s)=>{let{className:t,type:l,...r}=e;return(0,a.jsx)("input",{type:l,className:i("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",t),ref:s,...r})});d.displayName="Input";var c=t(7504),o=t(875),m=t(2135),x=t(401);let f=c.fC;c.ZA;let u=c.B4,h=l.forwardRef((e,s)=>{let{className:t,children:l,...r}=e;return(0,a.jsxs)(c.xz,{ref:s,className:i("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm r

1ing-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",t),...r,children:[l,(0,a.jsx)(c.JO,{asChild:!0,children:(0,a.jsx)(o.Z,{className:"h-4 w-4 opacity-50"})})]})});h.displayName=c.xz.displayName;let p=l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(c.u_,{ref:s,className:i("flex cursor-default items-center justify-center py-1",t),...l,children:(0,a.jsx)(m.Z,{className:"h-4 w-4"})})});p.displayName=c.u_.displayName;let b=l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(c.$G,{ref:s,className:i("flex cursor-default items-center justify-center py-1",t),...l,children:(0,a.jsx)(o.Z,{className:"h-4 w-4"})})});b.displayName=c.$G.displayName;let j=l.forwardRef((e,s)=>{let{className:t,children:l,position:r="popper",...n}=e;return(0,a.jsx)(c.h_,{children:(0,a.jsxs)(c.VY,{ref:s,className:i("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===r&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:r,...n,children:[(0,a.jsx)(p,{}),(0,a.jsx)(c.l_,{className:i("p-1","popper"===r&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:l}),(0,a.jsx)(b,{})]})})});j.displayName=c.VY.displayName,l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(c.__,{ref:s,className:i("py-1.5 pl-8 pr-2 text-sm font-semibold",t),...l})}).displayName=c.__.displayName;let g=l.forwardRef((e,s)=>{let{className:t,children:l,...r}=e;return(0,a.jsxs)(c.ck,{ref:s,className:i("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...r,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(c.wU,{children:(0,a.jsx)(x.Z,{className:"h-4 w-4"})})}),(0,a.jsx)(c.eT,{children:l})]})});g.displayName=c.ck.displayName,l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(c.Z0,{ref:s,className:i("-mx-1 my-1 h-px bg-muted",t),...l})}).displayName=c.Z0.displayName;let N=(0,t(535).j)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function v(e){let{className:s,variant:t,...l}=e;return(0,a.jsx)("div",{className:i(N({variant:t}),s),...l})}var y=t(407),w=t(2489),F=t(1047),C=t(8420),S=t(8226);let k=e=>e>=1e7?(e/1e7).toFixed(2)+" Cr":e.toLocaleString("en-IN",{maximumFractionDigits:2});function R(){let[e,s]=(0,l.useState)("100"),[t,r]=(0,l.useState)("USD"),[n,i]=(0,l.useState)(87.74),[c,o]=(0,l.useState)(!1),[m,x]=(0,l.useState)(null);(0,l.useEffect)(()=>{(async()=>{o(!0),x(null);try{let e=await fetch("https://api.exchangerate-api.com/v4/latest/USD");if(!e.ok)throw Error("Failed to fetch exchange rate");let s=await e.json();i(s.rates.INR)}catch(e){x("Failed to fetch exchange rate. Using default rate."),i(87.74)}finally{o(!1)}})()},[]);let p=Number.parseFloat(e)*n,b=.01*p,N=.18*b,R=e=>{let{icon:s}=e;return(0,a.jsx)("div",{className:"bg-[#F1F5F9] rounded-full p-2 mr-2",children:(0,a.jsx)(s,{size:12,className:"text-[#64748B]"})})};return(0,a.jsx)("div",{className:"w-full max-w-[358px] bg-white",children:(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xl font-semibold text-[#0f172a] mb-1 block",children:"Client Pays"}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(d,{type:"text",value:e,onCh

1ange:e=>s(e.target.value),className:"text-lg p-2 pr-24 h-12"}),(0,a.jsx)("div",{className:"absolute inset-y-0 right-0 flex items-center",children:(0,a.jsxs)(f,{value:t,onValueChange:r,children:[(0,a.jsx)(h,{className:"border-0 bg-transparent h-full px-3",children:(0,a.jsx)(u,{children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("img",{src:"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Flag-0dR374hTVcL6KwwFw9ArCJJ2tohs6D.svg",alt:"US Flag",className:"w-5 h-3.5"}),"USD"]})})}),(0,a.jsx)(j,{children:(0,a.jsx)(g,{value:"USD",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("img",{src:"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Flag-0dR374hTVcL6KwwFw9ArCJJ2tohs6D.svg",alt:"US Flag",className:"w-5 h-3.5"}),"USD"]})})})]})})]})]}),(0,a.jsxs)("div",{className:"space-y-1 py-1",children:[(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsxs)("span",{className:"text-sm flex items-center font-semibold",children:[(0,a.jsx)(R,{icon:y.Z}),(0,a.jsxs)("span",{className:"ml-1",children:["1 USD = ",n.toFixed(2)," INR"]})]}),(0,a.jsx)(v,{className:"bg-[#DCFCE7] hover:bg-[#DCFCE7] text-[#166534] border-0 rounded-full px-4 py-1 text-sm font-medium",children:"Live Forex Rate"})]}),(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsxs)("span",{className:"text-sm flex items-center font-semibold",children:[(0,a.jsx)(R,{icon:w.Z}),(0,a.jsxs)("span",{className:"ml-1 text-[#0f172a]",children:["₹ ",k(p)]})]}),(0,a.jsx)("span",{className:"text-[#0f172a] text-sm",children:"Converted Amount"})]}),(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsxs)("span",{className:"text-sm flex items-center font-semibold",children:[(0,a.jsx)(R,{icon:F.Z}),(0,a.jsxs)("span",{className:"ml-1 text-[#64748B]",children:["₹ ",k(b)]})]}),(0,a.jsx)("span",{className:"text-[#64748B] text-sm",children:"Karbon's Fee(1%)"})]}),(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsxs)("span",{className:"text-sm flex items-center font-semibold",children:[(0,a.jsx)(R,{icon:F.Z}),(0,a.jsxs)("span",{className:"ml-1 text-[#64748B]",children:["₹ ",k(N)]})]}),(0,a.jsx)("span",{className:"text-[#64748B] text-sm",children:"GST(18%)"})]}),(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsxs)("span",{className:"text-sm flex items-center font-semibold",children:[(0,a.jsx)(R,{icon:F.Z}),(0,a.jsx)("span",{className:"ml-1 text-[#64748B]",children:"₹ 0.00"})]}),(0,a.jsx)("span",{className:"text-[#64748B] text-sm",children:"Hidden Charges"})]})]}),(0,a.jsx)("div",{className:"bg-[#F1F5F9] p-3 rounded-lg",children:(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsx)("span",{className:"text-lg font-medium text-[#0f172a]",children:"You'll Receive"}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("span",{className:"text-2xl font-bold text-[#0f172a]",children:["₹ ",k(p-b-N)]}),(0,a.jsx)("div",{className:"flex items-center gap-1",children:(0,a.jsx)("img",{src:"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Flag%20(1)-EyHFSMQZB5f0TAJ3RHbbpltSPf0JG9.svg",alt:"Indian Flag",className:"w-5 h-5"})})]})]})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-xl font-semibold text-[#0f172a] mb-2",children:"Comparison"}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,a.jsxs)("div",{className:"border border-[#E2E8F0] p-3 rounded-lg",children:[(0,a.jsxs)("h3",{className:"text-sm mb-1 flex items-center text-[#64748B]",children:[(0,a.jsx)(C.Z,{className:"mr-2 text-[#64748B]",size:20}),"Banks (2% net)"]}),(0,a.jsxs)("p",{className:"text-lg font-semibold text-[#0f172a]",children:["₹ ",k(.98*p)]})]}),(0,a.jsxs)("div",{className:"border border-[#E2E8F0] p-3 rounded-lg",children:[(0,a.jsxs)("h3",{className:"text-sm mb-1 flex items-center text-[#64748B]",children:[(0,a.jsx)(S.Z,{className:"mr-2 text-[#64748B]",size:20}),"Cards (5% net)"]}),(0,a.jsxs)("p",{className:"text-lg font-semibold text-[#0f172a]",children:["₹ ",k(.95*p)]})]})]})]})]})})}}},function(e){e.O(0,[319,971,117,744],function(){return e(e.s=2311)}),_N_E=e.O()}]);