@remoteoss/remote-flows 1.24.1 → 1.26.0

package/dist/{chunk-H5PRUDCX.js → chunk-7VKV5G6N.js}

@@ -1,2 +1,2 @@
-import{a as i}from"./chunk-WFZGKBFS.js";import{b as a}from"./chunk-Q3ALCPJN.js";import{k as n}from"./chunk-VIGKOVHP.js";import{a as t}from"./chunk-P37U34EQ.js";import{jsx as S}from"react/jsx-runtime";function C({onSubmit:c,onSuccess:s,onError:u}){let{contractorOnboardingBag:r}=a(),l=t(async e=>{try{await c?.({countryCode:e.country});let o=await r.onSubmit(e);if(o?.data){await s?.(o?.data),r?.next();return}}catch(o){let m=n(o,r.meta?.fields?.select_country);u?.(m)}},"handleSubmit"),d=r.stepState.values?.select_country||r.initialValues.select_country;return S(i,{defaultValues:d,onSubmit:l})}t(C,"SelectCountryStep");export{C as a};
-//# sourceMappingURL=chunk-H5PRUDCX.js.map
+import{a as i}from"./chunk-T4Y4D743.js";import{b as a}from"./chunk-Q3ALCPJN.js";import{m as n}from"./chunk-OSQ6VUDM.js";import{a as t}from"./chunk-P37U34EQ.js";import{jsx as S}from"react/jsx-runtime";function C({onSubmit:c,onSuccess:s,onError:u}){let{contractorOnboardingBag:r}=a(),l=t(async e=>{try{await c?.({countryCode:e.country});let o=await r.onSubmit(e);if(o?.data){await s?.(o?.data),r?.next();return}}catch(o){let m=n(o,r.meta?.fields?.select_country);u?.(m)}},"handleSubmit"),d=r.stepState.values?.select_country||r.initialValues.select_country;return S(i,{defaultValues:d,onSubmit:l})}t(C,"SelectCountryStep");export{C as a};
+//# sourceMappingURL=chunk-7VKV5G6N.js.map

package/dist/{chunk-FAIEJW57.js → chunk-7X56CYUV.js}

@@ -1,2 +1,2 @@
-import{a as u}from"./chunk-VPSESR6G.js";import{j as i,k as a,l as c,m as p,n as F}from"./chunk-CWAFRJAQ.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as O,useState as g}from"react";import{jsx as o,jsxs as D}from"react/jsx-runtime";var N=n(({field:t,fieldState:d,fieldData:_})=>{let[f,r]=g([]),{name:s,label:v,description:m,options:l}=_,C=f||l?.filter(e=>t.value?.includes(e.value));return O(()=>{r(l?.filter(e=>t.value?.includes(e.value))||[])},[t.value,l]),D(i,{"data-field":s,className:`RemoteFlows__SelectField__Item__${s}`,children:[o(a,{className:"RemoteFlows__SelectField__Label",children:v}),o(c,{children:o(u,{options:l||[],selected:C,onChange:e=>{let S=e.map(({value:b})=>b);t.onChange(S),r(e)}})}),m&&o(p,{children:m}),d.error&&o(F,{})]})},"MultiSelectFieldDefault");export{N as a};
-//# sourceMappingURL=chunk-FAIEJW57.js.map
+import{a as u}from"./chunk-OXCSFW3F.js";import{j as i,k as a,l as c,m as p,n as F}from"./chunk-72RFYT5Y.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as O,useState as g}from"react";import{jsx as o,jsxs as D}from"react/jsx-runtime";var N=n(({field:t,fieldState:d,fieldData:_})=>{let[f,r]=g([]),{name:s,label:v,description:m,options:l}=_,C=f||l?.filter(e=>t.value?.includes(e.value));return O(()=>{r(l?.filter(e=>t.value?.includes(e.value))||[])},[t.value,l]),D(i,{"data-field":s,className:`RemoteFlows__SelectField__Item__${s}`,children:[o(a,{className:"RemoteFlows__SelectField__Label",children:v}),o(c,{children:o(u,{options:l||[],selected:C,onChange:e=>{let S=e.map(({value:b})=>b);t.onChange(S),r(e)}})}),m&&o(p,{children:m}),d.error&&o(F,{})]})},"MultiSelectFieldDefault");export{N as a};
+//# sourceMappingURL=chunk-7X56CYUV.js.map

package/dist/chunk-7X56CYUV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/fields/default/MultiSelectFieldDefault.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { MultiSelect, Option } from '@/src/components/ui/multi-select';\nimport { FieldComponentProps } from '@/src/types/fields';\n\nexport const MultiSelectFieldDefault = ({\n  field,\n  fieldState,\n  fieldData,\n}: FieldComponentProps) => {\n  const [selected, setSelected] = useState<Option[]>([]);\n  const { name, label, description, options } = fieldData;\n  const selectedOptions =\n    selected ||\n    options?.filter((option) => field.value?.includes(option.value));\n\n  useEffect(() => {\n    // WE NEED TO FIX: react-hooks/set-state-in-effect - Calling setState synchronously within an effect can trigger cascading renders\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setSelected(\n      options?.filter((option) => field.value?.includes(option.value)) || [],\n    );\n  }, [field.value, options]);\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__SelectField__Item__${name}`}\n    >\n      <FormLabel className='RemoteFlows__SelectField__Label'>{label}</FormLabel>\n      <FormControl>\n        <MultiSelect\n          options={options || []}\n          selected={selectedOptions}\n          onChange={(rawValues: Option[]) => {\n            const values = rawValues.map(({ value }) => value);\n            field.onChange(values); // This triggers the wrapped onChange from MultiSelectField\n            setSelected(rawValues);\n          }}\n        />\n      </FormControl>\n      {description && <FormDescription>{description}</FormDescription>}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n};\n"],"mappings":"oJAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QA8BhC,OAIE,OAAAC,EAJF,QAAAC,MAAA,oBAnBG,IAAMC,EAA0BC,EAAA,CAAC,CACtC,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAA2B,CACzB,GAAM,CAACC,EAAUC,CAAW,EAAIC,EAAmB,CAAC,CAAC,EAC/C,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,QAAAC,CAAQ,EAAIP,EACxCQ,EACJP,GACAM,GAAS,OAAQE,GAAWX,EAAM,OAAO,SAASW,EAAO,KAAK,CAAC,EAEjE,OAAAC,EAAU,IAAM,CAGdR,EACEK,GAAS,OAAQE,GAAWX,EAAM,OAAO,SAASW,EAAO,KAAK,CAAC,GAAK,CAAC,CACvE,CACF,EAAG,CAACX,EAAM,MAAOS,CAAO,CAAC,EAEvBZ,EAACgB,EAAA,CACC,aAAYP,EACZ,UAAW,mCAAmCA,CAAI,GAElD,UAAAV,EAACkB,EAAA,CAAU,UAAU,kCAAmC,SAAAP,EAAM,EAC9DX,EAACmB,EAAA,CACC,SAAAnB,EAACoB,EAAA,CACC,QAASP,GAAW,CAAC,EACrB,SAAUC,EACV,SAAWO,GAAwB,CACjC,IAAMC,EAASD,EAAU,IAAI,CAAC,CAAE,MAAAE,CAAM,IAAMA,CAAK,EACjDnB,EAAM,SAASkB,CAAM,EACrBd,EAAYa,CAAS,CACvB,EACF,EACF,EACCT,GAAeZ,EAACwB,EAAA,CAAiB,SAAAZ,EAAY,EAC7CP,EAAW,OAASL,EAACyB,EAAA,EAAY,GACpC,CAEJ,EAvCuC","names":["useEffect","useState","jsx","jsxs","MultiSelectFieldDefault","__name","field","fieldState","fieldData","selected","setSelected","useState","name","label","description","options","selectedOptions","option","useEffect","FormItem","FormLabel","FormControl","MultiSelect","rawValues","values","value","FormDescription","FormMessage"]}

package/dist/chunk-7Z4MWUCV.js

@@ -0,0 +1,2 @@
+import{b as p}from"./chunk-KSHK3ZPX.js";import{a as F}from"./chunk-4EDPYN5F.js";import{h as C}from"./chunk-72RFYT5Y.js";import{b as f,j as E}from"./chunk-OSQ6VUDM.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as R}from"react";import{jsx as u}from"react/jsx-runtime";function T({onSubmit:S,onError:w,onSuccess:y,onErrorWithFields:c,shouldResetForm:d,resetFields:a}){let{form:e,formId:V,costCalculatorBag:o}=p(),{formState:{isSubmitSuccessful:s}}=e;R(()=>{if(s&&d){o?.resetForm(),e.reset();return}if(s&&a){let t={...e.getValues()};a.forEach(r=>{t[r]=""}),o?.resetForm(),e.reset(t)}},[s,e,d,o,a]);let b=n(async i=>{try{let t=await o?.parseFormValues(i);o?.meta?.fields&&(o.meta.fields=E(i,o.fields),o.meta.fields.employer_currency_slug=o.meta.fields.currency);let r=await o?.onSubmit(t);if(await S?.(t),r?.data&&!r.error){let l={data:{...r.data.data,employments:r.data.data.employments?.map(m=>({...m,title:t.estimation_title}))}};await y?.(l)}else throw{data:null,error:r?.error,fieldErrors:r?.fieldErrors,rawError:r?.rawError}}catch(t){let r=t,l=r.fieldErrors;if(c){let m=o?.meta?.fields,h=f(l,m);c({error:r.error,rawError:r.rawError,fieldErrors:h})}else w?.(r.error)}},"handleSubmit");return u(C,{...e,children:u("form",{id:V,onSubmit:e.handleSubmit(b),className:"space-y-4 RemoteFlows__CostCalculatorForm",children:u(F,{fields:o?.fields??[]})})})}n(T,"CostCalculatorForm");export{T as a};
+//# sourceMappingURL=chunk-7Z4MWUCV.js.map

package/dist/{chunk-JI5PQLWS.js.map → chunk-7Z4MWUCV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorForm.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useCostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  CostCalculatorEstimationResponse,\n  CostCalculatorEstimationFormValues,\n  CostCalculatorEstimationSubmitValues,\n  EstimationError,\n} from '@/src/flows/CostCalculator/types';\nimport {\n  FieldError,\n  NormalizedFieldError,\n  normalizeFieldErrors,\n} from '@/src/lib/mutations';\nimport { prettifyFormValues } from '@/src/lib/utils';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\ntype CostCalculatorFormProps = Partial<{\n  /**\n   * Callback function that handles form submission. When form is submit, the form values are sent to the consumer app before behind submitted to Remote.\n   * @param data - The payload sent to the /cost-calculator/estimation endpoint.\n   */\n  onSubmit: (\n    data: CostCalculatorEstimationSubmitValues,\n  ) => Promise<void> | void;\n  /**\n   * Callback function to handle the success when the estimation succeeds. The CostCalculatorEstimateResponse is sent back to you.\n   * @param data - The response data from the /cost-calculator/estimation endpoint.\n   */\n  onSuccess: (data: CostCalculatorEstimationResponse) => Promise<void> | void;\n  /**\n   * Callback function to handle the error when the estimation fails.\n   * @param error - The error object.\n   */\n  onError: (error: EstimationError) => void;\n  /**\n   * Enhanced callback function to handle errors with field-level details.\n   * @param error - The error object with field errors.\n   */\n  onErrorWithFields?: ({\n    error,\n    fieldErrors,\n  }: {\n    error: Error;\n    fieldErrors: NormalizedFieldError[];\n    rawError: Record<string, unknown>;\n  }) => void;\n  /**\n   * Whether to reset the form when the form is successfully submitted.\n   */\n  shouldResetForm?: boolean;\n\n  /**\n   * Fields to reset when the form is successfully submitted.\n   */\n  resetFields?: ('country' | 'currency' | 'salary')[];\n}>;\n\nexport function CostCalculatorForm({\n  onSubmit,\n  onError,\n  onSuccess,\n  onErrorWithFields,\n  shouldResetForm,\n  resetFields,\n}: CostCalculatorFormProps) {\n  const { form, formId, costCalculatorBag } = useCostCalculatorContext();\n\n  const {\n    formState: { isSubmitSuccessful },\n  } = form;\n\n  useEffect(() => {\n    // resets the entire form if the form is successfully submitted and the shouldResetForm prop is true\n    if (isSubmitSuccessful && shouldResetForm) {\n      costCalculatorBag?.resetForm();\n      form.reset();\n      return;\n    }\n\n    // resets the specified fields if the form is successfully submitted and the resetFields prop is provided\n    if (isSubmitSuccessful && resetFields) {\n      // Reset only the specified fields\n      const currentValues = form.getValues();\n      const resetValues = { ...currentValues };\n      resetFields.forEach((field) => {\n        resetValues[field] = '';\n      });\n\n      costCalculatorBag?.resetForm();\n      form.reset(resetValues);\n    }\n  }, [\n    isSubmitSuccessful,\n    form,\n    shouldResetForm,\n    costCalculatorBag,\n    resetFields,\n  ]);\n\n  const handleSubmit = async (values: CostCalculatorEstimationFormValues) => {\n    try {\n      const parsedValues = (await costCalculatorBag?.parseFormValues(\n        values,\n      )) as CostCalculatorEstimationSubmitValues;\n\n      if (costCalculatorBag?.meta?.fields) {\n        costCalculatorBag.meta.fields = prettifyFormValues(\n          values,\n          costCalculatorBag.fields,\n        );\n        costCalculatorBag.meta.fields['employer_currency_slug'] =\n          costCalculatorBag.meta.fields['currency'];\n      }\n\n      const costCalculatorResults =\n        await costCalculatorBag?.onSubmit(parsedValues);\n\n      // if this rejects, catch will handle it\n      await onSubmit?.(parsedValues);\n\n      if (costCalculatorResults?.data && !costCalculatorResults.error) {\n        const responseWithTitle = {\n          data: {\n            ...costCalculatorResults.data.data,\n            employments: (\n              costCalculatorResults as $TSFixMe\n            ).data.data.employments?.map((employment: $TSFixMe) => ({\n              ...employment,\n              title: parsedValues.estimation_title,\n            })),\n          },\n        };\n        await onSuccess?.(responseWithTitle);\n      } else {\n        throw {\n          data: null,\n          error: costCalculatorResults?.error,\n          fieldErrors: costCalculatorResults?.fieldErrors,\n          rawError: costCalculatorResults?.rawError,\n        };\n      }\n    } catch (err) {\n      // Handles here the errors caused by the API\n      const error = err as {\n        data: null;\n        error: EstimationError;\n        fieldErrors: FieldError[];\n        rawError: Record<string, unknown>;\n      };\n\n      const fieldErrors = error.fieldErrors;\n\n      if (onErrorWithFields) {\n        // Create field metadata for better error messages\n        const fieldsMeta = costCalculatorBag?.meta?.fields;\n\n        // Normalize field errors with user-friendly labels\n        const normalizedFieldErrors = normalizeFieldErrors(\n          fieldErrors,\n          fieldsMeta,\n        );\n\n        onErrorWithFields({\n          error: error.error as Error,\n          rawError: error.rawError as Record<string, unknown>,\n          fieldErrors: normalizedFieldErrors,\n        });\n      } else {\n        // Fall back to the original error handler\n        onError?.(error.error);\n      }\n    }\n  };\n\n  return (\n    <Form {...form}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(handleSubmit)}\n        className='space-y-4 RemoteFlows__CostCalculatorForm'\n      >\n        <JSONSchemaFormFields fields={costCalculatorBag?.fields ?? []} />\n      </form>\n    </Form>\n  );\n}\n"],"mappings":"gPAAA,OAAS,aAAAA,MAAiB,QAuLlB,cAAAC,MAAA,oBA5HD,SAASC,EAAmB,CACjC,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,CACF,EAA4B,CAC1B,GAAM,CAAE,KAAAC,EAAM,OAAAC,EAAQ,kBAAAC,CAAkB,EAAIC,EAAyB,EAE/D,CACJ,UAAW,CAAE,mBAAAC,CAAmB,CAClC,EAAIJ,EAEJK,EAAU,IAAM,CAEd,GAAID,GAAsBN,EAAiB,CACzCI,GAAmB,UAAU,EAC7BF,EAAK,MAAM,EACX,MACF,CAGA,GAAII,GAAsBL,EAAa,CAGrC,IAAMO,EAAc,CAAE,GADAN,EAAK,UAAU,CACE,EACvCD,EAAY,QAASQ,GAAU,CAC7BD,EAAYC,CAAK,EAAI,EACvB,CAAC,EAEDL,GAAmB,UAAU,EAC7BF,EAAK,MAAMM,CAAW,CACxB,CACF,EAAG,CACDF,EACAJ,EACAF,EACAI,EACAH,CACF,CAAC,EAED,IAAMS,EAAeC,EAAA,MAAOC,GAA+C,CACzE,GAAI,CACF,IAAMC,EAAgB,MAAMT,GAAmB,gBAC7CQ,CACF,EAEIR,GAAmB,MAAM,SAC3BA,EAAkB,KAAK,OAASU,EAC9BF,EACAR,EAAkB,MACpB,EACAA,EAAkB,KAAK,OAAO,uBAC5BA,EAAkB,KAAK,OAAO,UAGlC,IAAMW,EACJ,MAAMX,GAAmB,SAASS,CAAY,EAKhD,GAFA,MAAMjB,IAAWiB,CAAY,EAEzBE,GAAuB,MAAQ,CAACA,EAAsB,MAAO,CAC/D,IAAMC,EAAoB,CACxB,KAAM,CACJ,GAAGD,EAAsB,KAAK,KAC9B,YACEA,EACA,KAAK,KAAK,aAAa,IAAKE,IAA0B,CACtD,GAAGA,EACH,MAAOJ,EAAa,gBACtB,EAAE,CACJ,CACF,EACA,MAAMf,IAAYkB,CAAiB,CACrC,KACE,MAAM,CACJ,KAAM,KACN,MAAOD,GAAuB,MAC9B,YAAaA,GAAuB,YACpC,SAAUA,GAAuB,QACnC,CAEJ,OAASG,EAAK,CAEZ,IAAMC,EAAQD,EAORE,EAAcD,EAAM,YAE1B,GAAIpB,EAAmB,CAErB,IAAMsB,EAAajB,GAAmB,MAAM,OAGtCkB,EAAwBC,EAC5BH,EACAC,CACF,EAEAtB,EAAkB,CAChB,MAAOoB,EAAM,MACb,SAAUA,EAAM,SAChB,YAAaG,CACf,CAAC,CACH,MAEEzB,IAAUsB,EAAM,KAAK,CAEzB,CACF,EAzEqB,gBA2ErB,OACEzB,EAAC8B,EAAA,CAAM,GAAGtB,EACR,SAAAR,EAAC,QACC,GAAIS,EACJ,SAAUD,EAAK,aAAaQ,CAAY,EACxC,UAAU,4CAEV,SAAAhB,EAAC+B,EAAA,CAAqB,OAAQrB,GAAmB,QAAU,CAAC,EAAG,EACjE,EACF,CAEJ,CAhIgBO,EAAAhB,EAAA","names":["useEffect","jsx","CostCalculatorForm","onSubmit","onError","onSuccess","onErrorWithFields","shouldResetForm","resetFields","form","formId","costCalculatorBag","useCostCalculatorContext","isSubmitSuccessful","useEffect","resetValues","field","handleSubmit","__name","values","parsedValues","prettifyFormValues","costCalculatorResults","responseWithTitle","employment","err","error","fieldErrors","fieldsMeta","normalizedFieldErrors","normalizeFieldErrors","Form","JSONSchemaFormFields"]}
+{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorForm.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useCostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  CostCalculatorEstimationResponse,\n  CostCalculatorEstimationFormValues,\n  CostCalculatorEstimationSubmitValues,\n  EstimationError,\n} from '@/src/flows/CostCalculator/types';\nimport {\n  FieldError,\n  NormalizedFieldError,\n  normalizeFieldErrors,\n} from '@/src/lib/mutations';\nimport { prettifyFormValues } from '@/src/lib/utils';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\ntype CostCalculatorFormProps = Partial<{\n  /**\n   * Callback function that handles form submission. When form is submit, the form values are sent to the consumer app before behind submitted to Remote.\n   * @param data - The payload sent to the /cost-calculator/estimation endpoint.\n   */\n  onSubmit: (\n    data: CostCalculatorEstimationSubmitValues,\n  ) => Promise<void> | void;\n  /**\n   * Callback function to handle the success when the estimation succeeds. The CostCalculatorEstimateResponse is sent back to you.\n   * @param data - The response data from the /cost-calculator/estimation endpoint.\n   */\n  onSuccess: (data: CostCalculatorEstimationResponse) => Promise<void> | void;\n  /**\n   * Callback function to handle the error when the estimation fails.\n   * @param error - The error object.\n   */\n  onError: (error: EstimationError) => void;\n  /**\n   * Enhanced callback function to handle errors with field-level details.\n   * @param error - The error object with field errors.\n   */\n  onErrorWithFields?: ({\n    error,\n    fieldErrors,\n  }: {\n    error: Error;\n    fieldErrors: NormalizedFieldError[];\n    rawError: Record<string, unknown>;\n  }) => void;\n  /**\n   * Whether to reset the form when the form is successfully submitted.\n   */\n  shouldResetForm?: boolean;\n\n  /**\n   * Fields to reset when the form is successfully submitted.\n   */\n  resetFields?: ('country' | 'currency' | 'salary')[];\n}>;\n\nexport function CostCalculatorForm({\n  onSubmit,\n  onError,\n  onSuccess,\n  onErrorWithFields,\n  shouldResetForm,\n  resetFields,\n}: CostCalculatorFormProps) {\n  const { form, formId, costCalculatorBag } = useCostCalculatorContext();\n\n  const {\n    formState: { isSubmitSuccessful },\n  } = form;\n\n  useEffect(() => {\n    // resets the entire form if the form is successfully submitted and the shouldResetForm prop is true\n    if (isSubmitSuccessful && shouldResetForm) {\n      costCalculatorBag?.resetForm();\n      form.reset();\n      return;\n    }\n\n    // resets the specified fields if the form is successfully submitted and the resetFields prop is provided\n    if (isSubmitSuccessful && resetFields) {\n      // Reset only the specified fields\n      const currentValues = form.getValues();\n      const resetValues = { ...currentValues };\n      resetFields.forEach((field) => {\n        resetValues[field] = '';\n      });\n\n      costCalculatorBag?.resetForm();\n      form.reset(resetValues);\n    }\n  }, [\n    isSubmitSuccessful,\n    form,\n    shouldResetForm,\n    costCalculatorBag,\n    resetFields,\n  ]);\n\n  const handleSubmit = async (values: CostCalculatorEstimationFormValues) => {\n    try {\n      const parsedValues = (await costCalculatorBag?.parseFormValues(\n        values,\n      )) as CostCalculatorEstimationSubmitValues;\n\n      if (costCalculatorBag?.meta?.fields) {\n        costCalculatorBag.meta.fields = prettifyFormValues(\n          values,\n          costCalculatorBag.fields,\n        );\n        costCalculatorBag.meta.fields['employer_currency_slug'] =\n          costCalculatorBag.meta.fields['currency'];\n      }\n\n      const costCalculatorResults =\n        await costCalculatorBag?.onSubmit(parsedValues);\n\n      // if this rejects, catch will handle it\n      await onSubmit?.(parsedValues);\n\n      if (costCalculatorResults?.data && !costCalculatorResults.error) {\n        const responseWithTitle = {\n          data: {\n            ...costCalculatorResults.data.data,\n            employments: (\n              costCalculatorResults as $TSFixMe\n            ).data.data.employments?.map((employment: $TSFixMe) => ({\n              ...employment,\n              title: parsedValues.estimation_title,\n            })),\n          },\n        };\n        await onSuccess?.(responseWithTitle);\n      } else {\n        throw {\n          data: null,\n          error: costCalculatorResults?.error,\n          fieldErrors: costCalculatorResults?.fieldErrors,\n          rawError: costCalculatorResults?.rawError,\n        };\n      }\n    } catch (err) {\n      // Handles here the errors caused by the API\n      const error = err as {\n        data: null;\n        error: EstimationError;\n        fieldErrors: FieldError[];\n        rawError: Record<string, unknown>;\n      };\n\n      const fieldErrors = error.fieldErrors;\n\n      if (onErrorWithFields) {\n        // Create field metadata for better error messages\n        const fieldsMeta = costCalculatorBag?.meta?.fields;\n\n        // Normalize field errors with user-friendly labels\n        const normalizedFieldErrors = normalizeFieldErrors(\n          fieldErrors,\n          fieldsMeta,\n        );\n\n        onErrorWithFields({\n          error: error.error as Error,\n          rawError: error.rawError as Record<string, unknown>,\n          fieldErrors: normalizedFieldErrors,\n        });\n      } else {\n        // Fall back to the original error handler\n        onError?.(error.error);\n      }\n    }\n  };\n\n  return (\n    <Form {...form}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(handleSubmit)}\n        className='space-y-4 RemoteFlows__CostCalculatorForm'\n      >\n        <JSONSchemaFormFields fields={costCalculatorBag?.fields ?? []} />\n      </form>\n    </Form>\n  );\n}\n"],"mappings":"+MAAA,OAAS,aAAAA,MAAiB,QAuLlB,cAAAC,MAAA,oBA5HD,SAASC,EAAmB,CACjC,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,CACF,EAA4B,CAC1B,GAAM,CAAE,KAAAC,EAAM,OAAAC,EAAQ,kBAAAC,CAAkB,EAAIC,EAAyB,EAE/D,CACJ,UAAW,CAAE,mBAAAC,CAAmB,CAClC,EAAIJ,EAEJK,EAAU,IAAM,CAEd,GAAID,GAAsBN,EAAiB,CACzCI,GAAmB,UAAU,EAC7BF,EAAK,MAAM,EACX,MACF,CAGA,GAAII,GAAsBL,EAAa,CAGrC,IAAMO,EAAc,CAAE,GADAN,EAAK,UAAU,CACE,EACvCD,EAAY,QAASQ,GAAU,CAC7BD,EAAYC,CAAK,EAAI,EACvB,CAAC,EAEDL,GAAmB,UAAU,EAC7BF,EAAK,MAAMM,CAAW,CACxB,CACF,EAAG,CACDF,EACAJ,EACAF,EACAI,EACAH,CACF,CAAC,EAED,IAAMS,EAAeC,EAAA,MAAOC,GAA+C,CACzE,GAAI,CACF,IAAMC,EAAgB,MAAMT,GAAmB,gBAC7CQ,CACF,EAEIR,GAAmB,MAAM,SAC3BA,EAAkB,KAAK,OAASU,EAC9BF,EACAR,EAAkB,MACpB,EACAA,EAAkB,KAAK,OAAO,uBAC5BA,EAAkB,KAAK,OAAO,UAGlC,IAAMW,EACJ,MAAMX,GAAmB,SAASS,CAAY,EAKhD,GAFA,MAAMjB,IAAWiB,CAAY,EAEzBE,GAAuB,MAAQ,CAACA,EAAsB,MAAO,CAC/D,IAAMC,EAAoB,CACxB,KAAM,CACJ,GAAGD,EAAsB,KAAK,KAC9B,YACEA,EACA,KAAK,KAAK,aAAa,IAAKE,IAA0B,CACtD,GAAGA,EACH,MAAOJ,EAAa,gBACtB,EAAE,CACJ,CACF,EACA,MAAMf,IAAYkB,CAAiB,CACrC,KACE,MAAM,CACJ,KAAM,KACN,MAAOD,GAAuB,MAC9B,YAAaA,GAAuB,YACpC,SAAUA,GAAuB,QACnC,CAEJ,OAASG,EAAK,CAEZ,IAAMC,EAAQD,EAORE,EAAcD,EAAM,YAE1B,GAAIpB,EAAmB,CAErB,IAAMsB,EAAajB,GAAmB,MAAM,OAGtCkB,EAAwBC,EAC5BH,EACAC,CACF,EAEAtB,EAAkB,CAChB,MAAOoB,EAAM,MACb,SAAUA,EAAM,SAChB,YAAaG,CACf,CAAC,CACH,MAEEzB,IAAUsB,EAAM,KAAK,CAEzB,CACF,EAzEqB,gBA2ErB,OACEzB,EAAC8B,EAAA,CAAM,GAAGtB,EACR,SAAAR,EAAC,QACC,GAAIS,EACJ,SAAUD,EAAK,aAAaQ,CAAY,EACxC,UAAU,4CAEV,SAAAhB,EAAC+B,EAAA,CAAqB,OAAQrB,GAAmB,QAAU,CAAC,EAAG,EACjE,EACF,CAEJ,CAhIgBO,EAAAhB,EAAA","names":["useEffect","jsx","CostCalculatorForm","onSubmit","onError","onSuccess","onErrorWithFields","shouldResetForm","resetFields","form","formId","costCalculatorBag","useCostCalculatorContext","isSubmitSuccessful","useEffect","resetValues","field","handleSubmit","__name","values","parsedValues","prettifyFormValues","costCalculatorResults","responseWithTitle","employment","err","error","fieldErrors","fieldsMeta","normalizedFieldErrors","normalizeFieldErrors","Form","JSONSchemaFormFields"]}

package/dist/{chunk-SNECOPBD.js → chunk-ACKYD4QC.js}

@@ -1,2 +1,2 @@
-import{e as t}from"./chunk-VIGKOVHP.js";import{b as m}from"./chunk-KQPDXXG3.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function f({title:o,description:r,severity:p}){let{components:a}=m(),n=a.statement;if(!n)throw new Error("Statement component not found");return s(n,{data:{title:o?t(o):void 0,description:t(r),severity:p}})}e(f,"Statement");export{f as a};
-//# sourceMappingURL=chunk-SNECOPBD.js.map
+import{g as t}from"./chunk-OSQ6VUDM.js";import{b as m}from"./chunk-KQPDXXG3.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function f({title:o,description:r,severity:p}){let{components:a}=m(),n=a.statement;if(!n)throw new Error("Statement component not found");return s(n,{data:{title:o?t(o):void 0,description:t(r),severity:p}})}e(f,"Statement");export{f as a};
+//# sourceMappingURL=chunk-ACKYD4QC.js.map

package/dist/{chunk-G5O2CM6V.js → chunk-AMSYQQG7.js}

@@ -1,2 +1,2 @@
-import{a as m,f as u}from"./chunk-VIGKOVHP.js";import{k as g}from"./chunk-H2RAK6F7.js";import{b as f,d as b}from"./chunk-KQPDXXG3.js";import{a as e}from"./chunk-P37U34EQ.js";var P={disclaimerCostCalculator:4668194326797,engagingContractors:43161434169613,employeeOnboardingTimeline:4411262104589,extraPayments:4466822781709,internationalPricing:4410698586893,pricingPlanOptions:43161720465421,ir35Status:42810224523917,remoteFxRate:33271144977421,terminationEmployeeCommunication:4411585179661,terminationNoticePeriods:5831900985613,involuntaryOffboardingServiceCharge:4406932229133,reconciliationInvoice:17604014808589},l=e(r=>`https://support.remote.com/hc/en-us/articles/${r}`,"buildZendeskURL");import{useQuery as y}from"@tanstack/react-query";var k=e((r,t)=>{let{client:i}=b();return y({queryKey:["zendesk-article",r],queryFn:e(async()=>{let n=await g({client:i,path:{id:Number(r)}});if(n.error)throw new Error(n.error.message||"Failed to fetch article");return n},"queryFn"),select:e(n=>{let o=n.data?.data.help_center_article;return o&&{...o,body:u(o.body||"")}},"select"),retry:!1,...t})},"useZendeskArticle");import{jsx as R}from"react/jsx-runtime";var C=e(({Trigger:r,zendeskId:t,open:i,onClose:n})=>{let{components:o}=f(),c=l(t),s=e(()=>{n?.()},"handleClose"),{data:a,isLoading:h,error:w}=k(t,{enabled:i}),p=o?.zendeskDrawer;if(!p)throw new Error("Zendesk drawer component not found");return R(p,{open:i,onClose:s,data:a,isLoading:h,error:w,zendeskURL:c,Trigger:r})},"ZendeskDrawer");import{useState as x}from"react";import{jsx as d}from"react/jsx-runtime";var Z="RemoteFlows__ZendeskTriggerButton text-blue-500 hover:underline inline-block text-xs bg-transparent border-none cursor-pointer p-0";function Q({zendeskId:r,className:t,onClick:i,children:n,external:o=!1}){let[c,s]=x(!1),a=e(()=>{o||s(!0),i?.(r)},"handleClick");return o?d("a",{href:l(r),target:"_blank",rel:"noopener noreferrer",onClick:a,className:m(Z,t),children:n}):d(C,{zendeskId:r,open:c,onClose:()=>s(!1),Trigger:d("button",{onClick:a,className:m(Z,t),children:n})})}e(Q,"ZendeskTriggerButton");export{P as a,Q as b};
-//# sourceMappingURL=chunk-G5O2CM6V.js.map
+import{k as g}from"./chunk-R47Q7R6C.js";import{c as m,h as u}from"./chunk-OSQ6VUDM.js";import{b as f,d as b}from"./chunk-KQPDXXG3.js";import{a as e}from"./chunk-P37U34EQ.js";var P={disclaimerCostCalculator:4668194326797,engagingContractors:43161434169613,employeeOnboardingTimeline:4411262104589,extraPayments:4466822781709,internationalPricing:4410698586893,pricingPlanOptions:43161720465421,ir35Status:42810224523917,remoteFxRate:33271144977421,terminationEmployeeCommunication:4411585179661,terminationNoticePeriods:5831900985613,involuntaryOffboardingServiceCharge:4406932229133,reconciliationInvoice:17604014808589},l=e(r=>`https://support.remote.com/hc/en-us/articles/${r}`,"buildZendeskURL");import{useQuery as y}from"@tanstack/react-query";var k=e((r,t)=>{let{client:i}=b();return y({queryKey:["zendesk-article",r],queryFn:e(async()=>{let n=await g({client:i,path:{id:Number(r)}});if(n.error)throw new Error(n.error.message||"Failed to fetch article");return n},"queryFn"),select:e(n=>{let o=n.data?.data.help_center_article;return o&&{...o,body:u(o.body||"")}},"select"),retry:!1,...t})},"useZendeskArticle");import{jsx as R}from"react/jsx-runtime";var C=e(({Trigger:r,zendeskId:t,open:i,onClose:n})=>{let{components:o}=f(),c=l(t),s=e(()=>{n?.()},"handleClose"),{data:a,isLoading:h,error:w}=k(t,{enabled:i}),p=o?.zendeskDrawer;if(!p)throw new Error("Zendesk drawer component not found");return R(p,{open:i,onClose:s,data:a,isLoading:h,error:w,zendeskURL:c,Trigger:r})},"ZendeskDrawer");import{useState as x}from"react";import{jsx as d}from"react/jsx-runtime";var Z="RemoteFlows__ZendeskTriggerButton text-blue-500 hover:underline inline-block text-xs bg-transparent border-none cursor-pointer p-0";function Q({zendeskId:r,className:t,onClick:i,children:n,external:o=!1}){let[c,s]=x(!1),a=e(()=>{o||s(!0),i?.(r)},"handleClick");return o?d("a",{href:l(r),target:"_blank",rel:"noopener noreferrer",onClick:a,className:m(Z,t),children:n}):d(C,{zendeskId:r,open:c,onClose:()=>s(!1),Trigger:d("button",{onClick:a,className:m(Z,t),children:n})})}e(Q,"ZendeskTriggerButton");export{P as a,Q as b};
+//# sourceMappingURL=chunk-AMSYQQG7.js.map

package/dist/{chunk-AS77PXWM.js → chunk-AXGWQVCT.js}

@@ -1,2 +1,2 @@
-import{b as f}from"./chunk-MRYRNB7Y.js";import{b as l}from"./chunk-LNV36S6D.js";import{a as F}from"./chunk-BI4RFXFL.js";import{f as s,h as a}from"./chunk-CWAFRJAQ.js";import{a as t}from"./chunk-P37U34EQ.js";import{useEffect as y}from"react";import{jsx as r}from"react/jsx-runtime";function A({defaultValues:u,fields:m,onSubmit:d}){let{formId:c,terminationBag:o}=f(),p=l(o.handleValidation),e=s({resolver:p,defaultValues:u,shouldUnregister:!1,mode:"onBlur"});y(()=>{let V=e?.watch(i=>{Object.keys(i).some(n=>i[n]!==o?.initialValues?.[n])&&o?.checkFieldUpdates(i)});return()=>V?.unsubscribe()},[]);let T=m||(o?.fields??[]);return r(a,{...e,children:r("form",{id:c,onSubmit:e.handleSubmit(d),className:"space-y-4 RemoteFlows__TerminationForm",children:r(F,{fields:T})})})}t(A,"TerminationForm");export{A as a};
-//# sourceMappingURL=chunk-AS77PXWM.js.map
+import{b as f}from"./chunk-MRYRNB7Y.js";import{b as l}from"./chunk-KFYWUBRS.js";import{a as F}from"./chunk-4EDPYN5F.js";import{f as s,h as a}from"./chunk-72RFYT5Y.js";import{a as t}from"./chunk-P37U34EQ.js";import{useEffect as y}from"react";import{jsx as r}from"react/jsx-runtime";function A({defaultValues:u,fields:m,onSubmit:d}){let{formId:c,terminationBag:o}=f(),p=l(o.handleValidation),e=s({resolver:p,defaultValues:u,shouldUnregister:!1,mode:"onBlur"});y(()=>{let V=e?.watch(i=>{Object.keys(i).some(n=>i[n]!==o?.initialValues?.[n])&&o?.checkFieldUpdates(i)});return()=>V?.unsubscribe()},[]);let T=m||(o?.fields??[]);return r(a,{...e,children:r("form",{id:c,onSubmit:e.handleSubmit(d),className:"space-y-4 RemoteFlows__TerminationForm",children:r(F,{fields:T})})})}t(A,"TerminationForm");export{A as a};
+//# sourceMappingURL=chunk-AXGWQVCT.js.map

package/dist/{chunk-NAMR4DA5.js → chunk-B5UGFNCU.js}

@@ -1,2 +1,2 @@
-import{b as t}from"./chunk-MP3VDCI7.js";import{a as n}from"./chunk-P37U34EQ.js";import{jsx as r}from"react/jsx-runtime";var u=n(p=>{let{"data-type":e,...o}=p;return e==="inline"?r(t,{size:"link",variant:"link",...o}):r(t,{...o})},"ButtonDefault");export{u as a};
-//# sourceMappingURL=chunk-NAMR4DA5.js.map
+import{b as t}from"./chunk-XADVV6OP.js";import{a as n}from"./chunk-P37U34EQ.js";import{jsx as r}from"react/jsx-runtime";var u=n(p=>{let{"data-type":e,...o}=p;return e==="inline"?r(t,{size:"link",variant:"link",...o}):r(t,{...o})},"ButtonDefault");export{u as a};
+//# sourceMappingURL=chunk-B5UGFNCU.js.map

package/dist/{chunk-WD2JGIDK.js → chunk-BAE2OWEH.js}

@@ -1,2 +1,2 @@
-import{b as s}from"./chunk-KSHK3ZPX.js";import{a as r}from"./chunk-VIGKOVHP.js";import{b as e}from"./chunk-KQPDXXG3.js";import{a as n}from"./chunk-P37U34EQ.js";import{jsx as a}from"react/jsx-runtime";function p({children:u,...t}){let{form:m,formId:l,costCalculatorBag:c}=s(),{components:i}=e(),o=i?.button;if(!o)throw new Error("Button component not found");return a(o,{...t,type:"reset",className:r("RemoteFlows__CostCalculatorForm__ResetButton",t.className),form:l,onClick:C=>{c?.resetForm(),m.reset(),t.onClick?.(C)},children:u})}n(p,"CostCalculatorResetButton");export{p as a};
-//# sourceMappingURL=chunk-WD2JGIDK.js.map
+import{b as s}from"./chunk-KSHK3ZPX.js";import{c as r}from"./chunk-OSQ6VUDM.js";import{b as e}from"./chunk-KQPDXXG3.js";import{a as n}from"./chunk-P37U34EQ.js";import{jsx as a}from"react/jsx-runtime";function p({children:u,...t}){let{form:m,formId:l,costCalculatorBag:c}=s(),{components:i}=e(),o=i?.button;if(!o)throw new Error("Button component not found");return a(o,{...t,type:"reset",className:r("RemoteFlows__CostCalculatorForm__ResetButton",t.className),form:l,onClick:C=>{c?.resetForm(),m.reset(),t.onClick?.(C)},children:u})}n(p,"CostCalculatorResetButton");export{p as a};
+//# sourceMappingURL=chunk-BAE2OWEH.js.map

package/dist/{chunk-LSVH4U4W.js → chunk-BAKE7YEE.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-QLYFMDLB.js";import{b as m}from"./chunk-76ZDXC2T.js";import{k as i}from"./chunk-VIGKOVHP.js";import{a}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function l({onSubmit:c,onSuccess:p,onError:t}){let{createCompanyBag:o}=m(),u=a(async r=>{try{await c?.({countryCode:r.country_code,companyOwnerEmail:r.company_owner_email,companyOwnerName:r.company_owner_name,desiredCurrency:r.desired_currency,name:r.name,phoneNumber:r.phone_number,taxNumber:r.tax_number});let n=await o.onSubmit(r);if(n?.data){await p?.(n?.data),o?.next();return}if(n?.error){let e=i(n,o.meta?.fields?.company_basic_information);t?.(e)}}catch(n){let e=i(n,o.meta?.fields?.company_basic_information);t?.(e)}},"handleSubmit"),f=o.stepState.values?.company_basic_information||o.initialValues.company_basic_information;return d(s,{defaultValues:f,onSubmit:u})}a(l,"CompanyBasicInformationStep");export{l as a};
-//# sourceMappingURL=chunk-LSVH4U4W.js.map
+import{a as s}from"./chunk-I2DXGO23.js";import{b as m}from"./chunk-76ZDXC2T.js";import{m as i}from"./chunk-OSQ6VUDM.js";import{a}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function l({onSubmit:c,onSuccess:p,onError:t}){let{createCompanyBag:o}=m(),u=a(async r=>{try{await c?.({countryCode:r.country_code,companyOwnerEmail:r.company_owner_email,companyOwnerName:r.company_owner_name,desiredCurrency:r.desired_currency,name:r.name,phoneNumber:r.phone_number,taxNumber:r.tax_number});let n=await o.onSubmit(r);if(n?.data){await p?.(n?.data),o?.next();return}if(n?.error){let e=i(n,o.meta?.fields?.company_basic_information);t?.(e)}}catch(n){let e=i(n,o.meta?.fields?.company_basic_information);t?.(e)}},"handleSubmit"),f=o.stepState.values?.company_basic_information||o.initialValues.company_basic_information;return d(s,{defaultValues:f,onSubmit:u})}a(l,"CompanyBasicInformationStep");export{l as a};
+//# sourceMappingURL=chunk-BAKE7YEE.js.map

package/dist/chunk-BFSBZTDB.js

@@ -0,0 +1,2 @@
+import{a as o,b as i,c as t,d as l,e as w}from"./chunk-7N2A2ZJ5.js";import{c as a}from"./chunk-OSQ6VUDM.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as r,jsxs as n}from"react/jsx-runtime";function C({open:D,onOpenChange:m,direction:p,className:f,title:s,trigger:d,children:v}){return n(o,{open:D,onOpenChange:m,direction:p,children:[r(i,{asChild:!0,children:d}),r(t,{className:a("RemoteFlows__Drawer h-full w-[540px] mt-0 ml-auto px-4",f),children:n("div",{className:"h-full flex flex-col",children:[r(l,{children:r(w,{children:s})}),r("div",{className:"flex-1 overflow-y-auto",children:v})]})})]})}e(C,"DrawerDefault");export{C as a};
+//# sourceMappingURL=chunk-BFSBZTDB.js.map

package/dist/{chunk-EIVCBH53.js.map → chunk-BFSBZTDB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/shared/drawer/DrawerDefault.tsx"],"sourcesContent":["import { DrawerComponentProps } from '@/src/types/remoteFlows';\nimport {\n  Drawer as DrawerPrimitive,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/src/components/ui/drawer';\nimport { cn } from '@/src/lib/utils';\n\nexport function DrawerDefault({\n  open,\n  onOpenChange,\n  direction,\n  className,\n  title,\n  trigger,\n  children,\n}: DrawerComponentProps) {\n  return (\n    <DrawerPrimitive\n      open={open}\n      onOpenChange={onOpenChange}\n      direction={direction}\n    >\n      <DrawerTrigger asChild>{trigger}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          'RemoteFlows__Drawer h-full w-[540px] mt-0 ml-auto px-4',\n          className,\n        )}\n      >\n        <div className='h-full flex flex-col'>\n          <DrawerHeader>\n            <DrawerTitle>{title}</DrawerTitle>\n          </DrawerHeader>\n          <div className='flex-1 overflow-y-auto'>{children}</div>\n        </div>\n      </DrawerContent>\n    </DrawerPrimitive>\n  );\n}\n"],"mappings":"+IAyBM,cAAAA,EAOE,QAAAC,MAPF,oBAfC,SAASC,EAAc,CAC5B,KAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAAyB,CACvB,OACER,EAACS,EAAA,CACC,KAAMP,EACN,aAAcC,EACd,UAAWC,EAEX,UAAAL,EAACW,EAAA,CAAc,QAAO,GAAE,SAAAH,EAAQ,EAChCR,EAACY,EAAA,CACC,UAAWC,EACT,yDACAP,CACF,EAEA,SAAAL,EAAC,OAAI,UAAU,uBACb,UAAAD,EAACc,EAAA,CACC,SAAAd,EAACe,EAAA,CAAa,SAAAR,EAAM,EACtB,EACAP,EAAC,OAAI,UAAU,yBAA0B,SAAAS,EAAS,GACpD,EACF,GACF,CAEJ,CA/BgBO,EAAAd,EAAA","names":["jsx","jsxs","DrawerDefault","open","onOpenChange","direction","className","title","trigger","children","Drawer","DrawerTrigger","DrawerContent","cn","DrawerHeader","DrawerTitle","__name"]}
+{"version":3,"sources":["../src/components/shared/drawer/DrawerDefault.tsx"],"sourcesContent":["import { DrawerComponentProps } from '@/src/types/remoteFlows';\nimport {\n  Drawer as DrawerPrimitive,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/src/components/ui/drawer';\nimport { cn } from '@/src/lib/utils';\n\nexport function DrawerDefault({\n  open,\n  onOpenChange,\n  direction,\n  className,\n  title,\n  trigger,\n  children,\n}: DrawerComponentProps) {\n  return (\n    <DrawerPrimitive\n      open={open}\n      onOpenChange={onOpenChange}\n      direction={direction}\n    >\n      <DrawerTrigger asChild>{trigger}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          'RemoteFlows__Drawer h-full w-[540px] mt-0 ml-auto px-4',\n          className,\n        )}\n      >\n        <div className='h-full flex flex-col'>\n          <DrawerHeader>\n            <DrawerTitle>{title}</DrawerTitle>\n          </DrawerHeader>\n          <div className='flex-1 overflow-y-auto'>{children}</div>\n        </div>\n      </DrawerContent>\n    </DrawerPrimitive>\n  );\n}\n"],"mappings":"oJAyBM,cAAAA,EAOE,QAAAC,MAPF,oBAfC,SAASC,EAAc,CAC5B,KAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAAyB,CACvB,OACER,EAACS,EAAA,CACC,KAAMP,EACN,aAAcC,EACd,UAAWC,EAEX,UAAAL,EAACW,EAAA,CAAc,QAAO,GAAE,SAAAH,EAAQ,EAChCR,EAACY,EAAA,CACC,UAAWC,EACT,yDACAP,CACF,EAEA,SAAAL,EAAC,OAAI,UAAU,uBACb,UAAAD,EAACc,EAAA,CACC,SAAAd,EAACe,EAAA,CAAa,SAAAR,EAAM,EACtB,EACAP,EAAC,OAAI,UAAU,yBAA0B,SAAAS,EAAS,GACpD,EACF,GACF,CAEJ,CA/BgBO,EAAAd,EAAA","names":["jsx","jsxs","DrawerDefault","open","onOpenChange","direction","className","title","trigger","children","Drawer","DrawerTrigger","DrawerContent","cn","DrawerHeader","DrawerTitle","__name"]}

package/dist/{chunk-2AYGZ4RY.js → chunk-BI3PHE5N.js}

@@ -1,2 +1,2 @@
-import{a as S}from"./chunk-7BGANM2R.js";import{a as e}from"./chunk-VAWEOFUO.js";import{a as s}from"./chunk-K5Y67GIG.js";import{a as p}from"./chunk-WD5DNUSS.js";import{a as c}from"./chunk-2K2RK7RF.js";import{a as l}from"./chunk-DPVXSN7T.js";import{a as i}from"./chunk-H5PRUDCX.js";import{a as m}from"./chunk-MG4PHNSS.js";import{a as f}from"./chunk-ADTGWDQ7.js";import{a as u}from"./chunk-BZAO32QW.js";import{a as d}from"./chunk-P3QDMRCC.js";import{a as n}from"./chunk-Q3ALCPJN.js";import{a}from"./chunk-JTMJKRH7.js";import{a as t}from"./chunk-P37U34EQ.js";import{useId as I,useRef as F,useMemo as y}from"react";import{jsx as D}from"react/jsx-runtime";var J=t(({render:g,employmentId:C,externalId:b,countryCode:v,skipSteps:B,initialValues:O,options:w})=>{let P=I(),o=F(void 0),R=y(()=>({setValue:o}),[]),r=a({options:{...w,onContractReviewed:t(()=>{o.current&&o.current("review_completed",!0)},"onContractReviewed")},employmentId:C,externalId:b,countryCode:v,skipSteps:B,initialValues:O});return D(n.Provider,{value:{contractorOnboardingBag:r,formId:P,formRef:R},children:g({contractorOnboardingBag:r,components:{BasicInformationStep:m,SelectCountryStep:i,BackButton:e,SubmitButton:p,PricingPlanStep:c,EligibilityQuestionnaireStep:S,ContractDetailsStep:f,ContractPreviewStep:u,OnboardingInvite:s,ContractReviewButton:d,SaveDraftButton:l}})})},"ContractorOnboardingFlow");export{J as a};
-//# sourceMappingURL=chunk-2AYGZ4RY.js.map
+import{a as S}from"./chunk-BMLTMXEK.js";import{a as e}from"./chunk-VAWEOFUO.js";import{a as s}from"./chunk-6I5FRZSX.js";import{a as p}from"./chunk-WD5DNUSS.js";import{a as c}from"./chunk-KJMPEOZ7.js";import{a as l}from"./chunk-DPVXSN7T.js";import{a as i}from"./chunk-7VKV5G6N.js";import{a as m}from"./chunk-ZS7YCDY6.js";import{a as f}from"./chunk-33IPP266.js";import{a as u}from"./chunk-TUPZTWGP.js";import{a as d}from"./chunk-P3QDMRCC.js";import{a as n}from"./chunk-Q3ALCPJN.js";import{a}from"./chunk-KLN2FG5Y.js";import{a as t}from"./chunk-P37U34EQ.js";import{useId as I,useRef as F,useMemo as y}from"react";import{jsx as D}from"react/jsx-runtime";var J=t(({render:g,employmentId:C,externalId:b,countryCode:v,skipSteps:B,initialValues:O,options:w})=>{let P=I(),o=F(void 0),R=y(()=>({setValue:o}),[]),r=a({options:{...w,onContractReviewed:t(()=>{o.current&&o.current("review_completed",!0)},"onContractReviewed")},employmentId:C,externalId:b,countryCode:v,skipSteps:B,initialValues:O});return D(n.Provider,{value:{contractorOnboardingBag:r,formId:P,formRef:R},children:g({contractorOnboardingBag:r,components:{BasicInformationStep:m,SelectCountryStep:i,BackButton:e,SubmitButton:p,PricingPlanStep:c,EligibilityQuestionnaireStep:S,ContractDetailsStep:f,ContractPreviewStep:u,OnboardingInvite:s,ContractReviewButton:d,SaveDraftButton:l}})})},"ContractorOnboardingFlow");export{J as a};
+//# sourceMappingURL=chunk-BI3PHE5N.js.map

package/dist/{chunk-7BGANM2R.js → chunk-BMLTMXEK.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-WFZGKBFS.js";import{b as a}from"./chunk-Q3ALCPJN.js";import{k as n}from"./chunk-VIGKOVHP.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as b}from"react/jsx-runtime";function g({onSubmit:l,onSuccess:u,onError:d}){let{contractorOnboardingBag:i}=a(),m=e(async t=>{try{let o=await i.parseFormValues(t);await l?.(o);let r=await i.onSubmit(t);if(r?.data){await u?.(r?.data),r?._skipNextStep||i?.next();return}}catch(o){let r=n(o,i.meta?.fields?.eligibility_questionnaire);d?.(r)}},"handleSubmit"),p=i.stepState.values?.eligibility_questionnaire||i.initialValues.eligibility_questionnaire;return b(s,{defaultValues:p,onSubmit:m})}e(g,"EligibilityQuestionnaireStep");export{g as a};
-//# sourceMappingURL=chunk-7BGANM2R.js.map
+import{a as s}from"./chunk-T4Y4D743.js";import{b as a}from"./chunk-Q3ALCPJN.js";import{m as n}from"./chunk-OSQ6VUDM.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as b}from"react/jsx-runtime";function g({onSubmit:l,onSuccess:u,onError:d}){let{contractorOnboardingBag:i}=a(),m=e(async t=>{try{let o=await i.parseFormValues(t);await l?.(o);let r=await i.onSubmit(t);if(r?.data){await u?.(r?.data),r?._skipNextStep||i?.next();return}}catch(o){let r=n(o,i.meta?.fields?.eligibility_questionnaire);d?.(r)}},"handleSubmit"),p=i.stepState.values?.eligibility_questionnaire||i.initialValues.eligibility_questionnaire;return b(s,{defaultValues:p,onSubmit:m})}e(g,"EligibilityQuestionnaireStep");export{g as a};
+//# sourceMappingURL=chunk-BMLTMXEK.js.map

package/dist/{chunk-4FMQTOXJ.js → chunk-BS4A6UYL.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-QLYFMDLB.js";import{b as i}from"./chunk-76ZDXC2T.js";import{k as a}from"./chunk-VIGKOVHP.js";import{a as o}from"./chunk-P37U34EQ.js";import{jsx as c}from"react/jsx-runtime";function C({onSubmit:m,onSuccess:l,onError:t}){let{createCompanyBag:e}=i(),p=o(async d=>{try{await m?.(d);let r=await e.onSubmit(d);if(r?.data){await l?.(r?.data);return}if(r?.error){let s=a(r,e.meta?.fields?.address_details);t?.(s)}}catch(r){let s=a(r,e.meta?.fields?.address_details);t?.(s)}},"handleSubmit"),u=e.stepState.values?.address_details||e.initialValues.address_details;return c(n,{defaultValues:u,onSubmit:p})}o(C,"AddressDetailsStep");export{C as a};
-//# sourceMappingURL=chunk-4FMQTOXJ.js.map
+import{a as n}from"./chunk-I2DXGO23.js";import{b as i}from"./chunk-76ZDXC2T.js";import{m as a}from"./chunk-OSQ6VUDM.js";import{a as o}from"./chunk-P37U34EQ.js";import{jsx as c}from"react/jsx-runtime";function C({onSubmit:m,onSuccess:l,onError:t}){let{createCompanyBag:e}=i(),p=o(async d=>{try{await m?.(d);let r=await e.onSubmit(d);if(r?.data){await l?.(r?.data);return}if(r?.error){let s=a(r,e.meta?.fields?.address_details);t?.(s)}}catch(r){let s=a(r,e.meta?.fields?.address_details);t?.(s)}},"handleSubmit"),u=e.stepState.values?.address_details||e.initialValues.address_details;return c(n,{defaultValues:u,onSubmit:p})}o(C,"AddressDetailsStep");export{C as a};
+//# sourceMappingURL=chunk-BS4A6UYL.js.map

package/dist/{chunk-2V4CTIAG.js → chunk-BTP3NN3N.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-3NESYBEJ.js";import{j as a,k as i,l as s,m as p,n as F}from"./chunk-CWAFRJAQ.js";import{a as t}from"./chunk-VIGKOVHP.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as e,jsxs as U}from"react/jsx-runtime";function b({field:o,fieldState:_,fieldData:c}){let{name:l,label:d,description:m,multiple:f,accept:u}=c;return U(a,{"data-field":l,className:`RemoteFlows__FileUpload__Item__${l}`,children:[e(i,{className:"RemoteFlows__FileUpload__Label",children:d}),e(s,{children:e(n,{onChange:o.onChange,multiple:f,className:t("RemoteFlows__FileUpload__Input"),accept:u,files:o.value})}),m&&e("div",{className:"flex items-center justify-between",children:e(p,{className:"RemoteFlows__FileUpload__Description",children:m})}),_.error&&e(F,{className:"RemoteFlows__FileUpload__Error"})]})}r(b,"FileUploadFieldDefault");export{b as a};
-//# sourceMappingURL=chunk-2V4CTIAG.js.map
+import{a as n}from"./chunk-KMBA73YG.js";import{j as a,k as i,l as s,m as p,n as F}from"./chunk-72RFYT5Y.js";import{c as t}from"./chunk-OSQ6VUDM.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as e,jsxs as U}from"react/jsx-runtime";function b({field:o,fieldState:_,fieldData:c}){let{name:l,label:d,description:m,multiple:f,accept:u}=c;return U(a,{"data-field":l,className:`RemoteFlows__FileUpload__Item__${l}`,children:[e(i,{className:"RemoteFlows__FileUpload__Label",children:d}),e(s,{children:e(n,{onChange:o.onChange,multiple:f,className:t("RemoteFlows__FileUpload__Input"),accept:u,files:o.value})}),m&&e("div",{className:"flex items-center justify-between",children:e(p,{className:"RemoteFlows__FileUpload__Description",children:m})}),_.error&&e(F,{className:"RemoteFlows__FileUpload__Error"})]})}r(b,"FileUploadFieldDefault");export{b as a};
+//# sourceMappingURL=chunk-BTP3NN3N.js.map

package/dist/{chunk-SXKIRVA2.js → chunk-C6ARUHCB.js}

@@ -1,2 +1,2 @@
-import{a as k}from"./chunk-XFD3ULUF.js";import{a as S}from"./chunk-42R2H2DW.js";import{a as m,b as d,c as h,d as _}from"./chunk-DFJNVGK4.js";import{a as y}from"./chunk-TXSUZLOI.js";import{a as g}from"./chunk-NAF6LRSS.js";import{D as T,Y as b,c as D}from"./chunk-H2RAK6F7.js";import{d as i}from"./chunk-KQPDXXG3.js";import{a as n}from"./chunk-P37U34EQ.js";import{useQuery as v}from"@tanstack/react-query";var c=n(({employmentId:e,status:t,timeoffType:a,options:o})=>{let{client:r}=i();return v({queryKey:["timeoff",e,t],retry:!1,queryFn:n(()=>b({client:r,headers:{Authorization:""},query:{employment_id:e,status:t,timeoff_type:a}}),"queryFn"),select:n(({data:s})=>o?.select?.(s)??s,"select"),enabled:o?.enabled})},"useTimeOffQuery"),R=n((e,t)=>{let a=y(e).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"}),o=y(t).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"});return`${a} \u2192 ${o}`},"formatDateRange"),N=n(({employmentId:e,options:t})=>c({employmentId:e,timeoffType:"paid_time_off",options:{enabled:t?.enabled,select:n(a=>({bookedDays:a?.data?.timeoffs?.reduce((o,r)=>o+(r?.timeoff_days?.filter(s=>s.hours!=null&&s.hours>0).length||0),0)||0,timeoffs:a?.data?.timeoffs?.map(o=>{let r=o?.timeoff_days?.filter(s=>s.hours>0).length||0;return{status:o?.status,duration:r,startDate:o?.start_date,endDate:o?.end_date,formattedDate:R(o?.start_date,o?.end_date)}})||[]}),"select")}}),"usePaidTimeoffBreakdownQuery"),A=n(({employmentId:e})=>{let{client:t}=i();return v({queryKey:["timeoff-balance",e],retry:!1,queryFn:n(()=>T({client:t,headers:{Authorization:""},path:{employment_id:e}}),"queryFn"),select:n(({data:a})=>a,"select")})},"useTimeOffLeavePoliciesSummaryQuery");import{useMutation as E,useQuery as Q}from"@tanstack/react-query";function F(e){return Object.entries(e).reduce((t,[a,o])=>({...t,[a]:h(o)}),{})}n(F,"formatTimeoffValues");function q(e){let t=e?.contract_details?.available_pto,a=e?.contract_details?.available_pto_type;return e?.country?.code==="USA"&&a==="unlimited"?{value:t===0?20:t}:a==="unlimited"&&t>0?{value:t}:{value:t}}n(q,"getMinimumStatutoryDays");function U(e,t){let a=0,o=0;return e.forEach(r=>{r.timeoff_days?.forEach(s=>{new Date(s.day)<=t?a+=s.hours||0:o+=s.hours||0})}),{before:a,after:o}}n(U,"getAllTimeoffHoursBeforeDate");var V=n(({employmentId:e,date:t,options:a})=>c({employmentId:e,timeoffType:"paid_time_off",status:"approved",options:{enabled:a?.enabled,select:n(o=>{let{before:r,after:s}=U(o?.data?.timeoffs||[],new Date(t));return{bookedDaysBeforeTermination:d(r),bookedDaysAfterTermination:d(s)}},"select")}}),"useBookedTimeoffBeforeAndAfterTerminationQuery"),me=n(({employmentId:e,proposedTerminationDate:t,employment:a})=>{let{value:o=0}=q(a),r=A({employmentId:e}),s=V({employmentId:e,date:t}),p=r.data?.data?.[0].annual_entitlement.type==="limited"?{days:r.data?.data?.[0].annual_entitlement.days,hours:r.data?.data?.[0].annual_entitlement.hours}:{days:o,hours:0},u={days:r.data?.data?.[0].booked.days||0,hours:r.data?.data?.[0].booked.hours||0},f=r.data?.data?.[0].current_entitlement.type==="limited"?{days:r.data?.data?.[0].current_entitlement.days||0,hours:r.data?.data?.[0].current_entitlement.hours||0}:{days:o,hours:0},l={days:r.data?.data?.[0].used.days||0,hours:r.data?.data?.[0].used.hours||0},B=s.data?.bookedDaysBeforeTermination||{days:0,hours:0},C=s.data?.bookedDaysAfterTermination||{days:0,hours:0},x=m(f.days,f.hours),H=m(l.days,l.hours),P=m(u.days,u.hours),L=x-H-P,O=_(d(L));return{data:{...F({entitledDays:p,bookedDays:u,usedDays:l,approvedDaysBeforeTermination:B,approvedDaysAfterTermination:C,remainingDays:O,currentEntitlementDays:f}),isUnlimitedPto:a?.contract_details?.available_pto_type==="unlimited"},isLoading:r.isLoading||s.isLoading,isError:r.isError||s.isError,error:r.error||s.error}},"useSummaryTimeOffDataQuery"),de=n(()=>{let{client:e}=i();return E({mutationFn:n(t=>D({client:e,body:t}),"mutationFn")})},"useCreateTermination"),ue=n(({formValues:e,jsfModify:t,step:a})=>Q({queryKey:["rmt-flows-termination-schema",a],queryFn:n(()=>S[a]??k,"queryFn"),select:n(({data:o})=>{let r=o?.schema||{};return g(r,e||{},{jsfModify:t})},"select")}),"useTerminationSchema");export{c as a,N as b,A as c,V as d,me as e,de as f,ue as g};
-//# sourceMappingURL=chunk-SXKIRVA2.js.map
+import{a as k}from"./chunk-XFD3ULUF.js";import{a as S}from"./chunk-DN6BXTAC.js";import{a as m,b as d,c as h,d as _}from"./chunk-DFJNVGK4.js";import{a as y}from"./chunk-TXSUZLOI.js";import{a as g}from"./chunk-JMDINYDB.js";import{D as T,Y as b,c as D}from"./chunk-R47Q7R6C.js";import{d as i}from"./chunk-KQPDXXG3.js";import{a as n}from"./chunk-P37U34EQ.js";import{useQuery as v}from"@tanstack/react-query";var c=n(({employmentId:e,status:t,timeoffType:a,options:o})=>{let{client:r}=i();return v({queryKey:["timeoff",e,t],retry:!1,queryFn:n(()=>b({client:r,headers:{Authorization:""},query:{employment_id:e,status:t,timeoff_type:a}}),"queryFn"),select:n(({data:s})=>o?.select?.(s)??s,"select"),enabled:o?.enabled})},"useTimeOffQuery"),R=n((e,t)=>{let a=y(e).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"}),o=y(t).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"});return`${a} \u2192 ${o}`},"formatDateRange"),N=n(({employmentId:e,options:t})=>c({employmentId:e,timeoffType:"paid_time_off",options:{enabled:t?.enabled,select:n(a=>({bookedDays:a?.data?.timeoffs?.reduce((o,r)=>o+(r?.timeoff_days?.filter(s=>s.hours!=null&&s.hours>0).length||0),0)||0,timeoffs:a?.data?.timeoffs?.map(o=>{let r=o?.timeoff_days?.filter(s=>s.hours>0).length||0;return{status:o?.status,duration:r,startDate:o?.start_date,endDate:o?.end_date,formattedDate:R(o?.start_date,o?.end_date)}})||[]}),"select")}}),"usePaidTimeoffBreakdownQuery"),A=n(({employmentId:e})=>{let{client:t}=i();return v({queryKey:["timeoff-balance",e],retry:!1,queryFn:n(()=>T({client:t,headers:{Authorization:""},path:{employment_id:e}}),"queryFn"),select:n(({data:a})=>a,"select")})},"useTimeOffLeavePoliciesSummaryQuery");import{useMutation as E,useQuery as Q}from"@tanstack/react-query";function F(e){return Object.entries(e).reduce((t,[a,o])=>({...t,[a]:h(o)}),{})}n(F,"formatTimeoffValues");function q(e){let t=e?.contract_details?.available_pto,a=e?.contract_details?.available_pto_type;return e?.country?.code==="USA"&&a==="unlimited"?{value:t===0?20:t}:a==="unlimited"&&t>0?{value:t}:{value:t}}n(q,"getMinimumStatutoryDays");function U(e,t){let a=0,o=0;return e.forEach(r=>{r.timeoff_days?.forEach(s=>{new Date(s.day)<=t?a+=s.hours||0:o+=s.hours||0})}),{before:a,after:o}}n(U,"getAllTimeoffHoursBeforeDate");var V=n(({employmentId:e,date:t,options:a})=>c({employmentId:e,timeoffType:"paid_time_off",status:"approved",options:{enabled:a?.enabled,select:n(o=>{let{before:r,after:s}=U(o?.data?.timeoffs||[],new Date(t));return{bookedDaysBeforeTermination:d(r),bookedDaysAfterTermination:d(s)}},"select")}}),"useBookedTimeoffBeforeAndAfterTerminationQuery"),me=n(({employmentId:e,proposedTerminationDate:t,employment:a})=>{let{value:o=0}=q(a),r=A({employmentId:e}),s=V({employmentId:e,date:t}),p=r.data?.data?.[0].annual_entitlement.type==="limited"?{days:r.data?.data?.[0].annual_entitlement.days,hours:r.data?.data?.[0].annual_entitlement.hours}:{days:o,hours:0},u={days:r.data?.data?.[0].booked.days||0,hours:r.data?.data?.[0].booked.hours||0},f=r.data?.data?.[0].current_entitlement.type==="limited"?{days:r.data?.data?.[0].current_entitlement.days||0,hours:r.data?.data?.[0].current_entitlement.hours||0}:{days:o,hours:0},l={days:r.data?.data?.[0].used.days||0,hours:r.data?.data?.[0].used.hours||0},B=s.data?.bookedDaysBeforeTermination||{days:0,hours:0},C=s.data?.bookedDaysAfterTermination||{days:0,hours:0},x=m(f.days,f.hours),H=m(l.days,l.hours),P=m(u.days,u.hours),L=x-H-P,O=_(d(L));return{data:{...F({entitledDays:p,bookedDays:u,usedDays:l,approvedDaysBeforeTermination:B,approvedDaysAfterTermination:C,remainingDays:O,currentEntitlementDays:f}),isUnlimitedPto:a?.contract_details?.available_pto_type==="unlimited"},isLoading:r.isLoading||s.isLoading,isError:r.isError||s.isError,error:r.error||s.error}},"useSummaryTimeOffDataQuery"),de=n(()=>{let{client:e}=i();return E({mutationFn:n(t=>D({client:e,body:t}),"mutationFn")})},"useCreateTermination"),ue=n(({formValues:e,jsfModify:t,step:a})=>Q({queryKey:["rmt-flows-termination-schema",a],queryFn:n(()=>S[a]??k,"queryFn"),select:n(({data:o})=>{let r=o?.schema||{};return g(r,e||{},{jsfModify:t})},"select")}),"useTerminationSchema");export{c as a,N as b,A as c,V as d,me as e,de as f,ue as g};
+//# sourceMappingURL=chunk-C6ARUHCB.js.map

package/dist/chunk-CEIDSIMA.js

@@ -0,0 +1,2 @@
+import{a as A}from"./chunk-ACKYD4QC.js";import{i as Q,j as X}from"./chunk-FFVTWWGX.js";import{b as U,c as q,f as K}from"./chunk-UZNF4JV3.js";import{a as Z}from"./chunk-2UZ72KAQ.js";import{a as G}from"./chunk-CLAVZQBC.js";import{b as N}from"./chunk-AMSYQQG7.js";import{c as g,i as h}from"./chunk-72RFYT5Y.js";import{c as k,g as R}from"./chunk-OSQ6VUDM.js";import{b as S}from"./chunk-KQPDXXG3.js";import{a as i}from"./chunk-P37U34EQ.js";import{Fragment as ve,useEffect as Ze,useRef as De}from"react";import{jsx as Y}from"react/jsx-runtime";function j({description:e,label:o,name:t,minDate:r,maxDate:s,onChange:a,component:l,...p}){let{components:F}=S(),{control:f}=g(),c;p.meta?.mot&&typeof p.meta.mot=="number"?c=Q(p.meta.mot):typeof r=="string"&&(c=new Date(`${r}T00:00:00`));let m;return s&&(m=new Date(`${s}T23:59:59`)),Y(h,{control:f,name:t,render:({field:u,fieldState:C})=>{let d=l||F?.date;if(!d)throw new Error(`Date picker component not found for field ${t}`);let y={description:e,label:o,name:t,onChange:a,...c&&{minDate:c.toISOString()},...m&&{maxDate:m.toISOString()},...p};return Y(d,{field:{...u,onChange:i(T=>{u.onChange(T),a?.(T)},"onChange")},fieldState:C,fieldData:y})}})}i(j,"DatePickerField");import{jsx as ee}from"react/jsx-runtime";var ke=i((e,o)=>{if(!o)return null;for(let t of e)if(t.size>o){let r=Math.round(o/1048576),s=Math.round(t.size/(1024*1024));return`File "${t.name}" exceeds maximum size of ${r}MB (file is ${s}MB)`}return null},"validateFileSize");function oe({name:e,description:o,label:t,multiple:r,onChange:s,component:a,accept:l,maxSize:p,...F}){let{components:f}=S(),{control:c,setError:m,clearErrors:u}=g(),C=i(async(d,y)=>{let T=ke(d,p);if(T){m(e,{message:T});return}u(e),y.onChange(d),s?.(d)},"handleOnChange");return ee(h,{control:c,name:e,render:({field:d,fieldState:y})=>{let T=a||f.file;if(!T)throw new Error(`File upload component not found for field ${e}`);let P={name:e,description:o,label:t,multiple:r,accept:l,maxFileSize:p,...F};return ee(T,{field:{...d,value:d.value,onChange:i(async x=>C(x,d),"onChange")},fieldState:y,fieldData:P})}})}i(oe,"FileUploadField");import{jsx as te}from"react/jsx-runtime";function H(e){let{components:o}=S(),{control:t}=g(),r=e.component||o.number;if(!r)throw new Error(`Number component not found for field ${e.name}`);return te(h,{control:t,name:e.name,render:({field:s,fieldState:a})=>te(r,{field:{...s,onChange:i(l=>{s.onChange(l),e.onChange?.(l)},"onChange")},fieldState:a,fieldData:e})})}i(H,"NumberField");import{jsx as ne}from"react/jsx-runtime";function re({name:e,defaultValue:o,description:t,label:r,options:s,onChange:a,component:l,...p}){let{components:F}=S(),{control:f}=g();return ne(h,{control:f,name:e,defaultValue:o,render:({field:c,fieldState:m})=>{let u=l||F?.radio;if(!u)throw new Error(`Radio group component not found for field ${e}`);let C={name:e,defaultValue:o,description:t,label:r,options:s,...p};return ne(u,{field:{...c,onChange:i(d=>{c.onChange(d),a?.(d)},"onChange")},fieldState:m,fieldData:C})}})}i(re,"RadioGroupField");import{jsx as ie}from"react/jsx-runtime";function le({label:e,name:o,options:t,defaultValue:r,description:s,onChange:a,component:l,...p}){let{control:F}=g(),{components:f}=S();return ie(h,{defaultValue:r,control:F,name:o,render:({field:c,fieldState:m})=>{let u=l||f?.select;if(!u)throw new Error(`Select component not found for field ${o}`);let C={label:e,name:o,options:t,defaultValue:r,description:s,onChange:a,...p};return ie(u,{field:{...c,onChange:i(d=>{let T=(Array.isArray(p.jsonType)?p.jsonType.includes("number"):p.jsonType==="number")?Number(d):d;c.onChange(T),a?.(T)},"onChange")},fieldState:m,fieldData:C})}})}i(le,"SelectField");import{jsx as se}from"react/jsx-runtime";function ae({label:e,name:o,options:t,defaultValue:r,description:s,onChange:a,$meta:l,component:p,...F}){let{control:f}=g(),{components:c}=S();return se(h,{defaultValue:r,control:f,name:o,render:({field:m,fieldState:u})=>{let C=p||c.countries;if(!C)throw new Error(`Country component not found for field ${o}`);let d={label:e,name:o,options:t,defaultValue:r,description:s,onChange:a,$meta:l,...F};return se(C,{field:{...m,onChange:i(y=>{m.onChange(y),a?.(y)},"onChange")},fieldState:u,fieldData:d})}})}i(ae,"CountryField");import{jsx as me}from"react/jsx-runtime";function de({name:e,description:o,label:t,onChange:r,maxLength:s,component:a,...l}){let{components:p}=S(),{control:F}=g();return me(h,{control:F,name:e,render:({field:f,fieldState:c})=>{let m=a||p.textarea;if(!m)throw new Error(`Text area component not found for field ${e}`);let u={name:e,description:o,label:t,maxLength:s,...l};return me(m,{field:{...f,onChange:i(C=>{f.onChange(C),r?.(C)},"onChange")},fieldState:c,fieldData:u})}})}i(de,"TextAreaField");import{jsx as pe}from"react/jsx-runtime";function ce(e){let{components:o}=S(),{control:t}=g(),r=e.component||o.email;if(!r)throw new Error(`Email component not found for field ${e.name}`);return pe(h,{control:t,name:e.name,render:({field:s,fieldState:a})=>pe(r,{field:{...s,onChange:i(l=>{s.onChange(l),e.onChange?.(l)},"onChange")},fieldState:a,fieldData:e})})}i(ce,"EmailField");import{jsx as ue}from"react/jsx-runtime";function Fe(e){let{control:o}=g();return ue(h,{control:o,name:e.name,render:({field:t})=>ue("input",{...t,type:"hidden"})})}i(Fe,"HiddenField");import{useEffect as Ne,useState as Ve}from"react";import{jsx as fe}from"react/jsx-runtime";function ge(e){let{components:o}=S(),{setValue:t,control:r,watch:s}=g(),a=s(e.name),[l,p]=Ve(a),{workHoursSummary:F,breakSummary:f}=q(l),c=U(l);Ne(()=>{t(e.name,l)},[l,e.name,t]);function m(d){p(d)}i(m,"onSubmit");let u=e.component||o["work-schedule"];if(!u)throw new Error(`Work schedule component not found for field ${e.name}`);let C={...e,onSubmit:m,currentSchedule:l,defaultFormattedValue:{workHoursSummary:F,breakSummary:f,totalWorkHours:c}};return fe(h,{control:r,name:e.name,render:({field:d,fieldState:y})=>fe(u,{field:{...d,onChange:i(T=>{d.onChange(T),e.onChange?.(T)},"onChange")},fieldState:y,fieldData:C})})}i(ge,"WorkScheduleField");import{jsx as Ce}from"react/jsx-runtime";function he({label:e,name:o,options:t,defaultValue:r,description:s,onChange:a,component:l,...p}){let{control:F}=g(),{components:f}=S();return Ce(h,{defaultValue:r,control:F,name:o,render:({field:c,fieldState:m})=>{let u=l||f?.["multi-select"];if(!u)throw new Error(`Multi select component not found for field ${o}`);let C={label:e,name:o,options:t,defaultValue:r,description:s,onChange:a,...p};return Ce(u,{field:{...c,onChange:i(d=>{c.onChange(d),a?.(d)},"onChange")},fieldState:m,fieldData:C})}})}i(he,"MultiSelectField");import{jsx as Ae}from"react/jsx-runtime";var Se=i(e=>Ae(H,{maxLength:15,...e}),"MoneyField");import{useMemo as B,useCallback as ye,useState as He,useEffect as Be,useRef as Je}from"react";import{jsx as W}from"react/jsx-runtime";function We(e){return e.replace(/\s/g,"")}i(We,"removeSpaces");function be(e="",o){let t=new RegExp(`^(\\+|00)(\\d{${o?.dialCode?.length??0}})(.*)$`),r=e?.match(t);if(!r)return{prefix:"",dialCode:"",phoneNumber:e};let[,s,a,l]=r;return{prefix:s,dialCode:a,phoneNumber:l}}i(be,"getStructuredNumberFromInternationalNumber");function Te({dialCodes:e,dialCodeMaxLength:o},t){let{prefix:r}=be(t);if(r)for(let s=o+r.length;s>r.length;s--){let a=t.slice(r.length,s);if(e[a])return e[a]}}i(Te,"getCountryFromPhoneNumber");function xe(e){let o={},t=0;return e.forEach(r=>{r.areaCodes?r.areaCodes.forEach(s=>{let a=r.dialCode+s;o[a]=r,a.length>t&&(t=a.length)}):(o[r.dialCode]=r,r.dialCode.length>t&&(t=r.dialCode.length))}),{dialCodes:o,dialCodeMaxLength:t}}i(xe,"getCountryDataByCountryCode");function Ie(e=""){let o=/\(([^)]+)\)/g,t=e.match(o);if(t?.length===2)return t[1].replace(/\(|\)/g,"").split("|")}i(Ie,"getAreaCodesFromPattern");function Le(e){return e.map(o=>({name:o.label,dialCode:o.meta.countryCode,pattern:o.pattern,areaCodes:Ie(o.pattern)}))}i(Le,"transformSchemaToCountries");function ze({field:e,fieldState:o,fieldData:t,component:r,onChangeCountryCode:s,onChangePhoneNumber:a}){let{value:l}=e,{options:p}=t,F=B(()=>Le(p),[p]),f=B(()=>xe(F),[F]),c=Je(!1),[m,u]=He(()=>Te(xe(F),l||""));Be(()=>{if((!l||l==="+")&&(c.current=!1),c.current)return;let x=Te(f,l||"");u(x)},[l,f]);let{prefix:C,phoneNumber:d}=B(()=>be(l,m),[l,m]),y=ye(x=>{if(!x)return;let w=`+${x.dialCode}${d}`;c.current=!0,u(x),e.onChange(w),s&&s(x)},[d,e,s]),T=ye(x=>{let w=We(x.target.value),$;if(m?$=`${C}${m.dialCode}${w}`:$=`${C}${w}`,e.onChange($),a){let V={target:{value:$,name:e.name}};a(V)}},[m,C,e,a]),P=B(()=>({...t,onChangeCountryCode:y,onChangePhoneNumber:T,currentCountry:m,nationalPhoneNumber:d}),[t,y,T,m,d]);return W(r,{field:e,fieldState:o,fieldData:P})}i(ze,"TelFieldRenderer");function $e({name:e,description:o,label:t,onChangeCountryCode:r,onChangePhoneNumber:s,component:a,...l}){let{components:p}=S(),{control:F}=g();return W(h,{control:F,name:e,render:({field:f,fieldState:c})=>{let m=a||p.tel;if(!m)throw new Error(`Tel component not found for field ${e}`);let u={name:e,description:o,label:t,...l};return W(ze,{field:f,fieldState:c,fieldData:u,component:m,onChangeCountryCode:r,onChangePhoneNumber:s})}})}i($e,"TelField");var I={checkbox:K,text:G,email:ce,money:Se,select:le,"multi-select":he,radio:re,number:H,file:oe,date:j,textarea:de,countries:ae,hidden:Fe,tel:$e,"work-schedule":ge};import{useEffect as Oe}from"react";import{jsx as J,jsxs as _e}from"react/jsx-runtime";var Ge=i(({name:e,description:o,helpCenter:t})=>_e("span",{children:[J("span",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:R(o)}}),t?.callToAction&&t?.id&&J(N,{className:"RemoteFlows__ForcedValue__HelpCenterLink",zendeskId:t.id,children:t.callToAction})]}),"Description");function Pe({name:e,value:o,description:t,statement:r,label:s,helpCenter:a}){let{setValue:l}=g(),p=R(r?.description||t);Oe(()=>{l(e,o)},[]);let F=r?.title?R(r?.title):R(s);return _e("div",{children:[F&&J("p",{className:`text-sm RemoteFlows__ForcedValue__Title__${e}`,dangerouslySetInnerHTML:{__html:F}}),J(Ge,{name:e,description:p,helpCenter:a})]})}i(Pe,"ForcedValueField");import{Fragment as Ue,jsx as b,jsxs as v}from"react/jsx-runtime";function Re({label:e,name:o,fields:t,description:r,components:s,statement:a,isFlatFieldset:l,extra:p,variant:F="outset",features:f,meta:c}){let{helpCenter:m}=c||{},{watch:u,setValue:C,trigger:d,formState:y}=g(),{components:T}=S(),P=f?.toggle?.stateField,x=P?u(P):f?.toggle?.defaultExpanded??!0,w=t.map(({name:n})=>`${o}.${n}`),$=u(w),V=De($),M=De(null),we=i(()=>{P&&C(P,!x)},"toggleExpanded");Ze(()=>{let n=$,_=V.current,O=y.isSubmitted||y.submitCount>0,E=!1;for(let D=0;D<n.length;D++)if(n[D]!==void 0&&_[D]!==n[D]){E=!0;break}return E&&O&&(M.current&&clearTimeout(M.current),M.current=setTimeout(()=>{d()},50)),V.current=[...n],()=>{M.current&&clearTimeout(M.current)}},[$,d,y.isSubmitted,y.submitCount]);let Ee=T?.fieldsetToggle||Z,L=`${o}-content`,z=`${o}-header`;return v("fieldset",{className:k("border-1 border-input p-4 rounded-xl","RemoteFlows__FieldSetField",`RemoteFlows__FieldSetField__${o}`),children:[b("legend",{className:k("text-sm font-semibold px-2",F==="inset"&&"hidden"),children:e}),m?.callToAction&&m?.id&&F==="outset"&&b(N,{className:"RemoteFlows__FieldSetField__HelpCenterLink mb-3",zendeskId:m.id,children:m.callToAction}),F==="inset"&&v(Ue,{children:[v("div",{className:"RemoteFlows__FieldSetField__Header",id:z,"data-state":x?"expanded":"collapsed","aria-expanded":x,children:[b("h3",{className:k("RemoteFlows__FieldSetField__Title"),children:e}),f?.toggle?.enabled&&b(Ee,{isExpanded:x,onToggle:we,"aria-expanded":x,"aria-controls":L,"aria-label":`${x?"Hide":"Show"} ${e}`,className:k("RemoteFlows__FieldSetField__Toggle",f.toggle?.className),children:x?f.toggle.labels?.collapse??"Remove":f.toggle.labels?.expand??"Define"})]}),m?.callToAction&&m?.id&&b(N,{className:"RemoteFlows__FieldSetField__HelpCenterLink mb-3",zendeskId:m.id,children:m.callToAction})]}),x&&v("div",{id:L,"aria-labelledby":z,role:"region",children:[r?b("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:R(r)}}):null,v("div",{className:"grid gap-4",children:[t.map(n=>{if(n.calculateDynamicProperties&&(n={...n,...n.calculateDynamicProperties($,n)||{}}),n.isVisible===!1||n.deprecated)return null;let _=n.type;if(X(n))return b(Pe,{name:`${l?n.name:`${o}.${n.name}`}`,description:n.description,value:n.const,statement:n.statement,label:n.label,helpCenter:n.meta?.helpCenter},`${l?n.name:`${o}.${n.name}`}`);if(_==="fieldset")return b(Re,{...n,name:`${l?n.name:`${o}.${n.name}`}`,components:s},`${l?n.name:`${o}.${n.name}`}`);if(_==="fieldset-flat")return b(Re,{...n,name:`${l?n.name:`${o}.${n.name}`}`,components:s,isFlatFieldset:!0},`${l?n.name:`${o}.${n.name}`}`);let E=I[_];if(n.Component){let{Component:D}=n;return v(ve,{children:[b(D,{...n,value:u(`${l?n.name:`${o}.${n.name}`}`),setValue:Me=>{C(`${l?n.name:`${o}.${n.name}`}`,Me)}}),n.statement?b(A,{...n.statement}):null,n.extra?n.extra:null]},`${l?n.name:`${o}.${n.name}`}`)}return E?(_==="select"&&n.multiple&&(E=I["multi-select"]),v(ve,{children:[b(E,{...n,name:`${l?n.name:`${o}.${n.name}`}`,component:s?.[_]}),n.statement?b(A,{...n.statement}):null,n.extra?n.extra:null]},`${l?n.name:`${o}.${n.name}`}`)):v("p",{className:"error",children:["Field type ",_," not supported"]})}),p||null,a?b(A,{...a}):null]})]})]})}i(Re,"FieldSetField");export{I as a,Pe as b,Re as c};
+//# sourceMappingURL=chunk-CEIDSIMA.js.map

package/dist/chunk-CEIDSIMA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/fields/FieldSetField.tsx","../src/components/form/fields/DatePickerField.tsx","../src/components/form/fields/FileUploadField.tsx","../src/components/form/fields/NumberField.tsx","../src/components/form/fields/RadioGroupField.tsx","../src/components/form/fields/SelectField.tsx","../src/components/form/fields/CountryField.tsx","../src/components/form/fields/TextAreaField.tsx","../src/components/form/fields/EmailField.tsx","../src/components/form/fields/HiddenField.tsx","../src/components/form/fields/WorkScheduleField.tsx","../src/components/form/fields/MultiSelectField.tsx","../src/components/form/fields/MoneyField.tsx","../src/components/form/fields/TelField.tsx","../src/components/form/fields/baseFields.tsx","../src/components/form/fields/ForcedValueField.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form';\nimport { Fragment, useEffect, useRef } from 'react';\nimport { baseFields } from '@/src/components/form/fields/baseFields';\nimport { cn, sanitizeHtml } from '@/src/lib/utils';\nimport { $TSFixMe, Components } from '@/src/types/remoteFlows';\nimport { Statement } from '@/src/components/form/Statement';\nimport { useFormFields } from '@/src/context';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { FieldsetToggleButtonDefault } from '@/src/components/form/fields/default/FieldsetToggleButtonDefault';\nimport { BaseTypes, SupportedTypes } from './types';\nimport { StatementComponentProps } from '@/src/types/fields';\nimport { checkFieldHasForcedValue } from '@/src/components/form/utils';\nimport { ForcedValueField } from '@/src/components/form/fields/ForcedValueField';\n\ntype FieldBase = {\n  label: string;\n  name: string;\n  description: string;\n  Component?: React.ComponentType<$TSFixMe>;\n  inputType: SupportedTypes;\n  multiple?: boolean;\n};\n\ntype FieldWithOptions = FieldBase & {\n  type: 'select' | 'radio';\n  options: Array<{ value: string; label: string }>;\n};\n\ntype FieldWithoutOptions = FieldBase & {\n  type: Exclude<SupportedTypes, 'select' | 'radio'>;\n  options?: never;\n};\n\ntype Field = FieldWithOptions | FieldWithoutOptions;\n\ntype FieldSetFeatures = {\n  toggle?: {\n    enabled: boolean;\n    defaultExpanded?: boolean;\n    stateField?: string;\n    labels?: {\n      expand: string;\n      collapse: string;\n    };\n    className?: string;\n  };\n};\n\nexport type FieldSetProps = {\n  label: string;\n  name: string;\n  description: string;\n  fields: Field[];\n  features?: FieldSetFeatures;\n  components: Components;\n  statement?: StatementComponentProps['data'];\n  isFlatFieldset: boolean;\n  extra?: React.ReactNode;\n  variant: 'outset' | 'inset';\n  meta?: {\n    helpCenter?: {\n      callToAction: string;\n      id: number;\n      url: string;\n      label: string;\n    };\n  } & Record<string, $TSFixMe>;\n};\n\nexport function FieldSetField({\n  label,\n  name,\n  fields,\n  description,\n  components,\n  statement,\n  isFlatFieldset,\n  extra,\n  variant = 'outset',\n  features,\n  meta,\n}: FieldSetProps) {\n  const { helpCenter } = meta || {};\n  const { watch, setValue, trigger, formState } = useFormContext();\n  const { components: formComponents } = useFormFields();\n\n  // Get expanded state from form state if stateField is provided\n  const stateField = features?.toggle?.stateField;\n  const isExpanded = stateField\n    ? watch(stateField)\n    : (features?.toggle?.defaultExpanded ?? true);\n\n  const fieldNames = fields.map(\n    ({ name: fieldName }) => `${name}.${fieldName}`,\n  );\n  const watchedValues = watch(fieldNames);\n  const prevValuesRef = useRef<string[]>(watchedValues);\n  const triggerTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const toggleExpanded = () => {\n    if (stateField) {\n      setValue(stateField, !isExpanded);\n    }\n  };\n\n  useEffect(() => {\n    const currentValues = watchedValues;\n    const previousValues = prevValuesRef.current;\n    const hasBeenSubmitted = formState.isSubmitted || formState.submitCount > 0;\n\n    // Check if any value has changed\n    let hasChanged = false;\n    for (let i = 0; i < currentValues.length; i++) {\n      if (\n        currentValues[i] !== undefined &&\n        previousValues[i] !== currentValues[i]\n      ) {\n        hasChanged = true;\n        // This is to prevent the form from triggering validation too many times\n        break;\n      }\n    }\n    // If changes detected and we haven't triggered yet, run trigger\n    if (hasChanged && hasBeenSubmitted) {\n      // We need to debounce the validation trigger so that tests don't freeze\n      if (triggerTimeoutRef.current) {\n        clearTimeout(triggerTimeoutRef.current);\n      }\n      triggerTimeoutRef.current = setTimeout(() => {\n        trigger();\n      }, 50);\n    }\n\n    prevValuesRef.current = [...currentValues];\n\n    return () => {\n      if (triggerTimeoutRef.current) {\n        clearTimeout(triggerTimeoutRef.current);\n      }\n    };\n  }, [watchedValues, trigger, formState.isSubmitted, formState.submitCount]);\n\n  const ToggleComponent =\n    formComponents?.fieldsetToggle || FieldsetToggleButtonDefault;\n  const contentId = `${name}-content`;\n  const headerId = `${name}-header`;\n\n  return (\n    <fieldset\n      className={cn(\n        'border-1 border-input p-4 rounded-xl',\n        `RemoteFlows__FieldSetField`,\n        `RemoteFlows__FieldSetField__${name}`,\n      )}\n    >\n      <legend\n        className={cn(\n          'text-sm font-semibold px-2',\n          variant === 'inset' && 'hidden',\n        )}\n      >\n        {label}\n      </legend>\n      {helpCenter?.callToAction && helpCenter?.id && variant === 'outset' && (\n        <ZendeskTriggerButton\n          className='RemoteFlows__FieldSetField__HelpCenterLink mb-3'\n          zendeskId={helpCenter.id}\n        >\n          {helpCenter.callToAction}\n        </ZendeskTriggerButton>\n      )}\n      {variant === 'inset' && (\n        <>\n          <div\n            className='RemoteFlows__FieldSetField__Header'\n            id={headerId}\n            data-state={isExpanded ? 'expanded' : 'collapsed'}\n            aria-expanded={isExpanded}\n          >\n            <h3 className={cn('RemoteFlows__FieldSetField__Title')}>{label}</h3>\n            {features?.toggle?.enabled && (\n              <ToggleComponent\n                isExpanded={isExpanded}\n                onToggle={toggleExpanded}\n                aria-expanded={isExpanded}\n                aria-controls={contentId}\n                aria-label={`${isExpanded ? 'Hide' : 'Show'} ${label}`}\n                className={cn(\n                  'RemoteFlows__FieldSetField__Toggle',\n                  features.toggle?.className,\n                )}\n              >\n                {isExpanded\n                  ? (features.toggle.labels?.collapse ?? 'Remove')\n                  : (features.toggle.labels?.expand ?? 'Define')}\n              </ToggleComponent>\n            )}\n          </div>\n          {helpCenter?.callToAction && helpCenter?.id && (\n            <ZendeskTriggerButton\n              className='RemoteFlows__FieldSetField__HelpCenterLink mb-3'\n              zendeskId={helpCenter.id}\n            >\n              {helpCenter.callToAction}\n            </ZendeskTriggerButton>\n          )}\n        </>\n      )}\n      {isExpanded && (\n        <div id={contentId} aria-labelledby={headerId} role='region'>\n          {description ? (\n            <div\n              className='mb-5 RemoteFlows__FieldSetField__Description'\n              dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n            />\n          ) : null}\n          <div className='grid gap-4'>\n            {fields.map((field: $TSFixMe) => {\n              if (field.calculateDynamicProperties) {\n                field = {\n                  ...field,\n                  ...(field.calculateDynamicProperties(watchedValues, field) ||\n                    {}),\n                };\n              }\n\n              if (field.isVisible === false || field.deprecated) {\n                return null; // Skip hidden or deprecated fields\n              }\n\n              const fieldType = field.type;\n\n              const isForcedValue = checkFieldHasForcedValue(field);\n\n              if (isForcedValue) {\n                return (\n                  <ForcedValueField\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    description={field.description}\n                    value={field.const}\n                    statement={field.statement}\n                    label={field.label}\n                    helpCenter={field.meta?.helpCenter}\n                  />\n                );\n              }\n\n              // Handle nested fieldsets\n              if (fieldType === 'fieldset') {\n                return (\n                  <FieldSetField\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    components={components}\n                  />\n                );\n              }\n\n              if (fieldType === 'fieldset-flat') {\n                return (\n                  <FieldSetField\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    components={components}\n                    isFlatFieldset\n                  />\n                );\n              }\n              // We need to do the check after checking (field.type || field.inputType) === 'fieldset' or (field.type || field.inputType) === 'fieldset-flat'\n              // circular dependency most likely\n              let FieldComponent = baseFields[fieldType as BaseTypes];\n\n              if (field.Component) {\n                const { Component } = field as {\n                  Component: React.ComponentType<$TSFixMe>;\n                };\n                return (\n                  <Fragment\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                  >\n                    <Component\n                      {...field}\n                      value={\n                        watch(\n                          `${isFlatFieldset ? field.name : `${name}.${field.name}`}`,\n                        ) as string\n                      }\n                      setValue={(value: unknown) => {\n                        setValue(\n                          `${isFlatFieldset ? field.name : `${name}.${field.name}`}`,\n                          value,\n                        );\n                      }}\n                    />\n                    {field.statement ? (\n                      <Statement\n                        {...(field.statement as StatementComponentProps['data'])}\n                      />\n                    ) : null}\n                    {field.extra ? field.extra : null}\n                  </Fragment>\n                );\n              }\n\n              if (!FieldComponent) {\n                return (\n                  <p className='error'>Field type {fieldType} not supported</p>\n                );\n              }\n\n              if (fieldType === 'select' && field.multiple) {\n                FieldComponent = baseFields['multi-select'];\n              }\n\n              return (\n                <Fragment\n                  key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                >\n                  <FieldComponent\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    component={components?.[fieldType as keyof Components]}\n                  />\n                  {field.statement ? (\n                    <Statement\n                      {...(field.statement as StatementComponentProps['data'])}\n                    />\n                  ) : null}\n                  {field.extra ? field.extra : null}\n                </Fragment>\n              );\n            })}\n            {extra ? extra : null}\n            {statement ? <Statement {...statement} /> : null}\n          </div>\n        </div>\n      )}\n    </fieldset>\n  );\n}\n","import { useFormContext } from 'react-hook-form';\nimport { FormField } from '@/src/components/ui/form';\n\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { getMinStartDate } from '@/src/components/form/utils';\n\nexport type DatePickerFieldProps = JSFField & {\n  onChange?: (value: $TSFixMe) => void;\n  component?: Components['date'];\n};\n\nexport function DatePickerField({\n  description,\n  label,\n  name,\n  minDate,\n  maxDate,\n  onChange,\n  component,\n  ...rest\n}: DatePickerFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  let minDateValue: Date;\n  if (rest.meta?.mot && typeof rest.meta.mot === 'number') {\n    minDateValue = getMinStartDate(rest.meta.mot);\n  } else if (typeof minDate === 'string') {\n    minDateValue = new Date(`${minDate}T00:00:00`);\n  }\n\n  let maxDateValue: Date | undefined;\n  if (maxDate) {\n    maxDateValue = new Date(`${maxDate}T23:59:59`);\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components?.date;\n\n        if (!Component) {\n          throw new Error(`Date picker component not found for field ${name}`);\n        }\n\n        const customDatePickerFieldProps = {\n          description,\n          label,\n          name,\n          onChange,\n          ...(minDateValue && { minDate: minDateValue.toISOString() }),\n          ...(maxDateValue && { maxDate: maxDateValue.toISOString() }),\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customDatePickerFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport {\n  ControllerRenderProps,\n  FieldValues,\n  useFormContext,\n} from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { FieldDataProps } from '@/src/types/fields';\n\nconst validateFileSize = (files: File[], maxSize?: number): string | null => {\n  if (!maxSize) return null;\n\n  for (const file of files) {\n    if (file.size > maxSize) {\n      const maxSizeMB = Math.round(maxSize / (1024 * 1024));\n      const fileSizeMB = Math.round(file.size / (1024 * 1024));\n      return `File \"${file.name}\" exceeds maximum size of ${maxSizeMB}MB (file is ${fileSizeMB}MB)`;\n    }\n  }\n  return null;\n};\n\nexport type FieldFileDataProps = FieldDataProps & {\n  accept?: string;\n  multiple?: boolean;\n  maxFileSize?: number;\n};\n\nexport type FileUploadFieldProps = JSFField & {\n  onChange?: (value: File[]) => void;\n  multiple?: boolean;\n  component?: Components['file'];\n  maxSize?: number;\n  accept?: string;\n};\n\nexport function FileUploadField({\n  name,\n  description,\n  label,\n  multiple,\n  onChange,\n  component,\n  accept,\n  maxSize,\n  ...rest\n}: FileUploadFieldProps) {\n  const { components } = useFormFields();\n  const { control, setError, clearErrors } = useFormContext();\n\n  const handleOnChange = async (\n    files: File[],\n    field: ControllerRenderProps<FieldValues, string>,\n  ) => {\n    const sizeError = validateFileSize(files, maxSize);\n    if (sizeError) {\n      setError(name, { message: sizeError });\n      return;\n    }\n\n    clearErrors(name);\n    field.onChange(files);\n    onChange?.(files);\n  };\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components.file;\n        if (!Component) {\n          throw new Error(`File upload component not found for field ${name}`);\n        }\n\n        const fieldData: FieldFileDataProps = {\n          name,\n          description,\n          label,\n          multiple,\n          accept,\n          maxFileSize: maxSize,\n          ...rest,\n        };\n\n        return (\n          <Component\n            field={{\n              ...field,\n              value: field.value,\n              onChange: async (value: File[]) => handleOnChange(value, field),\n            }}\n            fieldState={fieldState}\n            fieldData={fieldData}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormContext } from 'react-hook-form';\nimport { useFormFields } from '@/src/context';\nimport { FormField } from '@/src/components/ui/form';\nimport { Components } from '@/src/types/remoteFlows';\nimport { TextFieldProps } from './TextField';\n\nexport type NumberFieldProps = TextFieldProps & {\n  component?: Components['number'];\n  onChange?: (value: number) => void;\n};\n\nexport function NumberField(props: NumberFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const Component = props.component || components.number;\n  if (!Component) {\n    throw new Error(`Number component not found for field ${props.name}`);\n  }\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field, fieldState }) => {\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: number) => {\n                field.onChange(value);\n                props.onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={props}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { FormField } from '@/src/components/ui/form';\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\n\ntype RadioGroupFieldProps = JSFField & {\n  onChange?: (value: string) => void;\n  component?: Components['radio'];\n};\n\nexport function RadioGroupField({\n  name,\n  defaultValue,\n  description,\n  label,\n  options,\n  onChange,\n  component,\n  ...rest\n}: RadioGroupFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => {\n        const Component = component || components?.radio;\n        if (!Component) {\n          throw new Error(`Radio group component not found for field ${name}`);\n        }\n        const customRadioGroupFieldProps = {\n          name,\n          defaultValue,\n          description,\n          label,\n          options,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: string) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customRadioGroupFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '@/src/components/ui/form';\n\ntype SelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string | number; label: string }>;\n  className?: string;\n  onChange?: (value: string | number) => void;\n  component?: Components['select'];\n};\n\nexport function SelectField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  component,\n  ...rest\n}: SelectFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components?.select;\n\n        if (!Component) {\n          throw new Error(`Select component not found for field ${name}`);\n        }\n\n        const customSelectFieldProps = {\n          label,\n          name,\n          options,\n          defaultValue,\n          description,\n          onChange,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: string | number) => {\n                const isNumberType = Array.isArray(rest.jsonType)\n                  ? rest.jsonType.includes('number')\n                  : rest.jsonType === 'number';\n                const maybeCastValue = isNumberType ? Number(value) : value;\n                field.onChange(maybeCastValue);\n                onChange?.(maybeCastValue);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customSelectFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\n\ntype CountryFieldProps = JSFField & {\n  options: Array<{ value: string; label: string }>;\n  onChange?: (value: $TSFixMe) => void;\n  $meta: {\n    regions: Record<string, string[]>;\n    subregions: Record<string, string[]>;\n  };\n  component?: Components['countries'];\n};\n\nexport function CountryField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  $meta,\n  component,\n  ...rest\n}: CountryFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components.countries;\n        if (!Component) {\n          throw new Error(`Country component not found for field ${name}`);\n        }\n\n        const customSelectFieldProps = {\n          label,\n          name,\n          options,\n          defaultValue,\n          description,\n          onChange,\n          $meta,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customSelectFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import * as React from 'react';\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '@/src/components/ui/form';\n\nexport type TextAreaFieldProps = JSFField & {\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  maxLength?: number;\n  component?: Components['textarea'];\n};\n\nexport function TextAreaField({\n  name,\n  description,\n  label,\n  onChange,\n  maxLength,\n  component,\n  ...rest\n}: TextAreaFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components.textarea;\n        if (!Component) {\n          throw new Error(`Text area component not found for field ${name}`);\n        }\n        const customTextAreaFieldProps = {\n          name,\n          description,\n          label,\n          maxLength,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (evt: React.ChangeEvent<HTMLTextAreaElement>) => {\n                field.onChange(evt);\n                onChange?.(evt);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customTextAreaFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { TextFieldProps } from './TextField';\nimport { Components } from '@/src/types/remoteFlows';\n\ntype EmailFieldProps = TextFieldProps & {\n  component?: Components['email'];\n};\n\nexport function EmailField(props: EmailFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const Component = props.component || components.email;\n\n  if (!Component) {\n    throw new Error(`Email component not found for field ${props.name}`);\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field, fieldState }) => {\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: string) => {\n                field.onChange(value);\n                props.onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={props}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { Field } from '@/src/flows/types';\n\nexport function HiddenField(props: Field) {\n  const { control } = useFormContext();\n\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field }) => {\n        return <input {...field} type='hidden' />;\n      }}\n    />\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\n\nimport { JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { useFormFields } from '@/src/context';\nimport { FormField } from '@/src/components/ui/form';\nimport { Components } from '@/src/types/remoteFlows';\n\nimport {\n  buildWorkScheduleSummary,\n  calculateTotalWorkHours,\n  DailySchedule,\n} from './workScheduleUtils';\n\ntype WorkScheduleFieldProps = JSFField & {\n  name: string;\n  default: DailySchedule[];\n  onChange?: (value: $TSFixMe) => void;\n  component?: Components['work-schedule'];\n};\n\ntype WorkScheduleFormData = {\n  schedule: DailySchedule[];\n};\n\nexport function WorkScheduleField(props: WorkScheduleFieldProps) {\n  const { components } = useFormFields();\n  const { setValue, control, watch } = useFormContext();\n  const watchedSchedule = watch(props.name);\n  const [currentSchedule, setCurrentSchedule] =\n    useState<DailySchedule[]>(watchedSchedule);\n\n  const { workHoursSummary, breakSummary } =\n    buildWorkScheduleSummary(currentSchedule);\n  const totalWorkHours = calculateTotalWorkHours(currentSchedule);\n\n  useEffect(() => {\n    setValue(props.name, currentSchedule);\n  }, [currentSchedule, props.name, setValue]);\n\n  function onSubmit(data: WorkScheduleFormData['schedule']) {\n    setCurrentSchedule(data);\n  }\n\n  const Component = props.component || components['work-schedule'];\n  if (!Component) {\n    throw new Error(\n      `Work schedule component not found for field ${props.name}`,\n    );\n  }\n\n  const fieldData = {\n    ...props,\n    onSubmit,\n    currentSchedule,\n    defaultFormattedValue: {\n      workHoursSummary,\n      breakSummary,\n      totalWorkHours,\n    },\n  };\n\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field, fieldState }) => {\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                props.onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={fieldData}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\n\ntype MultiSelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string; label: string }>;\n  className?: string;\n  onChange?: (value: $TSFixMe) => void;\n  component?: Components['select'];\n};\n\nexport function MultiSelectField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  component,\n  ...rest\n}: MultiSelectFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components?.['multi-select'];\n        if (!Component) {\n          throw new Error(`Multi select component not found for field ${name}`);\n        }\n\n        const customSelectFieldProps = {\n          label,\n          name,\n          options,\n          defaultValue,\n          description,\n          onChange,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customSelectFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import {\n  NumberField,\n  NumberFieldProps,\n} from '@/src/components/form/fields/NumberField';\n\n// TODO: We use the number field and the the number type is what the partner overrides\n// TODO: this needs to be changed in the future with the changes from https://github.com/remoteoss/remote-flows/pull/128\nexport const MoneyField = (props: NumberFieldProps) => {\n  return <NumberField maxLength={15} {...props} />;\n};\n","import { FormField } from '@/src/components/ui/form';\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport {\n  useFormContext,\n  ControllerFieldState,\n  ControllerRenderProps,\n  FieldValues,\n} from 'react-hook-form';\nimport { TelFieldComponentProps } from '@/src/types/fields';\nimport { useMemo, useCallback, useState, useEffect, useRef } from 'react';\n\nexport type Country = {\n  name: string;\n  dialCode: string;\n  pattern: string;\n  areaCodes?: string[];\n};\n\n/**\n * Removes all spaces from input.\n */\nfunction removeSpaces(value: string) {\n  return value.replace(/\\s/g, '');\n}\n\nfunction getStructuredNumberFromInternationalNumber(\n  internationalPhoneNumber: string = '',\n  country?: Country,\n) {\n  const baseRegex = new RegExp(\n    `^(\\\\+|00)(\\\\d{${country?.dialCode?.length ?? 0}})(.*)$`,\n  );\n  const baseMatch = internationalPhoneNumber?.match(baseRegex);\n\n  if (!baseMatch) {\n    return {\n      prefix: '',\n      dialCode: '',\n      phoneNumber: internationalPhoneNumber,\n    };\n  }\n\n  const [, plusOrCallPrefix, dialCode, phoneNumber] = baseMatch;\n\n  return {\n    prefix: plusOrCallPrefix,\n    dialCode,\n    phoneNumber,\n  };\n}\n\nfunction getCountryFromPhoneNumber(\n  {\n    dialCodes,\n    dialCodeMaxLength,\n  }: ReturnType<typeof getCountryDataByCountryCode>,\n  internationalPhoneNumber: string,\n) {\n  const { prefix } = getStructuredNumberFromInternationalNumber(\n    internationalPhoneNumber,\n  );\n\n  if (!prefix) {\n    return undefined;\n  }\n\n  // Try longest dial codes first - critical for US/Canada\n  for (let i = dialCodeMaxLength + prefix.length; i > prefix.length; i--) {\n    const dialCode = internationalPhoneNumber.slice(prefix.length, i);\n\n    if (dialCodes[dialCode]) {\n      return dialCodes[dialCode];\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Creates a map of dial codes (including area codes) to country objects.\n * Handles countries like US/Canada that share +1 with different area codes.\n */\nexport function getCountryDataByCountryCode(countries: Country[]) {\n  const dialCodes: Record<string, Country> = {};\n  let dialCodeMaxLength = 0;\n\n  countries.forEach((country) => {\n    if (country.areaCodes) {\n      // For countries with area codes (e.g., +1204, +1226)\n      country.areaCodes.forEach((areaCode) => {\n        const code = country.dialCode + areaCode;\n        dialCodes[code] = country;\n        if (code.length > dialCodeMaxLength) {\n          dialCodeMaxLength = code.length;\n        }\n      });\n    } else {\n      // For countries with simple dial codes (e.g., +44, +351)\n      dialCodes[country.dialCode] = country;\n      if (country.dialCode.length > dialCodeMaxLength) {\n        dialCodeMaxLength = country.dialCode.length;\n      }\n    }\n  });\n\n  return { dialCodes, dialCodeMaxLength };\n}\n\nfunction getAreaCodesFromPattern(pattern: string = '') {\n  const codeGroupPattern = /\\(([^)]+)\\)/g;\n  const groups = pattern.match(codeGroupPattern);\n\n  if (groups?.length === 2) {\n    return groups[1].replace(/\\(|\\)/g, '').split('|');\n  }\n\n  return undefined;\n}\n\nfunction transformSchemaToCountries(\n  options: Array<{\n    value: string;\n    label: string;\n    meta: { countryCode: string };\n    pattern: string;\n  }>,\n): Country[] {\n  return options.map((option) => ({\n    name: option.label,\n    dialCode: option.meta.countryCode,\n    pattern: option.pattern,\n    areaCodes: getAreaCodesFromPattern(option.pattern),\n  }));\n}\n\nexport function TelFieldRenderer({\n  field,\n  fieldState,\n  fieldData,\n  component: Component,\n  onChangeCountryCode,\n  onChangePhoneNumber,\n}: {\n  field: ControllerRenderProps<FieldValues, string>;\n  fieldState: ControllerFieldState;\n  fieldData: TelFieldDataProps;\n  component: React.ComponentType<TelFieldComponentProps>;\n  onChangeCountryCode?: (newCountry: Country) => void;\n  onChangePhoneNumber?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n  const { value: internationalPhoneNumber } = field;\n  const { options } = fieldData;\n\n  const countries = useMemo(\n    () => transformSchemaToCountries(options),\n    [options],\n  );\n\n  const countriesByCountryCode = useMemo(\n    () => getCountryDataByCountryCode(countries),\n    [countries],\n  );\n\n  // Track if the country change was due to manual selection\n  const isManualSelectionRef = useRef(false);\n\n  // Use state to track country, so manual selection is preserved\n  const [country, setCountry] = useState<Country | undefined>(() =>\n    getCountryFromPhoneNumber(\n      getCountryDataByCountryCode(countries),\n      internationalPhoneNumber || '',\n    ),\n  );\n\n  // Re-detect country when phone number changes externally (e.g., form reset or area code typed)\n  useEffect(() => {\n    // Reset manual selection flag if field is cleared\n    if (!internationalPhoneNumber || internationalPhoneNumber === '+') {\n      isManualSelectionRef.current = false;\n    }\n\n    if (isManualSelectionRef.current) {\n      return;\n    }\n\n    const detected = getCountryFromPhoneNumber(\n      countriesByCountryCode,\n      internationalPhoneNumber || '',\n    );\n    setCountry(detected);\n  }, [internationalPhoneNumber, countriesByCountryCode]);\n\n  const { prefix, phoneNumber: nationalPhoneNumber } = useMemo(\n    () =>\n      getStructuredNumberFromInternationalNumber(\n        internationalPhoneNumber,\n        country,\n      ),\n    [internationalPhoneNumber, country],\n  );\n\n  const handleCountryCodeChange = useCallback(\n    (newCountry: Country) => {\n      if (!newCountry) return;\n      const newValue = `+${newCountry.dialCode}${nationalPhoneNumber}`;\n\n      // Mark as manual selection to prevent useEffect from overriding\n      isManualSelectionRef.current = true;\n\n      // Update country state to preserve manual selection\n      setCountry(newCountry);\n\n      // Update React Hook Form state\n      field.onChange(newValue);\n\n      // Call optional external onChange\n      if (onChangeCountryCode) {\n        onChangeCountryCode(newCountry);\n      }\n    },\n    [nationalPhoneNumber, field, onChangeCountryCode],\n  );\n\n  const handlePhoneNumberChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const valueWithoutSpaces = removeSpaces(event.target.value);\n      let newValue: string;\n      if (country) {\n        newValue = `${prefix}${country.dialCode}${valueWithoutSpaces}`;\n      } else {\n        newValue = `${prefix}${valueWithoutSpaces}`;\n      }\n      // Update React Hook Form state\n      field.onChange(newValue);\n\n      // Call optional external onChange\n      if (onChangePhoneNumber) {\n        const syntheticEvent = {\n          target: { value: newValue, name: field.name },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChangePhoneNumber(syntheticEvent);\n      }\n    },\n    [country, prefix, field, onChangePhoneNumber],\n  );\n\n  const fieldDataWithComputedValues = useMemo(\n    () => ({\n      ...fieldData,\n      onChangeCountryCode: handleCountryCodeChange,\n      onChangePhoneNumber: handlePhoneNumberChange,\n      currentCountry: country,\n      nationalPhoneNumber,\n    }),\n    [\n      fieldData,\n      handleCountryCodeChange,\n      handlePhoneNumberChange,\n      country,\n      nationalPhoneNumber,\n    ],\n  );\n\n  return (\n    <Component\n      field={field}\n      fieldState={fieldState}\n      fieldData={fieldDataWithComputedValues}\n    />\n  );\n}\n\nexport type TelFieldDataProps = Omit<JSFField, 'options'> & {\n  onChangeCountryCode?: (newCountry: Country) => void;\n  onChangePhoneNumber?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  component?: Components['tel'];\n  options: {\n    value: string;\n    label: string;\n    meta: {\n      countryCode: string;\n    };\n    pattern: string;\n  }[];\n  currentCountry?: Country;\n  nationalPhoneNumber?: string;\n};\n\nexport function TelField({\n  name,\n  description,\n  label,\n  onChangeCountryCode,\n  onChangePhoneNumber,\n  component,\n  ...rest\n}: TelFieldDataProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components.tel;\n        if (!Component) {\n          throw new Error(`Tel component not found for field ${name}`);\n        }\n\n        const customTelFieldProps: TelFieldDataProps = {\n          name,\n          description,\n          label,\n          ...rest,\n        };\n\n        return (\n          <TelFieldRenderer\n            field={field}\n            fieldState={fieldState}\n            fieldData={customTelFieldProps}\n            component={Component}\n            onChangeCountryCode={onChangeCountryCode}\n            onChangePhoneNumber={onChangePhoneNumber}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { CheckBoxField } from './CheckBoxField';\nimport { DatePickerField } from './DatePickerField';\nimport { FileUploadField } from './FileUploadField';\nimport { NumberField } from './NumberField';\nimport { RadioGroupField } from './RadioGroupField';\nimport { SelectField } from './SelectField';\nimport { CountryField } from './CountryField';\nimport { TextAreaField } from './TextAreaField';\nimport { TextField } from './TextField';\nimport { EmailField } from './EmailField';\nimport { HiddenField } from './HiddenField';\nimport { WorkScheduleField } from './WorkScheduleField';\nimport { MultiSelectField } from './MultiSelectField';\nimport { MoneyField } from './MoneyField';\nimport { TelField } from './TelField';\nimport { SupportedTypes } from './types';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\nexport const baseFields: Record<\n  Exclude<SupportedTypes, 'fieldset' | 'fieldset-flat'>,\n  React.ComponentType<$TSFixMe>\n> = {\n  checkbox: CheckBoxField,\n  text: TextField,\n  email: EmailField,\n  money: MoneyField,\n  select: SelectField,\n  'multi-select': MultiSelectField,\n  radio: RadioGroupField,\n  number: NumberField,\n  file: FileUploadField,\n  date: DatePickerField,\n  textarea: TextAreaField,\n  countries: CountryField,\n  hidden: HiddenField,\n  tel: TelField,\n  'work-schedule': WorkScheduleField,\n};\n","import { useFormContext } from 'react-hook-form';\nimport { sanitizeHtml } from '@/src/lib/utils';\nimport { useEffect } from 'react';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\n\nconst Description = ({\n  name,\n  description,\n  helpCenter,\n}: {\n  name: string;\n  description: string;\n  helpCenter?: {\n    callToAction: string;\n    id: number;\n    url: string;\n    label: string;\n  };\n}) => {\n  return (\n    <span>\n      <span\n        className={`text-xs RemoteFlows__ForcedValue__Description__${name}`}\n        dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n      />\n      {helpCenter?.callToAction && helpCenter?.id && (\n        <ZendeskTriggerButton\n          className='RemoteFlows__ForcedValue__HelpCenterLink'\n          zendeskId={helpCenter.id}\n        >\n          {helpCenter.callToAction}\n        </ZendeskTriggerButton>\n      )}\n    </span>\n  );\n};\n\nexport type ForcedValueFieldProps = {\n  name: string;\n  value: string;\n  description: string;\n  statement?: {\n    title?: string;\n    description?: string;\n  };\n  label: string;\n  helpCenter?: {\n    callToAction: string;\n    id: number;\n    url: string;\n    label: string;\n  };\n};\n\nexport function ForcedValueField({\n  name,\n  value,\n  description,\n  statement,\n  label,\n  helpCenter,\n}: ForcedValueFieldProps) {\n  const { setValue } = useFormContext();\n  const descriptionSanitized = sanitizeHtml(\n    statement?.description || description,\n  );\n  useEffect(() => {\n    setValue(name, value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const titleSanitized = statement?.title\n    ? sanitizeHtml(statement?.title)\n    : sanitizeHtml(label);\n\n  return (\n    <div>\n      {titleSanitized && (\n        <p\n          className={`text-sm RemoteFlows__ForcedValue__Title__${name}`}\n          dangerouslySetInnerHTML={{\n            __html: titleSanitized,\n          }}\n        />\n      )}\n      <Description\n        name={name}\n        description={descriptionSanitized}\n        helpCenter={helpCenter}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":["Fragment","useEffect","useRef","jsx","DatePickerField","description","label","name","minDate","maxDate","onChange","component","rest","components","useFormFields","control","useFormContext","minDateValue","getMinStartDate","maxDateValue","FormField","field","fieldState","Component","customDatePickerFieldProps","__name","value","jsx","validateFileSize","__name","files","maxSize","file","maxSizeMB","fileSizeMB","FileUploadField","name","description","label","multiple","onChange","component","accept","rest","components","useFormFields","control","setError","clearErrors","useFormContext","handleOnChange","field","sizeError","FormField","fieldState","Component","fieldData","value","jsx","NumberField","props","components","useFormFields","control","useFormContext","Component","FormField","field","fieldState","__name","value","jsx","RadioGroupField","name","defaultValue","description","label","options","onChange","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","Component","customRadioGroupFieldProps","__name","value","jsx","SelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","Component","customSelectFieldProps","__name","value","maybeCastValue","jsx","CountryField","label","name","options","defaultValue","description","onChange","$meta","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","Component","customSelectFieldProps","__name","value","jsx","TextAreaField","name","description","label","onChange","maxLength","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","Component","customTextAreaFieldProps","__name","evt","jsx","EmailField","props","components","useFormFields","control","useFormContext","Component","FormField","field","fieldState","__name","value","jsx","HiddenField","props","control","useFormContext","FormField","field","__name","useEffect","useState","jsx","WorkScheduleField","props","components","useFormFields","setValue","control","watch","useFormContext","watchedSchedule","currentSchedule","setCurrentSchedule","useState","workHoursSummary","breakSummary","buildWorkScheduleSummary","totalWorkHours","calculateTotalWorkHours","useEffect","onSubmit","data","__name","Component","fieldData","FormField","field","fieldState","value","jsx","MultiSelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","Component","customSelectFieldProps","__name","value","jsx","MoneyField","__name","props","NumberField","useMemo","useCallback","useState","useEffect","useRef","jsx","removeSpaces","value","__name","getStructuredNumberFromInternationalNumber","internationalPhoneNumber","country","baseRegex","baseMatch","plusOrCallPrefix","dialCode","phoneNumber","getCountryFromPhoneNumber","dialCodes","dialCodeMaxLength","prefix","i","getCountryDataByCountryCode","countries","areaCode","code","getAreaCodesFromPattern","pattern","codeGroupPattern","groups","transformSchemaToCountries","options","option","TelFieldRenderer","field","fieldState","fieldData","Component","onChangeCountryCode","onChangePhoneNumber","useMemo","countriesByCountryCode","isManualSelectionRef","useRef","setCountry","useState","useEffect","detected","nationalPhoneNumber","handleCountryCodeChange","useCallback","newCountry","newValue","handlePhoneNumberChange","event","valueWithoutSpaces","syntheticEvent","fieldDataWithComputedValues","TelField","name","description","label","component","rest","components","useFormFields","control","useFormContext","FormField","customTelFieldProps","baseFields","CheckBoxField","TextField","EmailField","MoneyField","SelectField","MultiSelectField","RadioGroupField","NumberField","FileUploadField","DatePickerField","TextAreaField","CountryField","HiddenField","TelField","WorkScheduleField","useEffect","jsx","jsxs","Description","__name","name","description","helpCenter","sanitizeHtml","ZendeskTriggerButton","ForcedValueField","value","statement","label","setValue","useFormContext","descriptionSanitized","useEffect","titleSanitized","Fragment","jsx","jsxs","FieldSetField","label","name","fields","description","components","statement","isFlatFieldset","extra","variant","features","meta","helpCenter","watch","setValue","trigger","formState","useFormContext","formComponents","useFormFields","stateField","isExpanded","fieldNames","fieldName","watchedValues","prevValuesRef","useRef","triggerTimeoutRef","toggleExpanded","__name","useEffect","currentValues","previousValues","hasBeenSubmitted","hasChanged","i","ToggleComponent","FieldsetToggleButtonDefault","contentId","headerId","cn","ZendeskTriggerButton","sanitizeHtml","field","fieldType","checkFieldHasForcedValue","ForcedValueField","FieldComponent","baseFields","Component","value","Statement"]}

package/dist/chunk-CLAVZQBC.js

@@ -0,0 +1,2 @@
+import{c as p,i as s}from"./chunk-72RFYT5Y.js";import{b as m}from"./chunk-KQPDXXG3.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function v({name:o,description:a,label:l,type:F,onChange:t,component:x,includeErrorMessage:c=!0,additionalProps:f={},maxLength:u,...T}){let{components:C}=m(),{control:P}=p();return d(s,{control:P,name:o,render:({field:r,fieldState:S})=>{let n=x||C?.text;if(!n)throw new Error(`Text component not found for field ${o}`);let g={name:o,description:a,label:l,type:F,onChange:t,metadata:f,maxLength:u,includeErrorMessage:c,...T};return d(n,{field:{...r,onChange:e(i=>{r.onChange(i),t?.(i)},"onChange")},fieldState:S,fieldData:g})}})}e(v,"TextField");export{v as a};
+//# sourceMappingURL=chunk-CLAVZQBC.js.map

package/dist/chunk-CLAVZQBC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/fields/TextField.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { TextFieldDataProps } from '@/src/types/fields';\n\nexport type TextFieldProps = React.ComponentProps<'input'> & {\n  name: string;\n} & Partial<\n    JSFField & {\n      onChange?: (value: $TSFixMe) => void;\n      component?: Components['text'];\n      includeErrorMessage?: boolean;\n      additionalProps?: Record<string, unknown>;\n    }\n  >;\n\ntype CustomTextFieldProps = TextFieldDataProps & {\n  /**\n   * @deprecated avoid using this prop in custom components\n   */\n  onChange?: (value: $TSFixMe) => void;\n};\n\nexport function TextField({\n  name,\n  description,\n  label,\n  type,\n  onChange,\n  component,\n  includeErrorMessage = true,\n  additionalProps = {},\n  maxLength,\n  ...rest\n}: TextFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components?.text;\n\n        if (!Component) {\n          throw new Error(`Text component not found for field ${name}`);\n        }\n\n        const customTextFieldProps: CustomTextFieldProps = {\n          name,\n          description,\n          label,\n          type,\n          onChange,\n          metadata: additionalProps,\n          maxLength,\n          includeErrorMessage,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customTextFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n"],"mappings":"+HAgEU,cAAAA,MAAA,oBAtCH,SAASC,EAAU,CACxB,KAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,oBAAAC,EAAsB,GACtB,gBAAAC,EAAkB,CAAC,EACnB,UAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAEnC,OACEf,EAACgB,EAAA,CACC,QAASF,EACT,KAAMZ,EACN,OAAQ,CAAC,CAAE,MAAAe,EAAO,WAAAC,CAAW,IAAM,CACjC,IAAMC,EAAYZ,GAAaK,GAAY,KAE3C,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,sCAAsCjB,CAAI,EAAE,EAG9D,IAAMkB,EAA6C,CACjD,KAAAlB,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAUG,EACV,UAAAC,EACA,oBAAAF,EACA,GAAGG,CACL,EACA,OACEX,EAACmB,EAAA,CACC,MAAO,CACL,GAAGF,EACH,SAAUI,EAACC,GAAoB,CAC7BL,EAAM,SAASK,CAAK,EACpBhB,IAAWgB,CAAK,CAClB,EAHU,WAIZ,EACA,WAAYJ,EACZ,UAAWE,EACb,CAEJ,EACF,CAEJ,CArDgBC,EAAApB,EAAA","names":["jsx","TextField","name","description","label","type","onChange","component","includeErrorMessage","additionalProps","maxLength","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","Component","customTextFieldProps","__name","value"]}

package/dist/chunk-CUSAI2ZT.js

@@ -0,0 +1,2 @@
+import{a as S}from"./chunk-VHAJRKCI.js";import{a as y,b,c as N,d as T,e as $,f as v}from"./chunk-LBJAKZ6V.js";import{j as _,k as C,m as p,n as F}from"./chunk-72RFYT5Y.js";import{a as u}from"./chunk-P37U34EQ.js";import{jsx as e,jsxs as t}from"react/jsx-runtime";function G({field:f,fieldState:r,fieldData:g}){let{name:n,label:m,description:s,options:c,onChangeCountryCode:i,onChangePhoneNumber:h,currentCountry:o,nationalPhoneNumber:w}=g,I=o?`${o.name}-${o.dialCode}`:"";return t(_,{"data-field":n,className:`RemoteFlows__TelField__Item__${n}`,children:[m&&e(C,{className:"RemoteFlows__TelField__Label",children:m}),t("div",{className:"flex gap-2",children:[e("div",{className:"w-[180px]",children:t(y,{value:I,onValueChange:l=>{let a=c?.find(d=>`${d.label}-${d.meta?.countryCode}`===l);a&&i&&i({name:a.label,dialCode:a.meta?.countryCode||"",pattern:a.pattern||""})},children:[e(T,{className:"RemoteFlows__TelField__CountrySelect","aria-invalid":!!r.error,"aria-label":"Country code",children:e("span",{className:"absolute",children:e(N,{placeholder:"Country code *",children:o&&`${o.name} +${o.dialCode}`})})}),e($,{className:"RemoteFlows__TelField__CountryContent",children:e(b,{className:"RemoteFlows__TelField__CountryGroup",children:c?.map((l,a)=>t(v,{value:`${l.label}-${l.meta?.countryCode}`,className:"RemoteFlows__TelField__CountryItem",children:[l.label," +",l.meta?.countryCode]},`${l.label}-${l.meta?.countryCode}-${a}`))})})]})}),e("div",{className:"flex-1",children:e(S,{...f,type:"tel",value:w||"",onChange:h,className:"RemoteFlows__TelField__Input",placeholder:"Employee's phone number *","aria-invalid":!!r.error,"aria-label":"Phone number"})})]}),s&&e(p,{className:"RemoteFlows__TelField__Description",children:s}),r.error&&e(F,{})]})}u(G,"TelFieldDefault");export{G as a};
+//# sourceMappingURL=chunk-CUSAI2ZT.js.map

package/dist/chunk-CUSAI2ZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/fields/default/TelFieldDefault.tsx"],"sourcesContent":["import { FormDescription, FormMessage } from '@/src/components/ui/form';\nimport { FormItem, FormLabel } from '@/src/components/ui/form';\nimport { TelFieldComponentProps } from '@/src/types/fields';\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/src/components/ui/select';\nimport { Input } from '@/src/components/ui/input';\n\nexport function TelFieldDefault({\n  field,\n  fieldState,\n  fieldData,\n}: TelFieldComponentProps) {\n  const {\n    name,\n    label,\n    description,\n    options,\n    onChangeCountryCode,\n    onChangePhoneNumber,\n    currentCountry,\n    nationalPhoneNumber,\n  } = fieldData;\n\n  const selectedCountryCode = currentCountry\n    ? `${currentCountry.name}-${currentCountry.dialCode}`\n    : '';\n\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__TelField__Item__${name}`}\n    >\n      {label && (\n        <FormLabel className='RemoteFlows__TelField__Label'>{label}</FormLabel>\n      )}\n\n      <div className='flex gap-2'>\n        {/* Country Code Select */}\n        <div className='w-[180px]'>\n          <Select\n            value={selectedCountryCode}\n            onValueChange={(value) => {\n              const country = options?.find(\n                (opt) => `${opt.label}-${opt.meta?.countryCode}` === value,\n              );\n              if (country && onChangeCountryCode) {\n                onChangeCountryCode({\n                  name: country.label,\n                  dialCode: country.meta?.countryCode || '',\n                  pattern: country.pattern || '',\n                });\n              }\n            }}\n          >\n            <SelectTrigger\n              className='RemoteFlows__TelField__CountrySelect'\n              aria-invalid={Boolean(fieldState.error)}\n              aria-label='Country code'\n            >\n              <span className='absolute'>\n                <SelectValue placeholder='Country code *'>\n                  {currentCountry &&\n                    `${currentCountry.name} +${currentCountry.dialCode}`}\n                </SelectValue>\n              </span>\n            </SelectTrigger>\n            <SelectContent className='RemoteFlows__TelField__CountryContent'>\n              <SelectGroup className='RemoteFlows__TelField__CountryGroup'>\n                {options?.map((option, index) => (\n                  <SelectItem\n                    key={`${option.label}-${option.meta?.countryCode}-${index}`}\n                    value={`${option.label}-${option.meta?.countryCode}`}\n                    className='RemoteFlows__TelField__CountryItem'\n                  >\n                    {option.label} +{option.meta?.countryCode}\n                  </SelectItem>\n                ))}\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Phone Number Input */}\n        <div className='flex-1'>\n          <Input\n            {...field}\n            type='tel'\n            value={nationalPhoneNumber || ''}\n            onChange={onChangePhoneNumber}\n            className='RemoteFlows__TelField__Input'\n            placeholder=\"Employee's phone number *\"\n            aria-invalid={Boolean(fieldState.error)}\n            aria-label='Phone number'\n          />\n        </div>\n      </div>\n\n      {description && (\n        <FormDescription className='RemoteFlows__TelField__Description'>\n          {description}\n        </FormDescription>\n      )}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n}\n"],"mappings":"mNAuCQ,cAAAA,EAoCU,QAAAC,MApCV,oBA1BD,SAASC,EAAgB,CAC9B,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAA2B,CACzB,GAAM,CACJ,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,oBAAAC,EACA,oBAAAC,EACA,eAAAC,EACA,oBAAAC,CACF,EAAIR,EAEES,EAAsBF,EACxB,GAAGA,EAAe,IAAI,IAAIA,EAAe,QAAQ,GACjD,GAEJ,OACEX,EAACc,EAAA,CACC,aAAYT,EACZ,UAAW,gCAAgCA,CAAI,GAE9C,UAAAC,GACCP,EAACgB,EAAA,CAAU,UAAU,+BAAgC,SAAAT,EAAM,EAG7DN,EAAC,OAAI,UAAU,aAEb,UAAAD,EAAC,OAAI,UAAU,YACb,SAAAC,EAACgB,EAAA,CACC,MAAOH,EACP,cAAgBI,GAAU,CACxB,IAAMC,EAAUV,GAAS,KACtBW,GAAQ,GAAGA,EAAI,KAAK,IAAIA,EAAI,MAAM,WAAW,KAAOF,CACvD,EACIC,GAAWT,GACbA,EAAoB,CAClB,KAAMS,EAAQ,MACd,SAAUA,EAAQ,MAAM,aAAe,GACvC,QAASA,EAAQ,SAAW,EAC9B,CAAC,CAEL,EAEA,UAAAnB,EAACqB,EAAA,CACC,UAAU,uCACV,eAAc,EAAQjB,EAAW,MACjC,aAAW,eAEX,SAAAJ,EAAC,QAAK,UAAU,WACd,SAAAA,EAACsB,EAAA,CAAY,YAAY,iBACtB,SAAAV,GACC,GAAGA,EAAe,IAAI,KAAKA,EAAe,QAAQ,GACtD,EACF,EACF,EACAZ,EAACuB,EAAA,CAAc,UAAU,wCACvB,SAAAvB,EAACwB,EAAA,CAAY,UAAU,sCACpB,SAAAf,GAAS,IAAI,CAACgB,EAAQC,IACrBzB,EAAC0B,EAAA,CAEC,MAAO,GAAGF,EAAO,KAAK,IAAIA,EAAO,MAAM,WAAW,GAClD,UAAU,qCAET,UAAAA,EAAO,MAAM,KAAGA,EAAO,MAAM,cAJzB,GAAGA,EAAO,KAAK,IAAIA,EAAO,MAAM,WAAW,IAAIC,CAAK,EAK3D,CACD,EACH,EACF,GACF,EACF,EAGA1B,EAAC,OAAI,UAAU,SACb,SAAAA,EAAC4B,EAAA,CACE,GAAGzB,EACJ,KAAK,MACL,MAAOU,GAAuB,GAC9B,SAAUF,EACV,UAAU,+BACV,YAAY,4BACZ,eAAc,EAAQP,EAAW,MACjC,aAAW,eACb,EACF,GACF,EAECI,GACCR,EAAC6B,EAAA,CAAgB,UAAU,qCACxB,SAAArB,EACH,EAEDJ,EAAW,OAASJ,EAAC8B,EAAA,EAAY,GACpC,CAEJ,CAlGgBC,EAAA7B,EAAA","names":["jsx","jsxs","TelFieldDefault","field","fieldState","fieldData","name","label","description","options","onChangeCountryCode","onChangePhoneNumber","currentCountry","nationalPhoneNumber","selectedCountryCode","FormItem","FormLabel","Select","value","country","opt","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","index","SelectItem","Input","FormDescription","FormMessage","__name"]}

package/dist/{chunk-KKMW7Q42.js → chunk-DEVQ2NNK.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk-RDYN6W2A.js";import{b as i}from"./chunk-PGWKJ6FK.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function y({onSubmit:s,onSuccess:c,onError:t}){let{onboardingBag:o}=i(),u=e(async n=>{try{await s?.({countryCode:n.country});let r=await o.onSubmit(n);if(r?.data){await c?.(r?.data),o?.next();return}r?.error&&t?.({error:r.error,rawError:r.rawError,fieldErrors:[]})}catch(r){t?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit"),l=o.stepState.values?.select_country||o.initialValues.select_country;return d(a,{defaultValues:l,onSubmit:u})}e(y,"SelectCountryStep");export{y as a};
-//# sourceMappingURL=chunk-KKMW7Q42.js.map
+import{a}from"./chunk-JWP4HAIS.js";import{b as i}from"./chunk-PGWKJ6FK.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function y({onSubmit:s,onSuccess:c,onError:t}){let{onboardingBag:o}=i(),u=e(async n=>{try{await s?.({countryCode:n.country});let r=await o.onSubmit(n);if(r?.data){await c?.(r?.data),o?.next();return}r?.error&&t?.({error:r.error,rawError:r.rawError,fieldErrors:[]})}catch(r){t?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit"),l=o.stepState.values?.select_country||o.initialValues.select_country;return d(a,{defaultValues:l,onSubmit:u})}e(y,"SelectCountryStep");export{y as a};
+//# sourceMappingURL=chunk-DEVQ2NNK.js.map

package/dist/{chunk-42R2H2DW.js → chunk-DN6BXTAC.js}

@@ -1,2 +1,2 @@
 import{a as i}from"./chunk-LMYJ6V44.js";import{a as o}from"./chunk-TC7EQZJK.js";import{a as m}from"./chunk-NX7MM6XR.js";import{a as e}from"./chunk-ZXGAFQXW.js";var p={employee_communication:o,termination_details:e,paid_time_off:m,additional_information:i};export{p as a};
-//# sourceMappingURL=chunk-42R2H2DW.js.map
+//# sourceMappingURL=chunk-DN6BXTAC.js.map

package/dist/chunk-DN6BXTAC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/Termination/json-schemas/schema.ts"],"sourcesContent":["import { additionalInformationSchema } from '@/src/flows/Termination/json-schemas/additionalInformation';\nimport { employeeComunicationSchema } from '@/src/flows/Termination/json-schemas/employeeComunication';\nimport { paidTimeOffSchema } from '@/src/flows/Termination/json-schemas/paidTimeOff';\nimport { terminationDetailsSchema } from '@/src/flows/Termination/json-schemas/terminationDetails';\nimport { StepTerminationKeys } from '@/src/flows/Termination/utils';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\nexport const schema: Record<StepTerminationKeys, Record<string, $TSFixMe>> = {\n  employee_communication: employeeComunicationSchema,\n  termination_details: terminationDetailsSchema,\n  paid_time_off: paidTimeOffSchema,\n  additional_information: additionalInformationSchema,\n};\n"],"mappings":"gKAOO,IAAMA,EAAgE,CAC3E,uBAAwBC,EACxB,oBAAqBC,EACrB,cAAeC,EACf,uBAAwBC,CAC1B","names":["schema","employeeComunicationSchema","terminationDetailsSchema","paidTimeOffSchema","additionalInformationSchema"]}

package/dist/{chunk-SNBAM7SA.js → chunk-DYNVJFJH.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./chunk-VIGKOVHP.js";import{a}from"./chunk-P37U34EQ.js";import*as i from"@radix-ui/react-radio-group";import{CircleIcon as d}from"lucide-react";import{jsx as o}from"react/jsx-runtime";function p({className:r,...t}){return o(i.Root,{"data-slot":"radio-group",className:e("grid gap-3",r),...t})}a(p,"RadioGroup");function l({className:r,...t}){return o(i.Item,{"data-slot":"radio-group-item",className:e("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",r),...t,children:o(i.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:o(d,{className:"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})})})}a(l,"RadioGroupItem");export{p as a,l as b};
-//# sourceMappingURL=chunk-SNBAM7SA.js.map
+import{c as e}from"./chunk-OSQ6VUDM.js";import{a}from"./chunk-P37U34EQ.js";import*as i from"@radix-ui/react-radio-group";import{CircleIcon as d}from"lucide-react";import{jsx as o}from"react/jsx-runtime";function p({className:r,...t}){return o(i.Root,{"data-slot":"radio-group",className:e("grid gap-3",r),...t})}a(p,"RadioGroup");function l({className:r,...t}){return o(i.Item,{"data-slot":"radio-group-item",className:e("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",r),...t,children:o(i.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:o(d,{className:"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})})})}a(l,"RadioGroupItem");export{p as a,l as b};
+//# sourceMappingURL=chunk-DYNVJFJH.js.map

package/dist/{chunk-KXT6ACFL.js → chunk-EC6ZM3SX.js}

@@ -1,2 +1,2 @@
-import{a as i}from"./chunk-7G5JSUZU.js";import{j as a,k as n,l as s,m as F,n as _}from"./chunk-CWAFRJAQ.js";import{a as l}from"./chunk-P37U34EQ.js";import{jsx as e,jsxs as u}from"react/jsx-runtime";function I({field:o,fieldState:p,fieldData:c}){let{name:r,label:t,description:m,maxLength:d,includeErrorMessage:x}=c;return u(a,{"data-field":r,className:`RemoteFlows__TextField__Item__${r}`,children:[t&&e(n,{className:"RemoteFlows__TextField__Label",children:t}),e(s,{children:e(i,{...o,value:o.value??"",onChange:T=>{o.onChange(T)},className:"RemoteFlows__TextField__Input",placeholder:t,maxLength:d})}),m&&e(F,{className:"RemoteFlows__TextField__Description",children:m}),x&&p.error&&e(_,{className:"RemoteFlows__TextField__Error"})]})}l(I,"TextFieldDefault");export{I as a};
-//# sourceMappingURL=chunk-KXT6ACFL.js.map
+import{a as i}from"./chunk-VHAJRKCI.js";import{j as a,k as n,l as s,m as F,n as _}from"./chunk-72RFYT5Y.js";import{a as l}from"./chunk-P37U34EQ.js";import{jsx as e,jsxs as u}from"react/jsx-runtime";function I({field:o,fieldState:p,fieldData:c}){let{name:r,label:t,description:m,maxLength:d,includeErrorMessage:x}=c;return u(a,{"data-field":r,className:`RemoteFlows__TextField__Item__${r}`,children:[t&&e(n,{className:"RemoteFlows__TextField__Label",children:t}),e(s,{children:e(i,{...o,value:o.value??"",onChange:T=>{o.onChange(T)},className:"RemoteFlows__TextField__Input",placeholder:t,maxLength:d})}),m&&e(F,{className:"RemoteFlows__TextField__Description",children:m}),x&&p.error&&e(_,{className:"RemoteFlows__TextField__Error"})]})}l(I,"TextFieldDefault");export{I as a};
+//# sourceMappingURL=chunk-EC6ZM3SX.js.map