"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9219],{9219:function(e,l,t){t.r(l);var a=t(5802),u=t(2038),r=t(4596),n=t(2986),s=t(7935),i=t(9316),c=t(8170),o=t(5208);l.default=e=>{let{formula:l,inputLabels:t,inputSelects:d}=e,{inputOneLabel:p,inputTwoLabel:v,inputThreeLabel:b,inputFourLabel:h,inputFiveLabel:g,outputLabel:m}=t,{inputOneSelect:S,inputOneBaseUnit:x,inputOneSelectedUnits:L,inputTwoSelect:U,inputTwoBaseUnit:f,inputTwoSelectedUnits:j,inputThreeSelect:V,inputThreeBaseUnit:w,inputThreeSelectedUnits:T,inputFourSelect:C,inputFourBaseUnit:F,inputFourSelectedUnits:N,inputFiveSelect:B,inputFiveBaseUnit:y,inputFiveSelectedUnits:Z,outputSelect:_,outputBaseUnit:E,outputSelectedUnits:O}=d,[A,H]=(0,u.useState)({value:"",label:p,error:""}),[q,k]=(0,u.useState)({value:"",label:v,error:""}),[z,D]=(0,u.useState)({value:"",label:b,error:""}),[R,G]=(0,u.useState)({value:"",label:h,error:""}),[I,J]=(0,u.useState)({value:"",label:g,error:""}),[K,M]=(0,u.useState)({inputOneLabel:S?null==x?void 0:x.label:"",inputOneValue:S?null==x?void 0:x.value:""}),[P,Q]=(0,u.useState)({inputTwoLabel:U?null==f?void 0:f.label:"",inputTwoValue:U?null==f?void 0:f.value:""}),[W,X]=(0,u.useState)({inputThreeLabel:V?null==w?void 0:w.label:"",inputThreeValue:V?null==w?void 0:w.value:""}),[Y,$]=(0,u.useState)({inputFourLabel:C?null==F?void 0:F.label:"",inputFourValue:C?null==F?void 0:F.value:""}),[ee,el]=(0,u.useState)({inputFiveLabel:B?null==y?void 0:y.label:"",inputFiveValue:B?null==y?void 0:y.value:""}),[et,ea]=(0,u.useState)({outputLabel:_?null==E?void 0:E.label:"",outputValue:_?null==E?void 0:E.value:""}),[eu,er]=(0,u.useState)({value:"",label:m}),handleSelectChange=e=>{let{id:l,value:t,options:a,selectedIndex:u}=e.target;return l===(p.replaceAll(" ","-")+"-select").toLowerCase()?M({inputOneLabel:a[u].text,inputOneValue:t}):l===(v.replaceAll(" ","-")+"-select").toLowerCase()?Q({inputTwoLabel:a[u].text,inputTwoValue:t}):l===(b.replaceAll(" ","-")+"-select").toLowerCase()?X({inputThreeLabel:a[u].text,inputThreeValue:t}):l===(h.replaceAll(" ","-")+"-select").toLowerCase()?$({inputFourLabel:a[u].text,inputFourValue:t}):l===(g.replaceAll(" ","-")+"-select").toLowerCase()?el({inputFiveLabel:a[u].text,inputFiveValue:t}):l===(m+"-select").toLowerCase()?ea({outputLabel:a[u].text,outputValue:t}):void 0},onSubmit=async e=>{if(e.preventDefault(),!A.value||!q.value)return;let t=(0,o._)({inputStates:A,selectBaseUnit:x,selectTargetUnit:K.inputOneValue}),a=(0,o._)({inputStates:q,selectBaseUnit:f,selectTargetUnit:P.inputTwoValue}),u=(0,o._)({inputStates:z,selectBaseUnit:w,selectTargetUnit:W.inputThreeValue}),r=(0,o._)({inputStates:R,selectBaseUnit:F,selectTargetUnit:Y.inputFourValue}),n=(0,o._)({inputStates:I,selectBaseUnit:y,selectTargetUnit:ee.inputFiveValue}),s=Array.from(new Set(l.match(/\b[a-zA-Z]\b/g))),i=l;s.forEach((e,l)=>{i=i.replaceAll(RegExp("\\b".concat(e,"\\b"),"gi"),[String(t),String(a),String(u),String(r),String(n)][l])});let d=(0,c.L)({formula:i,fixedLength:3}),p=(0,o._)({inputStates:{value:d,label:m},selectBaseUnit:E,selectTargetUnit:et.outputValue});er({...eu,value:p})};return(0,a.jsxs)("form",{className:"py-3",onSubmit:onSubmit,children:[(0,a.jsx)("div",{className:"flex items-center",children:(0,a.jsxs)("div",{className:"w-full",children:[(0,a.jsxs)("div",{className:"grid lg:grid-cols-2 gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(r.Z,{id:"inputOne",type:"number",label:"".concat(S&&K.inputOneLabel?p+" ("+K.inputOneLabel.split("(")[1]+" ":p),value:A.value,placeholder:"Enter value",onChange:e=>H({...A,value:e.target.value,error:""}),onBlur:e=>{if(!e.target.value)return H({...A,error:"Value is required"})},customStyle:"".concat(S&&"rounded-r-none"),error:A.error})}),S&&(0,a.jsx)(i.Z,{selectHandler:handleSelectChange,selectedUnit:K.inputOneValue||"",selectLabel:String(p),selectedUnits:L||[],selectBaseUnit:x})]}),(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(r.Z,{id:"inputTwo",type:"number",label:"".concat(U&&P.inputTwoLabel?v+" ("+P.inputTwoLabel.split("(")[1]+" ":v),value:q.value,placeholder:"Enter value",onChange:e=>k({...q,value:e.target.value,error:""}),onBlur:e=>{if(!e.target.value)return k({...q,error:"Value is required"})},customStyle:"".concat(U&&"rounded-r-none"),error:q.error})}),U&&(0,a.jsx)(i.Z,{selectHandler:handleSelectChange,selectedUnit:P.inputTwoValue||"",selectLabel:String(v),selectedUnits:j||[],selectBaseUnit:f})]}),(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(r.Z,{id:"inputThree",type:"number",label:"".concat(V&&W.inputThreeLabel?b+" ("+W.inputThreeLabel.split("(")[1]+" ":b),value:z.value,placeholder:"Enter value",onChange:e=>D({...z,value:e.target.value,error:""}),onBlur:e=>{if(!e.target.value)return D({...z,error:"Value is required"})},customStyle:"".concat(V&&"rounded-r-none"),error:z.error})}),V&&(0,a.jsx)(i.Z,{selectHandler:handleSelectChange,selectedUnit:W.inputThreeValue||"",selectLabel:String(b),selectedUnits:T||[],selectBaseUnit:w})]}),(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(r.Z,{id:"inputFour",type:"number",label:"".concat(C&&Y.inputFourLabel?h+" ("+Y.inputFourLabel.split("(")[1]+" ":h),value:R.value,placeholder:"Enter value",onChange:e=>G({...R,value:e.target.value,error:""}),onBlur:e=>{if(!e.target.value)return G({...R,error:"Value is required"})},customStyle:"".concat(C&&"rounded-r-none"),error:R.error})}),C&&(0,a.jsx)(i.Z,{selectHandler:handleSelectChange,selectedUnit:Y.inputFourValue||"",selectLabel:String(h),selectedUnits:N||[],selectBaseUnit:F})]})]}),(0,a.jsxs)("div",{className:"flex items-center mt-3",children:[(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(r.Z,{id:"inputFive",type:"number",label:"".concat(B&&ee.inputFiveLabel?g+" ("+ee.inputFiveLabel.split("(")[1]+" ":g),value:I.value,placeholder:"Enter value",onChange:e=>J({...I,value:e.target.value,error:""}),onBlur:e=>{if(!e.target.value)return J({...I,error:"Value is required"})},customStyle:"".concat(B&&"rounded-r-none"),error:I.error})}),B&&(0,a.jsx)(i.Z,{selectHandler:handleSelectChange,selectedUnit:ee.inputFiveValue||"",selectLabel:String(g),selectedUnits:Z||[],selectBaseUnit:y})]})]})}),(0,a.jsxs)("div",{className:"flex items-center mt-3",children:[(0,a.jsx)(s.Z,{id:"output",label:"".concat(_&&et.outputLabel?m+" ("+et.outputLabel.split("(")[1]+" ":m),value:eu.value,placeholder:"Calculated value",customStyle:"".concat(_&&"rounded-r-none")}),_&&(0,a.jsx)(i.Z,{selectHandler:handleSelectChange,selectedUnit:et.outputValue||"",selectLabel:String(m),selectedUnits:O||[],selectBaseUnit:E})]}),(0,a.jsx)("div",{className:"mt-6",children:(0,a.jsx)(n.Z,{type:"submit",id:"submit",disabled:!1,text:"Calculate"})})]})}}}]);