@gusto/embedded-react-sdk 0.43.0 → 0.44.0

package/dist/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.js

@@ -1,62 +1,63 @@
 import { useMemo as F } from "react";
-import { useForm as K } from "react-hook-form";
-import { zodResolver as j } from "@hookform/resolvers/zod";
-import { useLocationsGet as J } from "@gusto/embedded-api/react-query/locationsGet";
-import { useEmployeeAddressesRetrieveWorkAddress as N } from "@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress";
-import { useEmployeeAddressesCreateWorkAddressMutation as X } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
-import { useEmployeeAddressesUpdateWorkAddressMutation as Y } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
-import { RFCDate as Z } from "@gusto/embedded-api/types/rfcdate";
-import { createWorkAddressSchema as _ } from "./workAddressSchema.js";
-import { EffectiveDateField as $, LocationField as T } from "./fields.js";
-import { useDeriveFieldsMetadata as ee } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
-import { createGetFormSubmissionValues as oe } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
-import { withOptions as te } from "../../../../../partner-hook-utils/form/withOptions.js";
-import { composeErrorHandler as re } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-import { useBaseSubmit as se } from "../../../../Base/useBaseSubmit.js";
+import { useForm as j } from "react-hook-form";
+import { zodResolver as J } from "@hookform/resolvers/zod";
+import { useLocationsGet as N } from "@gusto/embedded-api/react-query/locationsGet";
+import { useEmployeeAddressesRetrieveWorkAddress as X } from "@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress";
+import { useEmployeeAddressesCreateWorkAddressMutation as Y } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
+import { useEmployeeAddressesUpdateWorkAddressMutation as Z } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
+import { RFCDate as _ } from "@gusto/embedded-api/types/rfcdate";
+import { createWorkAddressSchema as $ } from "./workAddressSchema.js";
+import { EffectiveDateField as T, LocationField as ee } from "./fields.js";
+import { useDeriveFieldsMetadata as oe } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as te } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as re } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as se } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as ae } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as ie } from "../../../../Base/useBaseSubmit.js";
 import { SDKInternalError as c } from "../../../../../types/sdkError.js";
-import { addressInline as ae } from "../../../../../helpers/formattedStrings.js";
-function Le({
+import { addressInline as de } from "../../../../../helpers/formattedStrings.js";
+function he({
   companyId: a,
   employeeId: C,
   workAddressUuid: e,
   withEffectiveDateField: i = !0,
-  optionalFieldsToRequire: W,
+  optionalFieldsToRequire: k,
   defaultValues: f,
-  validationMode: U = "onSubmit",
-  shouldFocusError: q = !0
+  validationMode: I = "onSubmit",
+  shouldFocusError: U = !0
 }) {
-  const l = J({ companyId: a ?? "" }, { enabled: !!a }), p = N(
+  const l = N({ companyId: a ?? "" }, { enabled: !!a }), p = X(
     { workAddressUuid: e ?? "" },
     { enabled: !!e }
-  ), d = l.data?.companyLocationsList, n = !e, o = e ? p.data?.employeeWorkAddress : void 0, k = n ? "create" : "update", [y, I] = F(
-    () => _({
-      mode: k,
-      optionalFieldsToRequire: W,
+  ), d = l.data?.companyLocationsList, n = !e, o = e ? p.data?.employeeWorkAddress : void 0, W = n ? "create" : "update", [y, q] = F(
+    () => $({
+      mode: W,
+      optionalFieldsToRequire: k,
       withEffectiveDateField: i
     }),
-    [k, W, i]
+    [W, k, i]
   ), A = F(
     () => ({
       locationUuid: o?.locationUuid ?? f?.locationUuid ?? "",
       effectiveDate: o?.effectiveDate ?? f?.effectiveDate ?? ""
     }),
     [o, f]
-  ), m = K({
-    resolver: j(y),
-    mode: U,
-    shouldFocusError: q,
+  ), m = j({
+    resolver: J(y),
+    mode: I,
+    shouldFocusError: U,
     defaultValues: A,
     values: A,
     resetOptions: { keepDirtyValues: !0 }
-  }), D = X(), b = Y(), P = D.isPending || b.isPending, {
+  }), D = Y(), b = Z(), P = D.isPending || b.isPending, {
     baseSubmitHandler: V,
-    error: B,
-    setError: H
-  } = se("WorkAddressForm"), O = [l, ...e ? [p] : []], v = re(O, { submitError: B, setSubmitError: H }), R = (d ?? []).map((t) => ({
+    error: H,
+    setError: B
+  } = ie("WorkAddressForm"), O = [l, ...e ? [p] : []], v = ae(O, { submitError: H, setSubmitError: B }), R = (d ?? []).map((t) => ({
     value: t.uuid,
-    label: ae(t)
-  })), g = ee(I, m.control), G = {
-    locationUuid: te(
+    label: de(t)
+  })), g = oe(q, m.control), G = {
+    locationUuid: se(
       g.locationUuid,
       R,
       d ?? []
@@ -66,12 +67,12 @@ function Le({
     let w;
     return await new Promise((M) => {
       m.handleSubmit(
-        async (z) => {
-          await V(z, async (u) => {
+        async (K) => {
+          await V(K, async (u) => {
             const h = L?.employeeId ?? C;
             if (!h)
               throw new c("employeeId is required to submit work address");
-            const E = i && u.effectiveDate ? u.effectiveDate : L?.effectiveDate, S = E ? new Z(new Date(E)) : void 0;
+            const E = i && u.effectiveDate ? u.effectiveDate : L?.effectiveDate, S = E ? new _(new Date(E)) : void 0;
             let r;
             if (n) {
               const s = await D.mutateAsync({
@@ -116,8 +117,8 @@ function Le({
         }
       )();
     }), w;
-  }, x = !!a && l.isLoading || !!e && p.isLoading;
-  return !a || x || !d ? { isLoading: !0, errorHandling: v } : e && !o ? { isLoading: !0, errorHandling: v } : {
+  }, x = te(m), z = !!a && l.isLoading || !!e && p.isLoading;
+  return !a || z || !d ? { isLoading: !0, errorHandling: v } : e && !o ? { isLoading: !0, errorHandling: v } : {
     isLoading: !1,
     data: {
       workAddress: o ?? null,
@@ -131,16 +132,16 @@ function Le({
     errorHandling: v,
     form: {
       Fields: {
-        Location: T,
-        EffectiveDate: i ? $ : void 0
+        Location: ee,
+        EffectiveDate: i ? T : void 0
       },
       fieldsMetadata: G,
-      hookFormInternals: { formMethods: m },
-      getFormSubmissionValues: oe(m, y)
+      hookFormInternals: x,
+      getFormSubmissionValues: re(m, y)
     }
   };
 }
 export {
-  Le as useWorkAddressForm
+  he as useWorkAddressForm
 };
 //# sourceMappingURL=useWorkAddressForm.js.map

package/dist/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkAddressForm.js","sources":["../../../../../../src/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Location } from '@gusto/embedded-api/models/components/location'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useLocationsGet } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useEmployeeAddressesRetrieveWorkAddress } from '@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress'\nimport { useEmployeeAddressesCreateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress'\nimport { useEmployeeAddressesUpdateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  createWorkAddressSchema,\n  type WorkAddressOptionalFieldsToRequire,\n  type WorkAddressFormData,\n  type WorkAddressFormOutputs,\n} from './workAddressSchema'\nimport { LocationField, EffectiveDateField } from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { addressInline } from '@/helpers/formattedStrings'\n\nexport type { WorkAddressOptionalFieldsToRequire } from './workAddressSchema'\n\nexport interface WorkAddressSubmitCallbacks {\n  onWorkAddressCreated?: (workAddress: EmployeeWorkAddress) => void\n  onWorkAddressUpdated?: (workAddress: EmployeeWorkAddress) => void\n}\n\nexport interface WorkAddressSubmitOptions {\n  employeeId?: string\n  effectiveDate?: string\n}\n\nexport interface UseWorkAddressFormProps {\n  /** Company UUID for locations; omit or leave unset while resolving from the employee record. */\n  companyId?: string\n  employeeId: string\n  /**\n   * When set, loads that work address via GET `/v1/work_addresses/{work_address_uuid}` and updates it (PUT).\n   * When omitted, the form is in create mode (POST).\n   */\n  workAddressUuid?: string\n  withEffectiveDateField?: boolean\n  optionalFieldsToRequire?: WorkAddressOptionalFieldsToRequire\n  defaultValues?: Partial<WorkAddressFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface WorkAddressFields {\n  Location: typeof LocationField\n  EffectiveDate: typeof EffectiveDateField | undefined\n}\n\nexport interface UseWorkAddressFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  WorkAddressFormData,\n  WorkAddressFields\n> {\n  data: {\n    /** The address row loaded for update; `null` in create mode. */\n    workAddress: EmployeeWorkAddress | null\n    companyLocations: Location[] | undefined\n  }\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  actions: {\n    onSubmit: (\n      callbacks?: WorkAddressSubmitCallbacks,\n      options?: WorkAddressSubmitOptions,\n    ) => Promise<HookSubmitResult<EmployeeWorkAddress> | undefined>\n  }\n}\n\nexport function useWorkAddressForm({\n  companyId,\n  employeeId,\n  workAddressUuid,\n  withEffectiveDateField = true,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseWorkAddressFormProps): HookLoadingResult | UseWorkAddressFormReady {\n  const locationsQuery = useLocationsGet({ companyId: companyId ?? '' }, { enabled: !!companyId })\n\n  const retrieveWorkAddressQuery = useEmployeeAddressesRetrieveWorkAddress(\n    { workAddressUuid: workAddressUuid ?? '' },\n    { enabled: !!workAddressUuid },\n  )\n\n  const companyLocations = locationsQuery.data?.companyLocationsList\n\n  const isCreateMode = !workAddressUuid\n\n  const fetchedWorkAddress = workAddressUuid\n    ? retrieveWorkAddressQuery.data?.employeeWorkAddress\n    : undefined\n\n  const schemaMode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () =>\n      createWorkAddressSchema({\n        mode: schemaMode,\n        optionalFieldsToRequire,\n        withEffectiveDateField,\n      }),\n    [schemaMode, optionalFieldsToRequire, withEffectiveDateField],\n  )\n\n  const resolvedDefaults: WorkAddressFormData = useMemo(\n    () => ({\n      locationUuid: fetchedWorkAddress?.locationUuid ?? partnerDefaults?.locationUuid ?? '',\n      effectiveDate: fetchedWorkAddress?.effectiveDate ?? partnerDefaults?.effectiveDate ?? '',\n    }),\n    [fetchedWorkAddress, partnerDefaults],\n  )\n\n  const formMethods = useForm<WorkAddressFormData, unknown, WorkAddressFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createWorkAddressMutation = useEmployeeAddressesCreateWorkAddressMutation()\n  const updateWorkAddressMutation = useEmployeeAddressesUpdateWorkAddressMutation()\n\n  const isPending = createWorkAddressMutation.isPending || updateWorkAddressMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('WorkAddressForm')\n\n  const queriesForErrors = [locationsQuery, ...(workAddressUuid ? [retrieveWorkAddressQuery] : [])]\n  const errorHandling = composeErrorHandler(queriesForErrors, { submitError, setSubmitError })\n\n  const locationOptions = (companyLocations ?? []).map(location => ({\n    value: location.uuid,\n    label: addressInline(location),\n  }))\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    locationUuid: withOptions<Location>(\n      baseMetadata.locationUuid,\n      locationOptions,\n      companyLocations ?? [],\n    ),\n    effectiveDate: baseMetadata.effectiveDate,\n  }\n\n  const onSubmit = async (\n    callbacks?: WorkAddressSubmitCallbacks,\n    options?: WorkAddressSubmitOptions,\n  ): Promise<HookSubmitResult<EmployeeWorkAddress> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeWorkAddress> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: WorkAddressFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError('employeeId is required to submit work address')\n            }\n\n            const resolvedEffectiveDate =\n              withEffectiveDateField && payload.effectiveDate\n                ? payload.effectiveDate\n                : options?.effectiveDate\n\n            const effectiveDateParam = resolvedEffectiveDate\n              ? new RFCDate(new Date(resolvedEffectiveDate))\n              : undefined\n\n            let updatedWorkAddress: EmployeeWorkAddress\n\n            if (isCreateMode) {\n              const result = await createWorkAddressMutation.mutateAsync({\n                request: {\n                  employeeId: resolvedEmployeeId,\n                  requestBody: {\n                    locationUuid: payload.locationUuid,\n                    effectiveDate: effectiveDateParam,\n                  },\n                },\n              })\n\n              if (!result.employeeWorkAddress) {\n                throw new SDKInternalError('Work address creation failed')\n              }\n\n              updatedWorkAddress = result.employeeWorkAddress\n              callbacks?.onWorkAddressCreated?.(updatedWorkAddress)\n            } else {\n              if (!fetchedWorkAddress || !workAddressUuid) {\n                throw new SDKInternalError(\n                  'Cannot update work address: no matching address on file',\n                )\n              }\n\n              const result = await updateWorkAddressMutation.mutateAsync({\n                request: {\n                  workAddressUuid: fetchedWorkAddress.uuid,\n                  requestBody: {\n                    version: fetchedWorkAddress.version,\n                    locationUuid: payload.locationUuid,\n                    effectiveDate: effectiveDateParam,\n                  },\n                },\n              })\n\n              if (!result.employeeWorkAddress) {\n                throw new SDKInternalError('Work address update failed')\n              }\n\n              updatedWorkAddress = result.employeeWorkAddress\n              callbacks?.onWorkAddressUpdated?.(updatedWorkAddress)\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: updatedWorkAddress,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading =\n    (!!companyId && locationsQuery.isLoading) ||\n    (!!workAddressUuid && retrieveWorkAddressQuery.isLoading)\n\n  if (!companyId || isDataLoading || !companyLocations) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  if (workAddressUuid && !fetchedWorkAddress) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      workAddress: fetchedWorkAddress ?? null,\n      companyLocations,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Location: LocationField,\n        EffectiveDate: withEffectiveDateField ? EffectiveDateField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseWorkAddressFormResult = HookLoadingResult | UseWorkAddressFormReady\nexport type WorkAddressFieldsMetadata = UseWorkAddressFormReady['form']['fieldsMetadata']\nexport type WorkAddressFormFields = UseWorkAddressFormReady['form']['Fields']\n"],"names":["useWorkAddressForm","companyId","employeeId","workAddressUuid","withEffectiveDateField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","locationsQuery","useLocationsGet","retrieveWorkAddressQuery","useEmployeeAddressesRetrieveWorkAddress","companyLocations","isCreateMode","fetchedWorkAddress","schemaMode","schema","metadataConfig","useMemo","createWorkAddressSchema","resolvedDefaults","formMethods","useForm","zodResolver","createWorkAddressMutation","useEmployeeAddressesCreateWorkAddressMutation","updateWorkAddressMutation","useEmployeeAddressesUpdateWorkAddressMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","queriesForErrors","errorHandling","composeErrorHandler","locationOptions","location","addressInline","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","callbacks","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","resolvedEffectiveDate","effectiveDateParam","RFCDate","updatedWorkAddress","result","isDataLoading","LocationField","EffectiveDateField","createGetFormSubmissionValues"],"mappings":"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"}
+{"version":3,"file":"useWorkAddressForm.js","sources":["../../../../../../src/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Location } from '@gusto/embedded-api/models/components/location'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useLocationsGet } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useEmployeeAddressesRetrieveWorkAddress } from '@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress'\nimport { useEmployeeAddressesCreateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress'\nimport { useEmployeeAddressesUpdateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  createWorkAddressSchema,\n  type WorkAddressOptionalFieldsToRequire,\n  type WorkAddressFormData,\n  type WorkAddressFormOutputs,\n} from './workAddressSchema'\nimport { LocationField, EffectiveDateField } from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { addressInline } from '@/helpers/formattedStrings'\n\nexport type { WorkAddressOptionalFieldsToRequire } from './workAddressSchema'\n\nexport interface WorkAddressSubmitCallbacks {\n  onWorkAddressCreated?: (workAddress: EmployeeWorkAddress) => void\n  onWorkAddressUpdated?: (workAddress: EmployeeWorkAddress) => void\n}\n\nexport interface WorkAddressSubmitOptions {\n  employeeId?: string\n  effectiveDate?: string\n}\n\nexport interface UseWorkAddressFormProps {\n  /** Company UUID for locations; omit or leave unset while resolving from the employee record. */\n  companyId?: string\n  employeeId: string\n  /**\n   * When set, loads that work address via GET `/v1/work_addresses/{work_address_uuid}` and updates it (PUT).\n   * When omitted, the form is in create mode (POST).\n   */\n  workAddressUuid?: string\n  withEffectiveDateField?: boolean\n  optionalFieldsToRequire?: WorkAddressOptionalFieldsToRequire\n  defaultValues?: Partial<WorkAddressFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface WorkAddressFields {\n  Location: typeof LocationField\n  EffectiveDate: typeof EffectiveDateField | undefined\n}\n\nexport interface UseWorkAddressFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  WorkAddressFormData,\n  WorkAddressFields\n> {\n  data: {\n    /** The address row loaded for update; `null` in create mode. */\n    workAddress: EmployeeWorkAddress | null\n    companyLocations: Location[] | undefined\n  }\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  actions: {\n    onSubmit: (\n      callbacks?: WorkAddressSubmitCallbacks,\n      options?: WorkAddressSubmitOptions,\n    ) => Promise<HookSubmitResult<EmployeeWorkAddress> | undefined>\n  }\n}\n\nexport function useWorkAddressForm({\n  companyId,\n  employeeId,\n  workAddressUuid,\n  withEffectiveDateField = true,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseWorkAddressFormProps): HookLoadingResult | UseWorkAddressFormReady {\n  const locationsQuery = useLocationsGet({ companyId: companyId ?? '' }, { enabled: !!companyId })\n\n  const retrieveWorkAddressQuery = useEmployeeAddressesRetrieveWorkAddress(\n    { workAddressUuid: workAddressUuid ?? '' },\n    { enabled: !!workAddressUuid },\n  )\n\n  const companyLocations = locationsQuery.data?.companyLocationsList\n\n  const isCreateMode = !workAddressUuid\n\n  const fetchedWorkAddress = workAddressUuid\n    ? retrieveWorkAddressQuery.data?.employeeWorkAddress\n    : undefined\n\n  const schemaMode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () =>\n      createWorkAddressSchema({\n        mode: schemaMode,\n        optionalFieldsToRequire,\n        withEffectiveDateField,\n      }),\n    [schemaMode, optionalFieldsToRequire, withEffectiveDateField],\n  )\n\n  const resolvedDefaults: WorkAddressFormData = useMemo(\n    () => ({\n      locationUuid: fetchedWorkAddress?.locationUuid ?? partnerDefaults?.locationUuid ?? '',\n      effectiveDate: fetchedWorkAddress?.effectiveDate ?? partnerDefaults?.effectiveDate ?? '',\n    }),\n    [fetchedWorkAddress, partnerDefaults],\n  )\n\n  const formMethods = useForm<WorkAddressFormData, unknown, WorkAddressFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createWorkAddressMutation = useEmployeeAddressesCreateWorkAddressMutation()\n  const updateWorkAddressMutation = useEmployeeAddressesUpdateWorkAddressMutation()\n\n  const isPending = createWorkAddressMutation.isPending || updateWorkAddressMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('WorkAddressForm')\n\n  const queriesForErrors = [locationsQuery, ...(workAddressUuid ? [retrieveWorkAddressQuery] : [])]\n  const errorHandling = composeErrorHandler(queriesForErrors, { submitError, setSubmitError })\n\n  const locationOptions = (companyLocations ?? []).map(location => ({\n    value: location.uuid,\n    label: addressInline(location),\n  }))\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    locationUuid: withOptions<Location>(\n      baseMetadata.locationUuid,\n      locationOptions,\n      companyLocations ?? [],\n    ),\n    effectiveDate: baseMetadata.effectiveDate,\n  }\n\n  const onSubmit = async (\n    callbacks?: WorkAddressSubmitCallbacks,\n    options?: WorkAddressSubmitOptions,\n  ): Promise<HookSubmitResult<EmployeeWorkAddress> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeWorkAddress> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: WorkAddressFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError('employeeId is required to submit work address')\n            }\n\n            const resolvedEffectiveDate =\n              withEffectiveDateField && payload.effectiveDate\n                ? payload.effectiveDate\n                : options?.effectiveDate\n\n            const effectiveDateParam = resolvedEffectiveDate\n              ? new RFCDate(new Date(resolvedEffectiveDate))\n              : undefined\n\n            let updatedWorkAddress: EmployeeWorkAddress\n\n            if (isCreateMode) {\n              const result = await createWorkAddressMutation.mutateAsync({\n                request: {\n                  employeeId: resolvedEmployeeId,\n                  requestBody: {\n                    locationUuid: payload.locationUuid,\n                    effectiveDate: effectiveDateParam,\n                  },\n                },\n              })\n\n              if (!result.employeeWorkAddress) {\n                throw new SDKInternalError('Work address creation failed')\n              }\n\n              updatedWorkAddress = result.employeeWorkAddress\n              callbacks?.onWorkAddressCreated?.(updatedWorkAddress)\n            } else {\n              if (!fetchedWorkAddress || !workAddressUuid) {\n                throw new SDKInternalError(\n                  'Cannot update work address: no matching address on file',\n                )\n              }\n\n              const result = await updateWorkAddressMutation.mutateAsync({\n                request: {\n                  workAddressUuid: fetchedWorkAddress.uuid,\n                  requestBody: {\n                    version: fetchedWorkAddress.version,\n                    locationUuid: payload.locationUuid,\n                    effectiveDate: effectiveDateParam,\n                  },\n                },\n              })\n\n              if (!result.employeeWorkAddress) {\n                throw new SDKInternalError('Work address update failed')\n              }\n\n              updatedWorkAddress = result.employeeWorkAddress\n              callbacks?.onWorkAddressUpdated?.(updatedWorkAddress)\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: updatedWorkAddress,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const isDataLoading =\n    (!!companyId && locationsQuery.isLoading) ||\n    (!!workAddressUuid && retrieveWorkAddressQuery.isLoading)\n\n  if (!companyId || isDataLoading || !companyLocations) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  if (workAddressUuid && !fetchedWorkAddress) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      workAddress: fetchedWorkAddress ?? null,\n      companyLocations,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Location: LocationField,\n        EffectiveDate: withEffectiveDateField ? EffectiveDateField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseWorkAddressFormResult = HookLoadingResult | UseWorkAddressFormReady\nexport type WorkAddressFieldsMetadata = UseWorkAddressFormReady['form']['fieldsMetadata']\nexport type WorkAddressFormFields = UseWorkAddressFormReady['form']['Fields']\n"],"names":["useWorkAddressForm","companyId","employeeId","workAddressUuid","withEffectiveDateField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","locationsQuery","useLocationsGet","retrieveWorkAddressQuery","useEmployeeAddressesRetrieveWorkAddress","companyLocations","isCreateMode","fetchedWorkAddress","schemaMode","schema","metadataConfig","useMemo","createWorkAddressSchema","resolvedDefaults","formMethods","useForm","zodResolver","createWorkAddressMutation","useEmployeeAddressesCreateWorkAddressMutation","updateWorkAddressMutation","useEmployeeAddressesUpdateWorkAddressMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","queriesForErrors","errorHandling","composeErrorHandler","locationOptions","location","addressInline","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","callbacks","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","resolvedEffectiveDate","effectiveDateParam","RFCDate","updatedWorkAddress","result","hookFormInternals","useHookFormInternals","isDataLoading","LocationField","EffectiveDateField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingComponents.js

@@ -1,17 +1,17 @@
 import { jsx as t } from "react/jsx-runtime";
 import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
 import { useFlow as m } from "../../Flow/useFlow.js";
-import { Landing as a } from "../Landing/Landing.js";
-import { OnboardingSummary as i } from "../OnboardingSummary/OnboardingSummary.js";
-import { DocumentSigner as d } from "../DocumentSigner/DocumentSigner.js";
-import { PaymentMethod as p } from "../PaymentMethod/PaymentMethod.js";
-import { StateTaxes as s } from "../StateTaxes/StateTaxes.js";
-import { FederalTaxes as l } from "../FederalTaxes/FederalTaxes.js";
-import { Profile as y } from "../Profile/Profile.js";
+import { Profile as a } from "../Profile/onboarding/Profile.js";
+import { FederalTaxes as i } from "../FederalTaxes/onboarding/FederalTaxes.js";
+import { Landing as d } from "../Landing/Landing.js";
+import { OnboardingSummary as p } from "../OnboardingSummary/OnboardingSummary.js";
+import { DocumentSigner as s } from "../DocumentSigner/DocumentSigner.js";
+import { PaymentMethod as l } from "../PaymentMethod/PaymentMethod.js";
+import { StateTaxes as y } from "../StateTaxes/onboarding/StateTaxes.js";
 function P() {
   const { companyId: e, employeeId: o, onEvent: r } = m();
   return /* @__PURE__ */ t(
-    a,
+    d,
     {
       companyId: n(e),
       employeeId: n(o),
@@ -22,7 +22,7 @@ function P() {
 function T() {
   const { companyId: e, employeeId: o, onEvent: r } = m();
   return /* @__PURE__ */ t(
-    y,
+    a,
     {
       companyId: n(e),
       employeeId: n(o),
@@ -33,12 +33,12 @@ function T() {
 }
 function h() {
   const { employeeId: e, onEvent: o } = m();
-  return /* @__PURE__ */ t(l, { employeeId: n(e), onEvent: o });
+  return /* @__PURE__ */ t(i, { employeeId: n(e), onEvent: o });
 }
 function F() {
   const { employeeId: e, onEvent: o } = m();
   return /* @__PURE__ */ t(
-    s,
+    y,
     {
       employeeId: n(e),
       onEvent: o,
@@ -48,12 +48,12 @@ function F() {
 }
 function b() {
   const { employeeId: e, onEvent: o } = m();
-  return /* @__PURE__ */ t(p, { employeeId: n(e), onEvent: o });
+  return /* @__PURE__ */ t(l, { employeeId: n(e), onEvent: o });
 }
 function A() {
   const { employeeId: e, onEvent: o } = m();
   return /* @__PURE__ */ t(
-    i,
+    p,
     {
       employeeId: n(e),
       onEvent: o,
@@ -64,7 +64,7 @@ function A() {
 function D() {
   const { employeeId: e, withEmployeeI9: o = !1, onEvent: r } = m();
   return /* @__PURE__ */ t(
-    d,
+    s,
     {
       employeeId: n(e),
       withEmployeeI9: o,

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfOnboardingComponents.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Landing as LandingComponent } from '@/components/Employee/Landing'\nimport { Profile as ProfileComponent } from '@/components/Employee/Profile'\nimport { FederalTaxes as FederalTaxesComponent } from '@/components/Employee/FederalTaxes'\nimport { StateTaxes as StateTaxesComponent } from '@/components/Employee/StateTaxes'\nimport { PaymentMethod as PaymentMethodComponent } from '@/components/Employee/PaymentMethod'\nimport { OnboardingSummary as OnboardingSummaryComponent } from '@/components/Employee/OnboardingSummary'\nimport { DocumentSigner as DocumentSignerComponent } from '@/components/Employee/DocumentSigner'\n\nexport interface SelfOnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  employeeId: string\n  withEmployeeI9?: boolean\n}\nexport interface SelfOnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId: string\n  withEmployeeI9?: boolean\n  paymentMethod?: PaymentMethodBankAccount\n}\n\nexport function Landing() {\n  const { companyId, employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <LandingComponent\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function Profile() {\n  const { companyId, employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <ProfileComponent\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n\nexport function FederalTaxes() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return <FederalTaxesComponent employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function StateTaxes() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <StateTaxesComponent\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n\nexport function PaymentMethod() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return <PaymentMethodComponent employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function OnboardingSummary() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <OnboardingSummaryComponent\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n\nexport function DocumentSigner() {\n  const { employeeId, withEmployeeI9 = false, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <DocumentSignerComponent\n      employeeId={ensureRequired(employeeId)}\n      withEmployeeI9={withEmployeeI9}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["Landing","companyId","employeeId","onEvent","useFlow","jsx","LandingComponent","ensureRequired","Profile","ProfileComponent","FederalTaxes","FederalTaxesComponent","StateTaxes","StateTaxesComponent","PaymentMethod","PaymentMethodComponent","OnboardingSummary","OnboardingSummaryComponent","DocumentSigner","withEmployeeI9","DocumentSignerComponent"],"mappings":";;;;;;;;;;AAyBO,SAASA,IAAU;AACxB,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAAU;AACxB,QAAM,EAAE,WAAAP,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASO,IAAe;AAC7B,QAAM,EAAE,YAAAR,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQO,GAAA,EAAsB,YAAYJ,EAAeL,CAAU,GAAG,SAAAC,GAAkB;AAC1F;AAEO,SAASS,IAAa;AAC3B,QAAM,EAAE,YAAAV,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,SACE,gBAAAC;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,YAAYN,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASW,IAAgB;AAC9B,QAAM,EAAE,YAAAZ,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQW,GAAA,EAAuB,YAAYR,EAAeL,CAAU,GAAG,SAAAC,GAAkB;AAC3F;AAEO,SAASa,IAAoB;AAClC,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,SACE,gBAAAC;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,YAAYV,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASe,IAAiB;AAC/B,QAAM,EAAE,YAAAhB,GAAY,gBAAAiB,IAAiB,IAAO,SAAAhB,EAAA,IAAYC,EAAA;AACxD,SACE,gBAAAC;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,YAAYb,EAAeL,CAAU;AAAA,MACrC,gBAAAiB;AAAA,MACA,SAAAhB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SelfOnboardingComponents.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Landing as LandingComponent } from '@/components/Employee/Landing'\nimport { Profile as ProfileComponent } from '@/components/Employee/Profile/onboarding/Profile'\nimport { FederalTaxes as FederalTaxesComponent } from '@/components/Employee/FederalTaxes/onboarding/FederalTaxes'\nimport { StateTaxes as StateTaxesComponent } from '@/components/Employee/StateTaxes/onboarding'\nimport { PaymentMethod as PaymentMethodComponent } from '@/components/Employee/PaymentMethod'\nimport { OnboardingSummary as OnboardingSummaryComponent } from '@/components/Employee/OnboardingSummary'\nimport { DocumentSigner as DocumentSignerComponent } from '@/components/Employee/DocumentSigner'\n\nexport interface SelfOnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  employeeId: string\n  withEmployeeI9?: boolean\n}\nexport interface SelfOnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId: string\n  withEmployeeI9?: boolean\n  paymentMethod?: PaymentMethodBankAccount\n}\n\nexport function Landing() {\n  const { companyId, employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <LandingComponent\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function Profile() {\n  const { companyId, employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <ProfileComponent\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n\nexport function FederalTaxes() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return <FederalTaxesComponent employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function StateTaxes() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <StateTaxesComponent\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n\nexport function PaymentMethod() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return <PaymentMethodComponent employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function OnboardingSummary() {\n  const { employeeId, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <OnboardingSummaryComponent\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n\nexport function DocumentSigner() {\n  const { employeeId, withEmployeeI9 = false, onEvent } = useFlow<SelfOnboardingContextInterface>()\n  return (\n    <DocumentSignerComponent\n      employeeId={ensureRequired(employeeId)}\n      withEmployeeI9={withEmployeeI9}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["Landing","companyId","employeeId","onEvent","useFlow","jsx","LandingComponent","ensureRequired","Profile","ProfileComponent","FederalTaxes","FederalTaxesComponent","StateTaxes","StateTaxesComponent","PaymentMethod","PaymentMethodComponent","OnboardingSummary","OnboardingSummaryComponent","DocumentSigner","withEmployeeI9","DocumentSignerComponent"],"mappings":";;;;;;;;;;AAyBO,SAASA,IAAU;AACxB,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAAU;AACxB,QAAM,EAAE,WAAAP,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASO,IAAe;AAC7B,QAAM,EAAE,YAAAR,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQO,GAAA,EAAsB,YAAYJ,EAAeL,CAAU,GAAG,SAAAC,GAAkB;AAC1F;AAEO,SAASS,IAAa;AAC3B,QAAM,EAAE,YAAAV,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,SACE,gBAAAC;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,YAAYN,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASW,IAAgB;AAC9B,QAAM,EAAE,YAAAZ,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQW,GAAA,EAAuB,YAAYR,EAAeL,CAAU,GAAG,SAAAC,GAAkB;AAC3F;AAEO,SAASa,IAAoB;AAClC,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,SACE,gBAAAC;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,YAAYV,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASe,IAAiB;AAC/B,QAAM,EAAE,YAAAhB,GAAY,gBAAAiB,IAAiB,IAAO,SAAAhB,EAAA,IAAYC,EAAA;AACxD,SACE,gBAAAC;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,YAAYb,EAAeL,CAAU;AAAA,MACrC,gBAAAiB;AAAA,MACA,SAAAhB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/StateTaxes/index.d.ts

@@ -1,2 +1,3 @@
 import "./types/i18next.d.ts"
-export { StateTaxes } from './StateTaxes';
+export { StateTaxes, type StateTaxesProps } from './management';
+export * from './shared';

package/dist/components/Employee/StateTaxes/management/StateTaxes.d.ts

@@ -0,0 +1,6 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+export type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {
+    employeeId: string;
+    onEvent: BaseComponentInterface['onEvent'];
+};
+export declare function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/StateTaxes/management/StateTaxes.js

@@ -0,0 +1,59 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useState as T } from "react";
+import { useTranslation as x } from "react-i18next";
+import { EmployeeStateTaxesView as y } from "../shared/EmployeeStateTaxesView.js";
+import { BaseBoundaries as E, BaseLayout as C } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as c } from "../../../../shared/constants.js";
+import "classnames";
+import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useI18n as L, useComponentDictionary as A } from "../../../../i18n/I18n.js";
+import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useEmployeeStateTaxesForm as g } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
+function O({
+  FallbackComponent: o,
+  ...s
+}) {
+  return /* @__PURE__ */ t(E, { componentName: "Employee.StateTaxes", FallbackComponent: o, children: /* @__PURE__ */ t(B, { ...s }) });
+}
+function B({ employeeId: o, className: s, dictionary: u, onEvent: i }) {
+  L("Employee.StateTaxes"), A("Employee.StateTaxes", u);
+  const { t: a } = x("Employee.StateTaxes"), n = b(), e = g({ employeeId: o }), [l, r] = T(!1);
+  if (e.isLoading)
+    return /* @__PURE__ */ t(C, { isLoading: !0, error: e.errorHandling.errors });
+  const p = async () => {
+    r(!1);
+    const m = await e.actions.onSubmit();
+    m && (i(c.EMPLOYEE_STATE_TAXES_UPDATED, {
+      employeeStateTaxesList: m.data
+    }), r(!0));
+  }, S = () => {
+    i(c.CANCEL);
+  }, f = l ? /* @__PURE__ */ t(
+    n.Alert,
+    {
+      status: "success",
+      label: a("successAlert"),
+      onDismiss: () => {
+        r(!1);
+      }
+    }
+  ) : void 0;
+  return /* @__PURE__ */ t(
+    y,
+    {
+      stateTaxes: e,
+      onSubmit: p,
+      alert: f,
+      actions: /* @__PURE__ */ d(h, { children: [
+        /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: S, children: a("cancelCta") }),
+        /* @__PURE__ */ t(n.Button, { type: "submit", isLoading: e.status.isPending, children: a("saveCta") })
+      ] }),
+      className: s
+    }
+  );
+}
+export {
+  O as StateTaxes
+};
+//# sourceMappingURL=StateTaxes.js.map

package/dist/components/Employee/StateTaxes/management/StateTaxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {\n  employeeId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function StateTaxes({\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({ employeeId, className, dictionary, onEvent }: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const [showSuccess, setShowSuccess] = useState(false)\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    setShowSuccess(false)\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('successAlert')}\n      onDismiss={() => {\n        setShowSuccess(false)\n      }}\n    />\n  ) : undefined\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      alert={alert}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n    />\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","showSuccess","setShowSuccess","useState","BaseLayout","handleSubmit","result","componentEvents","handleCancel","alert","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;;AAmBO,SAASA,EAAW;AAAA,EACzB,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAwE;AACtE,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,SAAAC,KAA4B;AACvF,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBH,CAAU;AACxD,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrD,CAACY,GAAaC,CAAc,IAAIC,EAAS,EAAK;AAEpD,MAAIJ,EAAW;AACb,6BAAQK,GAAA,EAAW,WAAS,IAAC,OAAOL,EAAW,cAAc,QAAQ;AAGvE,QAAMM,IAAe,YAAY;AAC/B,IAAAH,EAAe,EAAK;AACpB,UAAMI,IAAS,MAAMP,EAAW,QAAQ,SAAA;AACxC,IAAKO,MAELd,EAAQe,EAAgB,8BAA8B;AAAA,MACpD,wBAAwBD,EAAO;AAAA,IAAA,CAChC,GACDJ,EAAe,EAAI;AAAA,EACrB,GAEMM,IAAe,MAAM;AACzB,IAAAhB,EAAQe,EAAgB,MAAM;AAAA,EAChC,GAEME,IAAQR,IACZ,gBAAAf;AAAA,IAACW,EAAW;AAAA,IAAX;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,cAAc;AAAA,MACvB,WAAW,MAAM;AACf,QAAAO,EAAe,EAAK;AAAA,MACtB;AAAA,IAAA;AAAA,EAAA,IAEA;AAEJ,SACE,gBAAAhB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,YAAAX;AAAA,MACA,UAAUM;AAAA,MACV,OAAAI;AAAA,MACA,2BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASW,GAC7C,UAAAb,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/StateTaxes/management/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { StateTaxes, type StateTaxesProps } from './StateTaxes';

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.d.ts

@@ -0,0 +1,8 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+export type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {
+    employeeId: string;
+    /** Render admin-only questions and submit them. Defaults to `false`. */
+    isAdmin?: boolean;
+    onEvent: BaseComponentInterface['onEvent'];
+};
+export declare function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js

@@ -0,0 +1,49 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { EmployeeStateTaxesView as p } from "../shared/EmployeeStateTaxesView.js";
+import { BaseBoundaries as c, BaseLayout as E } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+import "classnames";
+import { ActionsLayout as T } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useI18n as S, useComponentDictionary as l } from "../../../../i18n/I18n.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useEmployeeStateTaxesForm as d } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
+function M({
+  FallbackComponent: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(c, { componentName: "Employee.StateTaxes", FallbackComponent: e, children: /* @__PURE__ */ t(x, { ...o }) });
+}
+function x({
+  employeeId: e,
+  className: o,
+  dictionary: r,
+  onEvent: i,
+  isAdmin: m = !1
+}) {
+  S("Employee.StateTaxes"), l("Employee.StateTaxes", r);
+  const n = d({ employeeId: e, isAdmin: m });
+  return n.isLoading ? /* @__PURE__ */ t(E, { isLoading: !0, error: n.errorHandling.errors }) : /* @__PURE__ */ t(
+    p,
+    {
+      stateTaxes: n,
+      onSubmit: async () => {
+        const a = await n.actions.onSubmit();
+        a && (i(s.EMPLOYEE_STATE_TAXES_UPDATED, {
+          employeeStateTaxesList: a.data
+        }), i(s.EMPLOYEE_STATE_TAXES_DONE));
+      },
+      actions: /* @__PURE__ */ t(y, { isPending: n.status.isPending }),
+      className: o
+    }
+  );
+}
+function y({ isPending: e }) {
+  const { t: o } = u("Employee.StateTaxes"), r = f();
+  return /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(r.Button, { type: "submit", isLoading: e, children: o("submitCta") }) });
+}
+export {
+  M as StateTaxes
+};
+//# sourceMappingURL=StateTaxes.js.map

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function StateTaxes({\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AAoBO,SAASA,EAAW;AAAA,EACzB,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAwE;AACtE,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAoB;AAClB,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS;AAEpE,SAAIG,EAAW,8BACLE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ,IAcrE,gBAAAV;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,YAAAH;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMI,IAAS,MAAMJ,EAAW,QAAQ,SAAA;AACxC,QAAKI,MAELR,EAAQS,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDR,EAAQS,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAf,EAACgB,GAAA,EAAe,WAAWN,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASY,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAArB,EAACsB,GAAA,EACC,UAAA,gBAAAtB,EAACoB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/onboarding/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { StateTaxes, type StateTaxesProps } from './StateTaxes';

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm';
+type ReadyEmployeeStateTaxesForm = Extract<ReturnType<typeof useEmployeeStateTaxesForm>, {
+    isLoading: false;
+}>;
+export interface EmployeeStateTaxesViewProps {
+    stateTaxes: ReadyEmployeeStateTaxesForm;
+    onSubmit: () => void | Promise<void>;
+    actions: ReactNode;
+    alert?: ReactNode;
+    className?: string;
+}
+export declare function EmployeeStateTaxesView({ stateTaxes, onSubmit, actions, alert, className, }: EmployeeStateTaxesViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js

@@ -0,0 +1,32 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { Fragment as x } from "react";
+import { useTranslation as m } from "react-i18next";
+import { BaseLayout as C } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Form as F } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as H } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function w({
+  stateTaxes: r,
+  onSubmit: n,
+  actions: s,
+  alert: i,
+  className: a
+}) {
+  const { t: c } = m("Employee.StateTaxes"), { t: l } = m("common"), p = y(), d = r.form.Fields;
+  return /* @__PURE__ */ t("section", { className: a, children: /* @__PURE__ */ t(C, { error: r.errorHandling.errors, children: /* @__PURE__ */ t(H, { formHookResult: r, children: /* @__PURE__ */ e(F, { onSubmit: n, children: [
+    i,
+    d.map((o) => {
+      const f = l(`statesHash.${o.state}`, o.state);
+      return /* @__PURE__ */ e(x, { children: [
+        /* @__PURE__ */ t(p.Heading, { as: "h2", children: c("stateTaxesTitle", { state: f }) }),
+        o.questions.map(({ questionId: h, Field: u }) => /* @__PURE__ */ t(u, {}, h))
+      ] }, o.state);
+    }),
+    s
+  ] }) }) }) });
+}
+export {
+  w as EmployeeStateTaxesView
+};
+//# sourceMappingURL=EmployeeStateTaxesView.js.map

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n}\n\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n}: EmployeeStateTaxesViewProps) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={className}>\n      <BaseLayout error={stateTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.map(group => {\n              const stateName = tCommon(`statesHash.${group.state}`, group.state)\n              return (\n                <Fragment key={group.state}>\n                  <Components.Heading as=\"h2\">\n                    {t('stateTaxesTitle', { state: stateName })}\n                  </Components.Heading>\n\n                  {group.questions.map(({ questionId, Field }) => {\n                    return <Field key={questionId} />\n                  })}\n                </Fragment>\n              )\n            })}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;AAqBO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAgC;AAC9B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASV,EAAW,KAAK;AAE/B,SACE,gBAAAW,EAAC,WAAA,EAAQ,WAAAP,GACP,UAAA,gBAAAO,EAACC,KAAW,OAAOZ,EAAW,cAAc,QAC1C,4BAACa,GAAA,EAAgB,gBAAgBb,GAC/B,UAAA,gBAAAc,EAACC,KAAK,UAAAd,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAO,EAAO,IAAI,CAAAM,MAAS;AACnB,YAAMC,IAAYV,EAAQ,cAAcS,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAP,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOY,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAT,EAACS,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAEAd;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/shared/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { EmployeeStateTaxesView, type EmployeeStateTaxesViewProps } from './EmployeeStateTaxesView';
+export * from './useEmployeeStateTaxesForm';

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/__fixtures__/stateTaxesFixtures.d.ts

@@ -0,0 +1,8 @@
+import { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist';
+export declare const caEmployeeStateTaxes: EmployeeStateTaxesList[];
+export declare const nyEmployeeStateTaxes: EmployeeStateTaxesList[];
+export declare const inEmployeeStateTaxes: EmployeeStateTaxesList[];
+export declare const multiStateEmployeeStateTaxes: EmployeeStateTaxesList[];
+export declare const emptyStateTaxes: EmployeeStateTaxesList[];
+export declare const unsetAnswersStateTaxes: EmployeeStateTaxesList[];
+export declare const unknownTypeStateTaxes: EmployeeStateTaxesList[];

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/__fixtures__/toWireFormat.d.ts

@@ -0,0 +1,36 @@
+import { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist';
+interface WireAnswer {
+    value: unknown;
+    valid_from: string | undefined;
+    valid_up_to: string | null;
+}
+interface WireOption {
+    value?: unknown;
+    label: string;
+}
+interface WireQuestion {
+    is_question_for_admin_only: boolean;
+    label: string;
+    description: string | null;
+    key: string;
+    input_question_format: {
+        type: string;
+        options?: WireOption[];
+    };
+    answers: WireAnswer[];
+}
+interface WireState {
+    employee_uuid: string | undefined;
+    state: string | undefined;
+    file_new_hire_report: boolean | null | undefined;
+    is_work_state: boolean | undefined;
+    questions: WireQuestion[];
+}
+/**
+ * Converts a camelCase typed `EmployeeStateTaxesList[]` fixture back to the
+ * snake_case wire shape MSW handlers serve. Mirrors the SDK's outbound→
+ * inbound transformation so the same fixture drives both unit tests and
+ * MSW-backed component tests.
+ */
+export declare function toWireStateTaxes(taxes: EmployeeStateTaxesList[]): WireState[];
+export {};