@remoteoss/remote-flows 0.11.0 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-RUVKAPO5.js → chunk-2AUKMWRF.js} +2 -2
- package/dist/{chunk-RMVG6YBI.js → chunk-2JWANM25.js} +2 -2
- package/dist/{chunk-YRLBMLSA.js → chunk-3F7QLHMP.js} +2 -2
- package/dist/chunk-52NPLMW3.js +2 -0
- package/dist/chunk-52NPLMW3.js.map +1 -0
- package/dist/chunk-5CUF63YR.js +2 -0
- package/dist/chunk-5CUF63YR.js.map +1 -0
- package/dist/{chunk-5GUK7MEN.js → chunk-AXU5ZCUE.js} +2 -2
- package/dist/{chunk-H2SFR2GL.js → chunk-CS3U6LJU.js} +2 -2
- package/dist/{chunk-NC3VBBHC.js → chunk-CSLZUVU4.js} +2 -2
- package/dist/{chunk-AJVD3O4D.js → chunk-DOILOCWU.js} +2 -2
- package/dist/{chunk-SZOOX2KY.js → chunk-DVQO5MHI.js} +2 -2
- package/dist/{chunk-FBYLX5NA.js → chunk-EOJJ4IWJ.js} +2 -2
- package/dist/{chunk-3CUVTXRN.js → chunk-J2SFMADD.js} +2 -2
- package/dist/chunk-JKYTL5QY.js +2 -0
- package/dist/chunk-JKYTL5QY.js.map +1 -0
- package/dist/{chunk-S7ZMHO5I.js → chunk-JUM2HAIK.js} +2 -2
- package/dist/{chunk-TJK6MTGG.js → chunk-LLY7VPXS.js} +2 -2
- package/dist/chunk-MCPVKP6Q.js +2 -0
- package/dist/chunk-MCPVKP6Q.js.map +1 -0
- package/dist/chunk-NPZ5QJSG.js +2 -0
- package/dist/chunk-NPZ5QJSG.js.map +1 -0
- package/dist/chunk-P4C2MI7X.js +2 -0
- package/dist/{chunk-AIB34WOA.js.map → chunk-P4C2MI7X.js.map} +1 -1
- package/dist/chunk-SEAC3H45.js +2 -0
- package/dist/chunk-SEAC3H45.js.map +1 -0
- package/dist/{chunk-KHVEYIMF.js → chunk-SFZSHBWM.js} +2 -2
- package/dist/{chunk-QVN32YBL.js → chunk-SJHGFMVF.js} +2 -2
- package/dist/{chunk-AVA4MEFP.js → chunk-SUQURI2J.js} +2 -2
- package/dist/chunk-SUQURI2J.js.map +1 -0
- package/dist/{chunk-3Z5ZZUO4.js → chunk-VUQOVQ5L.js} +2 -2
- package/dist/{chunk-KG72IMCX.js → chunk-Y22Q3UYU.js} +2 -2
- package/dist/{chunk-TPSZDGQJ.js → chunk-ZMENI53L.js} +2 -2
- package/dist/flows/ContractAmendment/ContractAmendmentConfirmationForm.d.ts +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentFlow.d.ts +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentFlow.js +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentForm.d.ts +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentForm.js +1 -1
- package/dist/flows/ContractAmendment/context.d.ts +1 -1
- package/dist/flows/ContractAmendment/hooks.d.ts +1 -1
- package/dist/flows/ContractAmendment/index.d.ts +1 -1
- package/dist/flows/ContractAmendment/index.js +1 -1
- package/dist/flows/ContractAmendment/utils.d.ts +1 -1
- package/dist/flows/CostCalculator/CostCalculatorFlow.d.ts +1 -1
- package/dist/flows/CostCalculator/CostCalculatorFlow.js +1 -1
- package/dist/flows/CostCalculator/CostCalculatorForm.d.ts +1 -1
- package/dist/flows/CostCalculator/CostCalculatorForm.js +1 -1
- package/dist/flows/CostCalculator/EstimationResults/EstimationResults.d.ts +1 -1
- package/dist/flows/CostCalculator/EstimationResults/EstimationResults.js +1 -1
- package/dist/flows/CostCalculator/Results/CostCalculatorResults.d.ts +1 -1
- package/dist/flows/CostCalculator/SummaryResults/SummaryResults.d.ts +10 -2
- package/dist/flows/CostCalculator/SummaryResults/SummaryResults.js +1 -1
- package/dist/flows/CostCalculator/api.d.ts +1 -1
- package/dist/flows/CostCalculator/components/SalaryField.d.ts +3 -1
- package/dist/flows/CostCalculator/components/SalaryField.js +1 -1
- package/dist/flows/CostCalculator/context.d.ts +1 -1
- package/dist/flows/CostCalculator/hooks.d.ts +6 -2
- package/dist/flows/CostCalculator/hooks.js +1 -1
- package/dist/flows/CostCalculator/index.d.ts +1 -1
- package/dist/flows/CostCalculator/index.js +1 -1
- package/dist/flows/CostCalculator/jsonSchema.d.ts +9 -2
- package/dist/flows/CostCalculator/jsonSchema.js +1 -1
- package/dist/flows/CostCalculator/types.d.ts +7 -3
- package/dist/flows/CostCalculator/utils.d.ts +1 -1
- package/dist/flows/CostCalculator/utils.js +1 -1
- package/dist/flows/Onboarding/OnboardingFlow.d.ts +1 -1
- package/dist/flows/Onboarding/OnboardingFlow.js +1 -1
- package/dist/flows/Onboarding/api.d.ts +1 -1
- package/dist/flows/Onboarding/components/AnnualGrossSalary.js +1 -1
- package/dist/flows/Onboarding/components/BasicInformationStep.d.ts +1 -1
- package/dist/flows/Onboarding/components/BasicInformationStep.js +1 -1
- package/dist/flows/Onboarding/components/BenefitsStep.d.ts +1 -1
- package/dist/flows/Onboarding/components/BenefitsStep.js +1 -1
- package/dist/flows/Onboarding/components/ContractDetailsStep.d.ts +1 -1
- package/dist/flows/Onboarding/components/ContractDetailsStep.js +1 -1
- package/dist/flows/Onboarding/components/OnboardingForm.d.ts +1 -1
- package/dist/flows/Onboarding/components/OnboardingForm.js +1 -1
- package/dist/flows/Onboarding/components/OnboardingInvite.d.ts +1 -1
- package/dist/flows/Onboarding/components/ReviewStep.d.ts +1 -1
- package/dist/flows/Onboarding/components/SelectCountryStep.d.ts +1 -1
- package/dist/flows/Onboarding/components/SelectCountryStep.js +1 -1
- package/dist/flows/Onboarding/context.d.ts +1 -1
- package/dist/flows/Onboarding/hooks.d.ts +1 -1
- package/dist/flows/Onboarding/hooks.js +1 -1
- package/dist/flows/Onboarding/index.d.ts +1 -1
- package/dist/flows/Onboarding/index.js +1 -1
- package/dist/flows/Onboarding/types.d.ts +1 -1
- package/dist/flows/Onboarding/utils.d.ts +1 -1
- package/dist/flows/Termination/AdditionalDetailsForm.d.ts +1 -1
- package/dist/flows/Termination/AdditionalDetailsForm.js +1 -1
- package/dist/flows/Termination/EmployeeComunicationForm.d.ts +1 -1
- package/dist/flows/Termination/EmployeeComunicationForm.js +1 -1
- package/dist/flows/Termination/PaidTimeOffForm.d.ts +1 -1
- package/dist/flows/Termination/PaidTimeOffForm.js +1 -1
- package/dist/flows/Termination/TerminationDetailsForm.d.ts +1 -1
- package/dist/flows/Termination/TerminationDetailsForm.js +1 -1
- package/dist/flows/Termination/TerminationFlow.d.ts +1 -1
- package/dist/flows/Termination/TerminationFlow.js +1 -1
- package/dist/flows/Termination/TerminationForm.d.ts +1 -1
- package/dist/flows/Termination/TerminationForm.js +1 -1
- package/dist/flows/Termination/TimeOff.d.ts +1 -1
- package/dist/flows/Termination/context.d.ts +1 -1
- package/dist/flows/Termination/hooks.d.ts +1 -1
- package/dist/flows/Termination/index.d.ts +1 -1
- package/dist/flows/Termination/index.js +1 -1
- package/dist/flows/Termination/types.d.ts +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/{types.gen-CVPKMCVh.d.ts → types.gen-_c0f1E7h.d.ts} +8 -0
- package/package.json +1 -1
- package/dist/chunk-5KKDB7Q7.js +0 -2
- package/dist/chunk-5KKDB7Q7.js.map +0 -1
- package/dist/chunk-AIB34WOA.js +0 -2
- package/dist/chunk-ANCX2TZH.js +0 -2
- package/dist/chunk-ANCX2TZH.js.map +0 -1
- package/dist/chunk-AVA4MEFP.js.map +0 -1
- package/dist/chunk-D25W2VVQ.js +0 -2
- package/dist/chunk-D25W2VVQ.js.map +0 -1
- package/dist/chunk-DY5CSCPI.js +0 -2
- package/dist/chunk-DY5CSCPI.js.map +0 -1
- package/dist/chunk-F6U6WDMP.js +0 -2
- package/dist/chunk-F6U6WDMP.js.map +0 -1
- package/dist/chunk-GMA7VTFX.js +0 -2
- package/dist/chunk-GMA7VTFX.js.map +0 -1
- /package/dist/{chunk-RUVKAPO5.js.map → chunk-2AUKMWRF.js.map} +0 -0
- /package/dist/{chunk-RMVG6YBI.js.map → chunk-2JWANM25.js.map} +0 -0
- /package/dist/{chunk-YRLBMLSA.js.map → chunk-3F7QLHMP.js.map} +0 -0
- /package/dist/{chunk-5GUK7MEN.js.map → chunk-AXU5ZCUE.js.map} +0 -0
- /package/dist/{chunk-H2SFR2GL.js.map → chunk-CS3U6LJU.js.map} +0 -0
- /package/dist/{chunk-NC3VBBHC.js.map → chunk-CSLZUVU4.js.map} +0 -0
- /package/dist/{chunk-AJVD3O4D.js.map → chunk-DOILOCWU.js.map} +0 -0
- /package/dist/{chunk-SZOOX2KY.js.map → chunk-DVQO5MHI.js.map} +0 -0
- /package/dist/{chunk-FBYLX5NA.js.map → chunk-EOJJ4IWJ.js.map} +0 -0
- /package/dist/{chunk-3CUVTXRN.js.map → chunk-J2SFMADD.js.map} +0 -0
- /package/dist/{chunk-S7ZMHO5I.js.map → chunk-JUM2HAIK.js.map} +0 -0
- /package/dist/{chunk-TJK6MTGG.js.map → chunk-LLY7VPXS.js.map} +0 -0
- /package/dist/{chunk-KHVEYIMF.js.map → chunk-SFZSHBWM.js.map} +0 -0
- /package/dist/{chunk-QVN32YBL.js.map → chunk-SJHGFMVF.js.map} +0 -0
- /package/dist/{chunk-3Z5ZZUO4.js.map → chunk-VUQOVQ5L.js.map} +0 -0
- /package/dist/{chunk-KG72IMCX.js.map → chunk-Y22Q3UYU.js.map} +0 -0
- /package/dist/{chunk-TPSZDGQJ.js.map → chunk-ZMENI53L.js.map} +0 -0
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./chunk-M22FKNEY.js";import{a as sr}from"./chunk-
|
|
1
|
+
import"./chunk-M22FKNEY.js";import{a as sr}from"./chunk-2JWANM25.js";import"./chunk-ZSBWDLBS.js";import"./chunk-QQ7KPOLK.js";import"./chunk-R2SDR47E.js";import"./chunk-XFD3ULUF.js";import"./chunk-WWANHPT7.js";import"./chunk-DR7VGNO2.js";import"./chunk-XSHHMBMT.js";import"./chunk-JODJFARP.js";import"./chunk-W5DG5WWJ.js";import"./chunk-VX2UC3HG.js";import"./chunk-S4XU4SE7.js";import"./chunk-GULCZWSK.js";import"./chunk-JUM2HAIK.js";import"./chunk-2AUKMWRF.js";import"./chunk-SFZSHBWM.js";import"./chunk-4OEBYZLZ.js";import"./chunk-LLY7VPXS.js";import"./chunk-DOILOCWU.js";import"./chunk-MRYRNB7Y.js";import"./chunk-Z3BMF4BO.js";import{a as j}from"./chunk-52NPLMW3.js";import{a as A}from"./chunk-MCPVKP6Q.js";import"./chunk-T3L72MV6.js";import{a as D}from"./chunk-GJQ33XQ4.js";import"./chunk-BDZEPXIS.js";import"./chunk-QI6LLU2N.js";import"./chunk-7TIIT23F.js";import"./chunk-ZHL2SULA.js";import"./chunk-LT4ALDRM.js";import"./chunk-ILMVHOL2.js";import"./chunk-WYXN7WW6.js";import"./chunk-MDSGLUUB.js";import{a as lr}from"./chunk-Y22Q3UYU.js";import"./chunk-EE54SK65.js";import"./chunk-BY5S6EQJ.js";import"./chunk-LIGRV2J5.js";import"./chunk-Z7WBY27D.js";import"./chunk-7TOZZQQJ.js";import"./chunk-3F7QLHMP.js";import"./chunk-CS3U6LJU.js";import"./chunk-SJHGFMVF.js";import"./chunk-EOJJ4IWJ.js";import"./chunk-DVQO5MHI.js";import"./chunk-PGWKJ6FK.js";import"./chunk-J2SFMADD.js";import"./chunk-2A5R3YN2.js";import"./chunk-VUQOVQ5L.js";import"./chunk-F66G33YT.js";import{a as T}from"./chunk-P4C2MI7X.js";import{a as _}from"./chunk-ZMENI53L.js";import{a as E}from"./chunk-GK3OO5SX.js";import{a as B}from"./chunk-SQICIS7B.js";import"./chunk-KSHK3ZPX.js";import{b as C,d as z}from"./chunk-5CUF63YR.js";import"./chunk-JKYTL5QY.js";import{a as P}from"./chunk-NBCZF2FO.js";import"./chunk-NPZ5QJSG.js";import"./chunk-SEAC3H45.js";import"./chunk-47VYBPE2.js";import"./chunk-WVJDCDGZ.js";import{d as F}from"./chunk-5E44DBDD.js";import"./chunk-A7ZJQCNU.js";import{a as I}from"./chunk-VD65AUOI.js";import{a as S}from"./chunk-DYB3RWP7.js";import"./chunk-GCVZ4AY2.js";import"./chunk-5I6VWJSC.js";import"./chunk-Y4VNFI7K.js";import"./chunk-77AF2QOD.js";import"./chunk-Z5WMKCRJ.js";import{a as cr}from"./chunk-AXU5ZCUE.js";import{a as tr}from"./chunk-CSLZUVU4.js";import"./chunk-SUQURI2J.js";import"./chunk-CFIJKJXD.js";import"./chunk-NVJYAX22.js";import{a as er}from"./chunk-R7L6CI5J.js";import{a as nr}from"./chunk-DHT7HDHC.js";import{a as or,b as ir}from"./chunk-GGBEM452.js";import"./chunk-QW4JPW6J.js";import"./chunk-AYJ63EZH.js";import"./chunk-XI3AQ3RM.js";import"./chunk-G7WJUXZU.js";import"./chunk-CHSULXMN.js";import{a as v}from"./chunk-EGQJ7UBR.js";import"./chunk-PJBAQZ6G.js";import"./chunk-GBD3OCAW.js";import{a as u,c as h}from"./chunk-3ZWDIEEM.js";import"./chunk-CSK44J23.js";import{a as ar}from"./chunk-N7PSO5ZD.js";import"./chunk-GAOBYAJE.js";import"./chunk-MXFDOIUA.js";import"./chunk-EW24LQRE.js";import"./chunk-TVZAFTPT.js";import{c as R,d as m}from"./chunk-3LOVCTCN.js";import{a as t}from"./chunk-P37U34EQ.js";import{QueryClient as $,QueryClientProvider as G}from"@tanstack/react-query";function d(r){let a=document.documentElement;Object.keys(r).forEach(e=>{let o=r[e];o&&a.style.setProperty(e,o)})}t(d,"setCssProperties");function N(r){let a={};return Object.keys(r).forEach(e=>{a[`--${e}`]=r[e]}),a}t(N,"mapThemeColors");function O(r){return{"--spacing":r}}t(O,"mapThemeSpacing");function K(r){return{"--radius":r}}t(K,"mapThemeBorderRadius");function V(r){return{"--fontSizeBase":r.fontSizeBase}}t(V,"mapThemeFont");function w(r){r?.colors&&d(N(r.colors)),r?.spacing&&d(O(r.spacing)),r?.borderRadius&&d(K(r.borderRadius)),r?.font&&d(V(r.font))}t(w,"applyTheme");import{createContext as U,useEffect as W,useMemo as M}from"react";import{jsx as q}from"react/jsx-runtime";var L=U({theme:{}});function f(r){W(()=>{r.theme&&Object.keys(r.theme).length>0&&w(r.theme)},[r.theme]);let a=M(()=>({theme:r.theme}),[r.theme]);return q(L.Provider,{value:a,children:r.children})}t(f,"ThemeProvider");var x={partners:"https://gateway.partners.remote-sandbox.com",production:"https://gateway.remote.com",sandbox:"https://gateway.remote-sandbox.com",staging:"https://gateway.niceremote.com"};import{createClient as Q}from"@hey-api/client-fetch";import{useQuery as X}from"@tanstack/react-query";import{useRef as b}from"react";function Y(r){try{return new URL(r),!0}catch{return!1}}t(Y,"isValidUrl");var y=t(({auth:r,options:a,authId:e="default"})=>{let o=b(null),{refetch:c}=X({queryKey:["auth",e],queryFn:r,enabled:!1}),s=a?.environment?x[a?.environment]:"https://gateway.remote.com",l=v.getConfig(),g="0.12.0";a?.environment&&a?.environment!=="production"&&m(g);let p=!!a?.proxy&&Y(a.proxy.url);return a?.proxy&&!p&&console.error("Invalid proxy URL provided. Using default base URL."),b(Q({...l,headers:{...l.headers,...p?a?.proxy?.headers:{},"X-Client-Name":"remote-flows-sdk","X-Client-Version":g},baseUrl:p?a.proxy?.url:s,auth:t(async()=>{function k(i){return!i||Date.now()+6e4>i}if(t(k,"hasTokenExpired"),!o.current||k(o.current.expiresAt)){let{data:i}=await c();i&&(o.current={accessToken:i.accessToken,expiresAt:Date.now()+i.expiresIn*1e3})}return o.current?.accessToken},"auth")}))},"useAuth");import{jsx as n}from"react/jsx-runtime";var H=new $;function Z({children:r,auth:a,authId:e,proxy:o,environment:c}){let s=y({auth:a,authId:e,options:{proxy:o,environment:c}});return n(h.Provider,{value:{client:s.current},children:r})}t(Z,"RemoteFlowContextWrapper");function J({children:r,components:a}){return n(u.Provider,{value:a?{components:a}:{components:{}},children:r})}t(J,"FormFieldsProvider");function rr({auth:r,authId:a,children:e,components:o,theme:c,proxy:s,environment:l}){return n(G,{client:H,children:n(J,{components:o,children:n(Z,{auth:r,authId:a,proxy:s,environment:l,children:n(f,{theme:c,children:e})})})})}t(rr,"RemoteFlows");export{ar as ContractAmendmentConfirmationForm,cr as ContractAmendmentFlow,tr as ContractAmendmentForm,er as ContractAmendmentSubmit,I as CostCalculatorDisclaimer,T as CostCalculatorFlow,_ as CostCalculatorForm,E as CostCalculatorResetButton,D as CostCalculatorResults,B as CostCalculatorSubmitButton,A as EstimationResults,lr as OnboardingFlow,rr as RemoteFlows,j as SummaryResults,sr as TerminationFlow,C as buildCostCalculatorEstimationPayload,S as disclaimerData,R as transformYupErrorsIntoObject,nr as useContractAmendment,z as useCostCalculator,F as useCostCalculatorEstimationPdf,or as useEmploymentQuery,ir as useTimeOffQuery,P as zendeskArticles};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -536,6 +536,10 @@ type CostCalculatorCosts = {
|
|
|
536
536
|
* The annual indirect tax that a company must pay for this employment
|
|
537
537
|
*/
|
|
538
538
|
annual_indirect_tax?: number;
|
|
539
|
+
/**
|
|
540
|
+
* The annual management fees
|
|
541
|
+
*/
|
|
542
|
+
annual_management_fee?: number;
|
|
539
543
|
/**
|
|
540
544
|
* The annual gross salary + annual contributions + annual fee (monthly fee * 12) + extra statutory payments if applicable
|
|
541
545
|
*/
|
|
@@ -574,6 +578,10 @@ type CostCalculatorCosts = {
|
|
|
574
578
|
* The monthly indirect tax that a company must pay for this employment
|
|
575
579
|
*/
|
|
576
580
|
monthly_indirect_tax?: number;
|
|
581
|
+
/**
|
|
582
|
+
* The monthly management fees
|
|
583
|
+
*/
|
|
584
|
+
monthly_management_fee?: number;
|
|
577
585
|
/**
|
|
578
586
|
* Monthly gross salary + monthly contributions (doesn't include fee)
|
|
579
587
|
*/
|
package/package.json
CHANGED
package/dist/chunk-5KKDB7Q7.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as y,b as p,c as g,d as x}from"./chunk-T3L72MV6.js";import{a as v}from"./chunk-5I6VWJSC.js";import{a as u,b as i}from"./chunk-3LOVCTCN.js";import{a as l}from"./chunk-P37U34EQ.js";import{ChevronDown as b,Globe as _}from"lucide-react";import{useState as A}from"react";import{Fragment as N,jsx as e,jsxs as o}from"react/jsx-runtime";var w=l(s=>{let t=s[0]?.employer_currency_costs.currency,c=s.map(a=>({country:a.country,monthlyCost:i(a.employer_currency_costs.monthly_total,t.symbol),annualCost:i(a.employer_currency_costs.annual_total,t.symbol)})),n={monthlyTotal:i(s.reduce((a,r)=>a+r.employer_currency_costs.monthly_total,0),t.symbol),annualTotal:i(s.reduce((a,r)=>a+r.employer_currency_costs.annual_total,0),t.symbol)};return{currency:t,costsPerCountry:c,employeesCost:n}},"useSummaryResults"),R=l(({currency:s,title:t})=>e("div",{className:"flex items-center justify-between w-full",children:o("div",{className:"flex flex-row items-center gap-6",children:[e("div",{className:"flex h-12 w-12 items-center justify-center rounded-lg bg-[#F4F4F5]",children:e(_,{className:"h-6 w-6 text-[#000000]"})}),o("div",{className:"space-y-1",children:[e("h2",{className:"text-lg font-medium leading-none text-[#181818]",children:t}),o("p",{className:"text-xs text-[#71717A]",children:["Employer billing currency: ",s.code]})]})]})}),"SummaryHeader"),C=l(({label:s,columns:t,rows:c,defaultValue:n="accordion",className:a})=>{let r=t.length===1?"grid-cols-2":"grid-cols-3";return e(y,{type:"single",collapsible:!0,defaultValue:n,className:u("w-full",a),children:o(p,{value:n,className:"border-none",children:[e(g,{className:"hover:no-underline px-0 py-3 [&>svg]:hidden group",children:o("div",{className:u("grid items-center w-full",r),children:[o("div",{className:"flex items-center gap-2",children:[s,e(b,{className:"h-4 w-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180"})]}),t.length===1?e("span",{className:"text-xs text-[#27272A] text-right",children:t[0]}):t.map((m,d)=>e("span",{className:"text-xs text-[#27272A] text-right",children:m},d))]})}),e(x,{className:"px-0 pb-4",children:e("div",{className:"space-y-3",children:c.map((m,d)=>o("div",{className:u("grid items-center",r),children:[e("div",{className:"flex items-center gap-2",children:m.label}),t.length===1?e("span",{className:"text-sm text-[#09090B] text-right",children:m.values[0]}):m.values.map((f,h)=>e("span",{className:"text-sm text-[#09090B] text-right",children:f},h))]},d))})})]})})},"MultiColumnAccordion"),S=l(({employeesCost:s})=>e(C,{label:e("span",{className:"text-sm font-medium text-[#0F172A]",children:"Cost for all employees"}),columns:["Total cost"],rows:[{label:o(N,{children:[e("span",{className:"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0"}),e("span",{className:"text-sm text-[#09090B]",children:"Monthly cost"})]}),values:[s.monthlyTotal]},{label:o(N,{children:[e("span",{className:"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0"}),e("span",{className:"text-sm text-[#09090B]",children:"Annual cost"})]}),values:[s.annualTotal]}],defaultValue:"cost-breakdown"}),"CostForAllEmployees"),F=l(({costsPerCountry:s})=>e(C,{label:e("span",{className:"text-sm font-medium text-[#0F172A]",children:"Cost per country"}),columns:["Monthly cost","Annual cost"],rows:s.map(t=>({label:o(N,{children:[e("span",{className:"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0"}),e("span",{className:"text-sm text-[#09090B]",children:t.country.name})]}),values:[t.monthlyCost,t.annualCost]})),defaultValue:"country-breakdown"}),"CostsPerCountry"),E=l(({estimations:s})=>{let{currency:t,costsPerCountry:c,employeesCost:n}=w(s),[a,r]=A("summary");return e(v,{className:"RemoteFlows__SummaryResults__Card p-10",children:e(y,{type:"single",collapsible:!0,defaultValue:a,onValueChange:r,className:"RemoteFlows__SummaryResults__Accordion w-full",children:o(p,{value:"summary",className:"border-border",children:[e("div",{className:u({RemoteFlows__Separator:a==="summary"}),children:e(g,{iconClassName:"size-6",className:"hover:no-underline px-0 py-4",children:e(R,{currency:t,title:"Summary Overview"})})}),o(x,{className:"px-0 pb-4 mt-6",children:[e("div",{className:"RemoteFlows__Separator",children:e(S,{employeesCost:n})}),e("div",{className:"mt-6",children:e(F,{costsPerCountry:c})})]})]})})})},"SummaryResults");export{E as a};
|
|
2
|
-
//# sourceMappingURL=chunk-5KKDB7Q7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/flows/CostCalculator/SummaryResults/SummaryResults.tsx"],"sourcesContent":["import { CostCalculatorEmployment, Currency } from '@/src/client';\nimport {\n Accordion,\n AccordionContent,\n AccordionItem,\n AccordionTrigger,\n} from '@/src/components/ui/accordion';\nimport { Card } from '@/src/components/ui/card';\nimport { cn, formatCurrency } from '@/src/lib/utils';\nimport { ChevronDown, Globe } from 'lucide-react';\nimport { useState } from 'react';\n\nconst useSummaryResults = (estimations: CostCalculatorEmployment[]) => {\n const currency = estimations[0]?.employer_currency_costs.currency;\n const costsPerCountry = estimations.map((estimation) => {\n return {\n country: estimation.country,\n monthlyCost: formatCurrency(\n estimation.employer_currency_costs.monthly_total,\n currency.symbol,\n ),\n annualCost: formatCurrency(\n estimation.employer_currency_costs.annual_total,\n currency.symbol,\n ),\n };\n });\n const employeesCost = {\n monthlyTotal: formatCurrency(\n estimations.reduce((acc, estimation) => {\n return acc + estimation.employer_currency_costs.monthly_total;\n }, 0),\n currency.symbol,\n ),\n annualTotal: formatCurrency(\n estimations.reduce((acc, estimation) => {\n return acc + estimation.employer_currency_costs.annual_total;\n }, 0),\n currency.symbol,\n ),\n };\n return { currency, costsPerCountry, employeesCost };\n};\n\nconst SummaryHeader = ({\n currency,\n title,\n}: {\n currency: Currency;\n title: string;\n}) => {\n return (\n <div className=\"flex items-center justify-between w-full\">\n <div className=\"flex flex-row items-center gap-6\">\n <div className=\"flex h-12 w-12 items-center justify-center rounded-lg bg-[#F4F4F5]\">\n <Globe className=\"h-6 w-6 text-[#000000]\" />\n </div>\n <div className=\"space-y-1\">\n <h2 className=\"text-lg font-medium leading-none text-[#181818]\">\n {title}\n </h2>\n <p className=\"text-xs text-[#71717A]\">\n Employer billing currency: {currency.code}\n </p>\n </div>\n </div>\n </div>\n );\n};\n\nconst MultiColumnAccordion = ({\n label,\n columns,\n rows,\n defaultValue = 'accordion',\n className,\n}: {\n label: React.ReactNode;\n columns: string[];\n rows: Array<{\n label: React.ReactNode;\n values: string[];\n }>;\n defaultValue?: string;\n className?: string;\n}) => {\n const gridCols = columns.length === 1 ? 'grid-cols-2' : 'grid-cols-3';\n\n return (\n <Accordion\n type=\"single\"\n collapsible\n defaultValue={defaultValue}\n className={cn('w-full', className)}\n >\n <AccordionItem value={defaultValue} className=\"border-none\">\n <AccordionTrigger className=\"hover:no-underline px-0 py-3 [&>svg]:hidden group\">\n <div className={cn('grid items-center w-full', gridCols)}>\n <div className=\"flex items-center gap-2\">\n {label}\n <ChevronDown className=\"h-4 w-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180\" />\n </div>\n {columns.length === 1 ? (\n <span className=\"text-xs text-[#27272A] text-right\">\n {columns[0]}\n </span>\n ) : (\n columns.map((column, index) => (\n <span key={index} className=\"text-xs text-[#27272A] text-right\">\n {column}\n </span>\n ))\n )}\n </div>\n </AccordionTrigger>\n\n <AccordionContent className=\"px-0 pb-4\">\n <div className=\"space-y-3\">\n {rows.map((row, index) => (\n <div key={index} className={cn('grid items-center', gridCols)}>\n <div className=\"flex items-center gap-2\">{row.label}</div>\n {columns.length === 1 ? (\n <span className=\"text-sm text-[#09090B] text-right\">\n {row.values[0]}\n </span>\n ) : (\n row.values.map((value, valueIndex) => (\n <span\n key={valueIndex}\n className=\"text-sm text-[#09090B] text-right\"\n >\n {value}\n </span>\n ))\n )}\n </div>\n ))}\n </div>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n );\n};\n\nconst CostForAllEmployees = ({\n employeesCost,\n}: {\n employeesCost: { monthlyTotal: string; annualTotal: string };\n}) => {\n return (\n <MultiColumnAccordion\n label={\n <span className=\"text-sm font-medium text-[#0F172A]\">\n Cost for all employees\n </span>\n }\n columns={['Total cost']}\n rows={[\n {\n label: (\n <>\n <span className=\"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0\" />\n <span className=\"text-sm text-[#09090B]\">Monthly cost</span>\n </>\n ),\n values: [employeesCost.monthlyTotal],\n },\n {\n label: (\n <>\n <span className=\"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0\" />\n <span className=\"text-sm text-[#09090B]\">Annual cost</span>\n </>\n ),\n values: [employeesCost.annualTotal],\n },\n ]}\n defaultValue=\"cost-breakdown\"\n />\n );\n};\n\nconst CostsPerCountry = ({\n costsPerCountry,\n}: {\n costsPerCountry: Array<{\n country: { name: string };\n monthlyCost: string;\n annualCost: string;\n }>;\n}) => {\n return (\n <MultiColumnAccordion\n label={\n <span className=\"text-sm font-medium text-[#0F172A]\">\n Cost per country\n </span>\n }\n columns={['Monthly cost', 'Annual cost']}\n rows={costsPerCountry.map((cost) => ({\n label: (\n <>\n <span className=\"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0\" />\n <span className=\"text-sm text-[#09090B]\">{cost.country.name}</span>\n </>\n ),\n values: [cost.monthlyCost, cost.annualCost],\n }))}\n defaultValue=\"country-breakdown\"\n />\n );\n};\n\ntype SummaryResultsProps = {\n estimations: CostCalculatorEmployment[];\n};\n\nexport const SummaryResults = ({ estimations }: SummaryResultsProps) => {\n const { currency, costsPerCountry, employeesCost } =\n useSummaryResults(estimations);\n\n const [accordionValue, setAccordionValue] = useState('summary');\n\n return (\n <Card className=\"RemoteFlows__SummaryResults__Card p-10\">\n <Accordion\n type=\"single\"\n collapsible\n defaultValue={accordionValue}\n onValueChange={setAccordionValue}\n className=\"RemoteFlows__SummaryResults__Accordion w-full\"\n >\n <AccordionItem value=\"summary\" className=\"border-border\">\n <div\n className={cn({\n RemoteFlows__Separator: accordionValue === 'summary',\n })}\n >\n <AccordionTrigger\n iconClassName=\"size-6\"\n className=\"hover:no-underline px-0 py-4\"\n >\n <SummaryHeader currency={currency} title=\"Summary Overview\" />\n </AccordionTrigger>\n </div>\n <AccordionContent className=\"px-0 pb-4 mt-6\">\n <div className=\"RemoteFlows__Separator\">\n <CostForAllEmployees employeesCost={employeesCost} />\n </div>\n <div className=\"mt-6\">\n <CostsPerCountry costsPerCountry={costsPerCountry} />\n </div>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </Card>\n );\n};\n"],"mappings":"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","names":["ChevronDown","Globe","useState","Fragment","jsx","jsxs","useSummaryResults","__name","estimations","currency","costsPerCountry","estimation","formatCurrency","employeesCost","acc","SummaryHeader","title","Globe","MultiColumnAccordion","label","columns","rows","defaultValue","className","gridCols","Accordion","cn","AccordionItem","AccordionTrigger","ChevronDown","column","index","AccordionContent","row","value","valueIndex","CostForAllEmployees","CostsPerCountry","cost","SummaryResults","accordionValue","setAccordionValue","useState","Card"]}
|
package/dist/chunk-AIB34WOA.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as s}from"./chunk-KSHK3ZPX.js";import{c as e,d as n}from"./chunk-F6U6WDMP.js";import{b as a}from"./chunk-CFIJKJXD.js";import{f as l}from"./chunk-GAOBYAJE.js";import{a as r}from"./chunk-P37U34EQ.js";import{useId as y}from"react";import{jsx as d}from"react/jsx-runtime";var h=r(({estimationOptions:c=e,defaultValues:o={countryRegionSlug:"",currencySlug:"",salary:""},options:u,render:i,version:C="standard"})=>{let m=y(),t=n({defaultRegion:o.countryRegionSlug,defaultCurrency:o.currencySlug,estimationOptions:c,version:C,options:u}),g=a(t.handleValidation),p=l({resolver:g,defaultValues:{country:o?.countryRegionSlug,currency:o?.currencySlug,region:"",salary:o?.salary,salary_converted:!1},shouldUnregister:!1,mode:"onBlur"});return d(s.Provider,{value:{form:p,formId:m,costCalculatorBag:t},children:i(t)})},"CostCalculatorFlow");export{h as a};
|
|
2
|
-
//# sourceMappingURL=chunk-AIB34WOA.js.map
|
package/dist/chunk-ANCX2TZH.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{m as J}from"./chunk-47VYBPE2.js";import{a as _}from"./chunk-NVJYAX22.js";import{b as H}from"./chunk-3ZWDIEEM.js";import{c as G}from"./chunk-GAOBYAJE.js";import{a as t,b as u,c as qe}from"./chunk-P37U34EQ.js";var k=u((Ot,K)=>{"use strict";function Fe(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}t(Fe,"isObject");K.exports=Fe});var V=u((Rt,U)=>{"use strict";var Ie=typeof global=="object"&&global&&global.Object===Object&&global;U.exports=Ie});var w=u(($t,X)=>{"use strict";var Me=V(),Pe=typeof self=="object"&&self&&self.Object===Object&&self,_e=Me||Pe||Function("return this")();X.exports=_e});var Q=u((qt,z)=>{"use strict";var ke=w(),we=t(function(){return ke.Date.now()},"now");z.exports=we});var Z=u((It,Y)=>{"use strict";var Ne=/\s/;function Le(e){for(var n=e.length;n--&&Ne.test(e.charAt(n)););return n}t(Le,"trimmedEndIndex");Y.exports=Le});var te=u((Pt,ee)=>{"use strict";var Ae=Z(),We=/^\s+/;function De(e){return e&&e.slice(0,Ae(e)+1).replace(We,"")}t(De,"baseTrim");ee.exports=De});var N=u((kt,ne)=>{"use strict";var Be=w(),He=Be.Symbol;ne.exports=He});var se=u((wt,ie)=>{"use strict";var re=N(),oe=Object.prototype,Ge=oe.hasOwnProperty,Je=oe.toString,$=re?re.toStringTag:void 0;function Ke(e){var n=Ge.call(e,$),r=e[$];try{e[$]=void 0;var s=!0}catch{}var c=Je.call(e);return s&&(n?e[$]=r:delete e[$]),c}t(Ke,"getRawTag");ie.exports=Ke});var ce=u((Lt,ae)=>{"use strict";var Ue=Object.prototype,Ve=Ue.toString;function Xe(e){return Ve.call(e)}t(Xe,"objectToString");ae.exports=Xe});var le=u((Wt,de)=>{"use strict";var ue=N(),ze=se(),Qe=ce(),Ye="[object Null]",Ze="[object Undefined]",fe=ue?ue.toStringTag:void 0;function et(e){return e==null?e===void 0?Ze:Ye:fe&&fe in Object(e)?ze(e):Qe(e)}t(et,"baseGetTag");de.exports=et});var pe=u((Bt,me)=>{"use strict";function tt(e){return e!=null&&typeof e=="object"}t(tt,"isObjectLike");me.exports=tt});var be=u((Gt,ge)=>{"use strict";var nt=le(),rt=pe(),ot="[object Symbol]";function it(e){return typeof e=="symbol"||rt(e)&&nt(e)==ot}t(it,"isSymbol");ge.exports=it});var xe=u((Kt,he)=>{"use strict";var st=te(),ve=k(),at=be(),ye=NaN,ct=/^[-+]0x[0-9a-f]+$/i,ut=/^0b[01]+$/i,ft=/^0o[0-7]+$/i,dt=parseInt;function lt(e){if(typeof e=="number")return e;if(at(e))return ye;if(ve(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=ve(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=st(e);var r=ut.test(e);return r||ft.test(e)?dt(e.slice(2),r?2:8):ct.test(e)?ye:+e}t(lt,"toNumber");he.exports=lt});var Se=u((Vt,Ce)=>{"use strict";var mt=k(),L=Q(),Te=xe(),pt="Expected a function",gt=Math.max,bt=Math.min;function vt(e,n,r){var s,c,l,d,i,f,b=0,m=!1,g=!1,h=!0;if(typeof e!="function")throw new TypeError(pt);n=Te(n)||0,mt(r)&&(m=!!r.leading,g="maxWait"in r,l=g?gt(Te(r.maxWait)||0,n):l,h="trailing"in r?!!r.trailing:h);function x(o){var p=s,y=c;return s=c=void 0,b=o,d=e.apply(y,p),d}t(x,"invokeFunc");function S(o){return b=o,i=setTimeout(v,n),m?x(o):d}t(S,"leadingEdge");function I(o){var p=o-f,y=o-b,a=n-p;return g?bt(a,l-y):a}t(I,"remainingWait");function j(o){var p=o-f,y=o-b;return f===void 0||p>=n||p<0||g&&y>=l}t(j,"shouldInvoke");function v(){var o=L();if(j(o))return O(o);i=setTimeout(v,I(o))}t(v,"timerExpired");function O(o){return i=void 0,h&&s?x(o):(s=c=void 0,d)}t(O,"trailingEdge");function M(){i!==void 0&&clearTimeout(i),b=0,s=f=c=i=void 0}t(M,"cancel");function T(){return i===void 0?d:O(L())}t(T,"flush");function E(){var o=L(),p=j(o);if(s=arguments,c=this,f=o,p){if(i===void 0)return S(f);if(g)return clearTimeout(i),i=setTimeout(v,n),x(f)}return i===void 0&&(i=setTimeout(v,n)),d}return t(E,"debounced"),E.cancel=M,E.flush=T,E}t(vt,"debounce");Ce.exports=vt});import{useState as xt,useCallback as Tt,useEffect as Ct,useRef as Ee}from"react";var Oe=qe(Se(),1);import{useCallback as yt,useEffect as ht,useRef as je}from"react";function A(e,n){let r=je(e);ht(()=>{r.current=e},[e]);let s=je((0,Oe.default)(c=>{r.current(c)},n)).current;return yt(c=>{s(c)},[s])}t(A,"useDebounce");import{Fragment as jt,jsx as C,jsxs as Re}from"react/jsx-runtime";var St=t(({description:e,showConversion:n,targetCurrency:r,className:s,onClick:c})=>{let{components:l}=H(),d=n?`Hide ${r} conversion`:`Show ${r} conversion`,i=l?.button;return Re("span",{className:s,children:[e," ",i?C(i,{className:`${s.replace("-description","-button")}`,"data-type":"inline",onClick:c,children:d}):C("button",{className:`${s.replace("-description","-button")}`,onClick:c,children:d})]})},"DescriptionWithConversion"),an=t(({sourceCurrency:e,targetCurrency:n,conversionFieldName:r,conversionProperties:s,classNamePrefix:c,description:l,conversionType:d="spread",...i})=>{let[f,b]=xt(!1),{setValue:m,watch:g}=G(),h=g(i.name),x=Ee(!0),S=Ee(new Map),I=e&&n&&e!==n,{mutateAsync:j}=J({type:d});Ct(()=>{if(x.current){x.current=!1;return}m(r,"")},[e,r,m]);let v=Tt(async(a,R,P,W)=>{if(!a)return;let D=`${R}_${P}_${a}`,B=S.current.get(D);if(B){m(W,B.targetAmount);return}try{let q=await j({source_currency:R,target_currency:P,amount:Number(a)});if(q.data?.data?.conversion_data?.target_amount){let F=q.data.data.conversion_data.target_amount;if(F){m(W,F?.toString()),S.current.set(D,{targetAmount:F.toString()});let $e=`${P}_${R}_${F}`;S.current.set($e,{targetAmount:a.toString()})}}}catch(q){console.error("Error converting currency:",q)}},[j,m]),O=A(a=>v(a,e,n,r),500),M=A(a=>v(a,n,e,i.name),500),T=`${i.name}_converted`,E=t(a=>{m(T,!1),f&&O(a.target.value)},"handleMainFieldChange"),o=t(a=>{m(T,!0),M(a.target.value)},"handleConversionFieldChange"),p=t(a=>{a.preventDefault(),b(R=>!R),!f&&h&&O(h)},"toggleConversion"),y=I?C(St,{targetCurrency:n,description:l,showConversion:f,className:`${c}-description`,onClick:p}):l;return Re(jt,{children:[C(_,{...i,additionalProps:{currency:e},description:y,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$",maxLength:15,onChange:E}),f&&C(_,{additionalProps:{currency:n},name:r,label:s?.label||"Conversion",description:s?.description,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$",maxLength:15,onChange:o}),C("input",{type:"hidden",name:T,value:g(T)||!1})]})},"CurrencyConversionField");export{an as a};
|
|
2
|
-
//# sourceMappingURL=chunk-ANCX2TZH.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../node_modules/lodash/isObject.js","../node_modules/lodash/_freeGlobal.js","../node_modules/lodash/_root.js","../node_modules/lodash/now.js","../node_modules/lodash/_trimmedEndIndex.js","../node_modules/lodash/_baseTrim.js","../node_modules/lodash/_Symbol.js","../node_modules/lodash/_getRawTag.js","../node_modules/lodash/_objectToString.js","../node_modules/lodash/_baseGetTag.js","../node_modules/lodash/isObjectLike.js","../node_modules/lodash/isSymbol.js","../node_modules/lodash/toNumber.js","../node_modules/lodash/debounce.js","../src/components/form/fields/CurrencyConversionField.tsx","../src/common/hooks.ts"],"sourcesContent":["/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nmodule.exports = baseTrim;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","import { ReactNode, useState, useCallback, useEffect, useRef } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { TextField } from '@/src/components/form/fields/TextField';\nimport { useConvertCurrency } from '@/src/flows/Onboarding/api';\nimport { JSFField } from '@/src/types/remoteFlows';\nimport { useFormFields } from '@/src/context';\nimport { useDebounce } from '@/src/common/hooks';\n\ntype DescriptionWithConversionProps = {\n description: ReactNode;\n showConversion: boolean;\n targetCurrency: string;\n className: string;\n onClick: (evt: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nconst DescriptionWithConversion = ({\n description,\n showConversion,\n targetCurrency,\n className,\n onClick,\n}: DescriptionWithConversionProps) => {\n const { components } = useFormFields();\n const label = showConversion\n ? `Hide ${targetCurrency} conversion`\n : `Show ${targetCurrency} conversion`;\n\n const CustomButton = components?.button;\n return (\n <span className={className}>\n {description}{' '}\n {CustomButton ? (\n <CustomButton\n className={`${className.replace('-description', '-button')}`}\n data-type=\"inline\"\n onClick={onClick}\n >\n {label}\n </CustomButton>\n ) : (\n <button\n className={`${className.replace('-description', '-button')}`}\n onClick={onClick}\n >\n {label}\n </button>\n )}\n </span>\n );\n};\n\nexport type CurrencyConversionFieldProps = JSFField & {\n sourceCurrency: string;\n targetCurrency: string;\n conversionFieldName: string;\n conversionProperties?: {\n label?: string;\n description?: ReactNode;\n };\n useProxy?: boolean;\n classNamePrefix: string;\n conversionType?: 'spread' | 'no_spread';\n};\n\nexport const CurrencyConversionField = ({\n sourceCurrency,\n targetCurrency,\n conversionFieldName,\n conversionProperties,\n classNamePrefix,\n description,\n conversionType = 'spread',\n ...props\n}: CurrencyConversionFieldProps) => {\n const [showConversion, setShowConversion] = useState(false);\n const { setValue, watch } = useFormContext();\n const fieldValue = watch(props.name);\n const isFirstRender = useRef(true);\n\n const conversionCache = useRef<Map<string, { targetAmount: string }>>(\n new Map(),\n );\n\n const canShowConversion =\n sourceCurrency && targetCurrency && sourceCurrency !== targetCurrency;\n\n const { mutateAsync: convertCurrency } = useConvertCurrency({\n type: conversionType,\n });\n\n useEffect(() => {\n if (isFirstRender.current) {\n isFirstRender.current = false;\n return;\n }\n\n // when source currency changes, reset the conversion field\n setValue(conversionFieldName, '');\n }, [sourceCurrency, conversionFieldName, setValue]);\n\n const convertCurrencyCallback = useCallback(\n async (\n value: string,\n fromCurrency: string,\n toCurrency: string,\n targetField: string,\n ) => {\n if (!value) return;\n\n const cacheKey = `${fromCurrency}_${toCurrency}_${value}`;\n const cached = conversionCache.current.get(cacheKey);\n\n if (cached) {\n setValue(targetField, cached.targetAmount);\n return;\n }\n\n try {\n const response = await convertCurrency({\n source_currency: fromCurrency,\n target_currency: toCurrency,\n amount: Number(value),\n });\n if (response.data?.data?.conversion_data?.target_amount) {\n const amount = response.data.data.conversion_data.target_amount;\n if (amount) {\n setValue(targetField, amount?.toString());\n // Cache both directions\n conversionCache.current.set(cacheKey, {\n targetAmount: amount.toString(),\n });\n const reverseKey = `${toCurrency}_${fromCurrency}_${amount}`;\n conversionCache.current.set(reverseKey, {\n targetAmount: value.toString(),\n });\n }\n }\n } catch (error) {\n console.error('Error converting currency:', error);\n }\n },\n [convertCurrency, setValue],\n );\n\n const debouncedConvertCurrency = useDebounce(\n (value: string) =>\n convertCurrencyCallback(\n value,\n sourceCurrency,\n targetCurrency,\n conversionFieldName,\n ),\n 500,\n );\n const debouncedConvertCurrencyReverse = useDebounce(\n (value: string) =>\n convertCurrencyCallback(\n value,\n targetCurrency,\n sourceCurrency,\n props.name,\n ),\n 500,\n );\n // we keep track of the last input the user used, so we can make sure\n // we keep consistent currency rates\n const lastInputFieldName = `${props.name}_converted`;\n\n const handleMainFieldChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\n setValue(lastInputFieldName, false);\n if (showConversion) {\n debouncedConvertCurrency(evt.target.value);\n }\n };\n\n const handleConversionFieldChange = (\n evt: React.ChangeEvent<HTMLInputElement>,\n ) => {\n setValue(lastInputFieldName, true);\n debouncedConvertCurrencyReverse(evt.target.value);\n };\n\n const toggleConversion = (evt: React.MouseEvent<HTMLButtonElement>) => {\n evt.preventDefault();\n setShowConversion((prev) => !prev);\n\n if (!showConversion && fieldValue) {\n debouncedConvertCurrency(fieldValue);\n }\n };\n\n const extraDescription = canShowConversion ? (\n <DescriptionWithConversion\n targetCurrency={targetCurrency}\n description={description}\n showConversion={showConversion}\n className={`${classNamePrefix}-description`}\n onClick={toggleConversion}\n />\n ) : (\n description\n );\n\n return (\n <>\n <TextField\n {...props}\n additionalProps={{ currency: sourceCurrency }}\n description={extraDescription}\n type=\"text\"\n inputMode=\"decimal\"\n pattern=\"^[0-9.]*$\"\n maxLength={15}\n onChange={handleMainFieldChange}\n />\n {showConversion && (\n <TextField\n additionalProps={{ currency: targetCurrency }}\n name={conversionFieldName}\n label={conversionProperties?.label || 'Conversion'}\n description={conversionProperties?.description}\n type=\"text\"\n inputMode=\"decimal\"\n pattern=\"^[0-9.]*$\"\n maxLength={15}\n onChange={handleConversionFieldChange}\n />\n )}\n <input\n type=\"hidden\"\n name={lastInputFieldName}\n value={watch(lastInputFieldName) || false}\n />\n </>\n );\n};\n","import { useCallback, useEffect, useRef } from 'react';\nimport debounce from 'lodash/debounce';\n\nexport function useDebounce(\n callback: (value: string) => Promise<void>,\n delay: number,\n) {\n const callbackRef = useRef(callback);\n\n useEffect(() => {\n callbackRef.current = callback;\n }, [callback]);\n\n const debouncedFn = useRef(\n debounce((value: string) => {\n callbackRef.current(value);\n }, delay),\n ).current;\n\n return useCallback(\n (value: string) => {\n debouncedFn(value);\n },\n [debouncedFn],\n );\n}\n"],"mappings":"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","names":["require_isObject","__commonJSMin","exports","module","isObject","value","type","__name","require_freeGlobal","__commonJSMin","exports","module","freeGlobal","require_root","__commonJSMin","exports","module","freeGlobal","freeSelf","root","require_now","__commonJSMin","exports","module","root","now","__name","require_trimmedEndIndex","__commonJSMin","exports","module","reWhitespace","trimmedEndIndex","string","index","__name","require_baseTrim","__commonJSMin","exports","module","trimmedEndIndex","reTrimStart","baseTrim","string","__name","require_Symbol","__commonJSMin","exports","module","root","Symbol","require_getRawTag","__commonJSMin","exports","module","Symbol","objectProto","hasOwnProperty","nativeObjectToString","symToStringTag","getRawTag","value","isOwn","tag","unmasked","result","__name","require_objectToString","__commonJSMin","exports","module","objectProto","nativeObjectToString","objectToString","value","__name","require_baseGetTag","__commonJSMin","exports","module","Symbol","getRawTag","objectToString","nullTag","undefinedTag","symToStringTag","baseGetTag","value","__name","require_isObjectLike","__commonJSMin","exports","module","isObjectLike","value","__name","require_isSymbol","__commonJSMin","exports","module","baseGetTag","isObjectLike","symbolTag","isSymbol","value","__name","require_toNumber","__commonJSMin","exports","module","baseTrim","isObject","isSymbol","NAN","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","toNumber","value","other","isBinary","__name","require_debounce","__commonJSMin","exports","module","isObject","now","toNumber","FUNC_ERROR_TEXT","nativeMax","nativeMin","debounce","func","wait","options","lastArgs","lastThis","maxWait","result","timerId","lastCallTime","lastInvokeTime","leading","maxing","trailing","invokeFunc","time","args","thisArg","__name","leadingEdge","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","timeWaiting","shouldInvoke","trailingEdge","cancel","flush","debounced","isInvoking","useState","useCallback","useEffect","useRef","import_debounce","useCallback","useEffect","useRef","useDebounce","callback","delay","callbackRef","useRef","useEffect","debouncedFn","debounce","value","useCallback","__name","Fragment","jsx","jsxs","DescriptionWithConversion","__name","description","showConversion","targetCurrency","className","onClick","components","useFormFields","label","CustomButton","CurrencyConversionField","sourceCurrency","conversionFieldName","conversionProperties","classNamePrefix","conversionType","props","setShowConversion","useState","setValue","watch","useFormContext","fieldValue","isFirstRender","useRef","conversionCache","canShowConversion","convertCurrency","useConvertCurrency","useEffect","convertCurrencyCallback","useCallback","value","fromCurrency","toCurrency","targetField","cacheKey","cached","response","amount","reverseKey","error","debouncedConvertCurrency","useDebounce","debouncedConvertCurrencyReverse","lastInputFieldName","handleMainFieldChange","evt","handleConversionFieldChange","toggleConversion","prev","extraDescription","TextField"]}
|