@remoteoss/remote-flows 0.4.0-alpha.8 → 0.4.0-alpha.9
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/README.md +32 -1
- package/dist/chunk-55SA3TEF.js +2 -0
- package/dist/chunk-55SA3TEF.js.map +1 -0
- package/dist/{chunk-N6RPXNGN.js → chunk-7KUKFRKC.js} +2 -2
- package/dist/{chunk-U6GTSXBM.js → chunk-AN5JSUEO.js} +2 -2
- package/dist/{chunk-75YWGTNG.js → chunk-B4SVITZI.js} +2 -2
- package/dist/chunk-BHFT5CRC.js +2 -0
- package/dist/chunk-BHFT5CRC.js.map +1 -0
- package/dist/{chunk-ENMJ56WK.js → chunk-EGDD73PU.js} +2 -2
- package/dist/chunk-FB4QOGWE.js +2 -0
- package/dist/chunk-FB4QOGWE.js.map +1 -0
- package/dist/chunk-GBWDHU5E.js +2 -0
- package/dist/chunk-GBWDHU5E.js.map +1 -0
- package/dist/chunk-GFWQG4ZT.js +2 -0
- package/dist/chunk-GFWQG4ZT.js.map +1 -0
- package/dist/{chunk-RS6OHJ7D.js → chunk-HJBXUPHM.js} +2 -2
- package/dist/chunk-IKQ25VV5.js +2 -0
- package/dist/chunk-IKQ25VV5.js.map +1 -0
- package/dist/chunk-JJPI2YDM.js +2 -0
- package/dist/chunk-JJPI2YDM.js.map +1 -0
- package/dist/{chunk-YLWCN7R2.js → chunk-L5OIK2ZJ.js} +2 -2
- package/dist/{chunk-R7Z2AN42.js → chunk-LTDDSH45.js} +2 -2
- package/dist/{chunk-CX7YH3EY.js → chunk-MGUDZTTV.js} +2 -2
- package/dist/chunk-NF5IMQEW.js +2 -0
- package/dist/chunk-NF5IMQEW.js.map +1 -0
- package/dist/chunk-NWCW5MRR.js +2 -0
- package/dist/chunk-NWCW5MRR.js.map +1 -0
- package/dist/{chunk-SQ73CU3B.js → chunk-OKAOH4ER.js} +2 -2
- package/dist/{chunk-U5ZTX2JG.js → chunk-PJMKZ3HR.js} +2 -2
- package/dist/{chunk-KFQTQ6MF.js → chunk-RQWGNKGW.js} +2 -2
- package/dist/{chunk-XTE3FJRR.js → chunk-RYEOLQIL.js} +2 -2
- package/dist/{chunk-CLBAB4TV.js → chunk-SIJ5SUY6.js} +2 -2
- package/dist/{chunk-6W5KUXEP.js → chunk-T5NPHXFC.js} +2 -2
- package/dist/{chunk-XSS46DGP.js → chunk-TLKP4CWE.js} +2 -2
- package/dist/chunk-UEKXODGJ.js +2 -0
- package/dist/chunk-UEKXODGJ.js.map +1 -0
- package/dist/{chunk-ZJT4Y4TA.js → chunk-V2NCE4LO.js} +2 -2
- package/dist/chunk-VI7WS34A.js +2 -0
- package/dist/chunk-VI7WS34A.js.map +1 -0
- package/dist/flows/ContractAmendment/ContractAmendmentBack.d.ts +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentBack.js +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentFlow.js +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentForm.js +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentSubmit.d.ts +1 -1
- package/dist/flows/ContractAmendment/ContractAmendmentSubmit.js +1 -1
- package/dist/flows/ContractAmendment/index.js +1 -1
- package/dist/flows/CostCalculator/CostCalculatorForm.js +1 -1
- package/dist/flows/CostCalculator/CostCalculatorResetButton.d.ts +1 -1
- package/dist/flows/CostCalculator/CostCalculatorResetButton.js +1 -1
- package/dist/flows/CostCalculator/CostCalculatorSubmitButton.d.ts +1 -1
- package/dist/flows/CostCalculator/CostCalculatorSubmitButton.js +1 -1
- package/dist/flows/CostCalculator/context.d.ts +1 -1
- package/dist/flows/CostCalculator/index.d.ts +1 -1
- package/dist/flows/CostCalculator/index.js +1 -1
- package/dist/flows/CostCalculator/utils.d.ts +1 -1
- package/dist/flows/Onboarding/BasicInformationStep.js +1 -1
- package/dist/flows/Onboarding/BenefitsStep.d.ts +1 -1
- package/dist/flows/Onboarding/BenefitsStep.js +1 -1
- package/dist/flows/Onboarding/ContractDetailsStep.js +1 -1
- package/dist/flows/Onboarding/OnboardingBack.d.ts +1 -1
- package/dist/flows/Onboarding/OnboardingBack.js +1 -1
- package/dist/flows/Onboarding/OnboardingFlow.d.ts +1 -1
- package/dist/flows/Onboarding/OnboardingFlow.js +1 -1
- package/dist/flows/Onboarding/OnboardingForm.d.ts +1 -1
- package/dist/flows/Onboarding/OnboardingForm.js +1 -1
- package/dist/flows/Onboarding/OnboardingInvite.d.ts +1 -1
- package/dist/flows/Onboarding/OnboardingInvite.js +1 -1
- package/dist/flows/Onboarding/OnboardingSubmit.d.ts +1 -1
- package/dist/flows/Onboarding/OnboardingSubmit.js +1 -1
- package/dist/flows/Onboarding/SelectCountryStep.js +1 -1
- package/dist/flows/Onboarding/api.d.ts +6 -3
- package/dist/flows/Onboarding/api.js +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/Termination/AdditionalDetailsForm.js +1 -1
- package/dist/flows/Termination/EmployeeComunicationForm.js +1 -1
- package/dist/flows/Termination/PaidTimeOffForm.js +1 -1
- package/dist/flows/Termination/TerminationBack.d.ts +1 -1
- package/dist/flows/Termination/TerminationBack.js +1 -1
- package/dist/flows/Termination/TerminationDetailsForm.js +1 -1
- package/dist/flows/Termination/TerminationFlow.js +1 -1
- package/dist/flows/Termination/TerminationForm.js +1 -1
- package/dist/flows/Termination/TerminationSubmit.d.ts +1 -1
- package/dist/flows/Termination/TerminationSubmit.js +1 -1
- package/dist/flows/Termination/index.js +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/{remoteFlows-iMN5oBtU.d.ts → remoteFlows-D0i6pVe5.d.ts} +47 -23
- package/package.json +1 -1
- package/dist/chunk-2CIPNPU5.js +0 -2
- package/dist/chunk-2CIPNPU5.js.map +0 -1
- package/dist/chunk-47DB6L3S.js +0 -2
- package/dist/chunk-47DB6L3S.js.map +0 -1
- package/dist/chunk-FBJNIQRT.js +0 -2
- package/dist/chunk-FBJNIQRT.js.map +0 -1
- package/dist/chunk-GFGXPHZP.js +0 -2
- package/dist/chunk-GFGXPHZP.js.map +0 -1
- package/dist/chunk-JGUJV45B.js +0 -2
- package/dist/chunk-JGUJV45B.js.map +0 -1
- package/dist/chunk-MCGIIIED.js +0 -2
- package/dist/chunk-MCGIIIED.js.map +0 -1
- package/dist/chunk-PPRTHZVC.js +0 -2
- package/dist/chunk-PPRTHZVC.js.map +0 -1
- package/dist/chunk-Q6U6K2S6.js +0 -2
- package/dist/chunk-Q6U6K2S6.js.map +0 -1
- package/dist/chunk-UFKVREEJ.js +0 -2
- package/dist/chunk-UFKVREEJ.js.map +0 -1
- package/dist/chunk-VYT6PSLL.js +0 -2
- package/dist/chunk-VYT6PSLL.js.map +0 -1
- package/dist/chunk-WF4FKBRR.js +0 -2
- package/dist/chunk-WF4FKBRR.js.map +0 -1
- /package/dist/{chunk-N6RPXNGN.js.map → chunk-7KUKFRKC.js.map} +0 -0
- /package/dist/{chunk-U6GTSXBM.js.map → chunk-AN5JSUEO.js.map} +0 -0
- /package/dist/{chunk-75YWGTNG.js.map → chunk-B4SVITZI.js.map} +0 -0
- /package/dist/{chunk-ENMJ56WK.js.map → chunk-EGDD73PU.js.map} +0 -0
- /package/dist/{chunk-RS6OHJ7D.js.map → chunk-HJBXUPHM.js.map} +0 -0
- /package/dist/{chunk-YLWCN7R2.js.map → chunk-L5OIK2ZJ.js.map} +0 -0
- /package/dist/{chunk-R7Z2AN42.js.map → chunk-LTDDSH45.js.map} +0 -0
- /package/dist/{chunk-CX7YH3EY.js.map → chunk-MGUDZTTV.js.map} +0 -0
- /package/dist/{chunk-SQ73CU3B.js.map → chunk-OKAOH4ER.js.map} +0 -0
- /package/dist/{chunk-U5ZTX2JG.js.map → chunk-PJMKZ3HR.js.map} +0 -0
- /package/dist/{chunk-KFQTQ6MF.js.map → chunk-RQWGNKGW.js.map} +0 -0
- /package/dist/{chunk-XTE3FJRR.js.map → chunk-RYEOLQIL.js.map} +0 -0
- /package/dist/{chunk-CLBAB4TV.js.map → chunk-SIJ5SUY6.js.map} +0 -0
- /package/dist/{chunk-6W5KUXEP.js.map → chunk-T5NPHXFC.js.map} +0 -0
- /package/dist/{chunk-XSS46DGP.js.map → chunk-TLKP4CWE.js.map} +0 -0
- /package/dist/{chunk-ZJT4Y4TA.js.map → chunk-V2NCE4LO.js.map} +0 -0
package/README.md
CHANGED
|
@@ -81,15 +81,40 @@ The `components` prop allows you to override the default form field components w
|
|
|
81
81
|
|
|
82
82
|
> **Important**: All custom components are wrapped with React Hook Form's `Controller` component. You must bind the `field` props to your HTML elements to ensure proper form state management and validation.
|
|
83
83
|
|
|
84
|
+
For TypeScript users, we export component prop types to make it easier to create properly typed custom components:
|
|
85
|
+
|
|
86
|
+
```tsx
|
|
87
|
+
import {
|
|
88
|
+
FieldComponentProps,
|
|
89
|
+
ButtonComponentProps,
|
|
90
|
+
} from '@remoteoss/remote-flows';
|
|
91
|
+
|
|
92
|
+
const CustomInput = ({ field, fieldData, fieldState }: FieldComponentProps) => {
|
|
93
|
+
return (
|
|
94
|
+
<div>
|
|
95
|
+
<label htmlFor={field.name}>{fieldData.label}</label>
|
|
96
|
+
<input {...field} />
|
|
97
|
+
{fieldState.error && <p>{fieldState.error.message}</p>}
|
|
98
|
+
</div>
|
|
99
|
+
);
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
const CustomButton = ({ children, ...props }: ButtonComponentProps) => {
|
|
103
|
+
return <button {...props}>{children}</button>;
|
|
104
|
+
};
|
|
105
|
+
```
|
|
106
|
+
|
|
84
107
|
Here's an example of custom field components implementation:
|
|
85
108
|
|
|
86
109
|
```tsx
|
|
87
110
|
<RemoteFlows
|
|
88
111
|
components={{
|
|
112
|
+
text: CustomInput,
|
|
113
|
+
button: CustomButton,
|
|
89
114
|
number: ({ field, fieldState, fieldData }) => (
|
|
90
115
|
<div>
|
|
91
116
|
<label>{fieldData.label}</label>
|
|
92
|
-
<input {...field} />
|
|
117
|
+
<input {...field} type="number" />
|
|
93
118
|
{fieldState.error && (
|
|
94
119
|
<span className="text-red-500">{fieldState.error.message}</span>
|
|
95
120
|
)}
|
|
@@ -116,6 +141,12 @@ Here's an example of custom field components implementation:
|
|
|
116
141
|
</RemoteFlows>
|
|
117
142
|
```
|
|
118
143
|
|
|
144
|
+
### Available Component Prop Types
|
|
145
|
+
|
|
146
|
+
- `FieldComponentProps`: For all form field components (text, number, select, etc.)
|
|
147
|
+
- `ButtonComponentProps`: For custom button components
|
|
148
|
+
- `StatementComponentProps`: For custom statement components
|
|
149
|
+
|
|
119
150
|
Supported field types:
|
|
120
151
|
|
|
121
152
|
- `text`: Text input fields
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as e}from"./chunk-DZYFSFZ7.js";import{b as i}from"./chunk-EMVYCKDC.js";import{b as u}from"./chunk-WRDKLT4N.js";import{a as m}from"./chunk-AYDF3IFZ.js";import{jsx as s}from"react/jsx-runtime";function T({children:t,...o}){let{formId:n}=e(),{components:f}=u(),r=f?.button;return r?s(r,{...o,form:n,children:t}):s(i,{...o,form:n,children:t})}m(T,"TerminationSubmit");export{T as a};
|
|
2
|
+
//# sourceMappingURL=chunk-55SA3TEF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/Termination/TerminationSubmit.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useTerminationContext } from './context';\nimport { useFormFields } from '@/src/context';\n\nexport function TerminationSubmit({\n children,\n ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n Record<string, unknown>) {\n const { formId } = useTerminationContext();\n const { components } = useFormFields();\n\n const CustomButton = components?.button;\n if (CustomButton) {\n return (\n <CustomButton {...props} form={formId}>\n {children}\n </CustomButton>\n );\n }\n\n return (\n <Button {...props} form={formId}>\n {children}\n </Button>\n );\n}\n"],"mappings":"gKAgBM,cAAAA,MAAA,oBAXC,SAASC,EAAkB,CAChC,SAAAC,EACA,GAAGC,CACL,EAC2B,CACzB,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAAsB,EACnC,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAR,EAACQ,EAAA,CAAc,GAAGL,EAAO,KAAMC,EAC5B,SAAAF,EACH,EAKFF,EAACS,EAAA,CAAQ,GAAGN,EAAO,KAAMC,EACtB,SAAAF,EACH,CAEJ,CAtBgBQ,EAAAT,EAAA","names":["jsx","TerminationSubmit","children","props","formId","useTerminationContext","components","useFormFields","CustomButton","Button","__name"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as r}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as r}from"./chunk-T5NPHXFC.js";import{b as m}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import{jsx as e}from"react/jsx-runtime";function f({onSubmit:n}){let{terminationBag:i}=m();return e(r,{onSubmit:o(async a=>{await n?.(i?.parseFormValues(a)),i?.next()},"handleSubmit")})}o(f,"PaidTimeOffForm");export{f as a};
|
|
2
|
+
//# sourceMappingURL=chunk-7KUKFRKC.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as p}from"./chunk-NWCW5MRR.js";import{a as i}from"./chunk-JJPI2YDM.js";import{a as f}from"./chunk-6I6RMJXC.js";import{a as c}from"./chunk-RYEOLQIL.js";import{a as t}from"./chunk-BHFT5CRC.js";import{a as r}from"./chunk-SIJ5SUY6.js";import{a as m}from"./chunk-HJBXUPHM.js";import{a as s}from"./chunk-MGUDZTTV.js";import{a}from"./chunk-GBWDHU5E.js";import{a as n}from"./chunk-O562EWKG.js";import{a as e}from"./chunk-AYDF3IFZ.js";import{useId as y,useState as I}from"react";import{jsx as w}from"react/jsx-runtime";var A=e(({employmentId:d,companyId:S,countryCode:b,type:g="employee",render:u,options:l})=>{let B=y(),o=t({companyId:S,countryCode:b,employmentId:d,type:g,options:l}),[O,v]=I({showReserveInvoice:!1,showInviteSuccessful:!1});return w(n.Provider,{value:{formId:B,onboardingBag:o,creditScore:O,setCreditScore:v},children:u({onboardingBag:o,components:{BasicInformationStep:r,ContractDetailsStep:s,BenefitsStep:m,SubmitButton:i,BackButton:a,OnboardingInvite:p,SelectCountryStep:c,ReviewStep:f}})})},"OnboardingFlow");export{A as a};
|
|
2
|
+
//# sourceMappingURL=chunk-AN5JSUEO.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as r}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as r}from"./chunk-T5NPHXFC.js";import{b as n}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import{jsx as a}from"react/jsx-runtime";function u({onSubmit:m}){let{terminationBag:i}=n();return a(r,{onSubmit:o(async t=>{await m?.(i?.parseFormValues(t)),i?.next()},"handleSubmit")})}o(u,"TerminationDetailsForm");export{u as a};
|
|
2
|
+
//# sourceMappingURL=chunk-B4SVITZI.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as D,b as q,c as d}from"./chunk-CVGR3FDH.js";import{a as x,b as H,c as j,f as W,g as K,h as Y,i as z,j as G,l as Q}from"./chunk-VI7WS34A.js";import{a as E}from"./chunk-JRQSZHUU.js";import{a as U}from"./chunk-JI4NYTW4.js";import{c as u,d as c}from"./chunk-TPRGCMIZ.js";import{a as s}from"./chunk-AYDF3IFZ.js";import{useEffect as Ce,useMemo as X,useRef as Le,useState as Z}from"react";import we from"lodash.mergewith";var ke={employment_basic_information:"basic_information",contract_details:"contract_details"},Ie={select_country:null,basic_information:"employment_basic_information",contract_details:"contract_details",benefits:null,review:null},Be=["invited","created_awaiting_reserve","created_reserve_paid"],qe=s(({employmentId:S,companyId:$,countryCode:C,type:ee,options:h})=>{let F=Le({}),[i,te]=Z(S),[r,L]=Z(C||null),{data:n,isLoading:ne,refetch:oe}=x(i);n?.country?.code&&r!==n.country.code&&L(n.country.code);let{data:w,isLoading:ae}=j(i),{data:k,isLoading:ie,refetch:I}=H($),re=C?q:D,{fieldValues:f,stepState:e,setFieldValues:se,previousStep:ce,nextStep:me,goToStep:V,setStepValues:B}=U(re),{selectCountryForm:g,isLoading:le}=Q(h),R=Y(),v=z(),M=G(),{mutateAsync:ue}=E(R),{mutateAsync:N}=E(v),{mutateAsync:de}=E(M),fe=Ie[e.currentStep.name]||"employment_basic_information",pe=ke[fe],ye=n?.[pe]||{},_e=!!(r&&(e.currentStep.name==="basic_information"||e.currentStep.name==="contract_details"||S)),A=s(({form:t})=>W({countryCode:r,form:t,fieldValues:Object.keys(f).length>0?{...e.values?.[e.currentStep.name],...f}:ye,options:{...h,queryOptions:{enabled:_e}}}),"useJSONSchema"),{data:m,isLoading:Se}=A({form:"employment_basic_information"}),{data:l,isLoading:ge}=A({form:"contract_details"}),{data:p,isLoading:be}=K(i,f,h),O=X(()=>{if(e.currentStep.name==="benefits"){let t={...e.values?.[e.currentStep.name],...f};return we({},w,t)}return{}},[e.currentStep.name,w,e.values,f]),o=X(()=>({select_country:g?.fields||[],basic_information:m?.fields||[],contract_details:l?.fields||[],benefits:p?.fields||[],review:[]}),[g?.fields,m?.fields,l?.fields,p?.fields]),Ee={select_country:c(o[e.currentStep.name],{country:r||n?.country.code||""}),basic_information:c(o[e.currentStep.name],n?.basic_information||{}),contract_details:c(o[e.currentStep.name],n?.contract_details||{}),benefits:O||{}},T=Se||ge||ne||be||ae||ie||le,P=!!(S&&n&&Be.includes(n?.status)&&!T&&o.basic_information.length>0&&o.contract_details.length>0&&e.currentStep.name!=="review");Ce(()=>{if(P){let t=c(o.select_country,{country:r||n?.country.code||""}),a=c(o.basic_information,n?.basic_information||{}),y=c(o.contract_details,n?.contract_details||{}),b=c(o.benefits,O||{});F.current={select_country:d(t,o.select_country),basic_information:d(a,o.basic_information),contract_details:d(y,o.contract_details),benefits:d(b,o.benefits)},B({select_country:t,basic_information:a,contract_details:y,benefits:b,review:{}}),V("review")}},[S,n,T,r,V,O,o,e.currentStep.name,B,P]);let he=T||P;function J(t){return g&&e.currentStep.name==="select_country"?t:m&&e.currentStep.name==="basic_information"?u(t,m?.fields,{isPartialValidation:!0}):l&&e.currentStep.name==="contract_details"?u(t,l?.fields,{isPartialValidation:!0}):{}}s(J,"parseFormValues");async function Fe(t){F.current[e.currentStep.name]=d(t,o[e.currentStep.name]);let a=J(t);switch(I(),e.currentStep.name){case"select_country":return L(a.country),Promise.resolve({data:{countryCode:a.country}});case"basic_information":{let y=!i&&r,b=i&&r&&n?.country&&n?.country.code!==r;if(y||b){let Pe={basic_information:a,type:ee,country_code:r};try{let _=await ue(Pe);return await I(),te(_.data?.data?.employment?.id),_}catch(_){throw console.error("Error creating onboarding:",_),_}}else if(i)return N({employmentId:i,basic_information:a,pricing_plan_details:{frequency:"monthly"}});return}case"contract_details":return N({employmentId:i,...{contract_details:a,pricing_plan_details:{frequency:"monthly"}}});case"benefits":return de({employmentId:i,...t})}}s(Fe,"onSubmit");function Ve(){ce()}s(Ve,"back");function Oe(){me()}s(Oe,"next");function Te(t){V(t)}return s(Te,"goTo"),{employmentId:i,creditRiskStatus:k?.default_legal_entity_credit_risk_status,owner_id:k?.company_owner_user_id,stepState:e,fields:o[e.currentStep.name],isLoading:he,isSubmitting:R.isPending||v.isPending||M.isPending,initialValues:Ee,handleValidation:s(t=>{if(e.currentStep.name==="select_country")return g.handleValidation(t);if(e.currentStep.name==="benefits"&&p){let a=u(t,p?.fields);return p?.handleValidation(a)}if(m&&e.currentStep.name==="basic_information"){let a=u(t,m?.fields);return m?.handleValidation(a)}if(l&&e.currentStep.name==="contract_details"){let a=u(t,l?.fields);return l?.handleValidation(a)}return null},"handleValidation"),checkFieldUpdates:se,parseFormValues:J,onSubmit:Fe,back:Ve,next:Oe,goTo:Te,meta:{fields:F.current},refetchEmployment:oe,employment:n}},"useOnboarding");export{qe as a};
|
|
2
|
+
//# sourceMappingURL=chunk-BHFT5CRC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/Onboarding/hooks.ts"],"sourcesContent":["import {\n Employment,\n EmploymentCreateParams,\n EmploymentFullParams,\n} from '@/src/client';\nimport { Fields } from '@remoteoss/json-schema-form';\n\nimport { useStepState, Step } from '@/src/flows/useStepState';\nimport {\n prettifyFormValues,\n STEPS,\n STEPS_WITHOUT_SELECT_COUNTRY,\n} from '@/src/flows/Onboarding/utils';\nimport {\n getInitialValues,\n parseJSFToValidate,\n} from '@/src/components/form/utils';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { FieldValues } from 'react-hook-form';\nimport { OnboardingFlowParams } from '@/src/flows/Onboarding/types';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport mergeWith from 'lodash.mergewith';\nimport {\n useBenefitOffers,\n useBenefitOffersSchema,\n useCompany,\n useCountriesSchemaField,\n useCreateEmployment,\n useEmployment,\n useJSONSchemaForm,\n useUpdateBenefitsOffers,\n useUpdateEmployment,\n} from '@/src/flows/Onboarding/api';\nimport { JSONSchemaFormType } from '@/src/flows/types';\n\ntype OnboardingHookProps = OnboardingFlowParams;\n\nconst jsonSchemaToEmployment: Partial<\n Record<JSONSchemaFormType, keyof Employment>\n> = {\n employment_basic_information: 'basic_information',\n contract_details: 'contract_details',\n};\n\nconst stepToFormSchemaMap: Record<\n keyof typeof STEPS,\n JSONSchemaFormType | null\n> = {\n select_country: null,\n basic_information: 'employment_basic_information',\n contract_details: 'contract_details',\n benefits: null,\n review: null,\n};\n\nconst reviewStepAllowedEmploymentStatus: Employment['status'][] = [\n 'invited',\n 'created_awaiting_reserve',\n 'created_reserve_paid',\n];\n\nexport const useOnboarding = ({\n employmentId,\n companyId,\n countryCode,\n type,\n options,\n}: OnboardingHookProps) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const fieldsMetaRef = useRef<Record<string, any>>({});\n const [internalEmploymentId, setInternalEmploymentId] = useState<\n string | undefined\n >(employmentId);\n const [internalCountryCode, setInternalCountryCode] = useState<string | null>(\n countryCode || null,\n );\n const {\n data: employment,\n isLoading: isLoadingEmployment,\n refetch: refetchEmployment,\n } = useEmployment(internalEmploymentId);\n\n // if the employment is loaded, country code has not been set yet\n // we set the internal country code with the employment country code\n if (\n employment?.country?.code &&\n internalCountryCode !== employment.country.code\n ) {\n setInternalCountryCode(employment.country.code);\n }\n\n const { data: benefitOffers, isLoading: isLoadingBenefitOffers } =\n useBenefitOffers(internalEmploymentId);\n const {\n data: company,\n isLoading: isLoadingCompany,\n refetch: refetchCompany,\n } = useCompany(companyId);\n const stepsToUse = countryCode ? STEPS_WITHOUT_SELECT_COUNTRY : STEPS;\n\n const {\n fieldValues,\n stepState,\n setFieldValues,\n previousStep,\n nextStep,\n goToStep,\n setStepValues,\n } = useStepState(\n stepsToUse as Record<keyof typeof STEPS, Step<keyof typeof STEPS>>,\n );\n\n const { selectCountryForm, isLoading: isLoadingCountries } =\n useCountriesSchemaField(options);\n\n const createEmploymentMutation = useCreateEmployment();\n const updateEmploymentMutation = useUpdateEmployment();\n const updateBenefitsOffersMutation = useUpdateBenefitsOffers();\n const { mutateAsync: createEmploymentMutationAsync } = mutationToPromise(\n createEmploymentMutation,\n );\n const { mutateAsync: updateEmploymentMutationAsync } = mutationToPromise(\n updateEmploymentMutation,\n );\n const { mutateAsync: updateBenefitsOffersMutationAsync } = mutationToPromise(\n updateBenefitsOffersMutation,\n );\n\n const formType =\n stepToFormSchemaMap[stepState.currentStep.name] ||\n 'employment_basic_information';\n const employmentKey = jsonSchemaToEmployment[formType] as keyof Employment;\n const serverEmploymentData = (employment?.[employmentKey] || {}) as Record<\n string,\n unknown\n >;\n\n const isOnboardingFormEnabled = Boolean(\n internalCountryCode &&\n (stepState.currentStep.name === 'basic_information' ||\n stepState.currentStep.name === 'contract_details' ||\n Boolean(employmentId)),\n );\n\n const useJSONSchema = ({ form }: { form: JSONSchemaFormType }) => {\n return useJSONSchemaForm({\n countryCode: internalCountryCode as string,\n form: form,\n fieldValues:\n Object.keys(fieldValues).length > 0\n ? {\n ...stepState.values?.[stepState.currentStep.name], // Restore values for the current step\n ...fieldValues,\n }\n : serverEmploymentData,\n options: {\n ...options,\n queryOptions: {\n enabled: isOnboardingFormEnabled,\n },\n },\n });\n };\n\n const {\n data: basicInformationForm,\n isLoading: isLoadingBasicInformationForm,\n } = useJSONSchema({\n form: 'employment_basic_information',\n });\n\n const { data: contractDetailsForm, isLoading: isLoadingContractDetailsForm } =\n useJSONSchema({\n form: 'contract_details',\n });\n\n const {\n data: benefitOffersSchema,\n isLoading: isLoadingBenefitsOffersSchema,\n } = useBenefitOffersSchema(\n internalEmploymentId as string,\n fieldValues,\n options,\n );\n\n const initialValuesBenefitOffers = useMemo(() => {\n if (stepState.currentStep.name === 'benefits') {\n const benefitsFormValues = {\n ...stepState.values?.[stepState.currentStep.name as keyof typeof STEPS], // Restore values for the current step\n ...fieldValues,\n };\n return mergeWith({}, benefitOffers, benefitsFormValues);\n }\n return {};\n }, [\n stepState.currentStep.name,\n benefitOffers,\n stepState.values,\n fieldValues,\n ]);\n\n const stepFields: Record<keyof typeof STEPS, Fields> = useMemo(\n () => ({\n select_country: selectCountryForm?.fields || [],\n basic_information: basicInformationForm?.fields || [],\n contract_details: contractDetailsForm?.fields || [],\n benefits: benefitOffersSchema?.fields || [],\n review: [],\n }),\n [\n selectCountryForm?.fields,\n basicInformationForm?.fields,\n contractDetailsForm?.fields,\n benefitOffersSchema?.fields,\n ],\n );\n\n const initialValues = {\n select_country: getInitialValues(stepFields[stepState.currentStep.name], {\n country: internalCountryCode || employment?.country.code || '',\n }),\n basic_information: getInitialValues(\n stepFields[stepState.currentStep.name],\n employment?.basic_information || {},\n ),\n contract_details: getInitialValues(\n stepFields[stepState.currentStep.name],\n employment?.contract_details || {},\n ),\n benefits: initialValuesBenefitOffers || {},\n };\n\n const initialLoading =\n isLoadingBasicInformationForm ||\n isLoadingContractDetailsForm ||\n isLoadingEmployment ||\n isLoadingBenefitsOffersSchema ||\n isLoadingBenefitOffers ||\n isLoadingCompany ||\n isLoadingCountries;\n\n const isNavigatingToReview = Boolean(\n employmentId &&\n employment &&\n reviewStepAllowedEmploymentStatus.includes(employment?.status) &&\n !initialLoading &&\n stepFields['basic_information'].length > 0 &&\n stepFields['contract_details'].length > 0 &&\n stepState.currentStep.name !== 'review',\n );\n\n useEffect(() => {\n if (isNavigatingToReview) {\n const selectCountryInitialValues = getInitialValues(\n stepFields['select_country'],\n {\n country: internalCountryCode || employment?.country.code || '',\n },\n );\n\n const basicInformationInitialValues = getInitialValues(\n stepFields['basic_information'],\n employment?.basic_information || {},\n );\n\n const contractDetailsInitialValues = getInitialValues(\n stepFields['contract_details'],\n employment?.contract_details || {},\n );\n\n const benefitsInitialValues = getInitialValues(\n stepFields['benefits'],\n initialValuesBenefitOffers || {},\n );\n fieldsMetaRef.current = {\n select_country: prettifyFormValues(\n selectCountryInitialValues,\n stepFields['select_country'],\n ),\n basic_information: prettifyFormValues(\n basicInformationInitialValues,\n stepFields['basic_information'],\n ),\n contract_details: prettifyFormValues(\n contractDetailsInitialValues,\n stepFields['contract_details'],\n ),\n benefits: prettifyFormValues(\n benefitsInitialValues,\n stepFields['benefits'],\n ),\n };\n\n setStepValues({\n select_country: selectCountryInitialValues,\n basic_information: basicInformationInitialValues,\n contract_details: contractDetailsInitialValues,\n benefits: benefitsInitialValues,\n review: {},\n });\n\n goToStep('review');\n }\n }, [\n employmentId,\n employment,\n initialLoading,\n internalCountryCode,\n goToStep,\n initialValuesBenefitOffers,\n stepFields,\n stepState.currentStep.name,\n setStepValues,\n isNavigatingToReview,\n ]);\n\n const isLoading = initialLoading || isNavigatingToReview;\n\n function parseFormValues(values: FieldValues) {\n if (selectCountryForm && stepState.currentStep.name === 'select_country') {\n return values;\n }\n if (\n basicInformationForm &&\n stepState.currentStep.name === 'basic_information'\n ) {\n return parseJSFToValidate(values, basicInformationForm?.fields, {\n isPartialValidation: true,\n });\n }\n\n if (\n contractDetailsForm &&\n stepState.currentStep.name === 'contract_details'\n ) {\n return parseJSFToValidate(values, contractDetailsForm?.fields, {\n isPartialValidation: true,\n });\n }\n\n return {};\n }\n\n async function onSubmit(values: FieldValues) {\n // Prettify values for the current step\n fieldsMetaRef.current[stepState.currentStep.name] = prettifyFormValues(\n values,\n stepFields[stepState.currentStep.name],\n );\n\n const parsedValues = parseFormValues(values);\n refetchCompany();\n switch (stepState.currentStep.name) {\n case 'select_country': {\n setInternalCountryCode(parsedValues.country);\n return Promise.resolve({ data: { countryCode: parsedValues.country } });\n }\n case 'basic_information': {\n const isEmploymentNotLoaded =\n !internalEmploymentId && internalCountryCode;\n const hasChangedCountry =\n internalEmploymentId &&\n internalCountryCode &&\n employment?.country &&\n employment?.country.code !== internalCountryCode;\n if (isEmploymentNotLoaded || hasChangedCountry) {\n const payload: EmploymentCreateParams = {\n basic_information: parsedValues,\n type: type,\n country_code: internalCountryCode,\n };\n try {\n const response = await createEmploymentMutationAsync(payload);\n await refetchCompany();\n setInternalEmploymentId(\n // @ts-expect-error the types from the response are not matching\n response.data?.data?.employment?.id,\n );\n return response;\n } catch (error) {\n console.error('Error creating onboarding:', error);\n throw error;\n }\n } else if (internalEmploymentId) {\n return updateEmploymentMutationAsync({\n employmentId: internalEmploymentId,\n basic_information: parsedValues,\n pricing_plan_details: {\n frequency: 'monthly',\n },\n });\n }\n\n return;\n }\n case 'contract_details': {\n const payload: EmploymentFullParams = {\n contract_details: parsedValues,\n pricing_plan_details: {\n frequency: 'monthly',\n },\n };\n return updateEmploymentMutationAsync({\n employmentId: internalEmploymentId as string,\n ...payload,\n });\n }\n\n case 'benefits': {\n return updateBenefitsOffersMutationAsync({\n employmentId: internalEmploymentId as string,\n ...values,\n });\n }\n }\n return;\n }\n\n function back() {\n previousStep();\n }\n\n function next() {\n nextStep();\n }\n\n function goTo(step: keyof typeof STEPS) {\n goToStep(step);\n }\n\n return {\n /**\n * Employment id passed useful to be used between components\n */\n employmentId: internalEmploymentId,\n\n /**\n * Credit risk status of the company, useful to know what to to show in the review step\n * The possible values are:\n * - not_started\n * - ready\n * - in_progress\n * - referred\n * - fail\n * - deposit_required\n * - no_deposit_required\n */\n\n creditRiskStatus: company?.default_legal_entity_credit_risk_status,\n\n owner_id: company?.company_owner_user_id,\n /**\n * Current step state containing the current step and total number of steps\n */\n stepState,\n /**\n * Array of form fields from the onboarding schema\n */\n fields: stepFields[stepState.currentStep.name],\n /**\n * Loading state indicating if the onboarding schema is being fetched\n */\n isLoading: isLoading,\n /**\n * Loading state indicating if the onboarding mutation is in progress\n */\n isSubmitting:\n createEmploymentMutation.isPending ||\n updateEmploymentMutation.isPending ||\n updateBenefitsOffersMutation.isPending,\n /**\n * Initial form values\n */\n initialValues,\n /**\n * Function to validate form values against the onboarding schema\n * @param values - Form values to validate\n * @returns Validation result or null if no schema is available\n */\n handleValidation: (values: FieldValues) => {\n if (stepState.currentStep.name === 'select_country') {\n return selectCountryForm.handleValidation(values);\n }\n if (stepState.currentStep.name === 'benefits' && benefitOffersSchema) {\n const parsedValues = parseJSFToValidate(\n values,\n benefitOffersSchema?.fields,\n );\n\n return benefitOffersSchema?.handleValidation(parsedValues);\n }\n if (\n basicInformationForm &&\n stepState.currentStep.name === 'basic_information'\n ) {\n const parsedValues = parseJSFToValidate(\n values,\n basicInformationForm?.fields,\n );\n return basicInformationForm?.handleValidation(parsedValues);\n }\n\n if (\n contractDetailsForm &&\n stepState.currentStep.name === 'contract_details'\n ) {\n const parsedValues = parseJSFToValidate(\n values,\n contractDetailsForm?.fields,\n );\n return contractDetailsForm?.handleValidation(parsedValues);\n }\n\n return null;\n },\n /**\n * Function to update the current form field values\n * @param values - New form values to set\n */\n checkFieldUpdates: setFieldValues,\n\n /**\n * Function to parse form values before submission\n * @param values - Form values to parse\n * @returns Parsed form values\n */\n parseFormValues,\n\n /**\n * Function to handle form submission\n * @param values - Form values to submit\n * @returns Promise resolving to the mutation result\n */\n onSubmit,\n\n /**\n * Function to handle going back to the previous step\n * @returns {void}\n */\n back,\n\n /**\n * Function to handle going to the next step\n * @returns {void}\n */\n next,\n\n /**\n * Function to handle going to a specific step\n * @param step The step to go to.\n * @returns {void}\n */\n goTo,\n\n /**\n * Fields metadata for each step\n */\n meta: {\n fields: fieldsMetaRef.current,\n },\n\n /**\n * Function to refetch the employment data\n * @returns {void}\n */\n refetchEmployment,\n /**\n * Employment data\n */\n employment,\n };\n};\n"],"mappings":"6TAoBA,OAAS,aAAAA,GAAW,WAAAC,EAAS,UAAAC,GAAQ,YAAAC,MAAgB,QACrD,OAAOC,OAAe,mBAgBtB,IAAMC,GAEF,CACF,6BAA8B,oBAC9B,iBAAkB,kBACpB,EAEMC,GAGF,CACF,eAAgB,KAChB,kBAAmB,+BACnB,iBAAkB,mBAClB,SAAU,KACV,OAAQ,IACV,EAEMC,GAA4D,CAChE,UACA,2BACA,sBACF,EAEaC,GAAgBC,EAAA,CAAC,CAC5B,aAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,GACA,QAAAC,CACF,IAA2B,CAEzB,IAAMC,EAAgBC,GAA4B,CAAC,CAAC,EAC9C,CAACC,EAAsBC,EAAuB,EAAIC,EAEtDT,CAAY,EACR,CAACU,EAAqBC,CAAsB,EAAIF,EACpDP,GAAe,IACjB,EACM,CACJ,KAAMU,EACN,UAAWC,GACX,QAASC,EACX,EAAIC,EAAcR,CAAoB,EAKpCK,GAAY,SAAS,MACrBF,IAAwBE,EAAW,QAAQ,MAE3CD,EAAuBC,EAAW,QAAQ,IAAI,EAGhD,GAAM,CAAE,KAAMI,EAAe,UAAWC,EAAuB,EAC7DC,EAAiBX,CAAoB,EACjC,CACJ,KAAMY,EACN,UAAWC,GACX,QAASC,CACX,EAAIC,EAAWrB,CAAS,EAClBsB,GAAarB,EAAcsB,EAA+BC,EAE1D,CACJ,YAAAC,EACA,UAAAC,EACA,eAAAC,GACA,aAAAC,GACA,SAAAC,GACA,SAAAC,EACA,cAAAC,CACF,EAAIC,EACFV,EACF,EAEM,CAAE,kBAAAW,EAAmB,UAAWC,EAAmB,EACvDC,EAAwBhC,CAAO,EAE3BiC,EAA2BC,EAAoB,EAC/CC,EAA2BC,EAAoB,EAC/CC,EAA+BC,EAAwB,EACvD,CAAE,YAAaC,EAA8B,EAAIC,EACrDP,CACF,EACM,CAAE,YAAaQ,CAA8B,EAAID,EACrDL,CACF,EACM,CAAE,YAAaO,EAAkC,EAAIF,EACzDH,CACF,EAEMM,GACJnD,GAAoB+B,EAAU,YAAY,IAAI,GAC9C,+BACIqB,GAAgBrD,GAAuBoD,EAAQ,EAC/CE,GAAwBrC,IAAaoC,EAAa,GAAK,CAAC,EAKxDE,GAA0B,GAC9BxC,IACGiB,EAAU,YAAY,OAAS,qBAC9BA,EAAU,YAAY,OAAS,oBACvB3B,IAGRmD,EAAgBpD,EAAA,CAAC,CAAE,KAAAqD,CAAK,IACrBC,EAAkB,CACvB,YAAa3C,EACb,KAAM0C,EACN,YACE,OAAO,KAAK1B,CAAW,EAAE,OAAS,EAC9B,CACE,GAAGC,EAAU,SAASA,EAAU,YAAY,IAAI,EAChD,GAAGD,CACL,EACAuB,GACN,QAAS,CACP,GAAG7C,EACH,aAAc,CACZ,QAAS8C,EACX,CACF,CACF,CAAC,EAjBmB,iBAoBhB,CACJ,KAAMI,EACN,UAAWC,EACb,EAAIJ,EAAc,CAChB,KAAM,8BACR,CAAC,EAEK,CAAE,KAAMK,EAAqB,UAAWC,EAA6B,EACzEN,EAAc,CACZ,KAAM,kBACR,CAAC,EAEG,CACJ,KAAMO,EACN,UAAWC,EACb,EAAIC,EACFrD,EACAmB,EACAtB,CACF,EAEMyD,EAA6BC,EAAQ,IAAM,CAC/C,GAAInC,EAAU,YAAY,OAAS,WAAY,CAC7C,IAAMoC,EAAqB,CACzB,GAAGpC,EAAU,SAASA,EAAU,YAAY,IAA0B,EACtE,GAAGD,CACL,EACA,OAAOsC,GAAU,CAAC,EAAGhD,EAAe+C,CAAkB,CACxD,CACA,MAAO,CAAC,CACV,EAAG,CACDpC,EAAU,YAAY,KACtBX,EACAW,EAAU,OACVD,CACF,CAAC,EAEKuC,EAAiDH,EACrD,KAAO,CACL,eAAgB5B,GAAmB,QAAU,CAAC,EAC9C,kBAAmBoB,GAAsB,QAAU,CAAC,EACpD,iBAAkBE,GAAqB,QAAU,CAAC,EAClD,SAAUE,GAAqB,QAAU,CAAC,EAC1C,OAAQ,CAAC,CACX,GACA,CACExB,GAAmB,OACnBoB,GAAsB,OACtBE,GAAqB,OACrBE,GAAqB,MACvB,CACF,EAEMQ,GAAgB,CACpB,eAAgBC,EAAiBF,EAAWtC,EAAU,YAAY,IAAI,EAAG,CACvE,QAASjB,GAAuBE,GAAY,QAAQ,MAAQ,EAC9D,CAAC,EACD,kBAAmBuD,EACjBF,EAAWtC,EAAU,YAAY,IAAI,EACrCf,GAAY,mBAAqB,CAAC,CACpC,EACA,iBAAkBuD,EAChBF,EAAWtC,EAAU,YAAY,IAAI,EACrCf,GAAY,kBAAoB,CAAC,CACnC,EACA,SAAUiD,GAA8B,CAAC,CAC3C,EAEMO,EACJb,IACAE,IACA5C,IACA8C,IACA1C,IACAG,IACAe,GAEIkC,EAAuB,GAC3BrE,GACEY,GACAf,GAAkC,SAASe,GAAY,MAAM,GAC7D,CAACwD,GACDH,EAAW,kBAAqB,OAAS,GACzCA,EAAW,iBAAoB,OAAS,GACxCtC,EAAU,YAAY,OAAS,UAGnC2C,GAAU,IAAM,CACd,GAAID,EAAsB,CACxB,IAAME,EAA6BJ,EACjCF,EAAW,eACX,CACE,QAASvD,GAAuBE,GAAY,QAAQ,MAAQ,EAC9D,CACF,EAEM4D,EAAgCL,EACpCF,EAAW,kBACXrD,GAAY,mBAAqB,CAAC,CACpC,EAEM6D,EAA+BN,EACnCF,EAAW,iBACXrD,GAAY,kBAAoB,CAAC,CACnC,EAEM8D,EAAwBP,EAC5BF,EAAW,SACXJ,GAA8B,CAAC,CACjC,EACAxD,EAAc,QAAU,CACtB,eAAgBsE,EACdJ,EACAN,EAAW,cACb,EACA,kBAAmBU,EACjBH,EACAP,EAAW,iBACb,EACA,iBAAkBU,EAChBF,EACAR,EAAW,gBACb,EACA,SAAUU,EACRD,EACAT,EAAW,QACb,CACF,EAEAjC,EAAc,CACZ,eAAgBuC,EAChB,kBAAmBC,EACnB,iBAAkBC,EAClB,SAAUC,EACV,OAAQ,CAAC,CACX,CAAC,EAED3C,EAAS,QAAQ,CACnB,CACF,EAAG,CACD/B,EACAY,EACAwD,EACA1D,EACAqB,EACA8B,EACAI,EACAtC,EAAU,YAAY,KACtBK,EACAqC,CACF,CAAC,EAED,IAAMO,GAAYR,GAAkBC,EAEpC,SAASQ,EAAgBC,EAAqB,CAC5C,OAAI5C,GAAqBP,EAAU,YAAY,OAAS,iBAC/CmD,EAGPxB,GACA3B,EAAU,YAAY,OAAS,oBAExBoD,EAAmBD,EAAQxB,GAAsB,OAAQ,CAC9D,oBAAqB,EACvB,CAAC,EAIDE,GACA7B,EAAU,YAAY,OAAS,mBAExBoD,EAAmBD,EAAQtB,GAAqB,OAAQ,CAC7D,oBAAqB,EACvB,CAAC,EAGI,CAAC,CACV,CAvBSzD,EAAA8E,EAAA,mBAyBT,eAAeG,GAASF,EAAqB,CAE3CzE,EAAc,QAAQsB,EAAU,YAAY,IAAI,EAAIgD,EAClDG,EACAb,EAAWtC,EAAU,YAAY,IAAI,CACvC,EAEA,IAAMsD,EAAeJ,EAAgBC,CAAM,EAE3C,OADAzD,EAAe,EACPM,EAAU,YAAY,KAAM,CAClC,IAAK,iBACH,OAAAhB,EAAuBsE,EAAa,OAAO,EACpC,QAAQ,QAAQ,CAAE,KAAM,CAAE,YAAaA,EAAa,OAAQ,CAAE,CAAC,EAExE,IAAK,oBAAqB,CACxB,IAAMC,EACJ,CAAC3E,GAAwBG,EACrByE,EACJ5E,GACAG,GACAE,GAAY,SACZA,GAAY,QAAQ,OAASF,EAC/B,GAAIwE,GAAyBC,EAAmB,CAC9C,IAAMC,GAAkC,CACtC,kBAAmBH,EACnB,KAAM9E,GACN,aAAcO,CAChB,EACA,GAAI,CACF,IAAM2E,EAAW,MAAM1C,GAA8ByC,EAAO,EAC5D,aAAM/D,EAAe,EACrBb,GAEE6E,EAAS,MAAM,MAAM,YAAY,EACnC,EACOA,CACT,OAASC,EAAO,CACd,cAAQ,MAAM,6BAA8BA,CAAK,EAC3CA,CACR,CACF,SAAW/E,EACT,OAAOsC,EAA8B,CACnC,aAActC,EACd,kBAAmB0E,EACnB,qBAAsB,CACpB,UAAW,SACb,CACF,CAAC,EAGH,MACF,CACA,IAAK,mBAOH,OAAOpC,EAA8B,CACnC,aAActC,EACd,GARoC,CACpC,iBAAkB0E,EAClB,qBAAsB,CACpB,UAAW,SACb,CACF,CAIA,CAAC,EAGH,IAAK,WACH,OAAOnC,GAAkC,CACvC,aAAcvC,EACd,GAAGuE,CACL,CAAC,CAEL,CAEF,CAzEe/E,EAAAiF,GAAA,YA2Ef,SAASO,IAAO,CACd1D,GAAa,CACf,CAFS9B,EAAAwF,GAAA,QAIT,SAASC,IAAO,CACd1D,GAAS,CACX,CAFS/B,EAAAyF,GAAA,QAIT,SAASC,GAAKC,EAA0B,CACtC3D,EAAS2D,CAAI,CACf,CAFS,OAAA3F,EAAA0F,GAAA,QAIF,CAIL,aAAclF,EAcd,iBAAkBY,GAAS,wCAE3B,SAAUA,GAAS,sBAInB,UAAAQ,EAIA,OAAQsC,EAAWtC,EAAU,YAAY,IAAI,EAI7C,UAAWiD,GAIX,aACEvC,EAAyB,WACzBE,EAAyB,WACzBE,EAA6B,UAI/B,cAAAyB,GAMA,iBAAkBnE,EAAC+E,GAAwB,CACzC,GAAInD,EAAU,YAAY,OAAS,iBACjC,OAAOO,EAAkB,iBAAiB4C,CAAM,EAElD,GAAInD,EAAU,YAAY,OAAS,YAAc+B,EAAqB,CACpE,IAAMuB,EAAeF,EACnBD,EACApB,GAAqB,MACvB,EAEA,OAAOA,GAAqB,iBAAiBuB,CAAY,CAC3D,CACA,GACE3B,GACA3B,EAAU,YAAY,OAAS,oBAC/B,CACA,IAAMsD,EAAeF,EACnBD,EACAxB,GAAsB,MACxB,EACA,OAAOA,GAAsB,iBAAiB2B,CAAY,CAC5D,CAEA,GACEzB,GACA7B,EAAU,YAAY,OAAS,mBAC/B,CACA,IAAMsD,EAAeF,EACnBD,EACAtB,GAAqB,MACvB,EACA,OAAOA,GAAqB,iBAAiByB,CAAY,CAC3D,CAEA,OAAO,IACT,EAnCkB,oBAwClB,kBAAmBrD,GAOnB,gBAAAiD,EAOA,SAAAG,GAMA,KAAAO,GAMA,KAAAC,GAOA,KAAAC,GAKA,KAAM,CACJ,OAAQpF,EAAc,OACxB,EAMA,kBAAAS,GAIA,WAAAF,CACF,CACF,EA9f6B","names":["useEffect","useMemo","useRef","useState","mergeWith","jsonSchemaToEmployment","stepToFormSchemaMap","reviewStepAllowedEmploymentStatus","useOnboarding","__name","employmentId","companyId","countryCode","type","options","fieldsMetaRef","useRef","internalEmploymentId","setInternalEmploymentId","useState","internalCountryCode","setInternalCountryCode","employment","isLoadingEmployment","refetchEmployment","useEmployment","benefitOffers","isLoadingBenefitOffers","useBenefitOffers","company","isLoadingCompany","refetchCompany","useCompany","stepsToUse","STEPS_WITHOUT_SELECT_COUNTRY","STEPS","fieldValues","stepState","setFieldValues","previousStep","nextStep","goToStep","setStepValues","useStepState","selectCountryForm","isLoadingCountries","useCountriesSchemaField","createEmploymentMutation","useCreateEmployment","updateEmploymentMutation","useUpdateEmployment","updateBenefitsOffersMutation","useUpdateBenefitsOffers","createEmploymentMutationAsync","mutationToPromise","updateEmploymentMutationAsync","updateBenefitsOffersMutationAsync","formType","employmentKey","serverEmploymentData","isOnboardingFormEnabled","useJSONSchema","form","useJSONSchemaForm","basicInformationForm","isLoadingBasicInformationForm","contractDetailsForm","isLoadingContractDetailsForm","benefitOffersSchema","isLoadingBenefitsOffersSchema","useBenefitOffersSchema","initialValuesBenefitOffers","useMemo","benefitsFormValues","mergeWith","stepFields","initialValues","getInitialValues","initialLoading","isNavigatingToReview","useEffect","selectCountryInitialValues","basicInformationInitialValues","contractDetailsInitialValues","benefitsInitialValues","prettifyFormValues","isLoading","parseFormValues","values","parseJSFToValidate","onSubmit","parsedValues","isEmploymentNotLoaded","hasChangedCountry","payload","response","error","back","next","goTo","step"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as $e}from"./chunk-NEFNFYRS.js";import{b as x}from"./chunk-WRDKLT4N.js";import{a as Fe,b as B}from"./chunk-EMVYCKDC.js";import{a as Ee,b as C,c as P,d as S,e as k,f as R,g as D}from"./chunk-ONZPO4GN.js";import{a as c}from"./chunk-5ETXP2QF.js";import{a as o}from"./chunk-AYDF3IFZ.js";import{Fragment as Jo}from"react";import*as He from"react";import*as ee from"@radix-ui/react-checkbox";import{Check as It}from"lucide-react";import{jsx as ve}from"react/jsx-runtime";var oe=He.forwardRef(({className:e,...t},r)=>ve(ee.Root,{ref:r,className:c("peer h-4 w-4 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-checkbox data-[state=checked]:text-primary",e),...t,children:ve(ee.Indicator,{className:c("flex items-center justify-center text-current"),children:ve(It,{className:"h-4 w-4"})})}));oe.displayName=ee.Root.displayName;import{useFormContext as Lt}from"react-hook-form";import{Fragment as Wt,jsx as A,jsxs as re}from"react/jsx-runtime";function ae({name:e,defaultValue:t,description:r,label:a,onChange:i,multiple:d,options:p,component:f,...g}){let{components:n}=x(),{control:m}=Lt(),u=o((s,l,v)=>{let F=v.value?[...v.value]:[];l?F.includes(s)||v.onChange([...F,s]):v.onChange(F.filter(_=>_!==s))},"handleCheckboxChange");return A(C,{control:m,name:e,defaultValue:t,render:({field:s,fieldState:l})=>{let v=f||n?.checkbox;if(v){let F={name:e,description:r,label:a,defaultValue:t,multiple:d,options:p,...g};return A(v,{field:{...s,onChange:o(_=>{if(d){let{checked:w,value:b}=_.target;u(b,w,s),i?.(w);return}s.onChange(_),i?.(_)},"onChange")},fieldState:l,fieldData:F})}return re(P,{"data-field":e,className:c(`RemoteFlows__CheckBoxField__Item__${e}`),children:[A(k,{children:re(Wt,{children:[p&&d?A(S,{children:a}):null,p&&d?p.map(F=>re("div",{className:"flex space-x-2",children:[A(oe,{id:F.value,onCheckedChange:_=>{u(F.value,_===!0,s),i?.(_,F.value)},checked:s.value?.includes(F.value),className:"RemoteFlows__CheckBox__Input"}),A(S,{htmlFor:F.value,className:"mb-0 RemoteFlows__CheckBox__Label",children:F.label})]},F.value)):re("div",{className:"flex space-x-2",children:[A(oe,{id:e,onCheckedChange:F=>{s.onChange(F),i?.(F)},checked:s.value,className:"RemoteFlows__CheckBox__Input"}),A(S,{htmlFor:e,className:"mb-0 RemoteFlows__CheckBox__Label",children:a})]})]})}),r&&A(R,{children:r}),l.error&&A(D,{})]})}})}o(ae,"CheckBoxField");import{CalendarIcon as Ht}from"lucide-react";import{useFormContext as Bt}from"react-hook-form";import{ChevronLeft as Mt,ChevronRight as Et}from"lucide-react";import{DayPicker as $t}from"react-day-picker";import{jsx as he}from"react/jsx-runtime";function Be({className:e,classNames:t,showOutsideDays:r=!0,...a}){return he($t,{showOutsideDays:r,className:c("p-3",e),classNames:{months:"flex flex-col sm:flex-row gap-2",month:"flex flex-col gap-4",caption:"flex justify-center pt-1 relative items-center w-full",caption_label:"text-sm font-medium",nav:"flex items-center gap-1",nav_button:c(Fe({variant:"outline"}),"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-x-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:c("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",a.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:c(Fe({variant:"ghost"}),"size-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",day_range_end:"day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground aria-selected:text-muted-foreground",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...t},components:{IconLeft:o(({className:i,...d})=>he(Mt,{className:c("size-4",i),...d}),"IconLeft"),IconRight:o(({className:i,...d})=>he(Et,{className:c("size-4",i),...d}),"IconRight")},...a})}o(Be,"Calendar");import*as O from"@radix-ui/react-popover";import{jsx as ne}from"react/jsx-runtime";function ie({...e}){return ne(O.Root,{"data-slot":"popover",...e})}o(ie,"Popover");function se({...e}){return ne(O.Trigger,{"data-slot":"popover-trigger",...e})}o(se,"PopoverTrigger");function le({className:e,align:t="center",sideOffset:r=4,...a}){return ne(O.Portal,{children:ne(O.Content,{"data-slot":"popover-content",align:t,sideOffset:r,className:c("bg-popover text-popover-foreground 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...a})})}o(le,"PopoverContent");import{PopoverClose as At}from"@radix-ui/react-popover";import{format as Ae}from"date-fns";import{Fragment as zt,jsx as L,jsxs as ye}from"react/jsx-runtime";function ze({description:e,label:t,name:r,minDate:a,onChange:i,component:d,...p}){let{components:f}=x(),{control:g}=Bt();return L(C,{control:g,name:r,render:({field:n,fieldState:m})=>{let u=d||f?.date;if(u){let s={description:e,label:t,name:r,minDate:a,onChange:i,...p};return L(u,{field:{...n,onChange:o(l=>{n.onChange(l),i?.(l)},"onChange")},fieldState:m,fieldData:s})}return ye(P,{"data-field":r,className:`flex flex-col RemoteFlows__DatePickerField__Item__${r}`,children:[L(S,{className:"RemoteFlows__DatePickerField__Label",children:t}),ye(ie,{children:[L(se,{asChild:!0,children:L(k,{children:L("div",{children:ye(B,{type:"button",variant:"outline",className:c("w-full pl-3 text-left font-normal",!n.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${r}`,children:[n.value&&L(zt,{children:Ae(n.value,"yyyy-MM-dd")}),L(Ht,{className:"ml-auto h-4 w-4 opacity-50"})]})})})}),L(le,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start",children:L(Be,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:n.value?new Date(n.value):void 0,onSelect:s=>{n.onChange(s?Ae(s,"yyyy-MM-dd"):null),i?.(s)},defaultMonth:a?new Date(a):void 0,components:{DayContent:o(s=>L(At,{children:s.date.getDate()}),"DayContent")},...a&&{disabled:o(s=>s<new Date(a),"disabled")}})})]}),e?L(R,{children:e}):null,m.error&&L(D,{className:"RemoteFlows__DatePickerField__Error"})]})}})}o(ze,"DatePickerField");import{cva as Ot}from"class-variance-authority";import{jsx as _e}from"react/jsx-runtime";var Gt=Ot("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",warning:"bg-card bg-warning border-warning-border [&>svg]:text-current"}},defaultVariants:{variant:"default"}});function Oe({className:e,variant:t,...r}){return _e("div",{"data-slot":"alert",role:"alert",className:c(Gt({variant:t}),e),...r})}o(Oe,"Alert");function Ge({className:e,...t}){return _e("div",{"data-slot":"alert-title",className:c("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",e),...t})}o(Ge,"AlertTitle");function Ve({className:e,...t}){return _e("div",{"data-slot":"alert-description",className:c("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",e),...t})}o(Ve,"AlertDescription");import{AlertCircle as Vt}from"lucide-react";import{jsx as me,jsxs as Ut}from"react/jsx-runtime";function ce({title:e,description:t,severity:r}){let{components:a}=x();if(a?.statement){let i=a?.statement;return me(i,{data:{title:e,description:t,severity:r}})}return Ut(Oe,{variant:"warning",children:[me(Vt,{className:"h-4 w-4"}),e&&me(Ge,{children:e}),me(Ve,{children:t})]})}o(ce,"Statement");import{jsx as xe,jsxs as Ue}from"react/jsx-runtime";import{createElement as Jt}from"react";function Je({label:e,name:t,fields:r,description:a,components:i,statement:d}){return Ue("fieldset",{className:c("border-1 border-input p-4 rounded-xl",`RemoteFlows__FieldSetField__${t}`),children:[xe("legend",{className:"text-sm font-semibold px-2",children:e}),a?xe("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:a}}):null,Ue("div",{className:"grid gap-4",children:[r.map(p=>{let f=de[p.type];return p.isVisible===!1||p.deprecated?null:Jt(f,{...p,key:p.name,name:`${t}.${p.name}`,component:i?.[p.type]})}),d?xe(ce,{...d}):null]})]})}o(Je,"FieldSetField");import{useFormContext as Qt}from"react-hook-form";import{useState as qt,useRef as Kt}from"react";import{Upload as Yt,X as Xt}from"lucide-react";import{jsx as V,jsxs as Ce}from"react/jsx-runtime";function qe({onChange:e,className:t,multiple:r}){let[a,i]=qt([]),d=Kt(null),p=o(n=>{n.preventDefault(),d.current?.click()},"handleClick"),f=o(n=>{if(n.target.files&&n.target.files.length>0){let m=Array.from(n.target.files);i(m),e(n)}},"handleChange"),g=o(n=>{i(m=>m.filter(u=>u!==n))},"onRemoveFile");return Ce("div",{className:c("flex flex-col items-start gap-4",t),children:[V("input",{type:"file",ref:d,onChange:f,className:"hidden","aria-label":"File upload",multiple:r}),Ce(B,{type:"button",onClick:p,className:"gap-2",children:[V(Yt,{className:"h-4 w-4"}),"Choose File"]}),a.length===0&&V("div",{className:"text-sm",children:r?V("span",{className:"font-medium",children:"No files selected. You can select multiple files"}):V("span",{className:"font-medium",children:"No file selected."})}),a.length>0&&a.map((n,m)=>Ce("div",{className:"text-sm flex items-center gap-2",children:["Selected file: ",V("span",{className:"font-medium",children:n.name})," (",Math.round(n.size/1024)," KB)",V(B,{variant:"ghost",onClick:()=>g(n),children:V(Xt,{})})]},m))]})}o(qe,"FileUploader");import{jsx as U,jsxs as jt}from"react/jsx-runtime";var Zt=o(e=>new Promise((t,r)=>{let a=new FileReader;a.readAsDataURL(e),a.onload=()=>t(a.result),a.onerror=i=>r(i)}),"toBase64"),Ke=o(async e=>{let t=e.target.files?Array.from(e.target.files):[];return await Promise.all(t.map(async a=>{let i=await Zt(a);return{name:a.name,content:i.split(",")[1]}}))},"convertFilesToBase64");function Ye({name:e,description:t,label:r,multiple:a,onChange:i,component:d,...p}){let{components:f}=x(),{control:g}=Qt();return U(C,{control:g,name:e,render:({field:n,fieldState:m})=>{let u=d||f?.file;if(u){let s={name:e,description:t,label:r,multiple:a,...p};return U(u,{field:{...n,value:null,onChange:o(async l=>{let v=await Ke(l);n.onChange(v),i?.(v)},"onChange")},fieldState:m,fieldData:s})}return jt(P,{"data-field":e,className:`RemoteFlows__FileUpload__Item__${e}`,children:[U(S,{className:"RemoteFlows__FileUpload__Label",children:r}),U(k,{children:U(qe,{onChange:async s=>{let l=await Ke(s);n.onChange(l),i?.(l)},multiple:a,className:c("RemoteFlows__FileUpload__Input")})}),t&&U("div",{className:"flex items-center justify-between",children:U(R,{className:"RemoteFlows__FileUpload__Description",children:t})}),m.error&&U(D,{className:"RemoteFlows__FileUpload__Error"})]})}})}o(Ye,"FileUploadField");import{useFormContext as ro}from"react-hook-form";import{useFormContext as to}from"react-hook-form";import{jsx as eo}from"react/jsx-runtime";function Xe({className:e,type:t,...r}){return eo("input",{type:t,"data-slot":"input",className:c("shadow-xs border-input file:text-foreground placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-xl border bg-transparent px-4 py-7 text-sm transition-[color] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-focused","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...r})}o(Xe,"Input");import{jsx as J,jsxs as oo}from"react/jsx-runtime";function z({name:e,description:t,label:r,type:a,onChange:i,component:d,includeErrorMessage:p=!0,...f}){let{components:g}=x(),{control:n}=to();return J(C,{control:n,name:e,render:({field:m,fieldState:u})=>{let s=d||g?.text;if(s){let l={name:e,description:t,label:r,type:a,onChange:i,...f};return J(s,{field:{...m,onChange:o(v=>{m.onChange(v),i?.(v)},"onChange")},fieldState:u,fieldData:l})}return oo(P,{"data-field":e,className:`RemoteFlows__TextField__Item__${e}`,children:[r&&J(S,{className:"RemoteFlows__TextField__Label",children:r}),J(k,{children:J(Xe,{...m,value:m.value??"",onChange:l=>{m.onChange(l),i?.(l)},className:"RemoteFlows__TextField__Input",placeholder:r})}),t&&J(R,{className:"RemoteFlows__TextField__Description",children:t}),p&&u.error&&J(D,{className:"RemoteFlows__TextField__Error"})]})}})}o(z,"TextField");import{jsx as be}from"react/jsx-runtime";function Se(e){let{components:t}=x(),{control:r}=ro(),a=e.component||t?.number;return a?be(C,{control:r,name:e.name,render:({field:i,fieldState:d})=>be(a,{field:{...i,onChange:o(p=>{i.onChange(p),e.onChange?.(p)},"onChange")},fieldState:d,fieldData:e})}):be(z,{...e,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$"})}o(Se,"NumberField");import*as Y from"@radix-ui/react-radio-group";import{CircleIcon as ao}from"lucide-react";import{jsx as pe}from"react/jsx-runtime";function Qe({className:e,...t}){return pe(Y.Root,{"data-slot":"radio-group",className:c("grid gap-3",e),...t})}o(Qe,"RadioGroup");function Ze({className:e,...t}){return pe(Y.Item,{"data-slot":"radio-group-item",className:c("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...t,children:pe(Y.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:pe(ao,{className:"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})})})}o(Ze,"RadioGroupItem");import{useFormContext as no}from"react-hook-form";import{Fragment as io,jsx as E,jsxs as Pe}from"react/jsx-runtime";function je({name:e,defaultValue:t,description:r,label:a,options:i,onChange:d,component:p,...f}){let{components:g}=x(),{control:n}=no();return E(C,{control:n,name:e,defaultValue:t,render:({field:m,fieldState:u})=>{let s=p||g?.radio;if(s){let l={name:e,defaultValue:t,description:r,label:a,options:i,...f};return E(s,{field:{...m,onChange:o(v=>{m.onChange(v),d?.(v)},"onChange")},fieldState:u,fieldData:l})}return Pe(P,{className:c("space-y-3",`RemoteFlows__RadioGroupField__Item__${e}`),"data-field":e,children:[E(S,{children:a}),E(k,{children:E(Qe,{"aria-label":a||e,onValueChange:l=>{m.onChange(l),d?.(l)},value:m.value,className:"flex flex-col space-y-3",children:i?.map(l=>E(io,{children:Pe(P,{"data-field":e,className:"flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item",children:[E(k,{children:E(Ze,{value:l.value,className:"RemoteFlows__RadioField__Input"})}),Pe("div",{children:[E(S,{className:"font-normal mb-0 RemoteFlows__RadioField__Label",children:l.label}),l.description&&E(R,{className:"mt-2",children:l.description})]})]},l.value)}))})}),r&&E(R,{children:r}),u.error&&E(D,{})]})}})}o(je,"RadioGroupField");import*as y from"@radix-ui/react-select";import{CheckIcon as so,ChevronDownIcon as et,ChevronUpIcon as lo}from"lucide-react";import{jsx as N,jsxs as ke}from"react/jsx-runtime";function tt({...e}){return N(y.Root,{"data-slot":"select",...e})}o(tt,"Select");function ot({...e}){return N(y.Group,{"data-slot":"select-group",...e})}o(ot,"SelectGroup");function rt({...e}){return N(y.Value,{"data-slot":"select-value",...e})}o(rt,"SelectValue");function at({className:e,children:t,...r}){return ke(y.Trigger,{"data-slot":"select-trigger",className:c("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-full items-center justify-between rounded-xl border bg-transparent px-4 py-7 text-sm whitespace-nowrap transition-[color] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","focus-visible:border-focused",e),...r,children:[t,N(y.Icon,{asChild:!0,className:"absolute right-4",children:N(et,{className:"size-4"})})]})}o(at,"SelectTrigger");function nt({className:e,children:t,position:r="popper",...a}){return N(y.Portal,{children:ke(y.Content,{"data-slot":"select-content",className:c("bg-popover text-popover-foreground 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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...a,children:[N(mo,{}),N(y.Viewport,{className:c(r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:t}),N(co,{})]})})}o(nt,"SelectContent");function it({className:e,children:t,...r}){return ke(y.Item,{"data-slot":"select-item",className:c("focus:bg-accent focus:text-accent-foreground min-h-11 justify-between [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-default items-center gap-2 py-2 px-4 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...r,children:[N(y.ItemText,{children:t}),N("span",{className:"flex size-3.5 items-center justify-center",children:N(y.ItemIndicator,{children:N(so,{className:"size-4"})})})]})}o(it,"SelectItem");function mo({className:e,...t}){return N(y.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:c("flex cursor-default items-center justify-center py-1",e),...t,children:N(lo,{className:"size-4"})})}o(mo,"SelectScrollUpButton");function co({className:e,...t}){return N(y.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:c("flex cursor-default items-center justify-center py-1",e),...t,children:N(et,{className:"size-4"})})}o(co,"SelectScrollDownButton");import{useFormContext as po}from"react-hook-form";import{jsx as W,jsxs as st}from"react/jsx-runtime";function lt({label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,component:p,...f}){let{control:g}=po(),{components:n}=x();return W(C,{defaultValue:a,control:g,name:t,render:({field:m,fieldState:u})=>{let s=p||n?.select;if(s){let l={label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,...f};return W(s,{field:{...m,onChange:o(v=>{m.onChange(v),d?.(v)},"onChange")},fieldState:u,fieldData:l})}return st(P,{"data-field":t,className:`RemoteFlows__SelectField__Item__${t}`,children:[W(S,{className:"RemoteFlows__SelectField__Label",children:e}),W(k,{children:W("div",{className:"relative",children:st(tt,{value:m.value||"",onValueChange:l=>{m.onChange(l),d?.(l)},children:[W(at,{className:"RemoteFlows__SelectField__Trigger","aria-invalid":!!u.error,"aria-label":e,children:W("span",{className:"absolute",children:W(rt,{placeholder:e})})}),W(nt,{className:"RemoteFlows__SelectField__Content",children:W(ot,{className:"RemoteFlows__SelectField__Group",children:r.map(l=>W(it,{value:l.value,className:"RemoteFlows__SelectField__SelectItem",children:l.label},l.value))})})]})})}),i&&W(R,{children:i}),u.error&&W(D,{})]})}})}o(lt,"SelectField");import{useState as xo}from"react";import{useFormContext as Co}from"react-hook-form";import{Fragment as Fo,useState as vo}from"react";import{Check as ho,ChevronDownIcon as yo,X as _o}from"lucide-react";import{Command as X}from"cmdk";import{SearchIcon as un}from"lucide-react";import*as T from"@radix-ui/react-dialog";import{XIcon as uo}from"lucide-react";import{jsx as G,jsxs as Re}from"react/jsx-runtime";function Ne({...e}){return G(T.Root,{"data-slot":"dialog",...e})}o(Ne,"Dialog");function mt({...e}){return G(T.Trigger,{"data-slot":"dialog-trigger",...e})}o(mt,"DialogTrigger");function fo({...e}){return G(T.Portal,{"data-slot":"dialog-portal",...e})}o(fo,"DialogPortal");function go({className:e,...t}){return G(T.Overlay,{"data-slot":"dialog-overlay",className:c("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...t})}o(go,"DialogOverlay");function we({className:e,children:t,...r}){return Re(fo,{"data-slot":"dialog-portal",children:[G(go,{}),Re(T.Content,{"data-slot":"dialog-content",className:c("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",e),...r,children:[t,Re(T.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 RemoteFlows__Dialog__Close",children:[G(uo,{}),G("span",{className:"sr-only",children:"Close"})]})]})]})}o(we,"DialogContent");function De({className:e,...t}){return G("div",{"data-slot":"dialog-header",className:c("flex flex-col gap-2 text-center sm:text-left",e),...t})}o(De,"DialogHeader");function Te({className:e,...t}){return G(T.Title,{"data-slot":"dialog-title",className:c("text-lg leading-none font-semibold",e),...t})}o(Te,"DialogTitle");import{jsx as Q,jsxs as vn}from"react/jsx-runtime";function ct({className:e,...t}){return Q(X,{"data-slot":"command",className:c("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}o(ct,"Command");function dt({className:e,...t}){return Q(X.List,{"data-slot":"command-list",className:c("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}o(dt,"CommandList");function pt({...e}){return Q(X.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}o(pt,"CommandEmpty");function ut({className:e,...t}){return Q(X.Group,{"data-slot":"command-group",className:c("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...t})}o(ut,"CommandGroup");function ft({className:e,...t}){return Q(X.Separator,{"data-slot":"command-separator",className:c("bg-border -mx-1 h-px",e),...t})}o(ft,"CommandSeparator");function gt({className:e,...t}){return Q(X.Item,{"data-slot":"command-item",className:c("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}o(gt,"CommandItem");import{jsx as $,jsxs as Z}from"react/jsx-runtime";function Ft({options:e,selected:t,onChange:r,placeholder:a,...i}){let[d,p]=vo(!1),f=o(n=>{r(t.filter(m=>m.value!==n.value))},"handleUnselect"),g=e.reduce((n,m)=>{let u=m.category||"Uncategorized";return n[u]||(n[u]=[]),n[u].push(m),n},{});return Z(ie,{open:d,onOpenChange:p,...i,children:[$(se,{children:Z(B,{variant:"outline",role:"combobox","aria-expanded":d,className:"w-full justify-between font-normal",type:"button",children:[$("div",{className:"flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center",children:t.length>0?t.map(n=>Z($e,{variant:"secondary",className:"mr-1 mb-1",children:[n.label,$("div",{role:"button",tabIndex:0,"aria-label":`remove ${n.label}`,className:"ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",onKeyDown:m=>{m.key==="Enter"&&f(n)},onMouseDown:m=>{m.preventDefault(),m.stopPropagation()},onClick:()=>f(n),children:$(_o,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},n.label)):$("span",{className:"text-foreground",children:a})}),$(yo,{className:"size-4"})]})}),$(le,{align:"start",className:"w-full p-0",children:$(ct,{children:Z(dt,{children:[$(pt,{children:"No item found."}),Object.entries(g).map(([n,m],u)=>Z(Fo,{children:[u>0&&$(ft,{}),$(ut,{heading:n,children:m.map(s=>{let l=t.some(v=>v.value===s.value);return Z(gt,{onSelect:()=>{r(l?t.filter(v=>v.value!==s.value):[...t,s])},children:[$(ho,{className:c("mr-2 h-4 w-4",l?"opacity-100":"opacity-0")}),s.label]},s.label)})})]},n))]})})})]})}o(Ft,"MultiSelect");import{jsx as q,jsxs as bo}from"react/jsx-runtime";function vt({label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,$meta:p,component:f,...g}){let{control:n}=Co(),{components:m}=x(),[u,s]=xo([]);return q(C,{defaultValue:a,control:n,name:t,render:({field:l,fieldState:v})=>{let F=f||m?.countries;if(F){let b={label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,$meta:p,...g};return q(F,{field:{...l,onChange:o(M=>{l.onChange(M),d?.(M)},"onChange")},fieldState:v,fieldData:b})}let _=[...Object.entries(p?.regions||{}).map(([b,M])=>({value:M,label:b,category:"Regions"})),...Object.entries(p?.subregions||{}).map(([b,M])=>({value:M,label:b,category:"Subregions"})),...r.map(b=>({...b,value:b.value,label:b.label,category:"Countries"}))],w=o(b=>{let M=b.map(({value:Tt})=>Tt);l.onChange(M),d?.(M),s(b)},"handleChange");return bo(P,{"data-field":t,className:`RemoteFlows__CountryField__Item__${t}`,children:[q(S,{className:"RemoteFlows__CountryField__Label",children:e}),q(k,{children:q(Ft,{options:_,selected:u,onChange:w,...g})}),i&&q(R,{children:i}),v.error&&q(D,{})]})}})}o(vt,"CountryField");import{useFormContext as Po}from"react-hook-form";import*as ht from"react";import{jsx as So}from"react/jsx-runtime";var Ie=ht.forwardRef(({className:e,...t},r)=>So("textarea",{className:c("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background 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",e),ref:r,...t}));Ie.displayName="Textarea";import{jsx as K,jsxs as Le}from"react/jsx-runtime";function yt({name:e,description:t,label:r,onChange:a,maxLength:i,component:d,...p}){let{components:f}=x(),{control:g}=Po();return K(C,{control:g,name:e,render:({field:n,fieldState:m})=>{let u=d||f?.textarea;if(u){let l={name:e,description:t,label:r,maxLength:i,...p};return K(u,{field:{...n,onChange:o(v=>{n.onChange(v),a?.(v)},"onChange")},fieldState:m,fieldData:l})}let s=n.value?.length??0;return Le(P,{"data-field":e,className:`RemoteFlows__TextArea__Item__${e}`,children:[K(S,{className:"RemoteFlows__TextArea__Label",children:r}),K(k,{children:K(Ie,{...n,value:n.value??"",onChange:l=>{n.onChange(l),a?.(l)},className:c(m.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:r})}),(t||i)&&Le("div",{className:"flex items-center justify-between",children:[t&&K(R,{className:"RemoteFlows__TextArea__Description",children:t}),i&&Le("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength",children:[s,"/",i]})]}),m.error&&K(D,{className:"RemoteFlows__TextArea__Error"})]})}})}o(yt,"TextAreaField");import{useFormContext as ko}from"react-hook-form";import{jsx as We}from"react/jsx-runtime";function _t(e){let{components:t}=x(),{control:r}=ko(),a=e.component||t?.email;return a?We(C,{control:r,name:e.name,render:({field:i,fieldState:d})=>We(a,{field:{...i,onChange:o(p=>{i.onChange(p),e.onChange?.(p)},"onChange")},fieldState:d,fieldData:e})}):We(z,{...e,type:"email"})}o(_t,"EmailField");import{useFormContext as Ro}from"react-hook-form";import{jsx as xt}from"react/jsx-runtime";function Ct(e){let{control:t}=Ro();return xt(C,{control:t,name:e.name,render:({field:r})=>xt("input",{...r,type:"hidden"})})}o(Ct,"HiddenField");import Lo,{useEffect as Wo,useState as Rt}from"react";import{yupResolver as Mo}from"@hookform/resolvers/yup";import{useForm as Eo,useFormContext as $o,useFieldArray as Ho}from"react-hook-form";import*as I from"yup";import bt from"lodash.groupby";import j from"lodash.capitalize";var St=60,ue=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];function No(e){if(e<60)return`${e}m`;let t=Math.floor(e/St),r=e%St;return r>0?`${t}h${r}m`:`${t}h`}o(No,"convertBreakDurationToHours");function Pt(e){let t=e.reduce((r,a)=>a.hours+r,0);return Number(t.toFixed(2))}o(Pt,"calculateTotalWorkHours");function wo(e,t){let r=t.map(({day:d})=>d.toLowerCase()),a=r.indexOf(e),i=null;for(;a<r.length&&!i;){let d=r[a],p=r[a+1],f=ue.indexOf(d)+1;ue[f]===p||(i=d),a+=1}return i}o(wo,"findLastConsecutiveDay");function Do(e){return e.start_time&&e.end_time&&(typeof e.hours=="number"?e.hours:Number.parseInt(e.hours))>0}o(Do,"shouldSummarizeSchedule");function To(e){return Number.parseInt(e.break_duration_minutes)>0}o(To,"shouldSummarizeBreaks");function kt(e){let t=e.filter(Do),r=bt(t,f=>`${f.start_time}|${f.end_time}`),a=e.filter(To),i=bt(a,"break_duration_minutes"),d=Object.keys(r).map(f=>{let g=r[f],n=g[0].day,[m,u]=f.split("|"),s=`from <span>${m.replace(":","h")}</span> to <span>${u.replace(":","h")}</span>`,l=wo(n,g),F=(l?g.findIndex(_=>_.day===l):-1)===g.length-1;return g.length===1?`${j(n)}, ${s}`:!F||!l?g.reduce((_,w,b)=>{let M=j(w.day);return b===g.length-1?`${_}and ${M}, ${s}`:`${_}<span>${M}</span>, `},""):`<span>${j(n)}</span> to <span>${j(l)}</span>, ${s}`}),p=Object.keys(i).reverse().map((f,g)=>{let n=g===0,m=i[f],u=No(parseInt(f,10));if(Object.keys(i).length===1)return`With ${u} daily breaks`;if(m.length===1){let s=`${u} break on ${j(m[0].day)}.`;return n?`With ${s}`:s}return m.reduce((s,l,v)=>{let F=j(l.day);return v===0?`${s} ${F}`:v===m.length-1?`${s}, and ${F}.`:`${s}, ${F}`},n?`With ${u} break on`:`${u} break on`)});return{workHoursSummary:d,breakSummary:p}}o(kt,"buildWorkScheduleSummary");function Me(e){let{checked:t,start_time:r,end_time:a,break_duration_minutes:i}=e;if(!t)return 0;let[d,p]=r.split(":").map(Number),[f,g]=a.split(":").map(Number),n=d*60+p,s=(f*60+g-n-Number.parseInt(i||"0"))/60;return s===Math.floor(s)?s:Number(s.toFixed(2))}o(Me,"calculateHours");var Io={monday:"Mon",tuesday:"Tue",wednesday:"Wed",thursday:"Thu",friday:"Fri",saturday:"Sat",sunday:"Sun"};function fe(e){return Io[e]}o(fe,"getShortWeekday");import{jsx as h,jsxs as H}from"react/jsx-runtime";var Bo=I.object({day:I.string().required(),checked:I.boolean().required(),start_time:I.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:o(e=>e.required("Required"),"then"),otherwise:o(e=>e.optional().nullable(),"otherwise")}),end_time:I.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:o(e=>e.required("Required"),"then"),otherwise:o(e=>e.optional().nullable(),"otherwise")}),hours:I.number().default(0),break_duration_minutes:I.string().default("0")}),Ao=I.object({schedule:I.array(Bo)});function zo({defaultSchedule:e,onSubmit:t}){let[r,a]=Rt(!1),i=ue.map(F=>{let _=e.find(w=>w.day.toLowerCase()===fe(F).toLowerCase()||w.day.toLowerCase()===F.toLowerCase());return _?{..._,day:fe(F),checked:!0}:{...e[0],checked:!1,day:fe(F)}}),d=Eo({defaultValues:{schedule:i},resolver:Mo(Ao)}),{handleSubmit:p,watch:f,reset:g,control:n,formState:m}=d,{fields:u}=Ho({name:"schedule",control:n}),s=f("schedule");function l(F){let _=F.schedule.filter(({checked:w})=>w).map(w=>({...w,hours:Me(w)}));t(_),a(!1)}o(l,"handleSubmitWorkingHours");function v(){g(),a(!1)}return o(v,"handleCancel"),h("div",{className:"flex items-center justify-between",children:H(Ne,{open:r,onOpenChange:a,children:[h(mt,{asChild:!0,children:h(B,{variant:"link",className:"flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger",children:"Edit Schedule"})}),H(we,{className:"max-w-5xl max-h-[90vh] overflow-y-auto px-8 py-4 RemoteFlows__WorkScheduleSelectionForm__Content",children:[h(De,{children:h(Te,{className:"RemoteFlows__WorkScheduleSelectionForm__Title",children:"Edit employee working hours"})}),h(Ee,{...d,children:H("form",{className:"space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form",children:[H("div",{className:"rounded-lg",children:[h("p",{className:"text-gray-600 text-sm mb-4 RemoteFlows__WorkScheduleSelectionForm__Description",children:"The times displayed are in the employee's time zone in the 24-hour format."}),H("div",{className:"grid grid-cols-12 gap-4 text-sm font-medium text-gray-500 uppercase tracking-wide RemoteFlows__WorkScheduleSelectionForm__Header",children:[h("div",{className:"col-span-2"}),h("div",{className:"col-span-3 text-center",children:"START"}),h("div",{className:"col-span-1 text-center"}),h("div",{className:"col-span-3 text-center",children:"END"}),h("div",{className:"col-span-2 text-center",children:"HOURS"})]}),h("div",{className:"RemoteFlows__WorkScheduleSelectionForm__Rows",children:u.map((F,_)=>{let w=s[_],b=Me(w);return H(Lo.Fragment,{children:[H("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Hours",children:[h("div",{className:"col-span-2 flex items-center gap-3",children:h(ae,{label:F.day,name:`schedule.${_}.checked`})}),h("div",{className:"col-span-3",children:h(z,{name:`schedule.${_}.start_time`,includeErrorMessage:!1})}),h("div",{className:"col-span-1 text-center text-gray-500",children:"to"}),h("div",{className:"col-span-3",children:h(z,{name:`schedule.${_}.end_time`,includeErrorMessage:!1})}),h("div",{className:"col-span-2 text-center text-gray-600",children:isNaN(b)?"-":`${b} hours`})]}),H("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Break",children:[h("div",{className:"col-span-2 text-gray-500",children:"Break"}),h("div",{className:"col-span-2",children:h(z,{name:`schedule.${_}.break_duration_minutes`,includeErrorMessage:!1})}),h("div",{className:"col-span-2 text-gray-500",children:"minutes"}),h("div",{className:"col-span-4"})]})]},F.id)})})]}),Object.keys(m.errors).length>0&&h("p",{className:"text-destructive text-sm mb-0",children:"Invalid time format (HH:mm)"}),H("div",{className:"flex gap-4 pt-4",children:[h(B,{type:"button",className:"reset-button",variant:"outline",onClick:v,children:"Cancel"}),h(B,{type:"button",className:"submit-button",onClick:p(l),children:"Save Schedule"})]})]})})]})]})})}o(zo,"WorkScheduleSelectionForm");function Nt(e){let{components:t}=x(),{setValue:r,control:a,watch:i}=$o(),d=i(e.name),[p,f]=Rt(d),{workHoursSummary:g,breakSummary:n}=kt(p),m=Pt(p);Wo(()=>{r(e.name,p)},[p,e.name,r]);function u(l){f(l)}o(u,"onSubmit");let s=e.component||t?.["work-schedule"];return s?h(C,{control:a,name:e.name,render:({field:l,fieldState:v})=>h(s,{field:{...l,onChange:o(F=>{l.onChange(F),e.onChange?.(F)},"onChange")},fieldState:v,fieldData:{...e,defaultFormattedValue:{workHoursSummary:g,breakSummary:n,totalWorkHours:m}}})}):H("div",{className:"flex flex-col gap-3 RemoteFlows__WorkScheduleField",children:[h("p",{className:"text-sm RemoteFlows__WorkScheduleField__Title",children:"Work hours"}),H("div",{className:"flex flex-col gap-1 RemoteFlows__WorkScheduleField__Summary",children:[h("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__WorkHours",dangerouslySetInnerHTML:{__html:g.join(", ")}}),h("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break",children:n.join()}),H("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total",children:["Total of ",h("span",{children:m})," hours per week"]}),h(zo,{defaultSchedule:p,onSubmit:u})]})]})}o(Nt,"WorkScheduleField");var de={checkbox:ae,text:z,email:_t,money:Se,select:lt,radio:je,number:Se,file:Ye,fieldset:Je,date:ze,textarea:yt,countries:vt,hidden:Ct,"work-schedule":Nt};import{useEffect as Oo}from"react";import{useFormContext as Go}from"react-hook-form";import{Fragment as Vo,jsx as ge,jsxs as Uo}from"react/jsx-runtime";function wt({name:e,value:t,description:r,statement:a}){let{setValue:i}=Go();return Oo(()=>{i(e,t)},[]),ge("div",{children:a?Uo(Vo,{children:[ge("p",{className:`text-sm RemoteFlows__ForcedValue__Title__${e}`,dangerouslySetInnerHTML:{__html:a?.title}}),ge("p",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:a?.description}})]}):ge("p",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:r}})})}o(wt,"ForcedValueField");import{Fragment as Ko,jsx as te,jsxs as Dt}from"react/jsx-runtime";function qo(e){return e.const!==void 0&&e.const===e.default&&e.inputType!=="checkbox"&&e.inputType!=="hidden"}o(qo,"checkFieldHasForcedValue");var Xi=o(({fields:e,components:t})=>!e||e.length===0?null:te(Ko,{children:e.map(r=>{if(r.isVisible===!1||r.deprecated)return null;if(qo(r))return te(wt,{name:r.name,description:r.description,value:r.const,statement:r.statement},r.name);let a=de[r.inputType];return r.inputType==="fieldset"?te(a,{...r,components:t}):a?Dt(Jo,{children:[te(a,{...r,component:t&&t[r.inputType]}),r.statement?te(ce,{...r.statement}):null]},r.name):Dt("p",{className:"error",children:["Field type ",r.inputType," not supported"]})})}),"JSONSchemaFormFields");export{Xi as a};
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as $e}from"./chunk-NEFNFYRS.js";import{a as Fe,b as B}from"./chunk-EMVYCKDC.js";import{b as x}from"./chunk-WRDKLT4N.js";import{a as Ee,b as C,c as P,d as S,e as k,f as R,g as D}from"./chunk-ONZPO4GN.js";import{a as c}from"./chunk-5ETXP2QF.js";import{a as o}from"./chunk-AYDF3IFZ.js";import{Fragment as Jo}from"react";import*as He from"react";import*as ee from"@radix-ui/react-checkbox";import{Check as It}from"lucide-react";import{jsx as ve}from"react/jsx-runtime";var oe=He.forwardRef(({className:e,...t},r)=>ve(ee.Root,{ref:r,className:c("peer h-4 w-4 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-checkbox data-[state=checked]:text-primary",e),...t,children:ve(ee.Indicator,{className:c("flex items-center justify-center text-current"),children:ve(It,{className:"h-4 w-4"})})}));oe.displayName=ee.Root.displayName;import{useFormContext as Lt}from"react-hook-form";import{Fragment as Wt,jsx as A,jsxs as re}from"react/jsx-runtime";function ae({name:e,defaultValue:t,description:r,label:a,onChange:i,multiple:d,options:p,component:f,...g}){let{components:n}=x(),{control:m}=Lt(),u=o((s,l,v)=>{let F=v.value?[...v.value]:[];l?F.includes(s)||v.onChange([...F,s]):v.onChange(F.filter(_=>_!==s))},"handleCheckboxChange");return A(C,{control:m,name:e,defaultValue:t,render:({field:s,fieldState:l})=>{let v=f||n?.checkbox;if(v){let F={name:e,description:r,label:a,defaultValue:t,multiple:d,options:p,...g};return A(v,{field:{...s,onChange:o(_=>{if(d){let{checked:w,value:b}=_.target;u(b,w,s),i?.(w);return}s.onChange(_),i?.(_)},"onChange")},fieldState:l,fieldData:F})}return re(P,{"data-field":e,className:c(`RemoteFlows__CheckBoxField__Item__${e}`),children:[A(k,{children:re(Wt,{children:[p&&d?A(S,{children:a}):null,p&&d?p.map(F=>re("div",{className:"flex space-x-2",children:[A(oe,{id:F.value,onCheckedChange:_=>{u(F.value,_===!0,s),i?.(_,F.value)},checked:s.value?.includes(F.value),className:"RemoteFlows__CheckBox__Input"}),A(S,{htmlFor:F.value,className:"mb-0 RemoteFlows__CheckBox__Label",children:F.label})]},F.value)):re("div",{className:"flex space-x-2",children:[A(oe,{id:e,onCheckedChange:F=>{s.onChange(F),i?.(F)},checked:s.value,className:"RemoteFlows__CheckBox__Input"}),A(S,{htmlFor:e,className:"mb-0 RemoteFlows__CheckBox__Label",children:a})]})]})}),r&&A(R,{children:r}),l.error&&A(D,{})]})}})}o(ae,"CheckBoxField");import{CalendarIcon as Ht}from"lucide-react";import{useFormContext as Bt}from"react-hook-form";import{ChevronLeft as Mt,ChevronRight as Et}from"lucide-react";import{DayPicker as $t}from"react-day-picker";import{jsx as he}from"react/jsx-runtime";function Be({className:e,classNames:t,showOutsideDays:r=!0,...a}){return he($t,{showOutsideDays:r,className:c("p-3",e),classNames:{months:"flex flex-col sm:flex-row gap-2",month:"flex flex-col gap-4",caption:"flex justify-center pt-1 relative items-center w-full",caption_label:"text-sm font-medium",nav:"flex items-center gap-1",nav_button:c(Fe({variant:"outline"}),"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-x-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:c("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",a.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:c(Fe({variant:"ghost"}),"size-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",day_range_end:"day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground aria-selected:text-muted-foreground",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...t},components:{IconLeft:o(({className:i,...d})=>he(Mt,{className:c("size-4",i),...d}),"IconLeft"),IconRight:o(({className:i,...d})=>he(Et,{className:c("size-4",i),...d}),"IconRight")},...a})}o(Be,"Calendar");import*as O from"@radix-ui/react-popover";import{jsx as ne}from"react/jsx-runtime";function ie({...e}){return ne(O.Root,{"data-slot":"popover",...e})}o(ie,"Popover");function se({...e}){return ne(O.Trigger,{"data-slot":"popover-trigger",...e})}o(se,"PopoverTrigger");function le({className:e,align:t="center",sideOffset:r=4,...a}){return ne(O.Portal,{children:ne(O.Content,{"data-slot":"popover-content",align:t,sideOffset:r,className:c("bg-popover text-popover-foreground 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...a})})}o(le,"PopoverContent");import{PopoverClose as At}from"@radix-ui/react-popover";import{format as Ae}from"date-fns";import{Fragment as zt,jsx as L,jsxs as ye}from"react/jsx-runtime";function ze({description:e,label:t,name:r,minDate:a,onChange:i,component:d,...p}){let{components:f}=x(),{control:g}=Bt();return L(C,{control:g,name:r,render:({field:n,fieldState:m})=>{let u=d||f?.date;if(u){let s={description:e,label:t,name:r,minDate:a,onChange:i,...p};return L(u,{field:{...n,onChange:o(l=>{n.onChange(l),i?.(l)},"onChange")},fieldState:m,fieldData:s})}return ye(P,{"data-field":r,className:`flex flex-col RemoteFlows__DatePickerField__Item__${r}`,children:[L(S,{className:"RemoteFlows__DatePickerField__Label",children:t}),ye(ie,{children:[L(se,{asChild:!0,children:L(k,{children:L("div",{children:ye(B,{type:"button",variant:"outline",className:c("w-full pl-3 text-left font-normal",!n.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${r}`,children:[n.value&&L(zt,{children:Ae(n.value,"yyyy-MM-dd")}),L(Ht,{className:"ml-auto h-4 w-4 opacity-50"})]})})})}),L(le,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start",children:L(Be,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:n.value?new Date(n.value):void 0,onSelect:s=>{n.onChange(s?Ae(s,"yyyy-MM-dd"):null),i?.(s)},defaultMonth:a?new Date(a):void 0,components:{DayContent:o(s=>L(At,{children:s.date.getDate()}),"DayContent")},...a&&{disabled:o(s=>s<new Date(a),"disabled")}})})]}),e?L(R,{children:e}):null,m.error&&L(D,{className:"RemoteFlows__DatePickerField__Error"})]})}})}o(ze,"DatePickerField");import{cva as Ot}from"class-variance-authority";import{jsx as _e}from"react/jsx-runtime";var Gt=Ot("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",warning:"bg-card bg-warning border-warning-border [&>svg]:text-current"}},defaultVariants:{variant:"default"}});function Oe({className:e,variant:t,...r}){return _e("div",{"data-slot":"alert",role:"alert",className:c(Gt({variant:t}),e),...r})}o(Oe,"Alert");function Ge({className:e,...t}){return _e("div",{"data-slot":"alert-title",className:c("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",e),...t})}o(Ge,"AlertTitle");function Ve({className:e,...t}){return _e("div",{"data-slot":"alert-description",className:c("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",e),...t})}o(Ve,"AlertDescription");import{AlertCircle as Vt}from"lucide-react";import{jsx as me,jsxs as Ut}from"react/jsx-runtime";function ce({title:e,description:t,severity:r}){let{components:a}=x();if(a?.statement){let i=a?.statement;return me(i,{data:{title:e,description:t,severity:r}})}return Ut(Oe,{variant:"warning",children:[me(Vt,{className:"h-4 w-4"}),e&&me(Ge,{children:e}),me(Ve,{children:t})]})}o(ce,"Statement");import{jsx as xe,jsxs as Ue}from"react/jsx-runtime";import{createElement as Jt}from"react";function Je({label:e,name:t,fields:r,description:a,components:i,statement:d}){return Ue("fieldset",{className:c("border-1 border-input p-4 rounded-xl",`RemoteFlows__FieldSetField__${t}`),children:[xe("legend",{className:"text-sm font-semibold px-2",children:e}),a?xe("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:a}}):null,Ue("div",{className:"grid gap-4",children:[r.map(p=>{let f=de[p.type];return p.isVisible===!1||p.deprecated?null:Jt(f,{...p,key:p.name,name:`${t}.${p.name}`,component:i?.[p.type]})}),d?xe(ce,{...d}):null]})]})}o(Je,"FieldSetField");import{useFormContext as Qt}from"react-hook-form";import{useState as qt,useRef as Kt}from"react";import{Upload as Yt,X as Xt}from"lucide-react";import{jsx as V,jsxs as Ce}from"react/jsx-runtime";function qe({onChange:e,className:t,multiple:r}){let[a,i]=qt([]),d=Kt(null),p=o(n=>{n.preventDefault(),d.current?.click()},"handleClick"),f=o(n=>{if(n.target.files&&n.target.files.length>0){let m=Array.from(n.target.files);i(m),e(n)}},"handleChange"),g=o(n=>{i(m=>m.filter(u=>u!==n))},"onRemoveFile");return Ce("div",{className:c("flex flex-col items-start gap-4",t),children:[V("input",{type:"file",ref:d,onChange:f,className:"hidden","aria-label":"File upload",multiple:r}),Ce(B,{type:"button",onClick:p,className:"gap-2",children:[V(Yt,{className:"h-4 w-4"}),"Choose File"]}),a.length===0&&V("div",{className:"text-sm",children:r?V("span",{className:"font-medium",children:"No files selected. You can select multiple files"}):V("span",{className:"font-medium",children:"No file selected."})}),a.length>0&&a.map((n,m)=>Ce("div",{className:"text-sm flex items-center gap-2",children:["Selected file: ",V("span",{className:"font-medium",children:n.name})," (",Math.round(n.size/1024)," KB)",V(B,{variant:"ghost",onClick:()=>g(n),children:V(Xt,{})})]},m))]})}o(qe,"FileUploader");import{jsx as U,jsxs as jt}from"react/jsx-runtime";var Zt=o(e=>new Promise((t,r)=>{let a=new FileReader;a.readAsDataURL(e),a.onload=()=>t(a.result),a.onerror=i=>r(i)}),"toBase64"),Ke=o(async e=>{let t=e.target.files?Array.from(e.target.files):[];return await Promise.all(t.map(async a=>{let i=await Zt(a);return{name:a.name,content:i.split(",")[1]}}))},"convertFilesToBase64");function Ye({name:e,description:t,label:r,multiple:a,onChange:i,component:d,...p}){let{components:f}=x(),{control:g}=Qt();return U(C,{control:g,name:e,render:({field:n,fieldState:m})=>{let u=d||f?.file;if(u){let s={name:e,description:t,label:r,multiple:a,...p};return U(u,{field:{...n,value:null,onChange:o(async l=>{let v=await Ke(l);n.onChange(v),i?.(v)},"onChange")},fieldState:m,fieldData:s})}return jt(P,{"data-field":e,className:`RemoteFlows__FileUpload__Item__${e}`,children:[U(S,{className:"RemoteFlows__FileUpload__Label",children:r}),U(k,{children:U(qe,{onChange:async s=>{let l=await Ke(s);n.onChange(l),i?.(l)},multiple:a,className:c("RemoteFlows__FileUpload__Input")})}),t&&U("div",{className:"flex items-center justify-between",children:U(R,{className:"RemoteFlows__FileUpload__Description",children:t})}),m.error&&U(D,{className:"RemoteFlows__FileUpload__Error"})]})}})}o(Ye,"FileUploadField");import{useFormContext as ro}from"react-hook-form";import{useFormContext as to}from"react-hook-form";import{jsx as eo}from"react/jsx-runtime";function Xe({className:e,type:t,...r}){return eo("input",{type:t,"data-slot":"input",className:c("shadow-xs border-input file:text-foreground placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-xl border bg-transparent px-4 py-7 text-sm transition-[color] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-focused","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...r})}o(Xe,"Input");import{jsx as J,jsxs as oo}from"react/jsx-runtime";function z({name:e,description:t,label:r,type:a,onChange:i,component:d,includeErrorMessage:p=!0,...f}){let{components:g}=x(),{control:n}=to();return J(C,{control:n,name:e,render:({field:m,fieldState:u})=>{let s=d||g?.text;if(s){let l={name:e,description:t,label:r,type:a,onChange:i,...f};return J(s,{field:{...m,onChange:o(v=>{m.onChange(v),i?.(v)},"onChange")},fieldState:u,fieldData:l})}return oo(P,{"data-field":e,className:`RemoteFlows__TextField__Item__${e}`,children:[r&&J(S,{className:"RemoteFlows__TextField__Label",children:r}),J(k,{children:J(Xe,{...m,value:m.value??"",onChange:l=>{m.onChange(l),i?.(l)},className:"RemoteFlows__TextField__Input",placeholder:r})}),t&&J(R,{className:"RemoteFlows__TextField__Description",children:t}),p&&u.error&&J(D,{className:"RemoteFlows__TextField__Error"})]})}})}o(z,"TextField");import{jsx as be}from"react/jsx-runtime";function Se(e){let{components:t}=x(),{control:r}=ro(),a=e.component||t?.number;return a?be(C,{control:r,name:e.name,render:({field:i,fieldState:d})=>be(a,{field:{...i,onChange:o(p=>{i.onChange(p),e.onChange?.(p)},"onChange")},fieldState:d,fieldData:e})}):be(z,{...e,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$"})}o(Se,"NumberField");import*as Y from"@radix-ui/react-radio-group";import{CircleIcon as ao}from"lucide-react";import{jsx as pe}from"react/jsx-runtime";function Qe({className:e,...t}){return pe(Y.Root,{"data-slot":"radio-group",className:c("grid gap-3",e),...t})}o(Qe,"RadioGroup");function Ze({className:e,...t}){return pe(Y.Item,{"data-slot":"radio-group-item",className:c("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...t,children:pe(Y.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:pe(ao,{className:"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})})})}o(Ze,"RadioGroupItem");import{useFormContext as no}from"react-hook-form";import{Fragment as io,jsx as E,jsxs as Pe}from"react/jsx-runtime";function je({name:e,defaultValue:t,description:r,label:a,options:i,onChange:d,component:p,...f}){let{components:g}=x(),{control:n}=no();return E(C,{control:n,name:e,defaultValue:t,render:({field:m,fieldState:u})=>{let s=p||g?.radio;if(s){let l={name:e,defaultValue:t,description:r,label:a,options:i,...f};return E(s,{field:{...m,onChange:o(v=>{m.onChange(v),d?.(v)},"onChange")},fieldState:u,fieldData:l})}return Pe(P,{className:c("space-y-3",`RemoteFlows__RadioGroupField__Item__${e}`),"data-field":e,children:[E(S,{children:a}),E(k,{children:E(Qe,{"aria-label":a||e,onValueChange:l=>{m.onChange(l),d?.(l)},value:m.value,className:"flex flex-col space-y-3",children:i?.map(l=>E(io,{children:Pe(P,{"data-field":e,className:"flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item",children:[E(k,{children:E(Ze,{value:l.value,className:"RemoteFlows__RadioField__Input"})}),Pe("div",{children:[E(S,{className:"font-normal mb-0 RemoteFlows__RadioField__Label",children:l.label}),l.description&&E(R,{className:"mt-2",children:l.description})]})]},l.value)}))})}),r&&E(R,{children:r}),u.error&&E(D,{})]})}})}o(je,"RadioGroupField");import*as y from"@radix-ui/react-select";import{CheckIcon as so,ChevronDownIcon as et,ChevronUpIcon as lo}from"lucide-react";import{jsx as N,jsxs as ke}from"react/jsx-runtime";function tt({...e}){return N(y.Root,{"data-slot":"select",...e})}o(tt,"Select");function ot({...e}){return N(y.Group,{"data-slot":"select-group",...e})}o(ot,"SelectGroup");function rt({...e}){return N(y.Value,{"data-slot":"select-value",...e})}o(rt,"SelectValue");function at({className:e,children:t,...r}){return ke(y.Trigger,{"data-slot":"select-trigger",className:c("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-full items-center justify-between rounded-xl border bg-transparent px-4 py-7 text-sm whitespace-nowrap transition-[color] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","focus-visible:border-focused",e),...r,children:[t,N(y.Icon,{asChild:!0,className:"absolute right-4",children:N(et,{className:"size-4"})})]})}o(at,"SelectTrigger");function nt({className:e,children:t,position:r="popper",...a}){return N(y.Portal,{children:ke(y.Content,{"data-slot":"select-content",className:c("bg-popover text-popover-foreground 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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...a,children:[N(mo,{}),N(y.Viewport,{className:c(r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:t}),N(co,{})]})})}o(nt,"SelectContent");function it({className:e,children:t,...r}){return ke(y.Item,{"data-slot":"select-item",className:c("focus:bg-accent focus:text-accent-foreground min-h-11 justify-between [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-default items-center gap-2 py-2 px-4 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...r,children:[N(y.ItemText,{children:t}),N("span",{className:"flex size-3.5 items-center justify-center",children:N(y.ItemIndicator,{children:N(so,{className:"size-4"})})})]})}o(it,"SelectItem");function mo({className:e,...t}){return N(y.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:c("flex cursor-default items-center justify-center py-1",e),...t,children:N(lo,{className:"size-4"})})}o(mo,"SelectScrollUpButton");function co({className:e,...t}){return N(y.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:c("flex cursor-default items-center justify-center py-1",e),...t,children:N(et,{className:"size-4"})})}o(co,"SelectScrollDownButton");import{useFormContext as po}from"react-hook-form";import{jsx as W,jsxs as st}from"react/jsx-runtime";function lt({label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,component:p,...f}){let{control:g}=po(),{components:n}=x();return W(C,{defaultValue:a,control:g,name:t,render:({field:m,fieldState:u})=>{let s=p||n?.select;if(s){let l={label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,...f};return W(s,{field:{...m,onChange:o(v=>{m.onChange(v),d?.(v)},"onChange")},fieldState:u,fieldData:l})}return st(P,{"data-field":t,className:`RemoteFlows__SelectField__Item__${t}`,children:[W(S,{className:"RemoteFlows__SelectField__Label",children:e}),W(k,{children:W("div",{className:"relative",children:st(tt,{value:m.value||"",onValueChange:l=>{m.onChange(l),d?.(l)},children:[W(at,{className:"RemoteFlows__SelectField__Trigger","aria-invalid":!!u.error,"aria-label":e,children:W("span",{className:"absolute",children:W(rt,{placeholder:e})})}),W(nt,{className:"RemoteFlows__SelectField__Content",children:W(ot,{className:"RemoteFlows__SelectField__Group",children:r.map(l=>W(it,{value:l.value,className:"RemoteFlows__SelectField__SelectItem",children:l.label},l.value))})})]})})}),i&&W(R,{children:i}),u.error&&W(D,{})]})}})}o(lt,"SelectField");import{useState as xo}from"react";import{useFormContext as Co}from"react-hook-form";import{Fragment as Fo,useState as vo}from"react";import{Check as ho,ChevronDownIcon as yo,X as _o}from"lucide-react";import{Command as X}from"cmdk";import{SearchIcon as un}from"lucide-react";import*as T from"@radix-ui/react-dialog";import{XIcon as uo}from"lucide-react";import{jsx as G,jsxs as Re}from"react/jsx-runtime";function Ne({...e}){return G(T.Root,{"data-slot":"dialog",...e})}o(Ne,"Dialog");function mt({...e}){return G(T.Trigger,{"data-slot":"dialog-trigger",...e})}o(mt,"DialogTrigger");function fo({...e}){return G(T.Portal,{"data-slot":"dialog-portal",...e})}o(fo,"DialogPortal");function go({className:e,...t}){return G(T.Overlay,{"data-slot":"dialog-overlay",className:c("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...t})}o(go,"DialogOverlay");function we({className:e,children:t,...r}){return Re(fo,{"data-slot":"dialog-portal",children:[G(go,{}),Re(T.Content,{"data-slot":"dialog-content",className:c("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",e),...r,children:[t,Re(T.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 RemoteFlows__Dialog__Close",children:[G(uo,{}),G("span",{className:"sr-only",children:"Close"})]})]})]})}o(we,"DialogContent");function De({className:e,...t}){return G("div",{"data-slot":"dialog-header",className:c("flex flex-col gap-2 text-center sm:text-left",e),...t})}o(De,"DialogHeader");function Te({className:e,...t}){return G(T.Title,{"data-slot":"dialog-title",className:c("text-lg leading-none font-semibold",e),...t})}o(Te,"DialogTitle");import{jsx as Q,jsxs as vn}from"react/jsx-runtime";function ct({className:e,...t}){return Q(X,{"data-slot":"command",className:c("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}o(ct,"Command");function dt({className:e,...t}){return Q(X.List,{"data-slot":"command-list",className:c("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}o(dt,"CommandList");function pt({...e}){return Q(X.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}o(pt,"CommandEmpty");function ut({className:e,...t}){return Q(X.Group,{"data-slot":"command-group",className:c("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...t})}o(ut,"CommandGroup");function ft({className:e,...t}){return Q(X.Separator,{"data-slot":"command-separator",className:c("bg-border -mx-1 h-px",e),...t})}o(ft,"CommandSeparator");function gt({className:e,...t}){return Q(X.Item,{"data-slot":"command-item",className:c("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}o(gt,"CommandItem");import{jsx as $,jsxs as Z}from"react/jsx-runtime";function Ft({options:e,selected:t,onChange:r,placeholder:a,...i}){let[d,p]=vo(!1),f=o(n=>{r(t.filter(m=>m.value!==n.value))},"handleUnselect"),g=e.reduce((n,m)=>{let u=m.category||"Uncategorized";return n[u]||(n[u]=[]),n[u].push(m),n},{});return Z(ie,{open:d,onOpenChange:p,...i,children:[$(se,{children:Z(B,{variant:"outline",role:"combobox","aria-expanded":d,className:"w-full justify-between font-normal",type:"button",children:[$("div",{className:"flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center",children:t.length>0?t.map(n=>Z($e,{variant:"secondary",className:"mr-1 mb-1",children:[n.label,$("div",{role:"button",tabIndex:0,"aria-label":`remove ${n.label}`,className:"ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",onKeyDown:m=>{m.key==="Enter"&&f(n)},onMouseDown:m=>{m.preventDefault(),m.stopPropagation()},onClick:()=>f(n),children:$(_o,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},n.label)):$("span",{className:"text-foreground",children:a})}),$(yo,{className:"size-4"})]})}),$(le,{align:"start",className:"w-full p-0",children:$(ct,{children:Z(dt,{children:[$(pt,{children:"No item found."}),Object.entries(g).map(([n,m],u)=>Z(Fo,{children:[u>0&&$(ft,{}),$(ut,{heading:n,children:m.map(s=>{let l=t.some(v=>v.value===s.value);return Z(gt,{onSelect:()=>{r(l?t.filter(v=>v.value!==s.value):[...t,s])},children:[$(ho,{className:c("mr-2 h-4 w-4",l?"opacity-100":"opacity-0")}),s.label]},s.label)})})]},n))]})})})]})}o(Ft,"MultiSelect");import{jsx as q,jsxs as bo}from"react/jsx-runtime";function vt({label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,$meta:p,component:f,...g}){let{control:n}=Co(),{components:m}=x(),[u,s]=xo([]);return q(C,{defaultValue:a,control:n,name:t,render:({field:l,fieldState:v})=>{let F=f||m?.countries;if(F){let b={label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,$meta:p,...g};return q(F,{field:{...l,onChange:o(M=>{l.onChange(M),d?.(M)},"onChange")},fieldState:v,fieldData:b})}let _=[...Object.entries(p?.regions||{}).map(([b,M])=>({value:M,label:b,category:"Regions"})),...Object.entries(p?.subregions||{}).map(([b,M])=>({value:M,label:b,category:"Subregions"})),...r.map(b=>({...b,value:b.value,label:b.label,category:"Countries"}))],w=o(b=>{let M=b.map(({value:Tt})=>Tt);l.onChange(M),d?.(M),s(b)},"handleChange");return bo(P,{"data-field":t,className:`RemoteFlows__CountryField__Item__${t}`,children:[q(S,{className:"RemoteFlows__CountryField__Label",children:e}),q(k,{children:q(Ft,{options:_,selected:u,onChange:w,...g})}),i&&q(R,{children:i}),v.error&&q(D,{})]})}})}o(vt,"CountryField");import{useFormContext as Po}from"react-hook-form";import*as ht from"react";import{jsx as So}from"react/jsx-runtime";var Ie=ht.forwardRef(({className:e,...t},r)=>So("textarea",{className:c("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background 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",e),ref:r,...t}));Ie.displayName="Textarea";import{jsx as K,jsxs as Le}from"react/jsx-runtime";function yt({name:e,description:t,label:r,onChange:a,maxLength:i,component:d,...p}){let{components:f}=x(),{control:g}=Po();return K(C,{control:g,name:e,render:({field:n,fieldState:m})=>{let u=d||f?.textarea;if(u){let l={name:e,description:t,label:r,maxLength:i,...p};return K(u,{field:{...n,onChange:o(v=>{n.onChange(v),a?.(v)},"onChange")},fieldState:m,fieldData:l})}let s=n.value?.length??0;return Le(P,{"data-field":e,className:`RemoteFlows__TextArea__Item__${e}`,children:[K(S,{className:"RemoteFlows__TextArea__Label",children:r}),K(k,{children:K(Ie,{...n,value:n.value??"",onChange:l=>{n.onChange(l),a?.(l)},className:c(m.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:r})}),(t||i)&&Le("div",{className:"flex items-center justify-between",children:[t&&K(R,{className:"RemoteFlows__TextArea__Description",children:t}),i&&Le("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength",children:[s,"/",i]})]}),m.error&&K(D,{className:"RemoteFlows__TextArea__Error"})]})}})}o(yt,"TextAreaField");import{useFormContext as ko}from"react-hook-form";import{jsx as We}from"react/jsx-runtime";function _t(e){let{components:t}=x(),{control:r}=ko(),a=e.component||t?.email;return a?We(C,{control:r,name:e.name,render:({field:i,fieldState:d})=>We(a,{field:{...i,onChange:o(p=>{i.onChange(p),e.onChange?.(p)},"onChange")},fieldState:d,fieldData:e})}):We(z,{...e,type:"email"})}o(_t,"EmailField");import{useFormContext as Ro}from"react-hook-form";import{jsx as xt}from"react/jsx-runtime";function Ct(e){let{control:t}=Ro();return xt(C,{control:t,name:e.name,render:({field:r})=>xt("input",{...r,type:"hidden"})})}o(Ct,"HiddenField");import Lo,{useEffect as Wo,useState as Rt}from"react";import{yupResolver as Mo}from"@hookform/resolvers/yup";import{useForm as Eo,useFormContext as $o,useFieldArray as Ho}from"react-hook-form";import*as I from"yup";import bt from"lodash.groupby";import j from"lodash.capitalize";var St=60,ue=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];function No(e){if(e<60)return`${e}m`;let t=Math.floor(e/St),r=e%St;return r>0?`${t}h${r}m`:`${t}h`}o(No,"convertBreakDurationToHours");function Pt(e){let t=e.reduce((r,a)=>a.hours+r,0);return Number(t.toFixed(2))}o(Pt,"calculateTotalWorkHours");function wo(e,t){let r=t.map(({day:d})=>d.toLowerCase()),a=r.indexOf(e),i=null;for(;a<r.length&&!i;){let d=r[a],p=r[a+1],f=ue.indexOf(d)+1;ue[f]===p||(i=d),a+=1}return i}o(wo,"findLastConsecutiveDay");function Do(e){return e.start_time&&e.end_time&&(typeof e.hours=="number"?e.hours:Number.parseInt(e.hours))>0}o(Do,"shouldSummarizeSchedule");function To(e){return Number.parseInt(e.break_duration_minutes)>0}o(To,"shouldSummarizeBreaks");function kt(e){let t=e.filter(Do),r=bt(t,f=>`${f.start_time}|${f.end_time}`),a=e.filter(To),i=bt(a,"break_duration_minutes"),d=Object.keys(r).map(f=>{let g=r[f],n=g[0].day,[m,u]=f.split("|"),s=`from <span>${m.replace(":","h")}</span> to <span>${u.replace(":","h")}</span>`,l=wo(n,g),F=(l?g.findIndex(_=>_.day===l):-1)===g.length-1;return g.length===1?`${j(n)}, ${s}`:!F||!l?g.reduce((_,w,b)=>{let M=j(w.day);return b===g.length-1?`${_}and ${M}, ${s}`:`${_}<span>${M}</span>, `},""):`<span>${j(n)}</span> to <span>${j(l)}</span>, ${s}`}),p=Object.keys(i).reverse().map((f,g)=>{let n=g===0,m=i[f],u=No(parseInt(f,10));if(Object.keys(i).length===1)return`With ${u} daily breaks`;if(m.length===1){let s=`${u} break on ${j(m[0].day)}.`;return n?`With ${s}`:s}return m.reduce((s,l,v)=>{let F=j(l.day);return v===0?`${s} ${F}`:v===m.length-1?`${s}, and ${F}.`:`${s}, ${F}`},n?`With ${u} break on`:`${u} break on`)});return{workHoursSummary:d,breakSummary:p}}o(kt,"buildWorkScheduleSummary");function Me(e){let{checked:t,start_time:r,end_time:a,break_duration_minutes:i}=e;if(!t)return 0;let[d,p]=r.split(":").map(Number),[f,g]=a.split(":").map(Number),n=d*60+p,s=(f*60+g-n-Number.parseInt(i||"0"))/60;return s===Math.floor(s)?s:Number(s.toFixed(2))}o(Me,"calculateHours");var Io={monday:"Mon",tuesday:"Tue",wednesday:"Wed",thursday:"Thu",friday:"Fri",saturday:"Sat",sunday:"Sun"};function fe(e){return Io[e]}o(fe,"getShortWeekday");import{jsx as h,jsxs as H}from"react/jsx-runtime";var Bo=I.object({day:I.string().required(),checked:I.boolean().required(),start_time:I.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:o(e=>e.required("Required"),"then"),otherwise:o(e=>e.optional().nullable(),"otherwise")}),end_time:I.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:o(e=>e.required("Required"),"then"),otherwise:o(e=>e.optional().nullable(),"otherwise")}),hours:I.number().default(0),break_duration_minutes:I.string().default("0")}),Ao=I.object({schedule:I.array(Bo)});function zo({defaultSchedule:e,onSubmit:t}){let[r,a]=Rt(!1),i=ue.map(F=>{let _=e.find(w=>w.day.toLowerCase()===fe(F).toLowerCase()||w.day.toLowerCase()===F.toLowerCase());return _?{..._,day:fe(F),checked:!0}:{...e[0],checked:!1,day:fe(F)}}),d=Eo({defaultValues:{schedule:i},resolver:Mo(Ao)}),{handleSubmit:p,watch:f,reset:g,control:n,formState:m}=d,{fields:u}=Ho({name:"schedule",control:n}),s=f("schedule");function l(F){let _=F.schedule.filter(({checked:w})=>w).map(w=>({...w,hours:Me(w)}));t(_),a(!1)}o(l,"handleSubmitWorkingHours");function v(){g(),a(!1)}return o(v,"handleCancel"),h("div",{className:"flex items-center justify-between",children:H(Ne,{open:r,onOpenChange:a,children:[h(mt,{asChild:!0,children:h(B,{variant:"link",className:"flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger",children:"Edit Schedule"})}),H(we,{className:"max-w-5xl max-h-[90vh] overflow-y-auto px-8 py-4 RemoteFlows__WorkScheduleSelectionForm__Content",children:[h(De,{children:h(Te,{className:"RemoteFlows__WorkScheduleSelectionForm__Title",children:"Edit employee working hours"})}),h(Ee,{...d,children:H("form",{className:"space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form",children:[H("div",{className:"rounded-lg",children:[h("p",{className:"text-gray-600 text-sm mb-4 RemoteFlows__WorkScheduleSelectionForm__Description",children:"The times displayed are in the employee's time zone in the 24-hour format."}),H("div",{className:"grid grid-cols-12 gap-4 text-sm font-medium text-gray-500 uppercase tracking-wide RemoteFlows__WorkScheduleSelectionForm__Header",children:[h("div",{className:"col-span-2"}),h("div",{className:"col-span-3 text-center",children:"START"}),h("div",{className:"col-span-1 text-center"}),h("div",{className:"col-span-3 text-center",children:"END"}),h("div",{className:"col-span-2 text-center",children:"HOURS"})]}),h("div",{className:"RemoteFlows__WorkScheduleSelectionForm__Rows",children:u.map((F,_)=>{let w=s[_],b=Me(w);return H(Lo.Fragment,{children:[H("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Hours",children:[h("div",{className:"col-span-2 flex items-center gap-3",children:h(ae,{label:F.day,name:`schedule.${_}.checked`})}),h("div",{className:"col-span-3",children:h(z,{name:`schedule.${_}.start_time`,includeErrorMessage:!1})}),h("div",{className:"col-span-1 text-center text-gray-500",children:"to"}),h("div",{className:"col-span-3",children:h(z,{name:`schedule.${_}.end_time`,includeErrorMessage:!1})}),h("div",{className:"col-span-2 text-center text-gray-600",children:isNaN(b)?"-":`${b} hours`})]}),H("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Break",children:[h("div",{className:"col-span-2 text-gray-500",children:"Break"}),h("div",{className:"col-span-2",children:h(z,{name:`schedule.${_}.break_duration_minutes`,includeErrorMessage:!1})}),h("div",{className:"col-span-2 text-gray-500",children:"minutes"}),h("div",{className:"col-span-4"})]})]},F.id)})})]}),Object.keys(m.errors).length>0&&h("p",{className:"text-destructive text-sm mb-0",children:"Invalid time format (HH:mm)"}),H("div",{className:"flex gap-4 pt-4",children:[h(B,{type:"button",className:"reset-button",variant:"outline",onClick:v,children:"Cancel"}),h(B,{type:"button",className:"submit-button",onClick:p(l),children:"Save Schedule"})]})]})})]})]})})}o(zo,"WorkScheduleSelectionForm");function Nt(e){let{components:t}=x(),{setValue:r,control:a,watch:i}=$o(),d=i(e.name),[p,f]=Rt(d),{workHoursSummary:g,breakSummary:n}=kt(p),m=Pt(p);Wo(()=>{r(e.name,p)},[p,e.name,r]);function u(l){f(l)}o(u,"onSubmit");let s=e.component||t?.["work-schedule"];return s?h(C,{control:a,name:e.name,render:({field:l,fieldState:v})=>h(s,{field:{...l,onChange:o(F=>{l.onChange(F),e.onChange?.(F)},"onChange")},fieldState:v,fieldData:{...e,defaultFormattedValue:{workHoursSummary:g,breakSummary:n,totalWorkHours:m}}})}):H("div",{className:"flex flex-col gap-3 RemoteFlows__WorkScheduleField",children:[h("p",{className:"text-sm RemoteFlows__WorkScheduleField__Title",children:"Work hours"}),H("div",{className:"flex flex-col gap-1 RemoteFlows__WorkScheduleField__Summary",children:[h("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__WorkHours",dangerouslySetInnerHTML:{__html:g.join(", ")}}),h("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break",children:n.join()}),H("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total",children:["Total of ",h("span",{children:m})," hours per week"]}),h(zo,{defaultSchedule:p,onSubmit:u})]})]})}o(Nt,"WorkScheduleField");var de={checkbox:ae,text:z,email:_t,money:Se,select:lt,radio:je,number:Se,file:Ye,fieldset:Je,date:ze,textarea:yt,countries:vt,hidden:Ct,"work-schedule":Nt};import{useEffect as Oo}from"react";import{useFormContext as Go}from"react-hook-form";import{Fragment as Vo,jsx as ge,jsxs as Uo}from"react/jsx-runtime";function wt({name:e,value:t,description:r,statement:a}){let{setValue:i}=Go();return Oo(()=>{i(e,t)},[]),ge("div",{children:a?Uo(Vo,{children:[ge("p",{className:`text-sm RemoteFlows__ForcedValue__Title__${e}`,dangerouslySetInnerHTML:{__html:a?.title}}),ge("p",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:a?.description}})]}):ge("p",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:r}})})}o(wt,"ForcedValueField");import{Fragment as Ko,jsx as te,jsxs as Dt}from"react/jsx-runtime";function qo(e){return e.const!==void 0&&e.const===e.default&&e.inputType!=="checkbox"&&e.inputType!=="hidden"}o(qo,"checkFieldHasForcedValue");var Xi=o(({fields:e,components:t})=>!e||e.length===0?null:te(Ko,{children:e.map(r=>{if(r.isVisible===!1||r.deprecated)return null;if(qo(r))return te(wt,{name:r.name,description:r.description,value:r.const,statement:r.statement},r.name);let a=de[r.inputType];return r.inputType==="fieldset"?te(a,{...r,components:t}):a?Dt(Jo,{children:[te(a,{...r,component:t&&t[r.inputType]}),r.statement?te(ce,{...r.statement}):null]},r.name):Dt("p",{className:"error",children:["Field type ",r.inputType," not supported"]})})}),"JSONSchemaFormFields");export{Xi as a};
|
|
2
|
+
//# sourceMappingURL=chunk-EGDD73PU.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as m}from"./chunk-YG5FFTC4.js";import{b as i}from"./chunk-EMVYCKDC.js";import{b as s}from"./chunk-WRDKLT4N.js";import{a as e}from"./chunk-5ETXP2QF.js";import{a as u}from"./chunk-AYDF3IFZ.js";import{jsx as l}from"react/jsx-runtime";function b({children:o,...t}){let{formId:n}=m(),{components:C}=s(),r=C?.button;return r?l(r,{...t,form:n,children:o}):l(i,{...t,type:"submit",className:e("RemoteFlows__CostCalculatorForm__SubmitButton",t.className),form:n,children:o})}u(b,"CostCalculatorSubmitButton");export{b as a};
|
|
2
|
+
//# sourceMappingURL=chunk-FB4QOGWE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorSubmitButton.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useCostCalculatorContext } from './context';\nimport { cn } from '@/src/lib/utils';\nimport { useFormFields } from '@/src/context';\n\nexport function CostCalculatorSubmitButton({\n children,\n ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n Record<string, unknown>) {\n const { formId } = useCostCalculatorContext();\n const { components } = useFormFields();\n\n const CustomButton = components?.button;\n if (CustomButton) {\n return (\n <CustomButton {...props} form={formId}>\n {children}\n </CustomButton>\n );\n }\n\n return (\n <Button\n {...props}\n type=\"submit\"\n className={cn(\n 'RemoteFlows__CostCalculatorForm__SubmitButton',\n props.className,\n )}\n form={formId}\n >\n {children}\n </Button>\n );\n}\n"],"mappings":"wMAiBM,cAAAA,MAAA,oBAXC,SAASC,EAA2B,CACzC,SAAAC,EACA,GAAGC,CACL,EAC2B,CACzB,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAAyB,EACtC,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAR,EAACQ,EAAA,CAAc,GAAGL,EAAO,KAAMC,EAC5B,SAAAF,EACH,EAKFF,EAACS,EAAA,CACE,GAAGN,EACJ,KAAK,SACL,UAAWO,EACT,gDACAP,EAAM,SACR,EACA,KAAMC,EAEL,SAAAF,EACH,CAEJ,CA9BgBS,EAAAV,EAAA","names":["jsx","CostCalculatorSubmitButton","children","props","formId","useCostCalculatorContext","components","useFormFields","CustomButton","Button","cn","__name"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as m}from"./chunk-O562EWKG.js";import{b as e}from"./chunk-EMVYCKDC.js";import{b as u}from"./chunk-WRDKLT4N.js";import{a as i}from"./chunk-AYDF3IFZ.js";import{jsx as s}from"react/jsx-runtime";function f({children:o,...t}){let{onboardingBag:{back:n}}=m(),{components:c}=u(),r=c?.button;return r?s(r,{...t,onClick:B=>{n(),t.onClick?.(B)},children:o}):s(e,{...t,onClick:()=>{n()},children:o})}i(f,"OnboardingBack");export{f as a};
|
|
2
|
+
//# sourceMappingURL=chunk-GBWDHU5E.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/Onboarding/OnboardingBack.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useOnboardingContext } from '@/src/flows/Onboarding/context';\nimport { useFormFields } from '@/src/context';\n\nexport function OnboardingBack({\n children,\n ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n Record<string, unknown>) {\n const {\n onboardingBag: { back },\n } = useOnboardingContext();\n\n const { components } = useFormFields();\n\n const CustomButton = components?.button;\n if (CustomButton) {\n return (\n <CustomButton\n {...props}\n onClick={(evt) => {\n back();\n props.onClick?.(evt);\n }}\n >\n {children}\n </CustomButton>\n );\n }\n\n return (\n <Button\n {...props}\n onClick={() => {\n back();\n }}\n >\n {children}\n </Button>\n );\n}\n"],"mappings":"gKAmBM,cAAAA,MAAA,oBAdC,SAASC,EAAe,CAC7B,SAAAC,EACA,GAAGC,CACL,EAC2B,CACzB,GAAM,CACJ,cAAe,CAAE,KAAAC,CAAK,CACxB,EAAIC,EAAqB,EAEnB,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAR,EAACQ,EAAA,CACE,GAAGL,EACJ,QAAUM,GAAQ,CAChBL,EAAK,EACLD,EAAM,UAAUM,CAAG,CACrB,EAEC,SAAAP,EACH,EAKFF,EAACU,EAAA,CACE,GAAGP,EACJ,QAAS,IAAM,CACbC,EAAK,CACP,EAEC,SAAAF,EACH,CAEJ,CApCgBS,EAAAV,EAAA","names":["jsx","OnboardingBack","children","props","back","useOnboardingContext","components","useFormFields","CustomButton","evt","Button","__name"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as i}from"./chunk-EMVYCKDC.js";import{b as u}from"./chunk-WRDKLT4N.js";import{b as c}from"./chunk-6HGUGIYJ.js";import{a as m}from"./chunk-AYDF3IFZ.js";import{jsx as C}from"react/jsx-runtime";function d({children:o,...t}){let{contractAmendment:{back:r}}=c(),{components:s}=u(),e=s?.button;return e?C(e,{...t,onClick:n=>{r(),t.onClick?.(n)},children:o}):C(i,{...t,onClick:n=>{r(),t.onClick?.(n)},children:o})}m(d,"ContractAmendmentBack");export{d as a};
|
|
2
|
+
//# sourceMappingURL=chunk-GFWQG4ZT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/ContractAmendment/ContractAmendmentBack.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useContractAmendmentContext } from './context';\nimport { useFormFields } from '@/src/context';\n\nexport function ContractAmendmentBack({\n children,\n ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n Record<string, unknown>) {\n const {\n contractAmendment: { back },\n } = useContractAmendmentContext();\n\n const { components } = useFormFields();\n\n const CustomButton = components?.button;\n if (CustomButton) {\n return (\n <CustomButton\n {...props}\n onClick={(evt) => {\n back();\n props.onClick?.(evt);\n }}\n >\n {children}\n </CustomButton>\n );\n }\n\n return (\n <Button\n {...props}\n onClick={(evt) => {\n back();\n props.onClick?.(evt);\n }}\n >\n {children}\n </Button>\n );\n}\n"],"mappings":"gKAmBM,cAAAA,MAAA,oBAdC,SAASC,EAAsB,CACpC,SAAAC,EACA,GAAGC,CACL,EAC2B,CACzB,GAAM,CACJ,kBAAmB,CAAE,KAAAC,CAAK,CAC5B,EAAIC,EAA4B,EAE1B,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAR,EAACQ,EAAA,CACE,GAAGL,EACJ,QAAUM,GAAQ,CAChBL,EAAK,EACLD,EAAM,UAAUM,CAAG,CACrB,EAEC,SAAAP,EACH,EAKFF,EAACU,EAAA,CACE,GAAGP,EACJ,QAAUM,GAAQ,CAChBL,EAAK,EACLD,EAAM,UAAUM,CAAG,CACrB,EAEC,SAAAP,EACH,CAEJ,CArCgBS,EAAAV,EAAA","names":["jsx","ContractAmendmentBack","children","props","back","useContractAmendmentContext","components","useFormFields","CustomButton","evt","Button","__name"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a}from"./chunk-PJMKZ3HR.js";import{b as i}from"./chunk-O562EWKG.js";import{d as s}from"./chunk-TPRGCMIZ.js";import{a as t}from"./chunk-AYDF3IFZ.js";import{jsx as d}from"react/jsx-runtime";function P({components:m,onSubmit:p,onError:n,onSuccess:f}){let{onboardingBag:e}=i(),u=e.fields??[],c=s(u,e.initialValues.benefits);return d(a,{defaultValues:c,components:m,onSubmit:t(async r=>{try{await p?.(r);let o=await e.onSubmit(r);if(o?.data){await f?.(o.data),e?.next();return}o?.error&&n?.(o.error)}catch(o){n?.(o)}},"handleSubmit")})}t(P,"BenefitsStep");export{P as a};
|
|
2
|
+
//# sourceMappingURL=chunk-HJBXUPHM.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as l}from"./chunk-YG5FFTC4.js";import{b as C}from"./chunk-EMVYCKDC.js";import{b as i}from"./chunk-WRDKLT4N.js";import{a as c}from"./chunk-5ETXP2QF.js";import{a as u}from"./chunk-AYDF3IFZ.js";import{jsx as a}from"react/jsx-runtime";function R({children:e,...t}){let{form:r,formId:n,costCalculatorBag:s}=l(),{components:f}=i(),m=f?.button;return m?a(m,{...t,type:"reset",form:n,onClick:o=>{s?.resetForm(),r.reset(),t.onClick?.(o)},children:e}):a(C,{...t,type:"reset",className:c("RemoteFlows__CostCalculatorForm__ResetButton",t.className),form:n,onClick:o=>{s?.resetForm(),r.reset(),t.onClick?.(o)},children:e})}u(R,"CostCalculatorResetButton");export{R as a};
|
|
2
|
+
//# sourceMappingURL=chunk-IKQ25VV5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorResetButton.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useCostCalculatorContext } from './context';\nimport { cn } from '@/src/lib/utils';\nimport { useFormFields } from '@/src/context';\n\nexport function CostCalculatorResetButton({\n children,\n ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n Record<string, unknown>) {\n const { form, formId, costCalculatorBag } = useCostCalculatorContext();\n const { components } = useFormFields();\n\n const CustomButton = components?.button;\n if (CustomButton) {\n return (\n <CustomButton\n {...props}\n type=\"reset\"\n form={formId}\n onClick={(evt) => {\n costCalculatorBag?.resetForm();\n form.reset();\n props.onClick?.(evt);\n }}\n >\n {children}\n </CustomButton>\n );\n }\n\n return (\n <Button\n {...props}\n type=\"reset\"\n className={cn(\n 'RemoteFlows__CostCalculatorForm__ResetButton',\n props.className,\n )}\n form={formId}\n onClick={(evt) => {\n costCalculatorBag?.resetForm();\n form.reset();\n props.onClick?.(evt);\n }}\n >\n {children}\n </Button>\n );\n}\n"],"mappings":"wMAiBM,cAAAA,MAAA,oBAXC,SAASC,EAA0B,CACxC,SAAAC,EACA,GAAGC,CACL,EAC2B,CACzB,GAAM,CAAE,KAAAC,EAAM,OAAAC,EAAQ,kBAAAC,CAAkB,EAAIC,EAAyB,EAC/D,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAV,EAACU,EAAA,CACE,GAAGP,EACJ,KAAK,QACL,KAAME,EACN,QAAUM,GAAQ,CAChBL,GAAmB,UAAU,EAC7BF,EAAK,MAAM,EACXD,EAAM,UAAUQ,CAAG,CACrB,EAEC,SAAAT,EACH,EAKFF,EAACY,EAAA,CACE,GAAGT,EACJ,KAAK,QACL,UAAWU,EACT,+CACAV,EAAM,SACR,EACA,KAAME,EACN,QAAUM,GAAQ,CAChBL,GAAmB,UAAU,EAC7BF,EAAK,MAAM,EACXD,EAAM,UAAUQ,CAAG,CACrB,EAEC,SAAAT,EACH,CAEJ,CA5CgBY,EAAAb,EAAA","names":["jsx","CostCalculatorResetButton","children","props","form","formId","costCalculatorBag","useCostCalculatorContext","components","useFormFields","CustomButton","evt","Button","cn","__name"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as e}from"./chunk-O562EWKG.js";import{b as i}from"./chunk-EMVYCKDC.js";import{b as m}from"./chunk-WRDKLT4N.js";import{a as u}from"./chunk-AYDF3IFZ.js";import{jsx as s}from"react/jsx-runtime";function p({children:t,...o}){let{formId:n}=e(),{components:f}=m(),r=f?.button;return r?s(r,{...o,form:n,children:t}):s(i,{...o,form:n,children:t})}u(p,"OnboardingSubmit");export{p as a};
|
|
2
|
+
//# sourceMappingURL=chunk-JJPI2YDM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/Onboarding/OnboardingSubmit.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { Button } from '@/src/components/ui/button';\nimport { useOnboardingContext } from '@/src/flows/Onboarding/context';\nimport { useFormFields } from '@/src/context';\n\nexport function OnboardingSubmit({\n children,\n ...props\n}: PropsWithChildren<\n ButtonHTMLAttributes<HTMLButtonElement> & Record<string, unknown>\n>) {\n const { formId } = useOnboardingContext();\n const { components } = useFormFields();\n\n const CustomButton = components?.button;\n if (CustomButton) {\n return (\n <CustomButton {...props} form={formId}>\n {children}\n </CustomButton>\n );\n }\n\n return (\n <Button {...props} form={formId}>\n {children}\n </Button>\n );\n}\n"],"mappings":"gKAiBM,cAAAA,MAAA,oBAZC,SAASC,EAAiB,CAC/B,SAAAC,EACA,GAAGC,CACL,EAEG,CACD,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAAqB,EAClC,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAR,EAACQ,EAAA,CAAc,GAAGL,EAAO,KAAMC,EAC5B,SAAAF,EACH,EAKFF,EAACS,EAAA,CAAQ,GAAGN,EAAO,KAAMC,EACtB,SAAAF,EACH,CAEJ,CAvBgBQ,EAAAT,EAAA","names":["jsx","OnboardingSubmit","children","props","formId","useOnboardingContext","components","useFormFields","CustomButton","Button","__name"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as p}from"./chunk-EGDD73PU.js";import{b as l}from"./chunk-A4RX3KRZ.js";import{a as f}from"./chunk-ONZPO4GN.js";import{c as u}from"./chunk-TPRGCMIZ.js";import{b as F}from"./chunk-6HGUGIYJ.js";import{a as r}from"./chunk-AYDF3IFZ.js";import{useEffect as P}from"react";import{useForm as R}from"react-hook-form";import{jsx as a}from"react/jsx-runtime";var w=["effective_date","reason_for_change","reason_for_change_description","additional_comments","additional_comments_toggle"];function x({onSubmit:_,onError:m,onSuccess:b}){let{formId:A,contractAmendment:{checkFieldUpdates:C,fields:s,onSubmit:h,stepState:S,initialValues:i,handleValidation:g}}=F(),y=l(g),e=R({resolver:y,defaultValues:S.values?.form||i,shouldUnregister:!0,mode:"onBlur"});P(()=>{let t=e?.watch(o=>{(Object.keys(e.formState.dirtyFields).length>0||e.formState.isDirty)&&C(o)});return()=>t?.unsubscribe()},[]);let V=r(async t=>{let o=!1;for(let[c,v]of Object.entries(t))if(!w.includes(c)&&i[c]!==v){o=!0;break}if(!o)return m?.({message:"no_changes_detected_contract_details"});let d=u(t,s,{isPartialValidation:!1});await _?.(d);let n=await h(t);n.error?m?.(n.error):await b?.(n.data)},"handleSubmit");return a(f,{...e,children:a("form",{id:A,"data-testid":"contract-amendment-form",onSubmit:e.handleSubmit(V),className:"space-y-4 RemoteFlows__ContractAmendmentForm",children:a(p,{fields:s})})})}r(x,"ContractAmendmentForm");export{x as a};
|
|
2
|
+
//# sourceMappingURL=chunk-L5OIK2ZJ.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as i}from"./chunk-YG5FFTC4.js";import{a as e}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{b as i}from"./chunk-YG5FFTC4.js";import{a as e}from"./chunk-EGDD73PU.js";import{a as l}from"./chunk-ONZPO4GN.js";import{a as r}from"./chunk-AYDF3IFZ.js";import{jsx as s}from"react/jsx-runtime";function b({onSubmit:u,onError:c,onSuccess:C,shouldResetForm:n}){let{form:a,formId:d,costCalculatorBag:o}=i(),f=r(async p=>{let m=o?.parseFormValues(p),t=await o?.onSubmit(m);await u?.(m),t?.error?c?.(t.error):t?.data&&(await C?.(t?.data),n&&(o?.resetForm(),a.reset()))},"handleSubmit");return s(l,{...a,children:s("form",{id:d,onSubmit:a.handleSubmit(f),className:"space-y-4 RemoteFlows__CostCalculatorForm",children:s(e,{fields:o?.fields??[]})})})}r(b,"CostCalculatorForm");export{b as a};
|
|
2
|
+
//# sourceMappingURL=chunk-LTDDSH45.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as i}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as i}from"./chunk-PJMKZ3HR.js";import{b as n}from"./chunk-O562EWKG.js";import{a as r}from"./chunk-AYDF3IFZ.js";import{jsx as l}from"react/jsx-runtime";function u({onSubmit:s,onError:a,onSuccess:m}){let{onboardingBag:t}=n(),p=r(async e=>{try{await s?.(t.parseFormValues(e));let o=await t.onSubmit(e);if(o?.data){await m?.(o.data),t?.next();return}o?.error&&a?.(o.error)}catch(o){a?.(o)}},"handleSubmit");return l(i,{defaultValues:t.stepState.values?.contract_details||t.initialValues.contract_details,onSubmit:p})}r(u,"ContractDetailsStep");export{u as a};
|
|
2
|
+
//# sourceMappingURL=chunk-MGUDZTTV.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as e}from"./chunk-EMVYCKDC.js";import{b as u}from"./chunk-WRDKLT4N.js";import{b as i}from"./chunk-6HGUGIYJ.js";import{a as m}from"./chunk-AYDF3IFZ.js";import{jsx as s}from"react/jsx-runtime";function d({children:t,...o}){let{formId:n}=i(),{components:f}=u(),r=f?.button;return r?s(r,{...o,form:n,children:t}):s(e,{...o,form:n,children:t})}m(d,"ContractAmendmentSubmit");export{d as a};
|
|
2
|
+
//# sourceMappingURL=chunk-NF5IMQEW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/ContractAmendment/ContractAmendmentSubmit.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useContractAmendmentContext } from './context';\nimport { useFormFields } from '@/src/context';\n\nexport function ContractAmendmentSubmit({\n children,\n ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n Record<string, unknown>) {\n const { formId } = useContractAmendmentContext();\n const { components } = useFormFields();\n\n const CustomButton = components?.button;\n if (CustomButton) {\n return (\n <CustomButton {...props} form={formId}>\n {children}\n </CustomButton>\n );\n }\n\n return (\n <Button {...props} form={formId}>\n {children}\n </Button>\n );\n}\n"],"mappings":"gKAgBM,cAAAA,MAAA,oBAXC,SAASC,EAAwB,CACtC,SAAAC,EACA,GAAGC,CACL,EAC2B,CACzB,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAA4B,EACzC,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAR,EAACQ,EAAA,CAAc,GAAGL,EAAO,KAAMC,EAC5B,SAAAF,EACH,EAKFF,EAACS,EAAA,CAAQ,GAAGN,EAAO,KAAMC,EACtB,SAAAF,EACH,CAEJ,CAtBgBQ,EAAAT,EAAA","names":["jsx","ContractAmendmentSubmit","children","props","formId","useContractAmendmentContext","components","useFormFields","CustomButton","Button","__name"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as g,e as S}from"./chunk-VI7WS34A.js";import{b as _}from"./chunk-O562EWKG.js";import{a as m}from"./chunk-JRQSZHUU.js";import{b as f}from"./chunk-EMVYCKDC.js";import{b as y}from"./chunk-WRDKLT4N.js";import{a}from"./chunk-AYDF3IFZ.js";import{jsx as I}from"react/jsx-runtime";var w=["invited","created_awaiting_reserve","created_reserve_paid"];function L({onSubmit:b,onSuccess:d,onError:o,render:u,...n}){let{components:R}=y(),{onboardingBag:t,setCreditScore:c}=_(),i=g(),s=S(),{mutateAsync:C}=m(i),{mutateAsync:P}=m(s),p=a(async()=>{try{if(await b?.(),t.creditRiskStatus==="deposit_required"&&t.employmentId&&t.employment?.status&&!w.includes(t.employment?.status)){let e=await P({employment_slug:t.employmentId});if(e.data){await d?.({data:e.data,employmentStatus:"created_awaiting_reserve"}),c?.(r=>({...r,showReserveInvoice:!0})),t.refetchEmployment();return}e.error&&o?.(e.error)}else if(t.employmentId){let e=await C({employment_id:t.employmentId});if(e.data){await d?.({data:e.data,employmentStatus:"invited"}),c?.(r=>({...r,showInviteSuccessful:!0})),t.refetchEmployment();return}e.error&&o?.(e.error)}}catch(e){o?.(e)}},"handleSubmit"),l=t.creditRiskStatus==="deposit_required"&&t.employment?.status&&!w.includes(t.employment.status),v=R?.button;return v?I(v,{...n,disabled:i.isPending||s.isPending||n.disabled,onClick:e=>{p(),n.onClick?.(e)},children:u({employmentStatus:l?"created_awaiting_reserve":"invited"})}):I(f,{...n,disabled:i.isPending||s.isPending||n.disabled,onClick:()=>{p()},children:u({employmentStatus:l?"created_awaiting_reserve":"invited"})})}a(L,"OnboardingInvite");export{L as a};
|
|
2
|
+
//# sourceMappingURL=chunk-NWCW5MRR.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/flows/Onboarding/OnboardingInvite.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { useEmploymentInvite } from './api';\nimport { Button } from '@/src/components/ui/button';\nimport { useCreateReserveInvoice } from '@/src/flows/Onboarding/api';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { Employment, SuccessResponse } from '@/src/client';\nimport { useOnboardingContext } from './context';\nimport { useFormFields } from '@/src/context';\n\nexport type OnboardingInviteProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n onSuccess?: ({\n data,\n employmentStatus,\n }: {\n data: SuccessResponse;\n employmentStatus: 'invited' | 'created_awaiting_reserve';\n }) => void | Promise<void>;\n onError?: (error: unknown) => void;\n onSubmit?: () => void | Promise<void>;\n render: (props: {\n employmentStatus: 'invited' | 'created_awaiting_reserve';\n }) => ReactNode;\n};\n\nconst employmentStatusList: Employment['status'][] = [\n 'invited',\n 'created_awaiting_reserve',\n 'created_reserve_paid',\n];\n\nexport function OnboardingInvite({\n onSubmit,\n onSuccess,\n onError,\n render,\n ...props\n}: OnboardingInviteProps & Record<string, unknown>) {\n const { components } = useFormFields();\n const { onboardingBag, setCreditScore } = useOnboardingContext();\n const employmentInviteMutation = useEmploymentInvite();\n const useCreateReserveInvoiceMutation = useCreateReserveInvoice();\n\n const { mutateAsync: employmentInviteMutationAsync } = mutationToPromise(\n employmentInviteMutation,\n );\n\n const { mutateAsync: createReserveInvoiceMutationAsync } = mutationToPromise(\n useCreateReserveInvoiceMutation,\n );\n\n const handleSubmit = async () => {\n try {\n await onSubmit?.();\n if (\n onboardingBag.creditRiskStatus === 'deposit_required' &&\n onboardingBag.employmentId &&\n onboardingBag.employment?.status &&\n !employmentStatusList.includes(onboardingBag.employment?.status)\n ) {\n const response = await createReserveInvoiceMutationAsync({\n employment_slug: onboardingBag.employmentId,\n });\n if (response.data) {\n await onSuccess?.({\n data: response.data as SuccessResponse,\n employmentStatus: 'created_awaiting_reserve',\n });\n setCreditScore?.((prev) => ({\n ...prev,\n showReserveInvoice: true,\n }));\n onboardingBag.refetchEmployment();\n return;\n }\n\n if (response.error) {\n onError?.(response.error);\n }\n } else if (onboardingBag.employmentId) {\n const response = await employmentInviteMutationAsync({\n employment_id: onboardingBag.employmentId,\n });\n if (response.data) {\n await onSuccess?.({\n data: response.data as SuccessResponse,\n employmentStatus: 'invited',\n });\n setCreditScore?.((prev) => ({\n ...prev,\n showInviteSuccessful: true,\n }));\n onboardingBag.refetchEmployment();\n return;\n }\n if (response.error) {\n onError?.(response.error);\n }\n }\n } catch (error) {\n onError?.(error);\n }\n };\n\n const isReserveFlow =\n onboardingBag.creditRiskStatus === 'deposit_required' &&\n onboardingBag.employment?.status &&\n !employmentStatusList.includes(onboardingBag.employment.status);\n\n const CustomButton = components?.button;\n if (CustomButton) {\n return (\n <CustomButton\n {...props}\n disabled={\n employmentInviteMutation.isPending ||\n useCreateReserveInvoiceMutation.isPending ||\n props.disabled\n }\n onClick={(evt) => {\n handleSubmit();\n props.onClick?.(evt);\n }}\n >\n {render({\n employmentStatus: isReserveFlow\n ? 'created_awaiting_reserve'\n : 'invited',\n })}\n </CustomButton>\n );\n }\n\n return (\n <Button\n {...props}\n disabled={\n employmentInviteMutation.isPending ||\n useCreateReserveInvoiceMutation.isPending ||\n props.disabled\n }\n onClick={() => {\n handleSubmit();\n }}\n >\n {render({\n employmentStatus: isReserveFlow\n ? 'created_awaiting_reserve'\n : 'invited',\n })}\n </Button>\n );\n}\n"],"mappings":"kPA+GM,cAAAA,MAAA,oBAvFN,IAAMC,EAA+C,CACnD,UACA,2BACA,sBACF,EAEO,SAASC,EAAiB,CAC/B,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,cAAAC,EAAe,eAAAC,CAAe,EAAIC,EAAqB,EACzDC,EAA2BC,EAAoB,EAC/CC,EAAkCC,EAAwB,EAE1D,CAAE,YAAaC,CAA8B,EAAIC,EACrDL,CACF,EAEM,CAAE,YAAaM,CAAkC,EAAID,EACzDH,CACF,EAEMK,EAAeC,EAAA,SAAY,CAC/B,GAAI,CAEF,GADA,MAAMlB,IAAW,EAEfO,EAAc,mBAAqB,oBACnCA,EAAc,cACdA,EAAc,YAAY,QAC1B,CAACT,EAAqB,SAASS,EAAc,YAAY,MAAM,EAC/D,CACA,IAAMY,EAAW,MAAMH,EAAkC,CACvD,gBAAiBT,EAAc,YACjC,CAAC,EACD,GAAIY,EAAS,KAAM,CACjB,MAAMlB,IAAY,CAChB,KAAMkB,EAAS,KACf,iBAAkB,0BACpB,CAAC,EACDX,IAAkBY,IAAU,CAC1B,GAAGA,EACH,mBAAoB,EACtB,EAAE,EACFb,EAAc,kBAAkB,EAChC,MACF,CAEIY,EAAS,OACXjB,IAAUiB,EAAS,KAAK,CAE5B,SAAWZ,EAAc,aAAc,CACrC,IAAMY,EAAW,MAAML,EAA8B,CACnD,cAAeP,EAAc,YAC/B,CAAC,EACD,GAAIY,EAAS,KAAM,CACjB,MAAMlB,IAAY,CAChB,KAAMkB,EAAS,KACf,iBAAkB,SACpB,CAAC,EACDX,IAAkBY,IAAU,CAC1B,GAAGA,EACH,qBAAsB,EACxB,EAAE,EACFb,EAAc,kBAAkB,EAChC,MACF,CACIY,EAAS,OACXjB,IAAUiB,EAAS,KAAK,CAE5B,CACF,OAASE,EAAO,CACdnB,IAAUmB,CAAK,CACjB,CACF,EAnDqB,gBAqDfC,EACJf,EAAc,mBAAqB,oBACnCA,EAAc,YAAY,QAC1B,CAACT,EAAqB,SAASS,EAAc,WAAW,MAAM,EAE1DgB,EAAelB,GAAY,OACjC,OAAIkB,EAEA1B,EAAC0B,EAAA,CACE,GAAGnB,EACJ,SACEM,EAAyB,WACzBE,EAAgC,WAChCR,EAAM,SAER,QAAUoB,GAAQ,CAChBP,EAAa,EACbb,EAAM,UAAUoB,CAAG,CACrB,EAEC,SAAArB,EAAO,CACN,iBAAkBmB,EACd,2BACA,SACN,CAAC,EACH,EAKFzB,EAAC4B,EAAA,CACE,GAAGrB,EACJ,SACEM,EAAyB,WACzBE,EAAgC,WAChCR,EAAM,SAER,QAAS,IAAM,CACba,EAAa,CACf,EAEC,SAAAd,EAAO,CACN,iBAAkBmB,EACd,2BACA,SACN,CAAC,EACH,CAEJ,CAzHgBJ,EAAAnB,EAAA","names":["jsx","employmentStatusList","OnboardingInvite","onSubmit","onSuccess","onError","render","props","components","useFormFields","onboardingBag","setCreditScore","useOnboardingContext","employmentInviteMutation","useEmploymentInvite","useCreateReserveInvoiceMutation","useCreateReserveInvoice","employmentInviteMutationAsync","mutationToPromise","createReserveInvoiceMutationAsync","handleSubmit","__name","response","prev","error","isReserveFlow","CustomButton","evt","Button"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as n}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as n}from"./chunk-T5NPHXFC.js";import{b as m}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import{jsx as r}from"react/jsx-runtime";function p({onSubmit:e}){let{terminationBag:i}=m();return r(n,{onSubmit:o(async t=>{await e?.(i?.parseFormValues(t)),i?.next()},"handleSubmit")})}o(p,"EmployeeCommunicationForm");export{p as a};
|
|
2
|
+
//# sourceMappingURL=chunk-OKAOH4ER.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as l}from"./chunk-O562EWKG.js";import{a as d}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{b as l}from"./chunk-O562EWKG.js";import{a as d}from"./chunk-EGDD73PU.js";import{b as s}from"./chunk-A4RX3KRZ.js";import{a}from"./chunk-ONZPO4GN.js";import{a as t}from"./chunk-AYDF3IFZ.js";import{useEffect as f}from"react";import{useForm as b}from"react-hook-form";import{jsx as e}from"react/jsx-runtime";function w({defaultValues:i,onSubmit:c,components:p}){let{formId:F,onboardingBag:o}=l(),u=s(o.handleValidation),r=b({resolver:u,defaultValues:i,shouldUnregister:!1,mode:"onBlur"});return f(()=>{o.employmentId&&o?.checkFieldUpdates(r.getValues())},[]),f(()=>{let y=r?.watch(n=>{Object.keys(n).some(m=>n[m]!==i[m])&&o?.checkFieldUpdates(n)});return()=>y?.unsubscribe()},[]),e(a,{...r,children:e("form",{id:F,onSubmit:r.handleSubmit(c),className:"space-y-4 RemoteFlows__OnboardingForm",children:e(d,{components:p,fields:o.fields})})})}t(w,"OnboardingForm");export{w as a};
|
|
2
|
+
//# sourceMappingURL=chunk-PJMKZ3HR.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a}from"./chunk-NF5IMQEW.js";import{a as c}from"./chunk-ENBY6GBG.js";import{a as e}from"./chunk-GFWQG4ZT.js";import{a as m}from"./chunk-6T3A6GWH.js";import{a as r}from"./chunk-L5OIK2ZJ.js";import{a as o}from"./chunk-6HGUGIYJ.js";import{a as n}from"./chunk-AYDF3IFZ.js";import{useId as f}from"react";import{jsx as s}from"react/jsx-runtime";function k({employmentId:d,countryCode:C,options:p,render:A}){let t=c({employmentId:d,countryCode:C,options:p}),i=f();return s(o.Provider,{value:{formId:i,contractAmendmentBag:t},children:A({contractAmendmentBag:t,components:{Form:r,SubmitButton:a,ConfirmationForm:m,BackButton:e}})})}n(k,"ContractAmendmentFlow");export{k as a};
|
|
2
|
+
//# sourceMappingURL=chunk-RQWGNKGW.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as i}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as i}from"./chunk-PJMKZ3HR.js";import{b as a}from"./chunk-O562EWKG.js";import{a as r}from"./chunk-AYDF3IFZ.js";import{jsx as l}from"react/jsx-runtime";function m({onSubmit:c,onSuccess:u,onError:e}){let{onboardingBag:t}=a(),s=r(async n=>{try{await c?.({countryCode:n.country});let o=await t.onSubmit(n);if(o?.data){await u?.(o?.data),t?.next();return}o?.error&&e?.(o?.error)}catch(o){e?.(o)}},"handleSubmit"),S=t.stepState.values?.select_country||t.initialValues.select_country;return l(i,{defaultValues:S,onSubmit:s})}r(m,"SelectCountryStep");export{m as a};
|
|
2
|
+
//# sourceMappingURL=chunk-RYEOLQIL.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as e}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as e}from"./chunk-PJMKZ3HR.js";import{b as t}from"./chunk-O562EWKG.js";import{a}from"./chunk-AYDF3IFZ.js";import{jsx as f}from"react/jsx-runtime";function u({onSubmit:s,onSuccess:m,onError:i}){let{onboardingBag:r}=t(),p=a(async n=>{try{await s?.(r.parseFormValues(n));let o=await r.onSubmit(n);if(o?.data){await m?.(o?.data),r?.next();return}o?.error&&i?.(o?.error)}catch(o){i?.(o)}},"handleSubmit"),c=r.stepState.values?.basic_information||r.initialValues.basic_information;return f(e,{defaultValues:c,onSubmit:p})}a(u,"BasicInformationStep");export{u as a};
|
|
2
|
+
//# sourceMappingURL=chunk-SIJ5SUY6.js.map
|