@gusto/embedded-react-sdk 0.53.0 → 0.54.0

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

@@ -1,11 +1,11 @@
 import { useMemo as C } from "react";
 import { useForm as N } from "react-hook-form";
-import { zodResolver as X } from "@hookform/resolvers/zod";
-import { useLocationsGet as Y } from "@gusto/embedded-api/react-query/locationsGet";
-import { useEmployeeAddressesRetrieveWorkAddress as Z } from "@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress";
-import { useEmployeeAddressesCreateWorkAddressMutation as _ } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
-import { useEmployeeAddressesUpdateWorkAddressMutation as $ } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
-import { RFCDate as T } from "@gusto/embedded-api/types/rfcdate";
+import { zodResolver as T } from "@hookform/resolvers/zod";
+import { useLocationsGet as X } from "@gusto/embedded-api/react-query/locationsGet";
+import { useEmployeeAddressesRetrieveWorkAddress as Y } from "@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress";
+import { useEmployeeAddressesCreateWorkAddressMutation as Z } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
+import { useEmployeeAddressesUpdateWorkAddressMutation as _ } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
+import { RFCDate as $ } from "@gusto/embedded-api/types/rfcdate";
 import { createWorkAddressSchema as ee } from "./workAddressSchema.js";
 import { EffectiveDateField as oe, LocationField as te } from "./fields.js";
 import { useDeriveFieldsMetadata as re } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
@@ -29,17 +29,20 @@ function we({
   companyId: t,
   employeeId: f,
   workAddressUuid: e,
-  initialAddress: y,
+  initialAddress: W,
   withEffectiveDateField: i = !0,
   optionalFieldsToRequire: k,
   defaultValues: l,
   validationMode: q = "onSubmit",
   shouldFocusError: P = !0
 }) {
-  const p = Y({ companyId: t ?? "" }, { enabled: !!t }), A = !!e && y?.uuid === e, v = Z(
+  const p = X(
+    { companyId: t ?? "" },
+    { enabled: !!t, staleTime: 1 / 0 }
+  ), A = !!e && W?.uuid === e, v = Y(
     { workAddressUuid: e ?? "" },
     { enabled: !!e && !A }
-  ), n = p.data?.companyLocationsList, d = !e, o = e ? A ? y : v.data?.employeeWorkAddress : void 0, D = d ? "create" : "update", [b, V] = C(
+  ), n = p.data?.companyLocationsList, d = !e, o = e ? A ? W : v.data?.employeeWorkAddress : void 0, D = d ? "create" : "update", [b, V] = C(
     () => ee({
       mode: D,
       optionalFieldsToRequire: k,
@@ -53,17 +56,17 @@ function we({
     }),
     [o, l]
   ), m = N({
-    resolver: X(b),
+    resolver: T(b),
     mode: q,
     shouldFocusError: P,
     defaultValues: g,
     values: g,
     resetOptions: { keepDirtyValues: !0 }
-  }), L = _(), M = $(), H = L.isPending || M.isPending, {
+  }), L = Z(), M = _(), H = L.isPending || M.isPending, {
     baseSubmitHandler: U,
     error: B,
     setError: O
-  } = de("WorkAddressForm"), R = [p, ...e ? [v] : []], W = ne(R, { submitError: B, setSubmitError: O }), G = (n ?? []).map((r) => ({
+  } = de("WorkAddressForm"), R = [p, ...e ? [v] : []], y = ne(R, { submitError: B, setSubmitError: O }), G = (n ?? []).map((r) => ({
     value: r.uuid,
     label: me(r)
   })), Q = re(V, m.control), x = ce(Q, {
@@ -78,7 +81,7 @@ function we({
             const S = h?.employeeId ?? f;
             if (!S)
               throw new u("employeeId is required to submit work address");
-            const w = i && c.effectiveDate ? c.effectiveDate : h?.effectiveDate, I = w ? new T(new Date(w)) : void 0;
+            const w = i && c.effectiveDate ? c.effectiveDate : h?.effectiveDate, I = w ? new $(new Date(w)) : void 0;
             let s;
             if (d) {
               const a = await L.mutateAsync({
@@ -124,7 +127,7 @@ function we({
       )();
     }), E;
   }, K = se(m), j = !!t && p.isLoading || !!e && v.isLoading;
-  return !t || j || !n ? { isLoading: !0, errorHandling: W } : e && !o ? { isLoading: !0, errorHandling: W } : {
+  return !t || j || !n ? { isLoading: !0, errorHandling: y } : e && !o ? { isLoading: !0, errorHandling: y } : {
     isLoading: !1,
     data: {
       workAddress: o ?? null,
@@ -135,7 +138,7 @@ function we({
       mode: d ? "create" : "update"
     },
     actions: { onSubmit: z },
-    errorHandling: W,
+    errorHandling: y,
     form: {
       Fields: {
         Location: te,

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 type { ComponentType } from 'react'\nimport { 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 type { LocationFieldProps, EffectiveDateFieldProps } from './fields'\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  FieldMetadata,\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\n/** @internal */\nfunction buildWorkAddressFieldsMetadata(\n  base: Record<keyof WorkAddressFormData, FieldMetadata>,\n  {\n    locationOptions,\n    companyLocations,\n  }: {\n    locationOptions: Array<{ label: string; value: string }>\n    companyLocations: Location[]\n  },\n) {\n  return {\n    locationUuid: withOptions<Location>(base.locationUuid, locationOptions, companyLocations),\n    effectiveDate: base.effectiveDate,\n  } satisfies FieldsMetadata\n}\n\n/**\n * Optional callbacks passed to {@link UseWorkAddressFormReady.actions.onSubmit | onSubmit}.\n *\n * @remarks\n * Only the callback matching the submit mode fires —\n * `onWorkAddressCreated` on create, `onWorkAddressUpdated` on update.\n *\n * @public\n */\nexport interface WorkAddressSubmitCallbacks {\n  /** Fired after a new work address is successfully created. */\n  onWorkAddressCreated?: (workAddress: EmployeeWorkAddress) => void\n  /** Fired after an existing work address is successfully updated. */\n  onWorkAddressUpdated?: (workAddress: EmployeeWorkAddress) => void\n}\n\n/**\n * Optional overrides passed to {@link UseWorkAddressFormReady.actions.onSubmit | onSubmit}.\n *\n * @public\n */\nexport interface WorkAddressSubmitOptions {\n  /** Override the employee identifier supplied to the hook (e.g. after creating a new employee in the same flow). */\n  employeeId?: string\n  /** Override the effective date submitted with the address. */\n  effectiveDate?: string\n}\n\n/**\n * Configuration options for {@link useWorkAddressForm}.\n *\n * @remarks\n * Presence or absence of `workAddressUuid` selects the API verb — see the\n * `workAddressUuid` field description. `companyId` is required to fetch\n * the location list; pass it when it is known.\n *\n * @public\n */\nexport interface UseWorkAddressFormProps {\n  /** Company UUID for locations; omit or leave unset while resolving from the employee record. */\n  companyId?: string\n  /** UUID of the employee whose work address is being created or edited. */\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  /**\n   * Pre-loaded address matching `workAddressUuid`. When supplied, the form uses it directly\n   * instead of issuing a GET — useful when the parent already has the row from a list query.\n   */\n  initialAddress?: EmployeeWorkAddress\n  /** When `true`, renders `Fields.EffectiveDate`; otherwise it is `undefined`. Defaults to `true`. */\n  withEffectiveDateField?: boolean\n  /** Override fields that are optional on a given mode to be required. See `WorkAddressOptionalFieldsToRequire`. */\n  optionalFieldsToRequire?: WorkAddressOptionalFieldsToRequire\n  /** Pre-fill form values. Server data takes precedence on update. */\n  defaultValues?: Partial<WorkAddressFormData>\n  /** Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler` so submit-time focus is coordinated across multiple forms. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Pre-bound field components exposed on `useWorkAddressForm().form.Fields`.\n *\n * @remarks\n * `EffectiveDate` is `undefined` when `withEffectiveDateField` is `false`.\n * Always null-check it before rendering.\n *\n * @public\n */\nexport interface WorkAddressFormFields {\n  /** Bound to `locationUuid`. Location selector. Always available. */\n  Location: ComponentType<LocationFieldProps>\n  /** Bound to `effectiveDate`. Effective-date picker. Only available when `withEffectiveDateField` is `true`. */\n  EffectiveDate: ComponentType<EffectiveDateFieldProps> | undefined\n}\n\n/**\n * Ready-state shape returned by {@link useWorkAddressForm} once data has loaded.\n *\n * @remarks\n * Discriminated by `isLoading: false`. Extends {@link BaseFormHookReady} with\n * the work-address-specific `data`, `status`, `actions`, and `form.Fields` shape.\n *\n * @public\n */\nexport interface UseWorkAddressFormReady extends BaseFormHookReady<\n  WorkAddressFieldsMetadata,\n  WorkAddressFormData,\n  WorkAddressFormFields\n> {\n  /** Static entity data resolved from the API. */\n  data: {\n    /** The address row loaded for update; `null` in create mode. */\n    workAddress: EmployeeWorkAddress | null\n    /** Company locations available for selection; `undefined` until the locations query resolves. */\n    companyLocations: Location[] | undefined\n  }\n  /** Reactive status flags. */\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  /** Available actions. */\n  actions: {\n    onSubmit: (\n      callbacks?: WorkAddressSubmitCallbacks,\n      options?: WorkAddressSubmitOptions,\n    ) => Promise<HookSubmitResult<EmployeeWorkAddress> | undefined>\n  }\n}\n\n/**\n * Form hook for creating or editing an employee's work address.\n *\n * @remarks\n * When `workAddressUuid` is supplied the hook loads that address and issues a PUT on submit;\n * when omitted it operates in create mode and issues a POST. The hook requires `companyId`\n * to fetch the company's location list — it stays in loading state until `companyId` is known.\n *\n * @param props - See {@link UseWorkAddressFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseWorkAddressFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useWorkAddressForm,\n *   SDKFormProvider,\n *   type UseWorkAddressFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function WorkAddressPage({ companyId, employeeId }: { companyId: string; employeeId: string }) {\n *   const workAddress = useWorkAddressForm({ companyId, employeeId })\n *\n *   if (workAddress.isLoading) return <div>Loading...</div>\n *\n *   return <WorkAddressReady workAddress={workAddress} />\n * }\n *\n * function WorkAddressReady({ workAddress }: { workAddress: UseWorkAddressFormReady }) {\n *   const { Fields } = workAddress.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={workAddress}>\n *       <form onSubmit={e => { e.preventDefault(); void workAddress.actions.onSubmit() }}>\n *         <Fields.Location label=\"Work address\" />\n *         {Fields.EffectiveDate && <Fields.EffectiveDate label=\"Effective date\" />}\n *         <button type=\"submit\" disabled={workAddress.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useWorkAddressForm({\n  companyId,\n  employeeId,\n  workAddressUuid,\n  initialAddress,\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 hasInitialAddressMatch = !!workAddressUuid && initialAddress?.uuid === workAddressUuid\n\n  const retrieveWorkAddressQuery = useEmployeeAddressesRetrieveWorkAddress(\n    { workAddressUuid: workAddressUuid ?? '' },\n    { enabled: !!workAddressUuid && !hasInitialAddressMatch },\n  )\n\n  const companyLocations = locationsQuery.data?.companyLocationsList\n\n  const isCreateMode = !workAddressUuid\n\n  const fetchedWorkAddress = workAddressUuid\n    ? hasInitialAddressMatch\n      ? initialAddress\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 = buildWorkAddressFieldsMetadata(baseMetadata, {\n    locationOptions,\n    companyLocations: companyLocations ?? [],\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\n/**\n * Discriminated union returned by {@link useWorkAddressForm}.\n *\n * @public\n */\nexport type UseWorkAddressFormResult = HookLoadingResult | UseWorkAddressFormReady\n/**\n * Type of `form.fieldsMetadata` returned by {@link useWorkAddressForm}.\n *\n * @public\n */\nexport type WorkAddressFieldsMetadata = ReturnType<typeof buildWorkAddressFieldsMetadata>\n"],"names":["buildWorkAddressFieldsMetadata","base","locationOptions","companyLocations","withOptions","useWorkAddressForm","companyId","employeeId","workAddressUuid","initialAddress","withEffectiveDateField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","locationsQuery","useLocationsGet","hasInitialAddressMatch","retrieveWorkAddressQuery","useEmployeeAddressesRetrieveWorkAddress","isCreateMode","fetchedWorkAddress","schemaMode","schema","metadataConfig","useMemo","createWorkAddressSchema","resolvedDefaults","formMethods","useForm","zodResolver","createWorkAddressMutation","useEmployeeAddressesCreateWorkAddressMutation","updateWorkAddressMutation","useEmployeeAddressesUpdateWorkAddressMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","queriesForErrors","errorHandling","composeErrorHandler","location","addressInline","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","callbacks","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","resolvedEffectiveDate","effectiveDateParam","RFCDate","updatedWorkAddress","result","hookFormInternals","useHookFormInternals","isDataLoading","LocationField","EffectiveDateField","createGetFormSubmissionValues"],"mappings":";;;;;;;;;;;;;;;;;;AAuCA,SAASA,GACPC,GACA;AAAA,EACE,iBAAAC;AAAA,EACA,kBAAAC;AACF,GAIA;AACA,SAAO;AAAA,IACL,cAAcC,GAAsBH,EAAK,cAAcC,GAAiBC,CAAgB;AAAA,IACxF,eAAeF,EAAK;AAAA,EAAA;AAExB;AA8JO,SAASI,GAAmB;AAAA,EACjC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,wBAAAC,IAAyB;AAAA,EACzB,yBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AACrB,GAAyE;AACvE,QAAMC,IAAiBC,EAAgB,EAAE,WAAWV,KAAa,GAAA,GAAM,EAAE,SAAS,CAAC,CAACA,GAAW,GAEzFW,IAAyB,CAAC,CAACT,KAAmBC,GAAgB,SAASD,GAEvEU,IAA2BC;AAAA,IAC/B,EAAE,iBAAiBX,KAAmB,GAAA;AAAA,IACtC,EAAE,SAAS,CAAC,CAACA,KAAmB,CAACS,EAAA;AAAA,EAAuB,GAGpDd,IAAmBY,EAAe,MAAM,sBAExCK,IAAe,CAACZ,GAEhBa,IAAqBb,IACvBS,IACER,IACAS,EAAyB,MAAM,sBACjC,QAEEI,IAAaF,IAAe,WAAW,UAEvC,CAACG,GAAQC,CAAc,IAAIC;AAAA,IAC/B,MACEC,GAAwB;AAAA,MACtB,MAAMJ;AAAA,MACN,yBAAAX;AAAA,MACA,wBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACY,GAAYX,GAAyBD,CAAsB;AAAA,EAAA,GAGxDiB,IAAwCF;AAAA,IAC5C,OAAO;AAAA,MACL,cAAcJ,GAAoB,gBAAgBT,GAAiB,gBAAgB;AAAA,MACnF,eAAeS,GAAoB,iBAAiBT,GAAiB,iBAAiB;AAAA,IAAA;AAAA,IAExF,CAACS,GAAoBT,CAAe;AAAA,EAAA,GAGhCgB,IAAcC,EAA8D;AAAA,IAChF,UAAUC,EAAYP,CAAM;AAAA,IAC5B,MAAMV;AAAA,IACN,kBAAAC;AAAA,IACA,eAAea;AAAA,IACf,QAAQA;AAAA,IACR,cAAc,EAAE,iBAAiB,GAAA;AAAA,EAAK,CACvC,GAEKI,IAA4BC,EAAA,GAC5BC,IAA4BC,EAAA,GAE5BC,IAAYJ,EAA0B,aAAaE,EAA0B,WAE7E;AAAA,IACJ,mBAAAG;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,GAAc,iBAAiB,GAE7BC,IAAmB,CAACzB,GAAgB,GAAIP,IAAkB,CAACU,CAAwB,IAAI,EAAG,GAC1FuB,IAAgBC,GAAoBF,GAAkB,EAAE,aAAAH,GAAa,gBAAAC,GAAgB,GAErFpC,KAAmBC,KAAoB,CAAA,GAAI,IAAI,CAAAwC,OAAa;AAAA,IAChE,OAAOA,EAAS;AAAA,IAChB,OAAOC,GAAcD,CAAQ;AAAA,EAAA,EAC7B,GAEIE,IAAeC,GAAwBtB,GAAgBI,EAAY,OAAO,GAC1EmB,IAAiB/C,GAA+B6C,GAAc;AAAA,IAClE,iBAAA3C;AAAA,IACA,kBAAkBC,KAAoB,CAAA;AAAA,EAAC,CACxC,GAEK6C,IAAW,OACfC,GACAC,MAC+D;AAC/D,QAAIC;AAEJ,iBAAM,IAAI,QAAc,CAAAC,MAAW;AACjC,MAAKxB,EAAY;AAAA,QACf,OAAOyB,MAAiC;AACtC,gBAAMjB,EAAkBiB,GAAM,OAAMC,MAAW;AAC7C,kBAAMC,IAAqBL,GAAS,cAAc3C;AAElD,gBAAI,CAACgD;AACH,oBAAM,IAAIC,EAAiB,+CAA+C;AAG5E,kBAAMC,IACJ/C,KAA0B4C,EAAQ,gBAC9BA,EAAQ,gBACRJ,GAAS,eAETQ,IAAqBD,IACvB,IAAIE,EAAQ,IAAI,KAAKF,CAAqB,CAAC,IAC3C;AAEJ,gBAAIG;AAEJ,gBAAIxC,GAAc;AAChB,oBAAMyC,IAAS,MAAM9B,EAA0B,YAAY;AAAA,gBACzD,SAAS;AAAA,kBACP,YAAYwB;AAAA,kBACZ,aAAa;AAAA,oBACX,cAAcD,EAAQ;AAAA,oBACtB,eAAeI;AAAA,kBAAA;AAAA,gBACjB;AAAA,cACF,CACD;AAED,kBAAI,CAACG,EAAO;AACV,sBAAM,IAAIL,EAAiB,8BAA8B;AAG3D,cAAAI,IAAqBC,EAAO,qBAC5BZ,GAAW,uBAAuBW,CAAkB;AAAA,YACtD,OAAO;AACL,kBAAI,CAACvC,KAAsB,CAACb;AAC1B,sBAAM,IAAIgD;AAAA,kBACR;AAAA,gBAAA;AAIJ,oBAAMK,IAAS,MAAM5B,EAA0B,YAAY;AAAA,gBACzD,SAAS;AAAA,kBACP,iBAAiBZ,EAAmB;AAAA,kBACpC,aAAa;AAAA,oBACX,SAASA,EAAmB;AAAA,oBAC5B,cAAciC,EAAQ;AAAA,oBACtB,eAAeI;AAAA,kBAAA;AAAA,gBACjB;AAAA,cACF,CACD;AAED,kBAAI,CAACG,EAAO;AACV,sBAAM,IAAIL,EAAiB,4BAA4B;AAGzD,cAAAI,IAAqBC,EAAO,qBAC5BZ,GAAW,uBAAuBW,CAAkB;AAAA,YACtD;AAEA,YAAAT,IAAe;AAAA,cACb,MAAM/B,IAAe,WAAW;AAAA,cAChC,MAAMwC;AAAA,YAAA;AAAA,UAEV,CAAC,GACDR,EAAA;AAAA,QACF;AAAA,QACA,MAAM;AACJ,UAAAA,EAAA;AAAA,QACF;AAAA,MAAA,EACF;AAAA,IACF,CAAC,GAEMD;AAAA,EACT,GAEMW,IAAoBC,GAAqBnC,CAAW,GAEpDoC,IACH,CAAC,CAAC1D,KAAaS,EAAe,aAC9B,CAAC,CAACP,KAAmBU,EAAyB;AAEjD,SAAI,CAACZ,KAAa0D,KAAiB,CAAC7D,IAC3B,EAAE,WAAW,IAAe,eAAAsC,EAAA,IAGjCjC,KAAmB,CAACa,IACf,EAAE,WAAW,IAAe,eAAAoB,EAAA,IAG9B;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,aAAapB,KAAsB;AAAA,MACnC,kBAAAlB;AAAA,IAAA;AAAA,IAEF,QAAQ;AAAA,MACN,WAAAgC;AAAA,MACA,MAAMf,IAAgB,WAAsB;AAAA,IAAA;AAAA,IAE9C,SAAS,EAAE,UAAA4B,EAAA;AAAA,IACX,eAAAP;AAAA,IACA,MAAM;AAAA,MACJ,QAAQ;AAAA,QACN,UAAUwB;AAAA,QACV,eAAevD,IAAyBwD,KAAqB;AAAA,MAAA;AAAA,MAE/D,gBAAAnB;AAAA,MACA,mBAAAe;AAAA,MACA,yBAAyBK,GAA8BvC,GAAaL,CAAM;AAAA,IAAA;AAAA,EAC5E;AAEJ;"}
+{"version":3,"file":"useWorkAddressForm.js","sources":["../../../../../../src/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { 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 type { LocationFieldProps, EffectiveDateFieldProps } from './fields'\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  FieldMetadata,\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\n/** @internal */\nfunction buildWorkAddressFieldsMetadata(\n  base: Record<keyof WorkAddressFormData, FieldMetadata>,\n  {\n    locationOptions,\n    companyLocations,\n  }: {\n    locationOptions: Array<{ label: string; value: string }>\n    companyLocations: Location[]\n  },\n) {\n  return {\n    locationUuid: withOptions<Location>(base.locationUuid, locationOptions, companyLocations),\n    effectiveDate: base.effectiveDate,\n  } satisfies FieldsMetadata\n}\n\n/**\n * Optional callbacks passed to {@link UseWorkAddressFormReady.actions.onSubmit | onSubmit}.\n *\n * @remarks\n * Only the callback matching the submit mode fires —\n * `onWorkAddressCreated` on create, `onWorkAddressUpdated` on update.\n *\n * @public\n */\nexport interface WorkAddressSubmitCallbacks {\n  /** Fired after a new work address is successfully created. */\n  onWorkAddressCreated?: (workAddress: EmployeeWorkAddress) => void\n  /** Fired after an existing work address is successfully updated. */\n  onWorkAddressUpdated?: (workAddress: EmployeeWorkAddress) => void\n}\n\n/**\n * Optional overrides passed to {@link UseWorkAddressFormReady.actions.onSubmit | onSubmit}.\n *\n * @public\n */\nexport interface WorkAddressSubmitOptions {\n  /** Override the employee identifier supplied to the hook (e.g. after creating a new employee in the same flow). */\n  employeeId?: string\n  /** Override the effective date submitted with the address. */\n  effectiveDate?: string\n}\n\n/**\n * Configuration options for {@link useWorkAddressForm}.\n *\n * @remarks\n * Presence or absence of `workAddressUuid` selects the API verb — see the\n * `workAddressUuid` field description. `companyId` is required to fetch\n * the location list; pass it when it is known.\n *\n * @public\n */\nexport interface UseWorkAddressFormProps {\n  /** Company UUID for locations; omit or leave unset while resolving from the employee record. */\n  companyId?: string\n  /** UUID of the employee whose work address is being created or edited. */\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  /**\n   * Pre-loaded address matching `workAddressUuid`. When supplied, the form uses it directly\n   * instead of issuing a GET — useful when the parent already has the row from a list query.\n   */\n  initialAddress?: EmployeeWorkAddress\n  /** When `true`, renders `Fields.EffectiveDate`; otherwise it is `undefined`. Defaults to `true`. */\n  withEffectiveDateField?: boolean\n  /** Override fields that are optional on a given mode to be required. See `WorkAddressOptionalFieldsToRequire`. */\n  optionalFieldsToRequire?: WorkAddressOptionalFieldsToRequire\n  /** Pre-fill form values. Server data takes precedence on update. */\n  defaultValues?: Partial<WorkAddressFormData>\n  /** Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler` so submit-time focus is coordinated across multiple forms. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Pre-bound field components exposed on `useWorkAddressForm().form.Fields`.\n *\n * @remarks\n * `EffectiveDate` is `undefined` when `withEffectiveDateField` is `false`.\n * Always null-check it before rendering.\n *\n * @public\n */\nexport interface WorkAddressFormFields {\n  /** Bound to `locationUuid`. Location selector. Always available. */\n  Location: ComponentType<LocationFieldProps>\n  /** Bound to `effectiveDate`. Effective-date picker. Only available when `withEffectiveDateField` is `true`. */\n  EffectiveDate: ComponentType<EffectiveDateFieldProps> | undefined\n}\n\n/**\n * Ready-state shape returned by {@link useWorkAddressForm} once data has loaded.\n *\n * @remarks\n * Discriminated by `isLoading: false`. Extends {@link BaseFormHookReady} with\n * the work-address-specific `data`, `status`, `actions`, and `form.Fields` shape.\n *\n * @public\n */\nexport interface UseWorkAddressFormReady extends BaseFormHookReady<\n  WorkAddressFieldsMetadata,\n  WorkAddressFormData,\n  WorkAddressFormFields\n> {\n  /** Static entity data resolved from the API. */\n  data: {\n    /** The address row loaded for update; `null` in create mode. */\n    workAddress: EmployeeWorkAddress | null\n    /** Company locations available for selection; `undefined` until the locations query resolves. */\n    companyLocations: Location[] | undefined\n  }\n  /** Reactive status flags. */\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  /** Available actions. */\n  actions: {\n    onSubmit: (\n      callbacks?: WorkAddressSubmitCallbacks,\n      options?: WorkAddressSubmitOptions,\n    ) => Promise<HookSubmitResult<EmployeeWorkAddress> | undefined>\n  }\n}\n\n/**\n * Form hook for creating or editing an employee's work address.\n *\n * @remarks\n * When `workAddressUuid` is supplied the hook loads that address and issues a PUT on submit;\n * when omitted it operates in create mode and issues a POST. The hook requires `companyId`\n * to fetch the company's location list — it stays in loading state until `companyId` is known.\n *\n * @param props - See {@link UseWorkAddressFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseWorkAddressFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useWorkAddressForm,\n *   SDKFormProvider,\n *   type UseWorkAddressFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function WorkAddressPage({ companyId, employeeId }: { companyId: string; employeeId: string }) {\n *   const workAddress = useWorkAddressForm({ companyId, employeeId })\n *\n *   if (workAddress.isLoading) return <div>Loading...</div>\n *\n *   return <WorkAddressReady workAddress={workAddress} />\n * }\n *\n * function WorkAddressReady({ workAddress }: { workAddress: UseWorkAddressFormReady }) {\n *   const { Fields } = workAddress.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={workAddress}>\n *       <form onSubmit={e => { e.preventDefault(); void workAddress.actions.onSubmit() }}>\n *         <Fields.Location label=\"Work address\" />\n *         {Fields.EffectiveDate && <Fields.EffectiveDate label=\"Effective date\" />}\n *         <button type=\"submit\" disabled={workAddress.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useWorkAddressForm({\n  companyId,\n  employeeId,\n  workAddressUuid,\n  initialAddress,\n  withEffectiveDateField = true,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseWorkAddressFormProps): HookLoadingResult | UseWorkAddressFormReady {\n  const locationsQuery = useLocationsGet(\n    { companyId: companyId ?? '' },\n    { enabled: !!companyId, staleTime: Infinity },\n  )\n\n  const hasInitialAddressMatch = !!workAddressUuid && initialAddress?.uuid === workAddressUuid\n\n  const retrieveWorkAddressQuery = useEmployeeAddressesRetrieveWorkAddress(\n    { workAddressUuid: workAddressUuid ?? '' },\n    { enabled: !!workAddressUuid && !hasInitialAddressMatch },\n  )\n\n  const companyLocations = locationsQuery.data?.companyLocationsList\n\n  const isCreateMode = !workAddressUuid\n\n  const fetchedWorkAddress = workAddressUuid\n    ? hasInitialAddressMatch\n      ? initialAddress\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 = buildWorkAddressFieldsMetadata(baseMetadata, {\n    locationOptions,\n    companyLocations: companyLocations ?? [],\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\n/**\n * Discriminated union returned by {@link useWorkAddressForm}.\n *\n * @public\n */\nexport type UseWorkAddressFormResult = HookLoadingResult | UseWorkAddressFormReady\n/**\n * Type of `form.fieldsMetadata` returned by {@link useWorkAddressForm}.\n *\n * @public\n */\nexport type WorkAddressFieldsMetadata = ReturnType<typeof buildWorkAddressFieldsMetadata>\n"],"names":["buildWorkAddressFieldsMetadata","base","locationOptions","companyLocations","withOptions","useWorkAddressForm","companyId","employeeId","workAddressUuid","initialAddress","withEffectiveDateField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","locationsQuery","useLocationsGet","hasInitialAddressMatch","retrieveWorkAddressQuery","useEmployeeAddressesRetrieveWorkAddress","isCreateMode","fetchedWorkAddress","schemaMode","schema","metadataConfig","useMemo","createWorkAddressSchema","resolvedDefaults","formMethods","useForm","zodResolver","createWorkAddressMutation","useEmployeeAddressesCreateWorkAddressMutation","updateWorkAddressMutation","useEmployeeAddressesUpdateWorkAddressMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","queriesForErrors","errorHandling","composeErrorHandler","location","addressInline","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","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/StateTaxes/management/StateTaxes.d.ts

@@ -24,4 +24,4 @@ export interface StateTaxesProps extends BaseComponentInterface<'Employee.Manage
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxes({ dictionary, FallbackComponent, ...props }: StateTaxesProps): import("react").JSX.Element;
+export declare function StateTaxes({ dictionary, FallbackComponent, LoaderComponent, ...props }: StateTaxesProps): import("react").JSX.Element;

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

@@ -1,35 +1,42 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createMachine as r } from "robot3";
-import { useMemo as n } from "react";
-import { StateTaxesCardContextual as i } from "./StateTaxesComponents.js";
+import { jsx as m } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as i } from "react";
+import { StateTaxesCardContextual as s } from "./StateTaxesComponents.js";
 import { stateTaxesStateMachine as p } from "./stateTaxesStateMachine.js";
-import { Flow as s } from "../../../Flow/Flow.js";
-import { BaseBoundaries as c } from "../../../Base/Base.js";
+import { Flow as c } from "../../../Flow/Flow.js";
+import { BaseBoundaries as f } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentDictionary as f, useI18n as x } from "../../../../i18n/I18n.js";
-function u({ employeeId: e, onEvent: t }) {
-  x("Employee.Management.StateTaxes");
-  const o = n(
-    () => r("card", p, (m) => ({
-      ...m,
-      component: i,
-      employeeId: e
+import { useComponentDictionary as x, useI18n as u } from "../../../../i18n/I18n.js";
+function S({ employeeId: t, onEvent: a, LoaderComponent: e }) {
+  u("Employee.Management.StateTaxes");
+  const o = i(
+    () => n("card", p, (r) => ({
+      ...r,
+      component: s,
+      employeeId: t,
+      LoaderComponent: e
     })),
-    [e]
+    [t, e]
   );
-  return /* @__PURE__ */ a(s, { machine: o, onEvent: t });
+  return /* @__PURE__ */ m(c, { machine: o, onEvent: a });
 }
-function E({ dictionary: e, FallbackComponent: t, ...o }) {
-  return f("Employee.Management.StateTaxes", e), /* @__PURE__ */ a(
-    c,
+function F({
+  dictionary: t,
+  FallbackComponent: a,
+  LoaderComponent: e,
+  ...o
+}) {
+  return x("Employee.Management.StateTaxes", t), /* @__PURE__ */ m(
+    f,
     {
       componentName: "Employee.Management.StateTaxes",
-      FallbackComponent: t,
-      children: /* @__PURE__ */ a(u, { ...o })
+      FallbackComponent: a,
+      LoaderComponent: e,
+      children: /* @__PURE__ */ m(S, { LoaderComponent: e, ...o })
     }
   );
 }
 export {
-  E as StateTaxes
+  F as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({ dictionary, FallbackComponent, ...props }: StateTaxesProps) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAkBO,SAASU,EAAW,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAA0B;AACvF,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent, LoaderComponent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: StateTaxesProps) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAoC;AACjF,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAkBO,SAASW,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAoB;AAClB,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAe,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnE;"}

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

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
 /**
  * Props for {@link StateTaxesCard}.
  *
@@ -10,6 +11,8 @@ export interface StateTaxesCardProps {
     employeeId: string;
     /** Event handler fired when the Edit button is clicked. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * Standalone read-only summary card showing an employee's per-state tax
@@ -28,4 +31,4 @@ export interface StateTaxesCardProps {
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxesCard(props: StateTaxesCardProps): import("react").JSX.Element;
+export declare function StateTaxesCard({ LoaderComponent, ...props }: StateTaxesCardProps): import("react").JSX.Element;

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

@@ -1,56 +1,63 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { Flex as d } from "../../../../Common/Flex/Flex.js";
-import { Loading as F } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as Q, BaseLayout as b } from "../../../../Base/Base.js";
-import { useComponentContext as v } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsx as e, jsxs as F } from "react/jsx-runtime";
+import { useTranslation as y } from "react-i18next";
+import { Flex as f } from "../../../../Common/Flex/Flex.js";
+import { Loading as Q } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as b, BaseLayout as v } from "../../../../Base/Base.js";
+import { useComponentContext as D } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import L from "../../../../../hooks/useNumberFormatter.js";
-import { useI18n as D } from "../../../../../i18n/I18n.js";
-import { componentEvents as N } from "../../../../../shared/constants.js";
-import { useStateTaxesSummary as A } from "../../shared/useStateTaxesSummary/useStateTaxesSummary.js";
-function U(i) {
-  return /* @__PURE__ */ e(Q, { componentName: "Employee.Management.StateTaxes", children: /* @__PURE__ */ e(B, { ...i }) });
+import { useI18n as N } from "../../../../../i18n/I18n.js";
+import { componentEvents as A } from "../../../../../shared/constants.js";
+import { useStateTaxesSummary as B } from "../../shared/useStateTaxesSummary/useStateTaxesSummary.js";
+function V({ LoaderComponent: i, ...m }) {
+  return /* @__PURE__ */ e(
+    b,
+    {
+      componentName: "Employee.Management.StateTaxes",
+      LoaderComponent: i,
+      children: /* @__PURE__ */ e(M, { LoaderComponent: i, ...m })
+    }
+  );
 }
-function B({ employeeId: i, onEvent: y }) {
-  D("Employee.Management.StateTaxes");
-  const { t: n } = h("Employee.Management.StateTaxes"), { t: g } = h("common"), r = v(), f = L("currency"), s = A({ employeeId: i }), m = s.isLoading, c = s.isLoading ? [] : s.data.employeeStateTaxesList, x = c.some((t) => (t.questions?.length ?? 0) > 0), E = (t, o) => {
+function M({ employeeId: i, onEvent: m, LoaderComponent: g }) {
+  N("Employee.Management.StateTaxes");
+  const { t: n } = y("Employee.Management.StateTaxes"), { t: x } = y("common"), r = D(), h = L("currency"), s = B({ employeeId: i }), c = s.isLoading, l = s.isLoading ? [] : s.data.employeeStateTaxesList, E = l.some((t) => (t.questions?.length ?? 0) > 0), S = (t, o) => {
     if (t.inputQuestionFormat.type === "Select" && t.inputQuestionFormat.options && t.inputQuestionFormat.options.length > 0) {
-      const a = t.inputQuestionFormat.options.find((l) => l.value === o);
+      const a = t.inputQuestionFormat.options.find((u) => u.value === o);
       if (a?.label)
         return a.label;
     }
     if (typeof o == "number")
-      return t.inputQuestionFormat.type === "Currency" ? f(o) : o;
+      return t.inputQuestionFormat.type === "Currency" ? h(o) : o;
     if (typeof o == "string" && !isNaN(parseFloat(o))) {
       const a = parseFloat(o);
-      return t.inputQuestionFormat.type === "Currency" ? f(a) : o;
+      return t.inputQuestionFormat.type === "Currency" ? h(a) : o;
     }
     return typeof o == "boolean" ? n(o ? "card.yes" : "card.no") : o;
-  }, S = /* @__PURE__ */ e("span", { "aria-label": n("card.listEmptyPlaceholder"), children: "–" }), T = () => {
-    y(N.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId: i });
+  }, T = /* @__PURE__ */ e("span", { "aria-label": n("card.listEmptyPlaceholder"), children: "–" }), C = () => {
+    m(A.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId: i });
   };
-  return /* @__PURE__ */ e(b, { error: s.errorHandling.errors, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(v, { error: s.errorHandling.errors, LoaderComponent: g, children: /* @__PURE__ */ e(
     r.Box,
     {
       header: /* @__PURE__ */ e(
         r.BoxHeader,
         {
           title: n("card.title"),
-          action: m || x ? /* @__PURE__ */ e(r.Button, { variant: "secondary", onClick: T, isDisabled: m, children: n("card.editCta") }) : void 0
+          action: c || E ? /* @__PURE__ */ e(r.Button, { variant: "secondary", onClick: C, isDisabled: c, children: n("card.editCta") }) : void 0
         }
       ),
-      children: /* @__PURE__ */ e(d, { flexDirection: "column", gap: 16, children: m ? /* @__PURE__ */ e(F, {}) : c.length > 0 ? /* @__PURE__ */ e(d, { flexDirection: "column", gap: 24, children: c.map((t, o) => {
-        const a = t.state ? g(`statesHash.${t.state}`, t.state) : "", l = (t.questions?.length ?? 0) > 0;
-        return /* @__PURE__ */ C(d, { flexDirection: "column", gap: 16, children: [
+      children: /* @__PURE__ */ e(f, { flexDirection: "column", gap: 16, children: c ? /* @__PURE__ */ e(Q, {}) : l.length > 0 ? /* @__PURE__ */ e(f, { flexDirection: "column", gap: 24, children: l.map((t, o) => {
+        const a = t.state ? x(`statesHash.${t.state}`, t.state) : "", u = (t.questions?.length ?? 0) > 0;
+        return /* @__PURE__ */ F(f, { flexDirection: "column", gap: 16, children: [
           a ? /* @__PURE__ */ e(r.Heading, { as: "h4", children: a }) : null,
-          l ? /* @__PURE__ */ e(
+          u ? /* @__PURE__ */ e(
             r.DescriptionList,
             {
-              items: t.questions.map((u) => {
-                const p = u.answers[0]?.value;
+              items: t.questions.map((p) => {
+                const d = p.answers[0]?.value;
                 return {
-                  term: u.label,
-                  description: p == null ? S : E(u, p)
+                  term: p.label,
+                  description: d == null ? T : S(p, d)
                 };
               })
             }
@@ -61,6 +68,6 @@ function B({ employeeId: i, onEvent: y }) {
   ) });
 }
 export {
-  U as StateTaxesCard
+  V as StateTaxesCard
 };
 //# sourceMappingURL=StateTaxesCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesCard.js","sources":["../../../../../../src/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { useStateTaxesSummary } from '../../shared/useStateTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link StateTaxesCard}.\n *\n * @public\n */\nexport interface StateTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the Edit button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone read-only summary card showing an employee's per-state tax\n * withholding answers. Fetches its own data and surfaces an Edit button\n * that emits an event for the orchestrator to swap in the edit form.\n *\n * @remarks\n * The Edit button is hidden when no state on record has any tax-withholding\n * questions (e.g. states with no income tax), since there is nothing to edit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button was clicked | `{ employeeId: string }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesCard(props: StateTaxesCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.StateTaxes\">\n      <StateTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesCardContent({ employeeId, onEvent }: StateTaxesCardProps) {\n  useI18n('Employee.Management.StateTaxes')\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useStateTaxesSummary({ employeeId })\n  const isLoading = summary.isLoading\n  const stateTaxes = summary.isLoading ? [] : summary.data.employeeStateTaxesList\n\n  const stateTaxesHaveAnyQuestions = stateTaxes.some(s => (s.questions?.length ?? 0) > 0)\n\n  const formatStateTaxAnswer = (\n    question: EmployeeStateTaxQuestion,\n    answer: string | number | boolean,\n  ) => {\n    if (\n      question.inputQuestionFormat.type === 'Select' &&\n      question.inputQuestionFormat.options &&\n      question.inputQuestionFormat.options.length > 0\n    ) {\n      const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n      if (option?.label) {\n        return option.label\n      }\n    }\n\n    if (typeof answer === 'number') {\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(answer)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n      const numValue = parseFloat(answer)\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(numValue)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'boolean') {\n      return answer ? t('card.yes') : t('card.no')\n    }\n\n    return answer\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              isLoading || stateTaxesHaveAnyQuestions ? (\n                <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                  {t('card.editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : stateTaxes.length > 0 ? (\n            <Flex flexDirection=\"column\" gap={24}>\n              {stateTaxes.map((stateTax, index) => {\n                const stateName = stateTax.state\n                  ? tCommon(`statesHash.${stateTax.state}`, stateTax.state)\n                  : ''\n                const hasQuestions = (stateTax.questions?.length ?? 0) > 0\n                return (\n                  <Flex key={stateTax.state ?? index} flexDirection=\"column\" gap={16}>\n                    {stateName ? (\n                      <Components.Heading as=\"h4\">{stateName}</Components.Heading>\n                    ) : null}\n\n                    {hasQuestions ? (\n                      <Components.DescriptionList\n                        items={stateTax.questions!.map(question => {\n                          const answer = question.answers[0]?.value\n                          return {\n                            term: question.label,\n                            description:\n                              answer === null || answer === undefined\n                                ? emptyPlaceholder\n                                : formatStateTaxAnswer(question, answer),\n                          }\n                        })}\n                      />\n                    ) : (\n                      <Components.Text variant=\"supporting\">\n                        {t('card.noWithholdingForState')}\n                      </Components.Text>\n                    )}\n                  </Flex>\n                )\n              })}\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noStateTaxes')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["StateTaxesCard","props","jsx","BaseBoundaries","StateTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","tCommon","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useStateTaxesSummary","isLoading","stateTaxes","stateTaxesHaveAnyQuestions","s","formatStateTaxAnswer","question","answer","option","opt","numValue","emptyPlaceholder","handleEdit","componentEvents","BaseLayout","Flex","Loading","stateTax","index","stateName","hasQuestions","jsxs"],"mappings":"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"}
+{"version":3,"file":"StateTaxesCard.js","sources":["../../../../../../src/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { useStateTaxesSummary } from '../../shared/useStateTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link StateTaxesCard}.\n *\n * @public\n */\nexport interface StateTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the Edit button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone read-only summary card showing an employee's per-state tax\n * withholding answers. Fetches its own data and surfaces an Edit button\n * that emits an event for the orchestrator to swap in the edit form.\n *\n * @remarks\n * The Edit button is hidden when no state on record has any tax-withholding\n * questions (e.g. states with no income tax), since there is nothing to edit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button was clicked | `{ employeeId: string }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesCard({ LoaderComponent, ...props }: StateTaxesCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesCardContent({ employeeId, onEvent, LoaderComponent }: StateTaxesCardProps) {\n  useI18n('Employee.Management.StateTaxes')\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useStateTaxesSummary({ employeeId })\n  const isLoading = summary.isLoading\n  const stateTaxes = summary.isLoading ? [] : summary.data.employeeStateTaxesList\n\n  const stateTaxesHaveAnyQuestions = stateTaxes.some(s => (s.questions?.length ?? 0) > 0)\n\n  const formatStateTaxAnswer = (\n    question: EmployeeStateTaxQuestion,\n    answer: string | number | boolean,\n  ) => {\n    if (\n      question.inputQuestionFormat.type === 'Select' &&\n      question.inputQuestionFormat.options &&\n      question.inputQuestionFormat.options.length > 0\n    ) {\n      const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n      if (option?.label) {\n        return option.label\n      }\n    }\n\n    if (typeof answer === 'number') {\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(answer)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n      const numValue = parseFloat(answer)\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(numValue)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'boolean') {\n      return answer ? t('card.yes') : t('card.no')\n    }\n\n    return answer\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              isLoading || stateTaxesHaveAnyQuestions ? (\n                <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                  {t('card.editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : stateTaxes.length > 0 ? (\n            <Flex flexDirection=\"column\" gap={24}>\n              {stateTaxes.map((stateTax, index) => {\n                const stateName = stateTax.state\n                  ? tCommon(`statesHash.${stateTax.state}`, stateTax.state)\n                  : ''\n                const hasQuestions = (stateTax.questions?.length ?? 0) > 0\n                return (\n                  <Flex key={stateTax.state ?? index} flexDirection=\"column\" gap={16}>\n                    {stateName ? (\n                      <Components.Heading as=\"h4\">{stateName}</Components.Heading>\n                    ) : null}\n\n                    {hasQuestions ? (\n                      <Components.DescriptionList\n                        items={stateTax.questions!.map(question => {\n                          const answer = question.answers[0]?.value\n                          return {\n                            term: question.label,\n                            description:\n                              answer === null || answer === undefined\n                                ? emptyPlaceholder\n                                : formatStateTaxAnswer(question, answer),\n                          }\n                        })}\n                      />\n                    ) : (\n                      <Components.Text variant=\"supporting\">\n                        {t('card.noWithholdingForState')}\n                      </Components.Text>\n                    )}\n                  </Flex>\n                )\n              })}\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noStateTaxes')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["StateTaxesCard","LoaderComponent","props","jsx","BaseBoundaries","StateTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","tCommon","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useStateTaxesSummary","isLoading","stateTaxes","stateTaxesHaveAnyQuestions","s","formatStateTaxAnswer","question","answer","option","opt","numValue","emptyPlaceholder","handleEdit","componentEvents","BaseLayout","Flex","Loading","stateTax","index","stateName","hasQuestions","jsxs"],"mappings":";;;;;;;;;;AA4CO,SAASA,EAAe,EAAE,iBAAAC,GAAiB,GAAGC,KAA8B;AACjF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAsB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1E;AAEA,SAASG,EAAsB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAN,KAAwC;AAC5F,EAAAO,EAAQ,gCAAgC;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAE9CC,IAAUC,EAAqB,EAAE,YAAAX,GAAY,GAC7CY,IAAYF,EAAQ,WACpBG,IAAaH,EAAQ,YAAY,CAAA,IAAKA,EAAQ,KAAK,wBAEnDI,IAA6BD,EAAW,KAAK,CAAAE,OAAMA,EAAE,WAAW,UAAU,KAAK,CAAC,GAEhFC,IAAuB,CAC3BC,GACAC,MACG;AACH,QACED,EAAS,oBAAoB,SAAS,YACtCA,EAAS,oBAAoB,WAC7BA,EAAS,oBAAoB,QAAQ,SAAS,GAC9C;AACA,YAAME,IAASF,EAAS,oBAAoB,QAAQ,KAAK,CAAAG,MAAOA,EAAI,UAAUF,CAAM;AACpF,UAAIC,GAAQ;AACV,eAAOA,EAAO;AAAA,IAElB;AAEA,QAAI,OAAOD,KAAW;AACpB,aAAID,EAAS,oBAAoB,SAAS,aACjCT,EAAeU,CAAM,IAEvBA;AAGT,QAAI,OAAOA,KAAW,YAAY,CAAC,MAAM,WAAWA,CAAM,CAAC,GAAG;AAC5D,YAAMG,IAAW,WAAWH,CAAM;AAClC,aAAID,EAAS,oBAAoB,SAAS,aACjCT,EAAea,CAAQ,IAEzBH;AAAA,IACT;AAEA,WAAI,OAAOA,KAAW,YACJf,EAATe,IAAW,aAAgB,SAAN,IAGvBA;AAAA,EACT,GAEMI,IAAmB,gBAAAzB,EAAC,QAAA,EAAK,cAAYM,EAAE,2BAA2B,GAAG,UAAA,KAAC,GAEtEoB,IAAa,MAAM;AACvB,IAAAtB,EAAQuB,EAAgB,gDAAgD,EAAE,YAAAxB,EAAA,CAAY;AAAA,EACxF;AAEA,2BACGyB,GAAA,EAAW,OAAOf,EAAQ,cAAc,QAAQ,iBAAAf,GAC/C,UAAA,gBAAAE;AAAA,IAACS,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAT;AAAA,QAACS,EAAW;AAAA,QAAX;AAAA,UACC,OAAOH,EAAE,YAAY;AAAA,UACrB,QACES,KAAaE,IACX,gBAAAjB,EAACS,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASiB,GAAY,YAAYX,GACrE,UAAAT,EAAE,cAAc,GACnB,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAKV,UAAA,gBAAAN,EAAC6B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAd,IACC,gBAAAf,EAAC8B,GAAA,CAAA,CAAQ,IACPd,EAAW,SAAS,IACtB,gBAAAhB,EAAC6B,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAb,EAAW,IAAI,CAACe,GAAUC,MAAU;AACnC,cAAMC,IAAYF,EAAS,QACvBvB,EAAQ,cAAcuB,EAAS,KAAK,IAAIA,EAAS,KAAK,IACtD,IACEG,KAAgBH,EAAS,WAAW,UAAU,KAAK;AACzD,eACE,gBAAAI,EAACN,GAAA,EAAmC,eAAc,UAAS,KAAK,IAC7D,UAAA;AAAA,UAAAI,sBACExB,EAAW,SAAX,EAAmB,IAAG,MAAM,aAAU,IACrC;AAAA,UAEHyB,IACC,gBAAAlC;AAAA,YAACS,EAAW;AAAA,YAAX;AAAA,cACC,OAAOsB,EAAS,UAAW,IAAI,CAAAX,MAAY;AACzC,sBAAMC,IAASD,EAAS,QAAQ,CAAC,GAAG;AACpC,uBAAO;AAAA,kBACL,MAAMA,EAAS;AAAA,kBACf,aACEC,KAAW,OACPI,IACAN,EAAqBC,GAAUC,CAAM;AAAA,gBAAA;AAAA,cAE/C,CAAC;AAAA,YAAA;AAAA,UAAA,sBAGFZ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAH,EAAE,4BAA4B,EAAA,CACjC;AAAA,QAAA,KArBOyB,EAAS,SAASC,CAuB7B;AAAA,MAEJ,CAAC,EAAA,CACH,IAEA,gBAAAhC,EAACS,EAAW,MAAX,EAAiB,UAAAH,EAAE,mBAAmB,EAAA,CAAE,EAAA,CAE7C;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,34 +1,48 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import { StateTaxesEditForm as p } from "./StateTaxesEditForm.js";
-import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { StateTaxesEditForm as u } from "./StateTaxesEditForm.js";
+import { Flex as E } from "../../../Common/Flex/Flex.js";
 import { useFlow as r } from "../../../Flow/useFlow.js";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { componentEvents as c } from "../../../../shared/constants.js";
+import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as x } from "../../../../shared/constants.js";
 import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
-import { StateTaxesCard as x } from "./StateTaxesCard/StateTaxesCard.js";
-function _() {
-  const { employeeId: t, onEvent: e, successAlert: n } = r(), { t: s } = i("Employee.Management.StateTaxes"), a = E();
-  return /* @__PURE__ */ l(u, { flexDirection: "column", gap: 16, children: [
-    n ? /* @__PURE__ */ o(
-      a.Alert,
+import { StateTaxesCard as d } from "./StateTaxesCard/StateTaxesCard.js";
+function D() {
+  const { employeeId: t, onEvent: e, successAlert: o, LoaderComponent: s } = r(), { t: a } = i("Employee.Management.StateTaxes"), l = c();
+  return /* @__PURE__ */ p(E, { flexDirection: "column", gap: 16, children: [
+    o ? /* @__PURE__ */ n(
+      l.Alert,
       {
         status: "success",
-        label: s(`alerts.${n}`),
+        label: a(`alerts.${o}`),
         onDismiss: () => {
-          e(c.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null);
+          e(x.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null);
         }
       }
     ) : null,
-    /* @__PURE__ */ o(x, { employeeId: m(t), onEvent: e })
+    /* @__PURE__ */ n(
+      d,
+      {
+        employeeId: m(t),
+        onEvent: e,
+        LoaderComponent: s
+      }
+    )
   ] });
 }
-function D() {
-  const { employeeId: t, onEvent: e } = r();
-  return /* @__PURE__ */ o(p, { employeeId: m(t), onEvent: e });
+function F() {
+  const { employeeId: t, onEvent: e, LoaderComponent: o } = r();
+  return /* @__PURE__ */ n(
+    u,
+    {
+      employeeId: m(t),
+      onEvent: e,
+      LoaderComponent: o
+    }
+  );
 }
 export {
-  _ as StateTaxesCardContextual,
-  D as StateTaxesEditFormContextual
+  D as StateTaxesCardContextual,
+  F as StateTaxesEditFormContextual
 };
 //# sourceMappingURL=StateTaxesComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { StateTaxesCard } from './StateTaxesCard'\nimport { StateTaxesEditForm } from './StateTaxesEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type StateTaxesSuccessAlertCode = 'stateTaxesUpdated'\n\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: StateTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function StateTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<StateTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <StateTaxesCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function StateTaxesEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["StateTaxesCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","StateTaxesCard","ensureRequired","StateTaxesEditFormContextual","StateTaxesEditForm"],"mappings":";;;;;;;;;AAmBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,iDAAiD,IAAI;AAAA,QAC/E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAe,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5E;AAEJ;AAGO,SAASa,IAA+B;AAC7C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAmB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACvF;"}
+{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { StateTaxesCard } from './StateTaxesCard'\nimport { StateTaxesEditForm } from './StateTaxesEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type StateTaxesSuccessAlertCode = 'stateTaxesUpdated'\n\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: StateTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function StateTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert, LoaderComponent } =\n    useFlow<StateTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <StateTaxesCard\n        employeeId={ensureRequired(employeeId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function StateTaxesEditFormContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesEditForm\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["StateTaxesCardContextual","employeeId","onEvent","successAlert","LoaderComponent","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","StateTaxesCard","ensureRequired","StateTaxesEditFormContextual","StateTaxesEditForm"],"mappings":";;;;;;;;;AAmBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IACzCC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQW,EAAgB,iDAAiD,IAAI;AAAA,QAC/E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,YAAYC,EAAed,CAAU;AAAA,QACrC,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASY,IAA+B;AAC7C,QAAM,EAAE,YAAAf,GAAY,SAAAC,GAAS,iBAAAE,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,YAAYF,EAAed,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -23,4 +23,4 @@ export interface StateTaxesEditFormProps extends BaseComponentInterface<'Employe
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxesEditForm({ FallbackComponent, ...props }: StateTaxesEditFormProps): import("react").JSX.Element;
+export declare function StateTaxesEditForm({ FallbackComponent, LoaderComponent, ...props }: StateTaxesEditFormProps): import("react").JSX.Element;