@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

package/dist/components/Contractor/Compensation/management/CompensationEditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationEditForm.js","sources":["../../../../../src/components/Contractor/Compensation/management/CompensationEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useContractorPayForm, WageType } from '../shared/useContractorPayForm'\nimport styles from './CompensationEditForm.module.scss'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Props for {@link CompensationEditForm}.\n *\n * @public\n */\nexport interface CompensationEditFormProps extends BaseComponentInterface<'Contractor.Management.Compensation'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\n/**\n * Standalone edit form for a contractor's compensation type and rate.\n *\n * @remarks\n * Renders a Fixed/Hourly compensation-type selector and, when Hourly, an\n * hourly-rate field. Save and Cancel both emit events so the parent can\n * return to the read view.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/compensation/updated` | Fired after compensation is successfully saved | The updated `Contractor` entity |\n * | `contractor/management/compensation/editCancelled` | Fired when the user clicks Cancel | — |\n *\n * @param input - See {@link CompensationEditFormProps}.\n * @returns The contractor compensation edit form.\n * @public\n */\nexport function CompensationEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: CompensationEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Compensation\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <CompensationEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction CompensationEditFormRoot({\n  contractorId,\n  className,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: CompensationEditFormProps) {\n  useI18n('Contractor.Management.Compensation')\n  useComponentDictionary('Contractor.Management.Compensation', dictionary)\n  const { t } = useTranslation('Contractor.Management.Compensation')\n  const Components = useComponentContext()\n\n  const payForm = useContractorPayForm({ contractorId })\n\n  if (payForm.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={payForm.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const { Fields } = payForm.form\n\n  const handleSubmit = async () => {\n    const result = await payForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_UPDATED, result.data)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_CANCELLED)\n  }\n\n  const WageTypeFieldComponent = (radioProps: RadioGroupProps) => (\n    <Components.RadioGroup\n      {...radioProps}\n      options={radioProps.options.map(option => ({\n        ...option,\n        description:\n          option.value === WageType.Hourly\n            ? t('form.hourlyDescription')\n            : t('form.fixedDescription'),\n      }))}\n    />\n  )\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={payForm.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={payForm}>\n          <Form onSubmit={handleSubmit}>\n            <Flex flexDirection=\"column\" gap={4}>\n              <Components.Heading as=\"h2\">{t('form.title')}</Components.Heading>\n              <Components.Text variant=\"supporting\">{t('form.description')}</Components.Text>\n            </Flex>\n            <Fields.WageType\n              label={t('form.wageTypeLabel')}\n              getOptionLabel={(value: string) =>\n                value === WageType.Hourly ? t('hourlyLabel') : t('fixedLabel')\n              }\n              FieldComponent={WageTypeFieldComponent}\n            />\n            {payForm.status.isHourly && (\n              <Fields.HourlyRate\n                label={t('form.hourlyRateLabel')}\n                format=\"currency\"\n                validationMessages={{ REQUIRED: t('form.validations.hourlyRate') }}\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel} type=\"button\">\n                {t('form.cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={payForm.status.isPending}>\n                {t('form.saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["CompensationEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","CompensationEditFormRoot","contractorId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","payForm","useContractorPayForm","BaseLayout","Fields","handleSubmit","result","componentEvents","handleCancel","WageTypeFieldComponent","radioProps","option","WageType","classNames","styles","SDKFormProvider","jsxs","Form","Flex","value","ActionsLayout"],"mappings":"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"}

package/dist/components/Contractor/Compensation/management/CompensationEditForm.module.scss.js

@@ -0,0 +1,8 @@
+const n = "_container_18572_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=CompensationEditForm.module.scss.js.map

package/dist/components/Contractor/Compensation/management/CompensationEditForm.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationEditForm.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Contractor/Compensation/management/compensationStateMachine.d.ts

@@ -0,0 +1,5 @@
+/** @internal */
+export declare const compensationStateMachine: {
+    card: import('../../../../lib/state-machine').StateDefinition;
+    editCompensation: import('../../../../lib/state-machine').StateDefinition;
+};

package/dist/components/Contractor/Compensation/management/compensationStateMachine.js

@@ -0,0 +1,46 @@
+import { CompensationEditFormContextual as C, CardContextual as A } from "./CompensationComponents.js";
+import "react";
+import { state as r, transition as o, reduce as e } from "../../../../lib/state-machine/core.js";
+import { componentEvents as n } from "../../../../shared/constants.js";
+const E = e((t) => ({
+  ...t,
+  component: A,
+  successAlert: null
+})), c = (t) => e((T) => ({
+  ...T,
+  component: A,
+  successAlert: t
+})), i = {
+  card: r(
+    o(
+      n.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED,
+      "editCompensation",
+      e((t) => ({
+        ...t,
+        component: C,
+        successAlert: null
+      }))
+    ),
+    o(
+      n.CONTRACTOR_MANAGEMENT_COMPENSATION_ALERT_DISMISSED,
+      "card",
+      E
+    )
+  ),
+  editCompensation: r(
+    o(
+      n.CONTRACTOR_MANAGEMENT_COMPENSATION_UPDATED,
+      "card",
+      c("compensationUpdated")
+    ),
+    o(
+      n.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_CANCELLED,
+      "card",
+      E
+    )
+  )
+};
+export {
+  i as compensationStateMachine
+};
+//# sourceMappingURL=compensationStateMachine.js.map

package/dist/components/Contractor/Compensation/management/compensationStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Contractor/Compensation/management/compensationStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { CompensationContextInterface } from './CompensationComponents'\nimport { CardContextual, CompensationEditFormContextual } from './CompensationComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: CompensationContextInterface['successAlert']) =>\n  reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const compensationStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED,\n      'editCompensation',\n      reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n        ...ctx,\n        component: CompensationEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editCompensation: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_UPDATED,\n      'card',\n      returnToCardWithAlert('compensationUpdated'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","compensationStateMachine","state","transition","componentEvents","CompensationEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAAqE;AAAA,EAChG,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAqE;AAAA,EAC3E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,qBAAqB;AAAA,IAAA;AAAA,IAE7CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Contractor/Compensation/management/index.d.ts

@@ -0,0 +1,3 @@
+export { Compensation, type CompensationProps } from './Compensation';
+export { CompensationCard, type CompensationCardProps } from './CompensationCard';
+export { CompensationEditForm, type CompensationEditFormProps } from './CompensationEditForm';

package/dist/components/Contractor/Compensation/shared/useContractorCompensationSummary/index.d.ts

@@ -0,0 +1 @@
+export { useContractorCompensationSummary, type UseContractorCompensationSummaryParams, type UseContractorCompensationSummaryResult, } from './useContractorCompensationSummary';

package/dist/components/Contractor/Compensation/shared/useContractorCompensationSummary/useContractorCompensationSummary.d.ts

@@ -0,0 +1,17 @@
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { BaseHookReady, HookLoadingResult } from '../../../../../partner-hook-utils/types';
+/** @internal */
+export interface UseContractorCompensationSummaryParams {
+    contractorId: string;
+}
+type UseContractorCompensationSummaryReady = BaseHookReady<{
+    contractor: Contractor;
+}, {
+    isFetching: boolean;
+    isPending: boolean;
+}>;
+/** @internal */
+export type UseContractorCompensationSummaryResult = HookLoadingResult | UseContractorCompensationSummaryReady;
+/** @internal */
+export declare function useContractorCompensationSummary({ contractorId, }: UseContractorCompensationSummaryParams): UseContractorCompensationSummaryResult;
+export {};

package/dist/components/Contractor/Compensation/shared/useContractorCompensationSummary/useContractorCompensationSummary.js

@@ -0,0 +1,23 @@
+import { useContractorsGet as i } from "@gusto/embedded-api/react-query/contractorsGet";
+import { composeErrorHandler as a } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+function c({
+  contractorId: n
+}) {
+  const t = i(
+    { contractorUuid: n },
+    { staleTime: 1 / 0 }
+  ), r = a([t]), o = t.data?.contractor;
+  return t.isLoading || !o ? { isLoading: !0, errorHandling: r } : {
+    isLoading: !1,
+    data: { contractor: o },
+    status: {
+      isFetching: t.isFetching,
+      isPending: !1
+    },
+    errorHandling: r
+  };
+}
+export {
+  c as useContractorCompensationSummary
+};
+//# sourceMappingURL=useContractorCompensationSummary.js.map

package/dist/components/Contractor/Compensation/shared/useContractorCompensationSummary/useContractorCompensationSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContractorCompensationSummary.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorCompensationSummary/useContractorCompensationSummary.tsx"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult } from '@/partner-hook-utils/types'\n\n/** @internal */\nexport interface UseContractorCompensationSummaryParams {\n  contractorId: string\n}\n\ntype UseContractorCompensationSummaryReady = BaseHookReady<\n  { contractor: Contractor },\n  { isFetching: boolean; isPending: boolean }\n>\n\n/** @internal */\nexport type UseContractorCompensationSummaryResult =\n  HookLoadingResult | UseContractorCompensationSummaryReady\n\n/** @internal */\nexport function useContractorCompensationSummary({\n  contractorId,\n}: UseContractorCompensationSummaryParams): UseContractorCompensationSummaryResult {\n  const contractorQuery = useContractorsGet(\n    { contractorUuid: contractorId },\n    { staleTime: Infinity },\n  )\n\n  const errorHandling = composeErrorHandler([contractorQuery])\n\n  const contractor = contractorQuery.data?.contractor\n\n  if (contractorQuery.isLoading || !contractor) {\n    return { isLoading: true, errorHandling }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractor },\n    status: {\n      isFetching: contractorQuery.isFetching,\n      isPending: false,\n    },\n    errorHandling,\n  }\n}\n"],"names":["useContractorCompensationSummary","contractorId","contractorQuery","useContractorsGet","errorHandling","composeErrorHandler","contractor"],"mappings":";;AAoBO,SAASA,EAAiC;AAAA,EAC/C,cAAAC;AACF,GAAmF;AACjF,QAAMC,IAAkBC;AAAA,IACtB,EAAE,gBAAgBF,EAAA;AAAA,IAClB,EAAE,WAAW,MAAA;AAAA,EAAS,GAGlBG,IAAgBC,EAAoB,CAACH,CAAe,CAAC,GAErDI,IAAaJ,EAAgB,MAAM;AAEzC,SAAIA,EAAgB,aAAa,CAACI,IACzB,EAAE,WAAW,IAAM,eAAAF,EAAA,IAGrB;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,YAAAE,EAAA;AAAA,IACR,QAAQ;AAAA,MACN,YAAYJ,EAAgB;AAAA,MAC5B,WAAW;AAAA,IAAA;AAAA,IAEb,eAAAE;AAAA,EAAA;AAEJ;"}

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/contractorPaySchema.d.ts

@@ -0,0 +1,50 @@
+import { z } from 'zod';
+/**
+ * Contractor wage type enum (`Fixed` / `Hourly`) re-exported from the API model.
+ *
+ * @public
+ */
+export declare const WageType: {
+    readonly Fixed: "Fixed";
+    readonly Hourly: "Hourly";
+};
+/**
+ * Validation error codes emitted by the contractor pay form schema. Map these
+ * codes to localized copy in `validationMessages` when composing the hook.
+ *
+ * @public
+ */
+export declare const ContractorPayErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+};
+/**
+ * Union of validation error code strings emitted by the contractor pay form
+ * schema.
+ *
+ * @public
+ */
+export type ContractorPayErrorCode = (typeof ContractorPayErrorCodes)[keyof typeof ContractorPayErrorCodes];
+/**
+ * Field names accepted by the contractor pay form.
+ *
+ * @public
+ */
+export type ContractorPayFormField = "hourlyRate" | "wageType";
+/**
+ * Shape of the values managed by the contractor pay form.
+ *
+ * @public
+ * @interface
+ */
+export type ContractorPayFormData = { wageType: "Fixed" | "Hourly"; hourlyRate: number; };
+/** @internal */
+export type ContractorPayFormOutputs = ContractorPayFormData;
+/** @internal */
+export declare function createContractorPaySchema(): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
+    wageType: z.ZodEnum<{
+        Fixed: "Fixed";
+        Hourly: "Hourly";
+    }>;
+    hourlyRate: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+}>;
+export {};

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/contractorPaySchema.js

@@ -0,0 +1,32 @@
+import { z as e } from "zod";
+import { ContractorWageType as m } from "@gusto/embedded-api/models/components/contractor";
+import { buildFormSchema as u } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+import { coerceNaN as c } from "../../../../../partner-hook-utils/form/preprocessors.js";
+const r = m, t = {
+  REQUIRED: "REQUIRED"
+}, s = {
+  wageType: e.enum([r.Fixed, r.Hourly]),
+  // No lower bound beyond non-negative here — a Fixed contractor's default of 0
+  // must stay valid since the field doesn't apply to them. The "must be > 0
+  // when Hourly" rule lives in the superRefine below instead.
+  hourlyRate: e.preprocess(c(0), e.number().min(0))
+};
+function R() {
+  return u(s, {
+    requiredErrorCode: t.REQUIRED,
+    mode: "update",
+    superRefine: (o, a) => {
+      o.wageType === r.Hourly && !(o.hourlyRate > 0) && a.addIssue({
+        code: e.ZodIssueCode.custom,
+        path: ["hourlyRate"],
+        message: t.REQUIRED
+      });
+    }
+  });
+}
+export {
+  t as ContractorPayErrorCodes,
+  r as WageType,
+  R as createContractorPaySchema
+};
+//# sourceMappingURL=contractorPaySchema.js.map

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/contractorPaySchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contractorPaySchema.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorPayForm/contractorPaySchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { ContractorWageType as ApiWageType } from '@gusto/embedded-api/models/components/contractor'\nimport { buildFormSchema } from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN } from '@/partner-hook-utils/form/preprocessors'\n\n/**\n * Contractor wage type enum (`Fixed` / `Hourly`) re-exported from the API model.\n *\n * @public\n */\nexport const WageType = ApiWageType\n\n/**\n * Validation error codes emitted by the contractor pay form schema. Map these\n * codes to localized copy in `validationMessages` when composing the hook.\n *\n * @public\n */\nexport const ContractorPayErrorCodes = {\n  REQUIRED: 'REQUIRED',\n} as const\n\n/**\n * Union of validation error code strings emitted by the contractor pay form\n * schema.\n *\n * @public\n */\nexport type ContractorPayErrorCode =\n  (typeof ContractorPayErrorCodes)[keyof typeof ContractorPayErrorCodes]\n\nconst fieldValidators = {\n  wageType: z.enum([WageType.Fixed, WageType.Hourly]),\n  // No lower bound beyond non-negative here — a Fixed contractor's default of 0\n  // must stay valid since the field doesn't apply to them. The \"must be > 0\n  // when Hourly\" rule lives in the superRefine below instead.\n  hourlyRate: z.preprocess(coerceNaN(0), z.number().min(0)),\n}\n\n/**\n * Field names accepted by the contractor pay form.\n *\n * @public\n */\nexport type ContractorPayFormField = keyof typeof fieldValidators\n\n/**\n * Shape of the values managed by the contractor pay form.\n *\n * @public\n * @interface\n */\nexport type ContractorPayFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n/** @internal */\nexport type ContractorPayFormOutputs = ContractorPayFormData\n\n/** @internal */\nexport function createContractorPaySchema() {\n  return buildFormSchema(fieldValidators, {\n    requiredErrorCode: ContractorPayErrorCodes.REQUIRED,\n    mode: 'update',\n    superRefine: (data, ctx) => {\n      if (data.wageType === WageType.Hourly && !(data.hourlyRate > 0)) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['hourlyRate'],\n          message: ContractorPayErrorCodes.REQUIRED,\n        })\n      }\n    },\n  })\n}\n"],"names":["WageType","ApiWageType","ContractorPayErrorCodes","fieldValidators","z","coerceNaN","createContractorPaySchema","buildFormSchema","data","ctx"],"mappings":";;;;AAUO,MAAMA,IAAWC,GAQXC,IAA0B;AAAA,EACrC,UAAU;AACZ,GAWMC,IAAkB;AAAA,EACtB,UAAUC,EAAE,KAAK,CAACJ,EAAS,OAAOA,EAAS,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlD,YAAYI,EAAE,WAAWC,EAAU,CAAC,GAAGD,EAAE,OAAA,EAAS,IAAI,CAAC,CAAC;AAC1D;AAuBO,SAASE,IAA4B;AAC1C,SAAOC,EAAgBJ,GAAiB;AAAA,IACtC,mBAAmBD,EAAwB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,CAACM,GAAMC,MAAQ;AAC1B,MAAID,EAAK,aAAaR,EAAS,UAAU,EAAEQ,EAAK,aAAa,MAC3DC,EAAI,SAAS;AAAA,QACX,MAAML,EAAE,aAAa;AAAA,QACrB,MAAM,CAAC,YAAY;AAAA,QACnB,SAASF,EAAwB;AAAA,MAAA,CAClC;AAAA,IAEL;AAAA,EAAA,CACD;AACH;"}

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/fields.d.ts

@@ -0,0 +1,26 @@
+import { ContractorPayErrorCodes, ContractorPayFormData } from './contractorPaySchema';
+import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
+import { NumberInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/NumberInputHookField';
+import { HookFieldProps } from '../../../../../partner-hook-utils/types';
+/**
+ * Validation code for a required contractor pay field.
+ *
+ * @public
+ */
+export type RequiredValidation = typeof ContractorPayErrorCodes.REQUIRED;
+/**
+ * Props accepted by {@link useContractorPayForm}'s `Fields.WageType` component.
+ *
+ * @public
+ */
+export type WageTypeFieldProps = HookFieldProps<RadioGroupHookFieldProps<never, ContractorPayFormData['wageType']>>;
+/** @internal */
+export declare function WageTypeField(props: WageTypeFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useContractorPayForm}'s `Fields.HourlyRate` component.
+ *
+ * @public
+ */
+export type HourlyRateFieldProps = HookFieldProps<NumberInputHookFieldProps<RequiredValidation>>;
+/** @internal */
+export declare function HourlyRateField(props: HourlyRateFieldProps): import("react").JSX.Element;

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/fields.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { NumberInputHookField as r } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { RadioGroupHookField as t } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+function u(o) {
+  return /* @__PURE__ */ e(t, { ...o, name: "wageType" });
+}
+function p(o) {
+  return /* @__PURE__ */ e(r, { ...o, name: "hourlyRate" });
+}
+export {
+  p as HourlyRateField,
+  u as WageTypeField
+};
+//# sourceMappingURL=fields.js.map

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorPayForm/fields.tsx"],"sourcesContent":["import type { ContractorPayErrorCodes, ContractorPayFormData } from './contractorPaySchema'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { NumberInputHookFieldProps } from '@/partner-hook-utils/form/fields/NumberInputHookField'\nimport { RadioGroupHookField, NumberInputHookField } from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\n/**\n * Validation code for a required contractor pay field.\n *\n * @public\n */\nexport type RequiredValidation = typeof ContractorPayErrorCodes.REQUIRED\n\n/**\n * Props accepted by {@link useContractorPayForm}'s `Fields.WageType` component.\n *\n * @public\n */\nexport type WageTypeFieldProps = HookFieldProps<\n  RadioGroupHookFieldProps<never, ContractorPayFormData['wageType']>\n>\n\n/** @internal */\nexport function WageTypeField(props: WageTypeFieldProps) {\n  return <RadioGroupHookField {...props} name=\"wageType\" />\n}\n\n/**\n * Props accepted by {@link useContractorPayForm}'s `Fields.HourlyRate` component.\n *\n * @public\n */\nexport type HourlyRateFieldProps = HookFieldProps<NumberInputHookFieldProps<RequiredValidation>>\n\n/** @internal */\nexport function HourlyRateField(props: HourlyRateFieldProps) {\n  return <NumberInputHookField {...props} name=\"hourlyRate\" />\n}\n"],"names":["WageTypeField","props","jsx","RadioGroupHookField","HourlyRateField","NumberInputHookField"],"mappings":";;;AAuBO,SAASA,EAAcC,GAA2B;AACvD,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,MAAK,YAAW;AACzD;AAUO,SAASG,EAAgBH,GAA6B;AAC3D,SAAO,gBAAAC,EAACG,GAAA,EAAsB,GAAGJ,GAAO,MAAK,cAAa;AAC5D;"}

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/index.d.ts

@@ -0,0 +1,4 @@
+export { useContractorPayForm } from './useContractorPayForm';
+export type { UseContractorPayFormProps, UseContractorPayFormResult, UseContractorPayFormReady, ContractorPayFormFields, ContractorPayFieldsMetadata, } from './useContractorPayForm';
+export { ContractorPayErrorCodes, WageType, type ContractorPayErrorCode, type ContractorPayFormData, type ContractorPayFormField, } from './contractorPaySchema';
+export { type RequiredValidation, type WageTypeFieldProps, type HourlyRateFieldProps, } from './fields';

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.d.ts

@@ -0,0 +1,111 @@
+import { ComponentType } from 'react';
+import { UseFormProps } from 'react-hook-form';
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { ContractorPayFormData } from './contractorPaySchema';
+import { WageTypeFieldProps, HourlyRateFieldProps } from './fields';
+import { BaseFormHookReady, FieldMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+/**
+ * Props for {@link useContractorPayForm}.
+ *
+ * @public
+ */
+export interface UseContractorPayFormProps {
+    /** Contractor whose compensation is being edited. */
+    contractorId: string;
+    /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */
+    validationMode?: UseFormProps['mode'];
+    /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler`. Defaults to `true`. */
+    shouldFocusError?: boolean;
+}
+/**
+ * Field components exposed by {@link useContractorPayForm} on `form.Fields`.
+ *
+ * @public
+ */
+export interface ContractorPayFormFields {
+    /** Bound to `wageType`. Selects whether the contractor is paid Fixed or Hourly. */
+    WageType: ComponentType<WageTypeFieldProps>;
+    /** Bound to `hourlyRate`. Required and rendered only when `wageType` is `Hourly`. */
+    HourlyRate: ComponentType<HourlyRateFieldProps>;
+}
+/**
+ * Ready-state return value of {@link useContractorPayForm}.
+ *
+ * @public
+ */
+export interface UseContractorPayFormReady extends BaseFormHookReady<ContractorPayFieldsMetadata, ContractorPayFormData, ContractorPayFormFields> {
+    /** The full contractor entity, loaded from the API. */
+    data: {
+        contractor: Contractor;
+    };
+    /**
+     * `isPending` reflects the in-flight update mutation; `mode` is always
+     * `'update'`. `isHourly` reflects the currently selected wage type so a
+     * composing component can decide whether to render the hourly-rate field.
+     */
+    status: {
+        isPending: boolean;
+        mode: 'update';
+        isHourly: boolean;
+    };
+    /** Submit the form. Returns the updated contractor on success or `undefined` on validation/mutation failure. */
+    actions: {
+        onSubmit: () => Promise<HookSubmitResult<Contractor> | undefined>;
+    };
+}
+/**
+ * Headless React Hook Form hook for editing a contractor's compensation.
+ *
+ * @remarks
+ * Owns `wageType` (Fixed or Hourly) and, when Hourly, `hourlyRate`. Always
+ * operates in update mode — a contractor's wage type is set at creation. Every
+ * submit echoes the contractor's current `type` back to the API alongside the
+ * changed fields: the update endpoint's wire schema defaults an omitted `type`
+ * to `"Individual"`, so a narrower payload would silently misrepresent a
+ * Business contractor.
+ *
+ * @param props - See {@link UseContractorPayFormProps}.
+ * @returns A loading-state result while data loads, or a {@link UseContractorPayFormReady} once ready.
+ * @public
+ *
+ * @example
+ * ```tsx
+ * import { useContractorPayForm, SDKFormProvider } from '@gusto/embedded-react-sdk'
+ *
+ * function PayScreen({ contractorId }: { contractorId: string }) {
+ *   const pay = useContractorPayForm({ contractorId })
+ *
+ *   if (pay.isLoading) return null
+ *   const { Fields } = pay.form
+ *
+ *   return (
+ *     <SDKFormProvider formHookResult={pay}>
+ *       <form
+ *         onSubmit={e => {
+ *           e.preventDefault()
+ *           void pay.actions.onSubmit()
+ *         }}
+ *       >
+ *         <Fields.WageType label="Compensation type" />
+ *         <Fields.HourlyRate label="Hourly rate" />
+ *         <button type="submit" disabled={pay.status.isPending}>Save</button>
+ *       </form>
+ *     </SDKFormProvider>
+ *   )
+ * }
+ * ```
+ */
+export declare function useContractorPayForm({ contractorId, validationMode, shouldFocusError, }: UseContractorPayFormProps): HookLoadingResult | UseContractorPayFormReady;
+/**
+ * Return type of {@link useContractorPayForm} — a discriminated union on `isLoading`.
+ *
+ * @public
+ */
+export type UseContractorPayFormResult = HookLoadingResult | UseContractorPayFormReady;
+/**
+ * Per-field metadata exposed on `form.fieldsMetadata` for {@link useContractorPayForm}.
+ *
+ * @public
+ */
+export type ContractorPayFieldsMetadata = { wageType: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Fixed" | "Hourly">; hourlyRate: FieldMetadata; };
+export {};

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.js

@@ -0,0 +1,95 @@
+import { useMemo as f } from "react";
+import { useForm as E, useWatch as V } from "react-hook-form";
+import { zodResolver as x } from "@hookform/resolvers/zod";
+import { useContractorsGet as D } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useContractorsUpdateMutation as U } from "@gusto/embedded-api/react-query/contractorsUpdate";
+import { createContractorPaySchema as k, WageType as o } from "./contractorPaySchema.js";
+import { HourlyRateField as L, WageTypeField as O } from "./fields.js";
+import { useDeriveFieldsMetadata as q } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as B } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as G } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as I } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as z } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as A } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as g } from "../../../../../types/sdkError.js";
+function K(e) {
+  const n = [o.Fixed, o.Hourly].map((a) => ({ value: a, label: a }));
+  return {
+    wageType: I(e.wageType, n, [o.Fixed, o.Hourly]),
+    hourlyRate: e.hourlyRate
+  };
+}
+function st({
+  contractorId: e,
+  validationMode: n = "onSubmit",
+  shouldFocusError: a = !0
+}) {
+  const s = D({ contractorUuid: e }), t = s.data?.contractor, [u, w] = f(() => k(), []), c = f(
+    () => ({
+      wageType: t?.wageType ?? o.Fixed,
+      hourlyRate: t?.hourlyRate ? Number(t.hourlyRate) : 0
+    }),
+    [t]
+  ), r = E({
+    resolver: x(u),
+    mode: n,
+    shouldFocusError: a,
+    defaultValues: c,
+    values: c,
+    resetOptions: { keepDirtyValues: !0 }
+  }), h = V({ control: r.control, name: "wageType" }) === o.Hourly, m = U(), b = m.isPending, {
+    baseSubmitHandler: F,
+    error: T,
+    setError: R
+  } = A("ContractorPayForm"), d = z([s], { submitError: T, setSubmitError: R }), H = q(w, r.control), S = K(H), C = async () => {
+    if (!t?.version)
+      throw new g("Cannot submit pay form before contractor data is loaded");
+    const M = t.version, P = t.type;
+    let l;
+    return await new Promise((p) => {
+      r.handleSubmit(
+        async (W) => {
+          await F(W, async (i) => {
+            const y = await m.mutateAsync({
+              request: {
+                contractorUuid: e,
+                contractorUpdateRequestBody: {
+                  version: M,
+                  type: P,
+                  wageType: i.wageType,
+                  hourlyRate: i.wageType === o.Hourly ? String(i.hourlyRate) : void 0
+                }
+              }
+            });
+            if (!y.contractor)
+              throw new g("Contractor pay update failed");
+            l = { mode: "update", data: y.contractor };
+          }), p();
+        },
+        () => {
+          p();
+        }
+      )();
+    }), l;
+  }, v = B(r);
+  return s.isLoading || !t ? { isLoading: !0, errorHandling: d } : {
+    isLoading: !1,
+    data: { contractor: t },
+    status: { isPending: b, mode: "update", isHourly: h },
+    actions: { onSubmit: C },
+    errorHandling: d,
+    form: {
+      Fields: {
+        WageType: O,
+        HourlyRate: L
+      },
+      fieldsMetadata: S,
+      hookFormInternals: v,
+      getFormSubmissionValues: G(r, u)
+    }
+  };
+}
+export {
+  st as useContractorPayForm
+};
+//# sourceMappingURL=useContractorPayForm.js.map

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContractorPayForm.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport {\n  createContractorPaySchema,\n  WageType,\n  type ContractorPayFormData,\n  type ContractorPayFormOutputs,\n} from './contractorPaySchema'\nimport type { WageTypeFieldProps, HourlyRateFieldProps } from './fields'\nimport { WageTypeField, HourlyRateField } 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'\n\n/**\n * Props for {@link useContractorPayForm}.\n *\n * @public\n */\nexport interface UseContractorPayFormProps {\n  /** Contractor whose compensation is being edited. */\n  contractorId: string\n  /** When validation runs. 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`. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Field components exposed by {@link useContractorPayForm} on `form.Fields`.\n *\n * @public\n */\nexport interface ContractorPayFormFields {\n  /** Bound to `wageType`. Selects whether the contractor is paid Fixed or Hourly. */\n  WageType: ComponentType<WageTypeFieldProps>\n  /** Bound to `hourlyRate`. Required and rendered only when `wageType` is `Hourly`. */\n  HourlyRate: ComponentType<HourlyRateFieldProps>\n}\n\n/**\n * Ready-state return value of {@link useContractorPayForm}.\n *\n * @public\n */\nexport interface UseContractorPayFormReady extends BaseFormHookReady<\n  ContractorPayFieldsMetadata,\n  ContractorPayFormData,\n  ContractorPayFormFields\n> {\n  /** The full contractor entity, loaded from the API. */\n  data: { contractor: Contractor }\n  /**\n   * `isPending` reflects the in-flight update mutation; `mode` is always\n   * `'update'`. `isHourly` reflects the currently selected wage type so a\n   * composing component can decide whether to render the hourly-rate field.\n   */\n  status: { isPending: boolean; mode: 'update'; isHourly: boolean }\n  /** Submit the form. Returns the updated contractor on success or `undefined` on validation/mutation failure. */\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<Contractor> | undefined>\n  }\n}\n\n/** @internal */\nfunction buildContractorPayFieldsMetadata(\n  base: Record<keyof ContractorPayFormData, FieldMetadata>,\n) {\n  const wageTypeOptions = [WageType.Fixed, WageType.Hourly].map(value => ({ value, label: value }))\n  return {\n    wageType: withOptions(base.wageType, wageTypeOptions, [WageType.Fixed, WageType.Hourly]),\n    hourlyRate: base.hourlyRate,\n  } satisfies FieldsMetadata\n}\n\n/**\n * Headless React Hook Form hook for editing a contractor's compensation.\n *\n * @remarks\n * Owns `wageType` (Fixed or Hourly) and, when Hourly, `hourlyRate`. Always\n * operates in update mode — a contractor's wage type is set at creation. Every\n * submit echoes the contractor's current `type` back to the API alongside the\n * changed fields: the update endpoint's wire schema defaults an omitted `type`\n * to `\"Individual\"`, so a narrower payload would silently misrepresent a\n * Business contractor.\n *\n * @param props - See {@link UseContractorPayFormProps}.\n * @returns A loading-state result while data loads, or a {@link UseContractorPayFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import { useContractorPayForm, SDKFormProvider } from '@gusto/embedded-react-sdk'\n *\n * function PayScreen({ contractorId }: { contractorId: string }) {\n *   const pay = useContractorPayForm({ contractorId })\n *\n *   if (pay.isLoading) return null\n *   const { Fields } = pay.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={pay}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void pay.actions.onSubmit()\n *         }}\n *       >\n *         <Fields.WageType label=\"Compensation type\" />\n *         <Fields.HourlyRate label=\"Hourly rate\" />\n *         <button type=\"submit\" disabled={pay.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useContractorPayForm({\n  contractorId,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseContractorPayFormProps): HookLoadingResult | UseContractorPayFormReady {\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const contractor = contractorQuery.data?.contractor\n\n  const [schema, metadataConfig] = useMemo(() => createContractorPaySchema(), [])\n\n  const resolvedDefaults: ContractorPayFormData = useMemo(\n    () => ({\n      wageType: contractor?.wageType ?? WageType.Fixed,\n      hourlyRate: contractor?.hourlyRate ? Number(contractor.hourlyRate) : 0,\n    }),\n    [contractor],\n  )\n\n  const formMethods = useForm<ContractorPayFormData, unknown, ContractorPayFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const isHourly = watchedWageType === WageType.Hourly\n\n  const updateMutation = useContractorsUpdateMutation()\n  const isPending = updateMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorPayForm')\n\n  const errorHandling = composeErrorHandler([contractorQuery], { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = buildContractorPayFieldsMetadata(baseMetadata)\n\n  const onSubmit = async (): Promise<HookSubmitResult<Contractor> | undefined> => {\n    if (!contractor?.version) {\n      throw new SDKInternalError('Cannot submit pay form before contractor data is loaded')\n    }\n    const contractorVersion = contractor.version\n    const contractorType = contractor.type\n    let submitResult: HookSubmitResult<Contractor> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: ContractorPayFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const result = await updateMutation.mutateAsync({\n              request: {\n                contractorUuid: contractorId,\n                contractorUpdateRequestBody: {\n                  version: contractorVersion,\n                  type: contractorType,\n                  wageType: payload.wageType,\n                  hourlyRate:\n                    payload.wageType === WageType.Hourly ? String(payload.hourlyRate) : undefined,\n                },\n              },\n            })\n\n            if (!result.contractor) {\n              throw new SDKInternalError('Contractor pay update failed')\n            }\n\n            submitResult = { mode: 'update' as const, data: result.contractor }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (contractorQuery.isLoading || !contractor) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { contractor },\n    status: { isPending, mode: 'update' as const, isHourly },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        WageType: WageTypeField,\n        HourlyRate: HourlyRateField,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Return type of {@link useContractorPayForm} — a discriminated union on `isLoading`.\n *\n * @public\n */\nexport type UseContractorPayFormResult = HookLoadingResult | UseContractorPayFormReady\n\n/**\n * Per-field metadata exposed on `form.fieldsMetadata` for {@link useContractorPayForm}.\n *\n * @public\n */\nexport type ContractorPayFieldsMetadata = ReturnType<typeof buildContractorPayFieldsMetadata>\n"],"names":["buildContractorPayFieldsMetadata","base","wageTypeOptions","WageType","value","withOptions","useContractorPayForm","contractorId","validationMode","shouldFocusError","contractorQuery","useContractorsGet","contractor","schema","metadataConfig","useMemo","createContractorPaySchema","resolvedDefaults","formMethods","useForm","zodResolver","isHourly","useWatch","updateMutation","useContractorsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","SDKInternalError","contractorVersion","contractorType","submitResult","resolve","data","payload","result","hookFormInternals","useHookFormInternals","WageTypeField","HourlyRateField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Contractor/ContractorList/management/ManagementContractorList.d.ts

@@ -36,4 +36,4 @@ export interface ManagementContractorListProps extends BaseComponentInterface<'C
  *
  * @public
  */
-export declare function ManagementContractorList({ FallbackComponent, ...props }: ManagementContractorListProps): import("react").JSX.Element;
+export declare function ManagementContractorList({ FallbackComponent, LoaderComponent, ...props }: ManagementContractorListProps): import("react").JSX.Element;