npm - @gusto/embedded-react-sdk - Versions diffs - 0.55.5 → 0.55.6 - Mend

@gusto/embedded-react-sdk 0.55.5 → 0.55.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (384) hide show

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/fields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fields.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/fields.tsx"],"sourcesContent":["import type {\n ContractorDetailsErrorCodes,\n ContractorDetailsFormData,\n} from './contractorDetailsSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { NumberInputHookFieldProps } from '@/partner-hook-utils/form/fields/NumberInputHookField'\nimport type { DatePickerHookFieldProps } from '@/partner-hook-utils/form/fields/DatePickerHookField'\nimport type { SwitchHookFieldProps } from '@/partner-hook-utils/form/fields/SwitchHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport {\n TextInputHookField,\n NumberInputHookField,\n DatePickerHookField,\n SwitchHookField,\n RadioGroupHookField,\n SelectHookField,\n} from '@/partner-hook-utils/form/fields'\nimport { useFormFieldsMetadataContext } from '@/partner-hook-utils/form/FormFieldsMetadataContext'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { normalizeEin, usePlaceholderEin } from '@/helpers/federalEin'\n\n/*\n Error code emitted by fields of {@link useContractorDetailsForm} that only\n * produce `REQUIRED`.\n \n @public\n /\nexport type RequiredValidation = typeof ContractorDetailsErrorCodes.REQUIRED\n\n/\n Validation error codes emitted by the name fields of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type NameValidation = (typeof ContractorDetailsErrorCodes)['REQUIRED' \| 'INVALID_NAME']\n\n/\n Validation error codes emitted by the `email` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type EmailValidation = (typeof ContractorDetailsErrorCodes)['REQUIRED' \| 'INVALID_EMAIL']\n\n/\n Format-validation error code emitted by the `ssn` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type SsnValidation = typeof ContractorDetailsErrorCodes.INVALID_SSN\n\n/\n Required-field error code emitted by the `ssn` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type SsnRequiredValidation = typeof ContractorDetailsErrorCodes.REQUIRED\n\n/\n Format-validation error code emitted by the `ein` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type EinValidation = typeof ContractorDetailsErrorCodes.INVALID_EIN\n\n/\n Required-field error code emitted by the `ein` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type EinRequiredValidation = typeof ContractorDetailsErrorCodes.REQUIRED\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.Type` component.\n \n @public\n /\nexport type TypeFieldProps = HookFieldProps<\n RadioGroupHookFieldProps<never, ContractorDetailsFormData['type']>\n>\n\n/* @internal /\nexport function TypeField(props: TypeFieldProps) {\n return <RadioGroupHookField {...props} name=\"type\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.WageType` component.\n \n @public\n /\nexport type WageTypeFieldProps = HookFieldProps<\n RadioGroupHookFieldProps<never, ContractorDetailsFormData['wageType']>\n>\n\n/* @internal /\nexport function WageTypeField(props: WageTypeFieldProps) {\n return <RadioGroupHookField {...props} name=\"wageType\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.StartDate` component.\n \n @public\n /\nexport type StartDateFieldProps = HookFieldProps<DatePickerHookFieldProps<RequiredValidation>>\n\n/* @internal /\nexport function StartDateField(props: StartDateFieldProps) {\n return <DatePickerHookField {...props} name=\"startDate\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'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\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.SelfOnboarding` component.\n \n @public\n /\nexport type SelfOnboardingFieldProps = HookFieldProps<SwitchHookFieldProps>\n\n/* @internal /\nexport function SelfOnboardingField(props: SelfOnboardingFieldProps) {\n return <SwitchHookField {...props} name=\"selfOnboarding\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.FileNewHireReport` component.\n \n @public\n /\nexport type FileNewHireReportFieldProps = HookFieldProps<SwitchHookFieldProps>\n\n/* @internal /\nexport function FileNewHireReportField(props: FileNewHireReportFieldProps) {\n return <SwitchHookField {...props} name=\"fileNewHireReport\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.Email` component.\n \n @public\n /\nexport type EmailFieldProps = HookFieldProps<TextInputHookFieldProps<EmailValidation>>\n\n/* @internal /\nexport function EmailField(props: EmailFieldProps) {\n return <TextInputHookField {...props} name=\"email\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.FirstName` component.\n \n @public\n /\nexport type FirstNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>\n\n/* @internal /\nexport function FirstNameField(props: FirstNameFieldProps) {\n return <TextInputHookField {...props} name=\"firstName\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.LastName` component.\n \n @public\n /\nexport type LastNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>\n\n/* @internal /\nexport function LastNameField(props: LastNameFieldProps) {\n return <TextInputHookField {...props} name=\"lastName\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.MiddleInitial` component.\n \n @public\n /\nexport type MiddleInitialFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\n/* @internal /\nexport function MiddleInitialField(props: MiddleInitialFieldProps) {\n return <TextInputHookField {...props} name=\"middleInitial\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.BusinessName` component.\n \n @public\n /\nexport type BusinessNameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\n/* @internal /\nexport function BusinessNameField(props: BusinessNameFieldProps) {\n return <TextInputHookField {...props} name=\"businessName\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.Ssn` component.\n \n @public\n /\nexport type SsnFieldProps = HookFieldProps<\n TextInputHookFieldProps<SsnValidation, SsnRequiredValidation>\n>\n\n/* @internal /\nexport function SsnField(props: SsnFieldProps) {\n const metadataContext = useFormFieldsMetadataContext()\n const metadata = props.formHookResult?.form.fieldsMetadata ?? metadataContext?.metadata ?? {}\n const placeholderSSN = usePlaceholderSSN(metadata.ssn?.hasRedactedValue)\n return (\n <TextInputHookField\n {...props}\n name=\"ssn\"\n transform={normalizeSSN}\n placeholder={placeholderSSN}\n />\n )\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.Ein` component.\n \n @public\n /\nexport type EinFieldProps = HookFieldProps<\n TextInputHookFieldProps<EinValidation, EinRequiredValidation>\n>\n\n/* @internal /\nexport function EinField(props: EinFieldProps) {\n const metadataContext = useFormFieldsMetadataContext()\n const metadata = props.formHookResult?.form.fieldsMetadata ?? metadataContext?.metadata ?? {}\n const placeholderEin = usePlaceholderEin(metadata.ein?.hasRedactedValue)\n return (\n <TextInputHookField\n {...props}\n name=\"ein\"\n transform={normalizeEin}\n placeholder={placeholderEin}\n />\n )\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.WorkState` component.\n \n @public\n /\nexport type WorkStateFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, string>>\n\n/* @internal */\nexport function WorkStateField(props: WorkStateFieldProps) {\n return <SelectHookField {...props} name=\"workState\" />\n}\n"],"names":["TypeField","props","jsx","RadioGroupHookField","WageTypeField","StartDateField","DatePickerHookField","HourlyRateField","NumberInputHookField","SelfOnboardingField","SwitchHookField","FileNewHireReportField","EmailField","TextInputHookField","FirstNameField","LastNameField","MiddleInitialField","BusinessNameField","SsnField","metadataContext","useFormFieldsMetadataContext","metadata","placeholderSSN","usePlaceholderSSN","normalizeSSN","EinField","placeholderEin","usePlaceholderEin","normalizeEin","WorkStateField","SelectHookField"],"mappings":";;;;;;;;;;AAmFO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,MAAK,QAAO;AACrD;AAYO,SAASG,EAAcH,GAA2B;AACvD,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,MAAK,YAAW;AACzD;AAUO,SAASI,EAAeJ,GAA4B;AACzD,SAAO,gBAAAC,EAACI,GAAA,EAAqB,GAAGL,GAAO,MAAK,aAAY;AAC1D;AAUO,SAASM,EAAgBN,GAA6B;AAC3D,SAAO,gBAAAC,EAACM,GAAA,EAAsB,GAAGP,GAAO,MAAK,cAAa;AAC5D;AAUO,SAASQ,EAAoBR,GAAiC;AACnE,SAAO,gBAAAC,EAACQ,GAAA,EAAiB,GAAGT,GAAO,MAAK,kBAAiB;AAC3D;AAUO,SAASU,EAAuBV,GAAoC;AACzE,SAAO,gBAAAC,EAACQ,GAAA,EAAiB,GAAGT,GAAO,MAAK,qBAAoB;AAC9D;AAUO,SAASW,EAAWX,GAAwB;AACjD,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,SAAQ;AACrD;AAUO,SAASa,EAAeb,GAA4B;AACzD,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,aAAY;AACzD;AAUO,SAASc,EAAcd,GAA2B;AACvD,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,YAAW;AACxD;AAUO,SAASe,EAAmBf,GAAgC;AACjE,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,iBAAgB;AAC7D;AAUO,SAASgB,EAAkBhB,GAA+B;AAC/D,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,gBAAe;AAC5D;AAYO,SAASiB,EAASjB,GAAsB;AAC7C,QAAMkB,IAAkBC,EAAA,GAClBC,IAAWpB,EAAM,gBAAgB,KAAK,kBAAkBkB,GAAiB,YAAY,CAAA,GACrFG,IAAiBC,EAAkBF,EAAS,KAAK,gBAAgB;AACvE,SACE,gBAAAnB;AAAA,IAACW;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,MAAK;AAAA,MACL,WAAWuB;AAAA,MACX,aAAaF;AAAA,IAAA;AAAA,EAAA;AAGnB;AAYO,SAASG,EAASxB,GAAsB;AAC7C,QAAMkB,IAAkBC,EAAA,GAClBC,IAAWpB,EAAM,gBAAgB,KAAK,kBAAkBkB,GAAiB,YAAY,CAAA,GACrFO,IAAiBC,EAAkBN,EAAS,KAAK,gBAAgB;AACvE,SACE,gBAAAnB;AAAA,IAACW;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,MAAK;AAAA,MACL,WAAW2B;AAAA,MACX,aAAaF;AAAA,IAAA;AAAA,EAAA;AAGnB;AAUO,SAASG,EAAe5B,GAA4B;AACzD,SAAO,gBAAAC,EAAC4B,GAAA,EAAiB,GAAG7B,GAAO,MAAK,aAAY;AACtD;"}
1	+ {"version":3,"file":"fields.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/fields.tsx"],"sourcesContent":["import type {\n ContractorDetailsErrorCodes,\n ContractorDetailsFormData,\n} from './contractorDetailsSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { NumberInputHookFieldProps } from '@/partner-hook-utils/form/fields/NumberInputHookField'\nimport type { DatePickerHookFieldProps } from '@/partner-hook-utils/form/fields/DatePickerHookField'\nimport type { SwitchHookFieldProps } from '@/partner-hook-utils/form/fields/SwitchHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport {\n TextInputHookField,\n NumberInputHookField,\n DatePickerHookField,\n SwitchHookField,\n RadioGroupHookField,\n SelectHookField,\n} from '@/partner-hook-utils/form/fields'\nimport { useFormFieldsMetadataContext } from '@/partner-hook-utils/form/FormFieldsMetadataContext'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { normalizeEin, usePlaceholderEin } from '@/helpers/federalEin'\n\n/*\n Error code emitted by fields of {@link useContractorDetailsForm} that only\n * produce `REQUIRED`.\n \n @public\n /\nexport type RequiredValidation = typeof ContractorDetailsErrorCodes.REQUIRED\n\n/\n Validation code for an hourly rate above the server's maximum cap.\n \n @public\n /\nexport type MaxHourlyRateValidation = typeof ContractorDetailsErrorCodes.MAX_HOURLY_RATE\n\n/\n Validation error codes emitted by the name fields of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type NameValidation = (typeof ContractorDetailsErrorCodes)['REQUIRED' \| 'INVALID_NAME']\n\n/\n Validation error codes emitted by the `email` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type EmailValidation = (typeof ContractorDetailsErrorCodes)['REQUIRED' \| 'INVALID_EMAIL']\n\n/\n Format-validation error code emitted by the `ssn` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type SsnValidation = typeof ContractorDetailsErrorCodes.INVALID_SSN\n\n/\n Required-field error code emitted by the `ssn` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type SsnRequiredValidation = typeof ContractorDetailsErrorCodes.REQUIRED\n\n/\n Format-validation error code emitted by the `ein` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type EinValidation = typeof ContractorDetailsErrorCodes.INVALID_EIN\n\n/\n Required-field error code emitted by the `ein` field of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type EinRequiredValidation = typeof ContractorDetailsErrorCodes.REQUIRED\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.Type` component.\n \n @public\n /\nexport type TypeFieldProps = HookFieldProps<\n RadioGroupHookFieldProps<never, ContractorDetailsFormData['type']>\n>\n\n/* @internal /\nexport function TypeField(props: TypeFieldProps) {\n return <RadioGroupHookField {...props} name=\"type\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.WageType` component.\n \n @public\n /\nexport type WageTypeFieldProps = HookFieldProps<\n RadioGroupHookFieldProps<never, ContractorDetailsFormData['wageType']>\n>\n\n/* @internal /\nexport function WageTypeField(props: WageTypeFieldProps) {\n return <RadioGroupHookField {...props} name=\"wageType\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.StartDate` component.\n \n @public\n /\nexport type StartDateFieldProps = HookFieldProps<DatePickerHookFieldProps<RequiredValidation>>\n\n/* @internal /\nexport function StartDateField(props: StartDateFieldProps) {\n return <DatePickerHookField {...props} name=\"startDate\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.HourlyRate` component.\n \n @public\n /\nexport type HourlyRateFieldProps = HookFieldProps<\n NumberInputHookFieldProps<RequiredValidation \| MaxHourlyRateValidation>\n>\n\n/* @internal /\nexport function HourlyRateField(props: HourlyRateFieldProps) {\n return <NumberInputHookField {...props} name=\"hourlyRate\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.SelfOnboarding` component.\n \n @public\n /\nexport type SelfOnboardingFieldProps = HookFieldProps<SwitchHookFieldProps>\n\n/* @internal /\nexport function SelfOnboardingField(props: SelfOnboardingFieldProps) {\n return <SwitchHookField {...props} name=\"selfOnboarding\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.FileNewHireReport` component.\n \n @public\n /\nexport type FileNewHireReportFieldProps = HookFieldProps<SwitchHookFieldProps>\n\n/* @internal /\nexport function FileNewHireReportField(props: FileNewHireReportFieldProps) {\n return <SwitchHookField {...props} name=\"fileNewHireReport\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.Email` component.\n \n @public\n /\nexport type EmailFieldProps = HookFieldProps<TextInputHookFieldProps<EmailValidation>>\n\n/* @internal /\nexport function EmailField(props: EmailFieldProps) {\n return <TextInputHookField {...props} name=\"email\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.FirstName` component.\n \n @public\n /\nexport type FirstNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>\n\n/* @internal /\nexport function FirstNameField(props: FirstNameFieldProps) {\n return <TextInputHookField {...props} name=\"firstName\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.LastName` component.\n \n @public\n /\nexport type LastNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>\n\n/* @internal /\nexport function LastNameField(props: LastNameFieldProps) {\n return <TextInputHookField {...props} name=\"lastName\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.MiddleInitial` component.\n \n @public\n /\nexport type MiddleInitialFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\n/* @internal /\nexport function MiddleInitialField(props: MiddleInitialFieldProps) {\n return <TextInputHookField {...props} name=\"middleInitial\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.BusinessName` component.\n \n @public\n /\nexport type BusinessNameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\n/* @internal /\nexport function BusinessNameField(props: BusinessNameFieldProps) {\n return <TextInputHookField {...props} name=\"businessName\" />\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.Ssn` component.\n \n @public\n /\nexport type SsnFieldProps = HookFieldProps<\n TextInputHookFieldProps<SsnValidation, SsnRequiredValidation>\n>\n\n/* @internal /\nexport function SsnField(props: SsnFieldProps) {\n const metadataContext = useFormFieldsMetadataContext()\n const metadata = props.formHookResult?.form.fieldsMetadata ?? metadataContext?.metadata ?? {}\n const placeholderSSN = usePlaceholderSSN(metadata.ssn?.hasRedactedValue)\n return (\n <TextInputHookField\n {...props}\n name=\"ssn\"\n transform={normalizeSSN}\n placeholder={placeholderSSN}\n />\n )\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.Ein` component.\n \n @public\n /\nexport type EinFieldProps = HookFieldProps<\n TextInputHookFieldProps<EinValidation, EinRequiredValidation>\n>\n\n/* @internal /\nexport function EinField(props: EinFieldProps) {\n const metadataContext = useFormFieldsMetadataContext()\n const metadata = props.formHookResult?.form.fieldsMetadata ?? metadataContext?.metadata ?? {}\n const placeholderEin = usePlaceholderEin(metadata.ein?.hasRedactedValue)\n return (\n <TextInputHookField\n {...props}\n name=\"ein\"\n transform={normalizeEin}\n placeholder={placeholderEin}\n />\n )\n}\n\n/\n Props accepted by {@link useContractorDetailsForm}'s `Fields.WorkState` component.\n \n @public\n /\nexport type WorkStateFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, string>>\n\n/* @internal */\nexport function WorkStateField(props: WorkStateFieldProps) {\n return <SelectHookField {...props} name=\"workState\" />\n}\n"],"names":["TypeField","props","jsx","RadioGroupHookField","WageTypeField","StartDateField","DatePickerHookField","HourlyRateField","NumberInputHookField","SelfOnboardingField","SwitchHookField","FileNewHireReportField","EmailField","TextInputHookField","FirstNameField","LastNameField","MiddleInitialField","BusinessNameField","SsnField","metadataContext","useFormFieldsMetadataContext","metadata","placeholderSSN","usePlaceholderSSN","normalizeSSN","EinField","placeholderEin","usePlaceholderEin","normalizeEin","WorkStateField","SelectHookField"],"mappings":";;;;;;;;;;AA0FO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,MAAK,QAAO;AACrD;AAYO,SAASG,EAAcH,GAA2B;AACvD,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,MAAK,YAAW;AACzD;AAUO,SAASI,EAAeJ,GAA4B;AACzD,SAAO,gBAAAC,EAACI,GAAA,EAAqB,GAAGL,GAAO,MAAK,aAAY;AAC1D;AAYO,SAASM,EAAgBN,GAA6B;AAC3D,SAAO,gBAAAC,EAACM,GAAA,EAAsB,GAAGP,GAAO,MAAK,cAAa;AAC5D;AAUO,SAASQ,EAAoBR,GAAiC;AACnE,SAAO,gBAAAC,EAACQ,GAAA,EAAiB,GAAGT,GAAO,MAAK,kBAAiB;AAC3D;AAUO,SAASU,EAAuBV,GAAoC;AACzE,SAAO,gBAAAC,EAACQ,GAAA,EAAiB,GAAGT,GAAO,MAAK,qBAAoB;AAC9D;AAUO,SAASW,EAAWX,GAAwB;AACjD,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,SAAQ;AACrD;AAUO,SAASa,EAAeb,GAA4B;AACzD,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,aAAY;AACzD;AAUO,SAASc,EAAcd,GAA2B;AACvD,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,YAAW;AACxD;AAUO,SAASe,EAAmBf,GAAgC;AACjE,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,iBAAgB;AAC7D;AAUO,SAASgB,EAAkBhB,GAA+B;AAC/D,SAAO,gBAAAC,EAACW,GAAA,EAAoB,GAAGZ,GAAO,MAAK,gBAAe;AAC5D;AAYO,SAASiB,EAASjB,GAAsB;AAC7C,QAAMkB,IAAkBC,EAAA,GAClBC,IAAWpB,EAAM,gBAAgB,KAAK,kBAAkBkB,GAAiB,YAAY,CAAA,GACrFG,IAAiBC,EAAkBF,EAAS,KAAK,gBAAgB;AACvE,SACE,gBAAAnB;AAAA,IAACW;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,MAAK;AAAA,MACL,WAAWuB;AAAA,MACX,aAAaF;AAAA,IAAA;AAAA,EAAA;AAGnB;AAYO,SAASG,EAASxB,GAAsB;AAC7C,QAAMkB,IAAkBC,EAAA,GAClBC,IAAWpB,EAAM,gBAAgB,KAAK,kBAAkBkB,GAAiB,YAAY,CAAA,GACrFO,IAAiBC,EAAkBN,EAAS,KAAK,gBAAgB;AACvE,SACE,gBAAAnB;AAAA,IAACW;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,MAAK;AAAA,MACL,WAAW2B;AAAA,MACX,aAAaF;AAAA,IAAA;AAAA,EAAA;AAGnB;AAUO,SAASG,EAAe5B,GAA4B;AACzD,SAAO,gBAAAC,EAAC4B,GAAA,EAAiB,GAAG7B,GAAO,MAAK,aAAY;AACtD;"}

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 export { useContractorDetailsForm } from './useContractorDetailsForm';
 export type { ContractorDetailsSubmitOptions, ContractorDetailsOptionalFieldsToRequire, UseContractorDetailsFormSharedProps, UseContractorDetailsFormProps, UseContractorDetailsFormResult, UseContractorDetailsFormReady, ContractorDetailsFieldsMetadata, ContractorDetailsFormFields, } from './useContractorDetailsForm';
 export { ContractorType, WageType, ContractorDetailsErrorCodes, type ContractorDetailsErrorCode, type ContractorDetailsFormData, } from './contractorDetailsSchema';
-export type { RequiredValidation as ContractorDetailsRequiredValidation, NameValidation as ContractorDetailsNameValidation, EmailValidation as ContractorDetailsEmailValidation, SsnValidation as ContractorDetailsSsnValidation, SsnRequiredValidation as ContractorDetailsSsnRequiredValidation, EinValidation as ContractorDetailsEinValidation, EinRequiredValidation as ContractorDetailsEinRequiredValidation, TypeFieldProps, WageTypeFieldProps, StartDateFieldProps, HourlyRateFieldProps, SelfOnboardingFieldProps, FileNewHireReportFieldProps, EmailFieldProps, FirstNameFieldProps, LastNameFieldProps, MiddleInitialFieldProps, BusinessNameFieldProps, SsnFieldProps, EinFieldProps, WorkStateFieldProps, } from './fields';
+export type { RequiredValidation as ContractorDetailsRequiredValidation, MaxHourlyRateValidation as ContractorDetailsMaxHourlyRateValidation, NameValidation as ContractorDetailsNameValidation, EmailValidation as ContractorDetailsEmailValidation, SsnValidation as ContractorDetailsSsnValidation, SsnRequiredValidation as ContractorDetailsSsnRequiredValidation, EinValidation as ContractorDetailsEinValidation, EinRequiredValidation as ContractorDetailsEinRequiredValidation, TypeFieldProps, WageTypeFieldProps, StartDateFieldProps, HourlyRateFieldProps, SelfOnboardingFieldProps, FileNewHireReportFieldProps, EmailFieldProps, FirstNameFieldProps, LastNameFieldProps, MiddleInitialFieldProps, BusinessNameFieldProps, SsnFieldProps, EinFieldProps, WorkStateFieldProps, } from './fields';

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { useMemo as D } from "react";
-import { useForm as re, useWatch as se } from "react-hook-form";
-import { zodResolver as ae } from "@hookform/resolvers/zod";
-import { useContractorsGet as ne } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useForm as re, useWatch as ne } from "react-hook-form";
+import { zodResolver as se } from "@hookform/resolvers/zod";
+import { useContractorsGet as ae } from "@gusto/embedded-api/react-query/contractorsGet";
 import { useContractorsCreateMutation as de } from "@gusto/embedded-api/react-query/contractorsCreate";
 import { useContractorsUpdateMutation as le } from "@gusto/embedded-api/react-query/contractorsUpdate";
-import { createContractorDetailsSchema as me, WageType as m, ContractorType as n } from "./contractorDetailsSchema.js";
-import { WorkStateField as ue, EinField as ce, SsnField as fe, BusinessNameField as ge, MiddleInitialField as Ne, LastNameField as pe, FirstNameField as we, EmailField as Se, FileNewHireReportField as ye, SelfOnboardingField as ve, HourlyRateField as Fe, StartDateField as be, WageTypeField as Re, TypeField as he } from "./fields.js";
+import { createContractorDetailsSchema as me, WageType as m, ContractorType as a } from "./contractorDetailsSchema.js";
+import { WorkStateField as ue, EinField as ce, SsnField as fe, BusinessNameField as ge, MiddleInitialField as Ne, LastNameField as pe, FirstNameField as we, EmailField as Se, FileNewHireReportField as ye, SelfOnboardingField as ve, HourlyRateField as be, StartDateField as Fe, WageTypeField as Re, TypeField as he } from "./fields.js";
 import { useDeriveFieldsMetadata as Oe } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
 import { useHookFormInternals as Te } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
 import { createGetFormSubmissionValues as He } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
@@ -17,12 +17,12 @@ import { SDKInternalError as g } from "../../../../../types/sdkError.js";
 import { removeNonDigits as A } from "../../../../../helpers/formattedStrings.js";
 const Me = (e) => !!e?.onboardingStatus && Ie.has(e.onboardingStatus), Be = (e) => e ? e.onboardingStatus === L.ADMIN_ONBOARDING_INCOMPLETE || e.onboardingStatus === L.SELF_ONBOARDING_NOT_INVITED : !0;
 function ke(e) {
-  const s = [n.Individual, n.Business], u = [m.Hourly, m.Fixed];
+  const n = [a.Individual, a.Business], u = [m.Hourly, m.Fixed];
   return {
     type: w(
       e.type,
-      s.map((r) => ({ value: r, label: r })),
-      s
+      n.map((r) => ({ value: r, label: r })),
+      n
     ),
     wageType: w(
       e.wageType,
@@ -49,7 +49,7 @@ function ke(e) {
 }
 function $e({
   companyId: e,
-  contractorId: s,
+  contractorId: n,
   withSelfOnboardingField: u = !0,
   showEmailField: r = !1,
   optionalFieldsToRequire: S,
@@ -57,15 +57,15 @@ function $e({
   validationMode: W = "onSubmit",
   shouldFocusError: V = !0
 }) {
-  const N = ne(
-    { contractorUuid: s ?? "" },
-    { enabled: !!s }
-  ), t = N.data?.contractor, c = !s, _ = Be(t), y = c ? "create" : "update", v = t?.hasSsn ?? !1, F = t?.hasEin ?? !1, [b, P] = D(
-    () => me({ mode: y, optionalFieldsToRequire: S, hasSsn: v, hasEin: F }),
-    [y, S, v, F]
+  const N = ae(
+    { contractorUuid: n ?? "" },
+    { enabled: !!n }
+  ), t = N.data?.contractor, c = !n, _ = Be(t), y = c ? "create" : "update", v = t?.hasSsn ?? !1, b = t?.hasEin ?? !1, [F, P] = D(
+    () => me({ mode: y, optionalFieldsToRequire: S, hasSsn: v, hasEin: b }),
+    [y, S, v, b]
   ), R = t?.hourlyRate != null ? parseFloat(t.hourlyRate) : void 0, h = D(
     () => ({
-      type: t?.type ?? o?.type ?? n.Individual,
+      type: t?.type ?? o?.type ?? a.Individual,
       wageType: t?.wageType ?? o?.wageType ?? m.Fixed,
       startDate: t?.startDate ?? o?.startDate ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
       hourlyRate: R ?? o?.hourlyRate ?? NaN,
@@ -82,20 +82,20 @@ function $e({
     }),
     [t, o, R]
   ), d = re({
-    resolver: ae(b),
+    resolver: se(F),
     mode: W,
     shouldFocusError: V,
     defaultValues: h,
     values: h,
     resetOptions: { keepDirtyValues: !0 }
-  }), [O, U, G, x] = se({
+  }), [O, U, G, x] = ne({
     control: d.control,
     name: ["type", "wageType", "selfOnboarding", "fileNewHireReport"]
-  }), a = O === n.Individual, T = O === n.Business, z = U === m.Hourly, H = de(), C = le(), K = H.isPending || C.isPending, {
+  }), s = O === a.Individual, T = O === a.Business, z = U === m.Hourly, H = de(), C = le(), K = H.isPending || C.isPending, {
     baseSubmitHandler: Q,
     error: j,
     setError: J
-  } = Ee("ContractorDetailsForm"), I = Ce(s ? [N] : [], { submitError: j, setSubmitError: J }), X = Oe(P, d.control), Y = ke(X), Z = async (ee) => {
+  } = Ee("ContractorDetailsForm"), I = Ce(n ? [N] : [], { submitError: j, setSubmitError: J }), X = Oe(P, d.control), Y = ke(X), Z = async (ee) => {
     let E;
     return await new Promise((M) => {
       d.handleSubmit(
@@ -106,9 +106,9 @@ function $e({
               wageType: i.wageType,
               startDate: i.startDate,
               selfOnboarding: B,
-              email: B && i.email || void 0,
+              email: (r || B) && i.email || void 0,
               hourlyRate: i.wageType === m.Hourly ? String(i.hourlyRate) : void 0,
-              ...i.type === n.Individual ? {
+              ...i.type === a.Individual ? {
                 firstName: i.firstName,
                 lastName: i.lastName,
                 middleInitial: i.middleInitial || void 0,
@@ -163,7 +163,7 @@ function $e({
       )();
     }), E;
   }, $ = Te(d);
-  return (s ? N.isLoading : !1) || s && !t ? { isLoading: !0, errorHandling: I } : {
+  return (n ? N.isLoading : !1) || n && !t ? { isLoading: !0, errorHandling: I } : {
     isLoading: !1,
     data: {
       contractor: t ?? null
@@ -178,22 +178,22 @@ function $e({
       Fields: {
         Type: he,
         WageType: Re,
-        StartDate: be,
-        HourlyRate: z ? Fe : void 0,
+        StartDate: Fe,
+        HourlyRate: z ? be : void 0,
         SelfOnboarding: u && _ ? ve : void 0,
-        FileNewHireReport: a ? ye : void 0,
+        FileNewHireReport: s ? ye : void 0,
         Email: r || G ? Se : void 0,
-        FirstName: a ? we : void 0,
-        LastName: a ? pe : void 0,
-        MiddleInitial: a ? Ne : void 0,
+        FirstName: s ? we : void 0,
+        LastName: s ? pe : void 0,
+        MiddleInitial: s ? Ne : void 0,
         BusinessName: T ? ge : void 0,
-        Ssn: a ? fe : void 0,
+        Ssn: s ? fe : void 0,
         Ein: T ? ce : void 0,
-        WorkState: a && x ? ue : void 0
+        WorkState: s && x ? ue : void 0
       },
       fieldsMetadata: Y,
       hookFormInternals: $,
-      getFormSubmissionValues: He(d, b)
+      getFormSubmissionValues: He(d, F)
     }
   };
 }

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useContractorDetailsForm.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { ComponentType } 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 type { ContractorCreateRequestBody } from '@gusto/embedded-api/models/components/contractorcreaterequestbody'\nimport type { ContractorUpdateRequestBody } from '@gusto/embedded-api/models/components/contractorupdaterequestbody'\nimport { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport {\n ContractorType,\n WageType,\n createContractorDetailsSchema,\n type ContractorDetailsOptionalFieldsToRequire,\n type ContractorDetailsFormData,\n type ContractorDetailsFormOutputs,\n} from './contractorDetailsSchema'\nimport {\n TypeField,\n WageTypeField,\n StartDateField,\n HourlyRateField,\n SelfOnboardingField,\n FileNewHireReportField,\n EmailField,\n FirstNameField,\n LastNameField,\n MiddleInitialField,\n BusinessNameField,\n SsnField,\n EinField,\n WorkStateField,\n} from './fields'\nimport type {\n TypeFieldProps,\n WageTypeFieldProps,\n StartDateFieldProps,\n HourlyRateFieldProps,\n SelfOnboardingFieldProps,\n FileNewHireReportFieldProps,\n EmailFieldProps,\n FirstNameFieldProps,\n LastNameFieldProps,\n MiddleInitialFieldProps,\n BusinessNameFieldProps,\n SsnFieldProps,\n EinFieldProps,\n WorkStateFieldProps,\n} 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 {\n ContractorSelfOnboardingStatuses,\n ContractorOnboardingStatus,\n STATES_ABBR,\n} from '@/shared/constants'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport type { ContractorDetailsOptionalFieldsToRequire } from './contractorDetailsSchema'\n\n/*\n Optional overrides passed to {@link UseContractorDetailsFormReady.actions.onSubmit \| onSubmit}.\n \n @public\n /\nexport interface ContractorDetailsSubmitOptions {\n /* Override the company identifier supplied to the hook (e.g. after creating the company in the same flow). Only used in create mode. /\n companyId?: string\n}\n\n/\n Shared options merged into both branches of {@link UseContractorDetailsFormProps}.\n \n @public\n /\nexport type UseContractorDetailsFormSharedProps = {\n /* Whether to expose the self-onboarding toggle as `form.Fields.SelfOnboarding`. Defaults to `true`. /\n withSelfOnboardingField?: boolean\n /\n Whether `form.Fields.Email` is available regardless of the `selfOnboarding` value.\n \n @remarks\n * By default `Email` is only exposed while `selfOnboarding` is `true`, since email is\n * otherwise only collected to send a self-onboarding invite. Set this to `true` for\n * surfaces that let an admin edit an already-onboarded contractor's email directly.\n * Defaults to `false`.\n /\n showEmailField?: boolean\n /* Fields that are optional by default but should be promoted to required for this form instance. /\n optionalFieldsToRequire?: ContractorDetailsOptionalFieldsToRequire\n /* Initial values applied before any contractor data loads. /\n defaultValues?: Partial<ContractorDetailsFormData>\n /* When validation runs. Forwarded to react-hook-form's `mode`. Defaults to `'onSubmit'`. /\n validationMode?: UseFormProps['mode']\n /* Whether react-hook-form should focus the first error on validation failure. Defaults to `true`. /\n shouldFocusError?: boolean\n}\n\n/\n Options for {@link useContractorDetailsForm}.\n \n @remarks\n * Discriminated by mode: in create mode supply `companyId` and omit\n * `contractorId`; in update mode supply `contractorId` (and optionally\n * `companyId`).\n \n @public\n /\nexport type UseContractorDetailsFormProps =\n \| (UseContractorDetailsFormSharedProps & { companyId: string; contractorId?: never })\n \| (UseContractorDetailsFormSharedProps & { contractorId: string; companyId?: string })\n\n/\n The Field components exposed by {@link useContractorDetailsForm} as `form.Fields`.\n \n @remarks\n * Conditionally-visible fields are `undefined` when they do not apply to the\n * current `type`, `wageType`, or self-onboarding selection. Always null-check\n * before rendering.\n \n @public\n /\nexport interface ContractorDetailsFormFields {\n /* Radio group bound to `type`. Always available. /\n Type: ComponentType<TypeFieldProps>\n /* Radio group bound to `wageType`. Always available. /\n WageType: ComponentType<WageTypeFieldProps>\n /* Date picker bound to `startDate`. Always available. /\n StartDate: ComponentType<StartDateFieldProps>\n /* Number input bound to `hourlyRate`; available only when `wageType` is `Hourly`. /\n HourlyRate: ComponentType<HourlyRateFieldProps> \| undefined\n /* Switch bound to `selfOnboarding`; available only when toggleable. /\n SelfOnboarding: ComponentType<SelfOnboardingFieldProps> \| undefined\n /* Switch bound to `fileNewHireReport`; available only for individual contractors. /\n FileNewHireReport: ComponentType<FileNewHireReportFieldProps> \| undefined\n /* Text input bound to `email`; available only when self-onboarding is enabled. /\n Email: ComponentType<EmailFieldProps> \| undefined\n /* Text input bound to `firstName`; available only for individual contractors. /\n FirstName: ComponentType<FirstNameFieldProps> \| undefined\n /* Text input bound to `lastName`; available only for individual contractors. /\n LastName: ComponentType<LastNameFieldProps> \| undefined\n /* Text input bound to `middleInitial`; available only for individual contractors. /\n MiddleInitial: ComponentType<MiddleInitialFieldProps> \| undefined\n /* Text input bound to `businessName`; available only for business contractors. /\n BusinessName: ComponentType<BusinessNameFieldProps> \| undefined\n /\n Text input bound to `ssn`; available only for individual contractors.\n * Auto-formats as `XXX-XX-XXXX`. When an SSN is already on file the field\n * shows a masked placeholder and the required rule is waived.\n /\n Ssn: ComponentType<SsnFieldProps> \| undefined\n /\n Text input bound to `ein`; available only for business contractors.\n * Auto-formats as `XX-XXXXXXX`. When an EIN is already on file the field\n * shows a masked placeholder and the required rule is waived.\n /\n Ein: ComponentType<EinFieldProps> \| undefined\n /* Select bound to `workState`; available only for individual contractors filing a new-hire report. /\n WorkState: ComponentType<WorkStateFieldProps> \| undefined\n}\n\n/\n The ready-state result returned by {@link useContractorDetailsForm} once data has loaded.\n \n @public\n /\nexport interface UseContractorDetailsFormReady extends BaseFormHookReady<\n ContractorDetailsFieldsMetadata,\n ContractorDetailsFormData,\n ContractorDetailsFormFields\n> {\n /* The loaded contractor data, or `null` in create mode. /\n data: {\n /* The contractor being edited, or `null` in create mode. /\n contractor: Contractor \| null\n }\n /* Submit status and form mode. /\n status: {\n /* `true` while the create or update mutation is in flight. /\n isPending: boolean\n /* `'create'` when no `contractorId` was supplied, `'update'` otherwise. /\n mode: 'create' \| 'update'\n }\n /* Submit and related actions. /\n actions: {\n /* Validates the form and submits the changes. Returns the created or updated contractor, or `undefined` when validation fails. /\n onSubmit: (\n options?: ContractorDetailsSubmitOptions,\n ) => Promise<HookSubmitResult<Contractor> \| undefined>\n }\n}\n\nconst isCurrentlySelfOnboarding = (contractor?: Contractor) =>\n !!contractor?.onboardingStatus &&\n ContractorSelfOnboardingStatuses.has(contractor.onboardingStatus)\n\nconst canToggleSelfOnboarding = (contractor?: Contractor) => {\n if (!contractor) return true\n return (\n contractor.onboardingStatus === ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE \|\|\n contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED\n )\n}\n\n/* @internal /\nfunction buildContractorDetailsFieldsMetadata(\n base: Record<keyof ContractorDetailsFormData, FieldMetadata>,\n) {\n const typeEntries = [ContractorType.Individual, ContractorType.Business]\n const wageTypeEntries = [WageType.Hourly, WageType.Fixed]\n return {\n type: withOptions(\n base.type,\n typeEntries.map(value => ({ value, label: value })),\n typeEntries,\n ),\n wageType: withOptions(\n base.wageType,\n wageTypeEntries.map(value => ({ value, label: value })),\n wageTypeEntries,\n ),\n startDate: base.startDate,\n hourlyRate: base.hourlyRate,\n selfOnboarding: base.selfOnboarding,\n fileNewHireReport: base.fileNewHireReport,\n email: base.email,\n firstName: base.firstName,\n lastName: base.lastName,\n middleInitial: base.middleInitial,\n businessName: base.businessName,\n ssn: base.ssn,\n ein: base.ein,\n workState: withOptions(\n base.workState,\n STATES_ABBR.map(abbr => ({ value: abbr, label: abbr })),\n STATES_ABBR,\n ),\n } satisfies FieldsMetadata\n}\n\n/\n Headless hook for creating or updating a contractor's profile details —\n * individual vs. business type, wage type, names, SSN/EIN, work state, and the\n * self-onboarding preference.\n \n @remarks\n * Returns a discriminated union: a loading variant while the contractor fetch\n * resolves, and a ready variant exposing the form's data, pending status,\n * submit action, error handling, and bound `Fields`. Field visibility is\n * driven by the current `type` and `wageType` (self-onboarding toggles the\n * `Email` field unless `showEmailField` is set); fields that do not apply are `undefined` on `form.Fields`.\n * SSN/EIN are exposed by contractor type regardless of self-onboarding — each\n * consumer decides whether to render them. Self-onboarding is only toggleable\n * when the contractor's onboarding status allows it.\n \n @param input - See {@link UseContractorDetailsFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseContractorDetailsFormReady} once ready.\n * @public\n \n @example\n * ```tsx\n * import {\n * useContractorDetailsForm,\n * SDKFormProvider,\n * type UseContractorDetailsFormReady,\n * } from '@gusto/embedded-react-sdk'\n \n function ContractorDetailsPage({\n * companyId,\n * contractorId,\n * }: {\n * companyId: string\n * contractorId: string\n * }) {\n * const contractorDetails = useContractorDetailsForm({ companyId, contractorId })\n \n if (contractorDetails.isLoading) return <div>Loading...</div>\n \n return <ContractorDetailsReady contractorDetails={contractorDetails} />\n * }\n \n function ContractorDetailsReady({\n * contractorDetails,\n * }: {\n * contractorDetails: UseContractorDetailsFormReady\n * }) {\n * const { Fields } = contractorDetails.form\n \n return (\n * <SDKFormProvider formHookResult={contractorDetails}>\n * <form onSubmit={e => { e.preventDefault(); void contractorDetails.actions.onSubmit() }}>\n * <Fields.Type label=\"Contractor type\" />\n * <Fields.WageType label=\"Wage type\" />\n * {Fields.FirstName && <Fields.FirstName label=\"First name\" />}\n * {Fields.LastName && <Fields.LastName label=\"Last name\" />}\n * {Fields.BusinessName && <Fields.BusinessName label=\"Business name\" />}\n * <Fields.StartDate label=\"Start date\" />\n * <button type=\"submit\" disabled={contractorDetails.status.isPending}>Save</button>\n * </form>\n * </SDKFormProvider>\n * )\n * }\n * ```\n /\nexport function useContractorDetailsForm({\n companyId,\n contractorId,\n withSelfOnboardingField = true,\n showEmailField = false,\n optionalFieldsToRequire,\n defaultValues: partnerDefaults,\n validationMode = 'onSubmit',\n shouldFocusError = true,\n}: UseContractorDetailsFormProps): HookLoadingResult \| UseContractorDetailsFormReady {\n const contractorQuery = useContractorsGet(\n { contractorUuid: contractorId ?? '' },\n { enabled: !!contractorId },\n )\n\n const contractor = contractorQuery.data?.contractor\n\n const isCreateMode = !contractorId\n const isSelfOnboardingToggleable = canToggleSelfOnboarding(contractor)\n\n const mode = isCreateMode ? 'create' : 'update'\n const hasSsn = contractor?.hasSsn ?? false\n const hasEin = contractor?.hasEin ?? false\n\n const [schema, metadataConfig] = useMemo(\n () => createContractorDetailsSchema({ mode, optionalFieldsToRequire, hasSsn, hasEin }),\n [mode, optionalFieldsToRequire, hasSsn, hasEin],\n )\n\n const parsedHourlyRate =\n contractor?.hourlyRate != null ? parseFloat(contractor.hourlyRate) : undefined\n\n const resolvedDefaults: ContractorDetailsFormData = useMemo(\n () => ({\n type: contractor?.type ?? partnerDefaults?.type ?? ContractorType.Individual,\n wageType: contractor?.wageType ?? partnerDefaults?.wageType ?? WageType.Fixed,\n startDate:\n contractor?.startDate ??\n partnerDefaults?.startDate ??\n new Date().toISOString().split('T')[0]!,\n hourlyRate: parsedHourlyRate ?? partnerDefaults?.hourlyRate ?? NaN,\n selfOnboarding: partnerDefaults?.selfOnboarding ?? isCurrentlySelfOnboarding(contractor),\n fileNewHireReport:\n contractor?.fileNewHireReport ?? partnerDefaults?.fileNewHireReport ?? false,\n email: contractor?.email ?? partnerDefaults?.email ?? '',\n firstName: contractor?.firstName ?? partnerDefaults?.firstName ?? '',\n lastName: contractor?.lastName ?? partnerDefaults?.lastName ?? '',\n middleInitial: contractor?.middleInitial ?? partnerDefaults?.middleInitial ?? '',\n businessName: contractor?.businessName ?? partnerDefaults?.businessName ?? '',\n workState: contractor?.workState ?? partnerDefaults?.workState ?? '',\n ssn: partnerDefaults?.ssn ?? '',\n ein: partnerDefaults?.ein ?? '',\n }),\n [contractor, partnerDefaults, parsedHourlyRate],\n )\n\n const formMethods = useForm<ContractorDetailsFormData, unknown, ContractorDetailsFormOutputs>({\n resolver: zodResolver(schema),\n mode: validationMode,\n shouldFocusError,\n defaultValues: resolvedDefaults,\n values: resolvedDefaults,\n resetOptions: { keepDirtyValues: true },\n })\n\n const [watchedType, watchedWageType, watchedSelfOnboarding, watchedFileNewHireReport] = useWatch({\n control: formMethods.control,\n name: ['type', 'wageType', 'selfOnboarding', 'fileNewHireReport'],\n })\n\n // Render-gating: a field shows when it applies to the current selection. The\n // schema mirrors this via `getExcludedContractorFields` so off-screen fields\n // never trip a phantom required error.\n const isIndividual = watchedType === ContractorType.Individual\n const isBusiness = watchedType === ContractorType.Business\n const isHourly = watchedWageType === WageType.Hourly\n\n const createContractorMutation = useContractorsCreateMutation()\n const updateContractorMutation = useContractorsUpdateMutation()\n\n const isPending = createContractorMutation.isPending \|\| updateContractorMutation.isPending\n\n const {\n baseSubmitHandler,\n error: submitError,\n setError: setSubmitError,\n } = useBaseSubmit('ContractorDetailsForm')\n\n const queries = contractorId ? [contractorQuery] : []\n const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n const fieldsMetadata = buildContractorDetailsFieldsMetadata(baseMetadata)\n\n const onSubmit = async (\n options?: ContractorDetailsSubmitOptions,\n ): Promise<HookSubmitResult<Contractor> \| undefined> => {\n let submitResult: HookSubmitResult<Contractor> \| undefined\n\n await new Promise<void>(resolve => {\n void formMethods.handleSubmit(\n async (data: ContractorDetailsFormOutputs) => {\n await baseSubmitHandler(data, async payload => {\n const selfOnboardingEnabled = payload.selfOnboarding\n const cleanedSsn = payload.ssn ? removeNonDigits(payload.ssn) : ''\n const cleanedEin = payload.ein ? removeNonDigits(payload.ein) : ''\n\n const requestBody: ContractorCreateRequestBody = {\n type: payload.type,\n wageType: payload.wageType,\n startDate: payload.startDate,\n selfOnboarding: selfOnboardingEnabled,\n email: selfOnboardingEnabled ? payload.email \|\| undefined : undefined,\n hourlyRate:\n payload.wageType === WageType.Hourly ? String(payload.hourlyRate) : undefined,\n ...(payload.type === ContractorType.Individual\n ? {\n firstName: payload.firstName,\n lastName: payload.lastName,\n middleInitial: payload.middleInitial \|\| undefined,\n fileNewHireReport: payload.fileNewHireReport,\n workState: payload.fileNewHireReport\n ? payload.workState \|\| undefined\n : undefined,\n ssn: cleanedSsn \|\| undefined,\n }\n : {\n fileNewHireReport: false,\n businessName: payload.businessName,\n ein: cleanedEin \|\| undefined,\n }),\n }\n\n let savedContractor: Contractor\n\n if (isCreateMode) {\n const resolvedCompanyId = options?.companyId ?? companyId\n if (!resolvedCompanyId) {\n throw new SDKInternalError('companyId is required to create a contractor')\n }\n\n const result = await createContractorMutation.mutateAsync({\n request: {\n companyUuid: resolvedCompanyId,\n contractorCreateRequestBody: { ...requestBody, isActive: true },\n },\n })\n\n if (!result.contractor) {\n throw new SDKInternalError('Contractor creation failed')\n }\n\n savedContractor = result.contractor\n } else {\n if (!contractor?.version) {\n throw new SDKInternalError('Contractor version is required for updates')\n }\n\n const updateBody: ContractorUpdateRequestBody = {\n ...requestBody,\n version: contractor.version,\n }\n\n const result = await updateContractorMutation.mutateAsync({\n request: {\n contractorUuid: contractor.uuid,\n contractorUpdateRequestBody: updateBody,\n },\n })\n\n if (!result.contractor) {\n throw new SDKInternalError('Contractor update failed')\n }\n\n savedContractor = result.contractor\n }\n\n submitResult = {\n mode: isCreateMode ? 'create' : 'update',\n data: savedContractor,\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 = contractorId ? contractorQuery.isLoading : false\n\n if (isDataLoading \|\| (contractorId && !contractor)) {\n return { isLoading: true as const, errorHandling }\n }\n\n return {\n isLoading: false as const,\n data: {\n contractor: contractor ?? null,\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 Type: TypeField,\n WageType: WageTypeField,\n StartDate: StartDateField,\n HourlyRate: isHourly ? HourlyRateField : undefined,\n SelfOnboarding:\n withSelfOnboardingField && isSelfOnboardingToggleable ? SelfOnboardingField : undefined,\n FileNewHireReport: isIndividual ? FileNewHireReportField : undefined,\n Email: showEmailField \|\| watchedSelfOnboarding ? EmailField : undefined,\n FirstName: isIndividual ? FirstNameField : undefined,\n LastName: isIndividual ? LastNameField : undefined,\n MiddleInitial: isIndividual ? MiddleInitialField : undefined,\n BusinessName: isBusiness ? BusinessNameField : undefined,\n Ssn: isIndividual ? SsnField : undefined,\n Ein: isBusiness ? EinField : undefined,\n WorkState: isIndividual && watchedFileNewHireReport ? WorkStateField : undefined,\n },\n fieldsMetadata,\n hookFormInternals,\n getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n },\n }\n}\n\n/\n Return type of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type UseContractorDetailsFormResult = HookLoadingResult \| UseContractorDetailsFormReady\n\n/\n Shape of `form.fieldsMetadata` returned by {@link useContractorDetailsForm}.\n \n @public\n */\nexport type ContractorDetailsFieldsMetadata = ReturnType<\n typeof buildContractorDetailsFieldsMetadata\n>\n"],"names":["isCurrentlySelfOnboarding","contractor","ContractorSelfOnboardingStatuses","canToggleSelfOnboarding","ContractorOnboardingStatus","buildContractorDetailsFieldsMetadata","base","typeEntries","ContractorType","wageTypeEntries","WageType","withOptions","value","STATES_ABBR","abbr","useContractorDetailsForm","companyId","contractorId","withSelfOnboardingField","showEmailField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","contractorQuery","useContractorsGet","isCreateMode","isSelfOnboardingToggleable","mode","hasSsn","hasEin","schema","metadataConfig","useMemo","createContractorDetailsSchema","parsedHourlyRate","resolvedDefaults","formMethods","useForm","zodResolver","watchedType","watchedWageType","watchedSelfOnboarding","watchedFileNewHireReport","useWatch","isIndividual","isBusiness","isHourly","createContractorMutation","useContractorsCreateMutation","updateContractorMutation","useContractorsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","options","submitResult","resolve","data","payload","selfOnboardingEnabled","cleanedSsn","removeNonDigits","cleanedEin","requestBody","savedContractor","resolvedCompanyId","SDKInternalError","result","updateBody","hookFormInternals","useHookFormInternals","TypeField","WageTypeField","StartDateField","HourlyRateField","SelfOnboardingField","FileNewHireReportField","EmailField","FirstNameField","LastNameField","MiddleInitialField","BusinessNameField","SsnField","EinField","WorkStateField","createGetFormSubmissionValues"],"mappings":"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"}
1	+ {"version":3,"file":"useContractorDetailsForm.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { ComponentType } 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 type { ContractorCreateRequestBody } from '@gusto/embedded-api/models/components/contractorcreaterequestbody'\nimport type { ContractorUpdateRequestBody } from '@gusto/embedded-api/models/components/contractorupdaterequestbody'\nimport { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport {\n ContractorType,\n WageType,\n createContractorDetailsSchema,\n type ContractorDetailsOptionalFieldsToRequire,\n type ContractorDetailsFormData,\n type ContractorDetailsFormOutputs,\n} from './contractorDetailsSchema'\nimport {\n TypeField,\n WageTypeField,\n StartDateField,\n HourlyRateField,\n SelfOnboardingField,\n FileNewHireReportField,\n EmailField,\n FirstNameField,\n LastNameField,\n MiddleInitialField,\n BusinessNameField,\n SsnField,\n EinField,\n WorkStateField,\n} from './fields'\nimport type {\n TypeFieldProps,\n WageTypeFieldProps,\n StartDateFieldProps,\n HourlyRateFieldProps,\n SelfOnboardingFieldProps,\n FileNewHireReportFieldProps,\n EmailFieldProps,\n FirstNameFieldProps,\n LastNameFieldProps,\n MiddleInitialFieldProps,\n BusinessNameFieldProps,\n SsnFieldProps,\n EinFieldProps,\n WorkStateFieldProps,\n} 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 {\n ContractorSelfOnboardingStatuses,\n ContractorOnboardingStatus,\n STATES_ABBR,\n} from '@/shared/constants'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport type { ContractorDetailsOptionalFieldsToRequire } from './contractorDetailsSchema'\n\n/*\n Optional overrides passed to {@link UseContractorDetailsFormReady.actions.onSubmit \| onSubmit}.\n \n @public\n /\nexport interface ContractorDetailsSubmitOptions {\n /* Override the company identifier supplied to the hook (e.g. after creating the company in the same flow). Only used in create mode. /\n companyId?: string\n}\n\n/\n Shared options merged into both branches of {@link UseContractorDetailsFormProps}.\n \n @public\n /\nexport type UseContractorDetailsFormSharedProps = {\n /* Whether to expose the self-onboarding toggle as `form.Fields.SelfOnboarding`. Defaults to `true`. /\n withSelfOnboardingField?: boolean\n /\n Whether `form.Fields.Email` is available regardless of the `selfOnboarding` value.\n \n @remarks\n * By default `Email` is only exposed while `selfOnboarding` is `true`, since email is\n * otherwise only collected to send a self-onboarding invite. Set this to `true` for\n * surfaces that let an admin edit an already-onboarded contractor's email directly.\n * Defaults to `false`.\n /\n showEmailField?: boolean\n /* Fields that are optional by default but should be promoted to required for this form instance. /\n optionalFieldsToRequire?: ContractorDetailsOptionalFieldsToRequire\n /* Initial values applied before any contractor data loads. /\n defaultValues?: Partial<ContractorDetailsFormData>\n /* When validation runs. Forwarded to react-hook-form's `mode`. Defaults to `'onSubmit'`. /\n validationMode?: UseFormProps['mode']\n /* Whether react-hook-form should focus the first error on validation failure. Defaults to `true`. /\n shouldFocusError?: boolean\n}\n\n/\n Options for {@link useContractorDetailsForm}.\n \n @remarks\n * Discriminated by mode: in create mode supply `companyId` and omit\n * `contractorId`; in update mode supply `contractorId` (and optionally\n * `companyId`).\n \n @public\n /\nexport type UseContractorDetailsFormProps =\n \| (UseContractorDetailsFormSharedProps & { companyId: string; contractorId?: never })\n \| (UseContractorDetailsFormSharedProps & { contractorId: string; companyId?: string })\n\n/\n The Field components exposed by {@link useContractorDetailsForm} as `form.Fields`.\n \n @remarks\n * Conditionally-visible fields are `undefined` when they do not apply to the\n * current `type`, `wageType`, or self-onboarding selection. Always null-check\n * before rendering.\n \n @public\n /\nexport interface ContractorDetailsFormFields {\n /* Radio group bound to `type`. Always available. /\n Type: ComponentType<TypeFieldProps>\n /* Radio group bound to `wageType`. Always available. /\n WageType: ComponentType<WageTypeFieldProps>\n /* Date picker bound to `startDate`. Always available. /\n StartDate: ComponentType<StartDateFieldProps>\n /* Number input bound to `hourlyRate`; available only when `wageType` is `Hourly`. /\n HourlyRate: ComponentType<HourlyRateFieldProps> \| undefined\n /* Switch bound to `selfOnboarding`; available only when toggleable. /\n SelfOnboarding: ComponentType<SelfOnboardingFieldProps> \| undefined\n /* Switch bound to `fileNewHireReport`; available only for individual contractors. /\n FileNewHireReport: ComponentType<FileNewHireReportFieldProps> \| undefined\n /* Text input bound to `email`; available only when self-onboarding is enabled. /\n Email: ComponentType<EmailFieldProps> \| undefined\n /* Text input bound to `firstName`; available only for individual contractors. /\n FirstName: ComponentType<FirstNameFieldProps> \| undefined\n /* Text input bound to `lastName`; available only for individual contractors. /\n LastName: ComponentType<LastNameFieldProps> \| undefined\n /* Text input bound to `middleInitial`; available only for individual contractors. /\n MiddleInitial: ComponentType<MiddleInitialFieldProps> \| undefined\n /* Text input bound to `businessName`; available only for business contractors. /\n BusinessName: ComponentType<BusinessNameFieldProps> \| undefined\n /\n Text input bound to `ssn`; available only for individual contractors.\n * Auto-formats as `XXX-XX-XXXX`. When an SSN is already on file the field\n * shows a masked placeholder and the required rule is waived.\n /\n Ssn: ComponentType<SsnFieldProps> \| undefined\n /\n Text input bound to `ein`; available only for business contractors.\n * Auto-formats as `XX-XXXXXXX`. When an EIN is already on file the field\n * shows a masked placeholder and the required rule is waived.\n /\n Ein: ComponentType<EinFieldProps> \| undefined\n /* Select bound to `workState`; available only for individual contractors filing a new-hire report. /\n WorkState: ComponentType<WorkStateFieldProps> \| undefined\n}\n\n/\n The ready-state result returned by {@link useContractorDetailsForm} once data has loaded.\n \n @public\n /\nexport interface UseContractorDetailsFormReady extends BaseFormHookReady<\n ContractorDetailsFieldsMetadata,\n ContractorDetailsFormData,\n ContractorDetailsFormFields\n> {\n /* The loaded contractor data, or `null` in create mode. /\n data: {\n /* The contractor being edited, or `null` in create mode. /\n contractor: Contractor \| null\n }\n /* Submit status and form mode. /\n status: {\n /* `true` while the create or update mutation is in flight. /\n isPending: boolean\n /* `'create'` when no `contractorId` was supplied, `'update'` otherwise. /\n mode: 'create' \| 'update'\n }\n /* Submit and related actions. /\n actions: {\n /* Validates the form and submits the changes. Returns the created or updated contractor, or `undefined` when validation fails. /\n onSubmit: (\n options?: ContractorDetailsSubmitOptions,\n ) => Promise<HookSubmitResult<Contractor> \| undefined>\n }\n}\n\nconst isCurrentlySelfOnboarding = (contractor?: Contractor) =>\n !!contractor?.onboardingStatus &&\n ContractorSelfOnboardingStatuses.has(contractor.onboardingStatus)\n\nconst canToggleSelfOnboarding = (contractor?: Contractor) => {\n if (!contractor) return true\n return (\n contractor.onboardingStatus === ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE \|\|\n contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED\n )\n}\n\n/* @internal /\nfunction buildContractorDetailsFieldsMetadata(\n base: Record<keyof ContractorDetailsFormData, FieldMetadata>,\n) {\n const typeEntries = [ContractorType.Individual, ContractorType.Business]\n const wageTypeEntries = [WageType.Hourly, WageType.Fixed]\n return {\n type: withOptions(\n base.type,\n typeEntries.map(value => ({ value, label: value })),\n typeEntries,\n ),\n wageType: withOptions(\n base.wageType,\n wageTypeEntries.map(value => ({ value, label: value })),\n wageTypeEntries,\n ),\n startDate: base.startDate,\n hourlyRate: base.hourlyRate,\n selfOnboarding: base.selfOnboarding,\n fileNewHireReport: base.fileNewHireReport,\n email: base.email,\n firstName: base.firstName,\n lastName: base.lastName,\n middleInitial: base.middleInitial,\n businessName: base.businessName,\n ssn: base.ssn,\n ein: base.ein,\n workState: withOptions(\n base.workState,\n STATES_ABBR.map(abbr => ({ value: abbr, label: abbr })),\n STATES_ABBR,\n ),\n } satisfies FieldsMetadata\n}\n\n/\n Headless hook for creating or updating a contractor's profile details —\n * individual vs. business type, wage type, names, SSN/EIN, work state, and the\n * self-onboarding preference.\n \n @remarks\n * Returns a discriminated union: a loading variant while the contractor fetch\n * resolves, and a ready variant exposing the form's data, pending status,\n * submit action, error handling, and bound `Fields`. Field visibility is\n * driven by the current `type` and `wageType` (self-onboarding toggles the\n * `Email` field unless `showEmailField` is set); fields that do not apply are `undefined` on `form.Fields`.\n * SSN/EIN are exposed by contractor type regardless of self-onboarding — each\n * consumer decides whether to render them. Self-onboarding is only toggleable\n * when the contractor's onboarding status allows it.\n \n @param input - See {@link UseContractorDetailsFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseContractorDetailsFormReady} once ready.\n * @public\n \n @example\n * ```tsx\n * import {\n * useContractorDetailsForm,\n * SDKFormProvider,\n * type UseContractorDetailsFormReady,\n * } from '@gusto/embedded-react-sdk'\n \n function ContractorDetailsPage({\n * companyId,\n * contractorId,\n * }: {\n * companyId: string\n * contractorId: string\n * }) {\n * const contractorDetails = useContractorDetailsForm({ companyId, contractorId })\n \n if (contractorDetails.isLoading) return <div>Loading...</div>\n \n return <ContractorDetailsReady contractorDetails={contractorDetails} />\n * }\n \n function ContractorDetailsReady({\n * contractorDetails,\n * }: {\n * contractorDetails: UseContractorDetailsFormReady\n * }) {\n * const { Fields } = contractorDetails.form\n \n return (\n * <SDKFormProvider formHookResult={contractorDetails}>\n * <form onSubmit={e => { e.preventDefault(); void contractorDetails.actions.onSubmit() }}>\n * <Fields.Type label=\"Contractor type\" />\n * <Fields.WageType label=\"Wage type\" />\n * {Fields.FirstName && <Fields.FirstName label=\"First name\" />}\n * {Fields.LastName && <Fields.LastName label=\"Last name\" />}\n * {Fields.BusinessName && <Fields.BusinessName label=\"Business name\" />}\n * <Fields.StartDate label=\"Start date\" />\n * <button type=\"submit\" disabled={contractorDetails.status.isPending}>Save</button>\n * </form>\n * </SDKFormProvider>\n * )\n * }\n * ```\n /\nexport function useContractorDetailsForm({\n companyId,\n contractorId,\n withSelfOnboardingField = true,\n showEmailField = false,\n optionalFieldsToRequire,\n defaultValues: partnerDefaults,\n validationMode = 'onSubmit',\n shouldFocusError = true,\n}: UseContractorDetailsFormProps): HookLoadingResult \| UseContractorDetailsFormReady {\n const contractorQuery = useContractorsGet(\n { contractorUuid: contractorId ?? '' },\n { enabled: !!contractorId },\n )\n\n const contractor = contractorQuery.data?.contractor\n\n const isCreateMode = !contractorId\n const isSelfOnboardingToggleable = canToggleSelfOnboarding(contractor)\n\n const mode = isCreateMode ? 'create' : 'update'\n const hasSsn = contractor?.hasSsn ?? false\n const hasEin = contractor?.hasEin ?? false\n\n const [schema, metadataConfig] = useMemo(\n () => createContractorDetailsSchema({ mode, optionalFieldsToRequire, hasSsn, hasEin }),\n [mode, optionalFieldsToRequire, hasSsn, hasEin],\n )\n\n const parsedHourlyRate =\n contractor?.hourlyRate != null ? parseFloat(contractor.hourlyRate) : undefined\n\n const resolvedDefaults: ContractorDetailsFormData = useMemo(\n () => ({\n type: contractor?.type ?? partnerDefaults?.type ?? ContractorType.Individual,\n wageType: contractor?.wageType ?? partnerDefaults?.wageType ?? WageType.Fixed,\n startDate:\n contractor?.startDate ??\n partnerDefaults?.startDate ??\n new Date().toISOString().split('T')[0]!,\n hourlyRate: parsedHourlyRate ?? partnerDefaults?.hourlyRate ?? NaN,\n selfOnboarding: partnerDefaults?.selfOnboarding ?? isCurrentlySelfOnboarding(contractor),\n fileNewHireReport:\n contractor?.fileNewHireReport ?? partnerDefaults?.fileNewHireReport ?? false,\n email: contractor?.email ?? partnerDefaults?.email ?? '',\n firstName: contractor?.firstName ?? partnerDefaults?.firstName ?? '',\n lastName: contractor?.lastName ?? partnerDefaults?.lastName ?? '',\n middleInitial: contractor?.middleInitial ?? partnerDefaults?.middleInitial ?? '',\n businessName: contractor?.businessName ?? partnerDefaults?.businessName ?? '',\n workState: contractor?.workState ?? partnerDefaults?.workState ?? '',\n ssn: partnerDefaults?.ssn ?? '',\n ein: partnerDefaults?.ein ?? '',\n }),\n [contractor, partnerDefaults, parsedHourlyRate],\n )\n\n const formMethods = useForm<ContractorDetailsFormData, unknown, ContractorDetailsFormOutputs>({\n resolver: zodResolver(schema),\n mode: validationMode,\n shouldFocusError,\n defaultValues: resolvedDefaults,\n values: resolvedDefaults,\n resetOptions: { keepDirtyValues: true },\n })\n\n const [watchedType, watchedWageType, watchedSelfOnboarding, watchedFileNewHireReport] = useWatch({\n control: formMethods.control,\n name: ['type', 'wageType', 'selfOnboarding', 'fileNewHireReport'],\n })\n\n // Render-gating: a field shows when it applies to the current selection. The\n // schema mirrors this via `getExcludedContractorFields` so off-screen fields\n // never trip a phantom required error.\n const isIndividual = watchedType === ContractorType.Individual\n const isBusiness = watchedType === ContractorType.Business\n const isHourly = watchedWageType === WageType.Hourly\n\n const createContractorMutation = useContractorsCreateMutation()\n const updateContractorMutation = useContractorsUpdateMutation()\n\n const isPending = createContractorMutation.isPending \|\| updateContractorMutation.isPending\n\n const {\n baseSubmitHandler,\n error: submitError,\n setError: setSubmitError,\n } = useBaseSubmit('ContractorDetailsForm')\n\n const queries = contractorId ? [contractorQuery] : []\n const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n const fieldsMetadata = buildContractorDetailsFieldsMetadata(baseMetadata)\n\n const onSubmit = async (\n options?: ContractorDetailsSubmitOptions,\n ): Promise<HookSubmitResult<Contractor> \| undefined> => {\n let submitResult: HookSubmitResult<Contractor> \| undefined\n\n await new Promise<void>(resolve => {\n void formMethods.handleSubmit(\n async (data: ContractorDetailsFormOutputs) => {\n await baseSubmitHandler(data, async payload => {\n const selfOnboardingEnabled = payload.selfOnboarding\n const cleanedSsn = payload.ssn ? removeNonDigits(payload.ssn) : ''\n const cleanedEin = payload.ein ? removeNonDigits(payload.ein) : ''\n\n const requestBody: ContractorCreateRequestBody = {\n type: payload.type,\n wageType: payload.wageType,\n startDate: payload.startDate,\n selfOnboarding: selfOnboardingEnabled,\n email:\n showEmailField \|\| selfOnboardingEnabled ? payload.email \|\| undefined : undefined,\n hourlyRate:\n payload.wageType === WageType.Hourly ? String(payload.hourlyRate) : undefined,\n ...(payload.type === ContractorType.Individual\n ? {\n firstName: payload.firstName,\n lastName: payload.lastName,\n middleInitial: payload.middleInitial \|\| undefined,\n fileNewHireReport: payload.fileNewHireReport,\n workState: payload.fileNewHireReport\n ? payload.workState \|\| undefined\n : undefined,\n ssn: cleanedSsn \|\| undefined,\n }\n : {\n fileNewHireReport: false,\n businessName: payload.businessName,\n ein: cleanedEin \|\| undefined,\n }),\n }\n\n let savedContractor: Contractor\n\n if (isCreateMode) {\n const resolvedCompanyId = options?.companyId ?? companyId\n if (!resolvedCompanyId) {\n throw new SDKInternalError('companyId is required to create a contractor')\n }\n\n const result = await createContractorMutation.mutateAsync({\n request: {\n companyUuid: resolvedCompanyId,\n contractorCreateRequestBody: { ...requestBody, isActive: true },\n },\n })\n\n if (!result.contractor) {\n throw new SDKInternalError('Contractor creation failed')\n }\n\n savedContractor = result.contractor\n } else {\n if (!contractor?.version) {\n throw new SDKInternalError('Contractor version is required for updates')\n }\n\n const updateBody: ContractorUpdateRequestBody = {\n ...requestBody,\n version: contractor.version,\n }\n\n const result = await updateContractorMutation.mutateAsync({\n request: {\n contractorUuid: contractor.uuid,\n contractorUpdateRequestBody: updateBody,\n },\n })\n\n if (!result.contractor) {\n throw new SDKInternalError('Contractor update failed')\n }\n\n savedContractor = result.contractor\n }\n\n submitResult = {\n mode: isCreateMode ? 'create' : 'update',\n data: savedContractor,\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 = contractorId ? contractorQuery.isLoading : false\n\n if (isDataLoading \|\| (contractorId && !contractor)) {\n return { isLoading: true as const, errorHandling }\n }\n\n return {\n isLoading: false as const,\n data: {\n contractor: contractor ?? null,\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 Type: TypeField,\n WageType: WageTypeField,\n StartDate: StartDateField,\n HourlyRate: isHourly ? HourlyRateField : undefined,\n SelfOnboarding:\n withSelfOnboardingField && isSelfOnboardingToggleable ? SelfOnboardingField : undefined,\n FileNewHireReport: isIndividual ? FileNewHireReportField : undefined,\n Email: showEmailField \|\| watchedSelfOnboarding ? EmailField : undefined,\n FirstName: isIndividual ? FirstNameField : undefined,\n LastName: isIndividual ? LastNameField : undefined,\n MiddleInitial: isIndividual ? MiddleInitialField : undefined,\n BusinessName: isBusiness ? BusinessNameField : undefined,\n Ssn: isIndividual ? SsnField : undefined,\n Ein: isBusiness ? EinField : undefined,\n WorkState: isIndividual && watchedFileNewHireReport ? WorkStateField : undefined,\n },\n fieldsMetadata,\n hookFormInternals,\n getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n },\n }\n}\n\n/\n Return type of {@link useContractorDetailsForm}.\n \n @public\n /\nexport type UseContractorDetailsFormResult = HookLoadingResult \| UseContractorDetailsFormReady\n\n/\n Shape of `form.fieldsMetadata` returned by {@link useContractorDetailsForm}.\n \n @public\n */\nexport type ContractorDetailsFieldsMetadata = ReturnType<\n typeof buildContractorDetailsFieldsMetadata\n>\n"],"names":["isCurrentlySelfOnboarding","contractor","ContractorSelfOnboardingStatuses","canToggleSelfOnboarding","ContractorOnboardingStatus","buildContractorDetailsFieldsMetadata","base","typeEntries","ContractorType","wageTypeEntries","WageType","withOptions","value","STATES_ABBR","abbr","useContractorDetailsForm","companyId","contractorId","withSelfOnboardingField","showEmailField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","contractorQuery","useContractorsGet","isCreateMode","isSelfOnboardingToggleable","mode","hasSsn","hasEin","schema","metadataConfig","useMemo","createContractorDetailsSchema","parsedHourlyRate","resolvedDefaults","formMethods","useForm","zodResolver","watchedType","watchedWageType","watchedSelfOnboarding","watchedFileNewHireReport","useWatch","isIndividual","isBusiness","isHourly","createContractorMutation","useContractorsCreateMutation","updateContractorMutation","useContractorsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","options","submitResult","resolve","data","payload","selfOnboardingEnabled","cleanedSsn","removeNonDigits","cleanedEin","requestBody","savedContractor","resolvedCompanyId","SDKInternalError","result","updateBody","hookFormInternals","useHookFormInternals","TypeField","WageTypeField","StartDateField","HourlyRateField","SelfOnboardingField","FileNewHireReportField","EmailField","FirstNameField","LastNameField","MiddleInitialField","BusinessNameField","SsnField","EinField","WorkStateField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.js CHANGED Viewed

@@ -41,6 +41,7 @@ function I({
       {
         key: "rate",
         title: e("allCompensations.amountColumn"),
+        justify: "end",
         render: (t) => t.rate?.toString() || ""
       },
       {

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"JobsListPresentation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { ActionsLayout, DataView, Flex, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { FlsaStatus } from '@/shared/constants'\n\n/** @internal /\nexport interface JobsListPresentationProps {\n /* @internal /\n jobs: Job[]\n /* @internal /\n primaryFlsaStatus: string \| undefined\n /* @internal /\n isPending: boolean\n /* @internal /\n onAdd: () => void\n /* @internal /\n onEdit: (jobId: string) => void\n /* @internal /\n onDelete: (jobId: string) => void\n /* @internal /\n onContinue: () => void\n}\n\n/* @internal */\nexport function JobsListPresentation({\n jobs,\n primaryFlsaStatus,\n isPending,\n onAdd,\n onEdit,\n onDelete,\n onContinue,\n}: JobsListPresentationProps) {\n useI18n('Employee.Compensation')\n const { t } = useTranslation('Employee.Compensation')\n const Components = useComponentContext()\n\n const showAddAnotherJob = primaryFlsaStatus === FlsaStatus.NONEXEMPT\n\n const dataViewProps = useDataView({\n data: jobs,\n columns: [\n {\n key: 'title',\n title: t('allCompensations.jobColumn'),\n render: (job: Job) => {\n const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n return currentComp?.title \|\| ''\n },\n },\n {\n key: 'flsaStatus',\n title: t('allCompensations.typeColumn'),\n render: (job: Job) => {\n const flsaStatus = job.compensations?.find(\n comp => comp.uuid === job.currentCompensationUuid,\n )?.flsaStatus\n return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n },\n },\n {\n key: 'rate',\n title: t('allCompensations.amountColumn'),\n render: (job: Job) => job.rate?.toString() \|\| '',\n },\n {\n key: 'paymentUnit',\n title: t('allCompensations.perColumn'),\n render: (job: Job) => job.paymentUnit \|\| '',\n },\n ],\n itemMenu: (job: Job) => (\n <HamburgerMenu\n triggerLabel={t('hamburgerTitle')}\n items={[\n {\n label: t('allCompensations.editCta'),\n icon: <PencilSvg aria-hidden />,\n onClick: () => {\n onEdit(job.uuid)\n },\n },\n ...(!job.primary\n ? [\n {\n label: t('allCompensations.deleteCta'),\n icon: <TrashCanSvg aria-hidden />,\n onClick: () => {\n onDelete(job.uuid)\n },\n },\n ]\n : []),\n ]}\n isLoading={isPending}\n />\n ),\n })\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n <DataView\n data-testid=\"data-view\"\n label={t('allCompensations.tableLabel')}\n {...dataViewProps}\n />\n <ActionsLayout>\n {showAddAnotherJob && (\n <Components.Button variant=\"secondary\" onClick={onAdd} isDisabled={isPending}>\n {t('addAnotherJobCta')}\n </Components.Button>\n )}\n <Components.Button onClick={onContinue} isLoading={isPending}>\n {t('submitCta')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n )\n}\n"],"names":["JobsListPresentation","jobs","primaryFlsaStatus","isPending","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","showAddAnotherJob","FlsaStatus","dataViewProps","useDataView","job","c","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;AA6BO,SAASA,EAAqB;AAAA,EACnC,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAoBX,MAAsBY,EAAW,WAErDC,IAAgBC,EAAY;AAAA,IAChC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOQ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MACaA,EAAI,eAAe,KAAK,OAAKC,EAAE,SAASD,EAAI,uBAAuB,GACnE,SAAS;AAAA,MAC/B;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACQ,MAAa;AACpB,gBAAME,IAAaF,EAAI,eAAe;AAAA,YACpC,CAAAG,MAAQA,EAAK,SAASH,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOE,MAAe,SAAYV,EAAE,oBAAoBU,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOV,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACQ,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcb,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAY,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAlB,EAAOY,EAAI,IAAI;AAAA,YACjB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOR,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAY,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAlB,EAASW,EAAI,IAAI;AAAA,cACnB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWd;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,SACE,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAOlB,EAAE,6BAA6B;AAAA,QACrC,GAAGM;AAAA,MAAA;AAAA,IAAA;AAAA,sBAELa,GAAA,EACE,UAAA;AAAA,MAAAf,KACC,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAAO,YAAYD,GAChE,UAAAM,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAEF,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAASJ,GAAY,WAAWJ,GAChD,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"JobsListPresentation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { ActionsLayout, DataView, Flex, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { FlsaStatus } from '@/shared/constants'\n\n/** @internal /\nexport interface JobsListPresentationProps {\n /* @internal /\n jobs: Job[]\n /* @internal /\n primaryFlsaStatus: string \| undefined\n /* @internal /\n isPending: boolean\n /* @internal /\n onAdd: () => void\n /* @internal /\n onEdit: (jobId: string) => void\n /* @internal /\n onDelete: (jobId: string) => void\n /* @internal /\n onContinue: () => void\n}\n\n/* @internal */\nexport function JobsListPresentation({\n jobs,\n primaryFlsaStatus,\n isPending,\n onAdd,\n onEdit,\n onDelete,\n onContinue,\n}: JobsListPresentationProps) {\n useI18n('Employee.Compensation')\n const { t } = useTranslation('Employee.Compensation')\n const Components = useComponentContext()\n\n const showAddAnotherJob = primaryFlsaStatus === FlsaStatus.NONEXEMPT\n\n const dataViewProps = useDataView({\n data: jobs,\n columns: [\n {\n key: 'title',\n title: t('allCompensations.jobColumn'),\n render: (job: Job) => {\n const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n return currentComp?.title \|\| ''\n },\n },\n {\n key: 'flsaStatus',\n title: t('allCompensations.typeColumn'),\n render: (job: Job) => {\n const flsaStatus = job.compensations?.find(\n comp => comp.uuid === job.currentCompensationUuid,\n )?.flsaStatus\n return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n },\n },\n {\n key: 'rate',\n title: t('allCompensations.amountColumn'),\n justify: 'end',\n render: (job: Job) => job.rate?.toString() \|\| '',\n },\n {\n key: 'paymentUnit',\n title: t('allCompensations.perColumn'),\n render: (job: Job) => job.paymentUnit \|\| '',\n },\n ],\n itemMenu: (job: Job) => (\n <HamburgerMenu\n triggerLabel={t('hamburgerTitle')}\n items={[\n {\n label: t('allCompensations.editCta'),\n icon: <PencilSvg aria-hidden />,\n onClick: () => {\n onEdit(job.uuid)\n },\n },\n ...(!job.primary\n ? [\n {\n label: t('allCompensations.deleteCta'),\n icon: <TrashCanSvg aria-hidden />,\n onClick: () => {\n onDelete(job.uuid)\n },\n },\n ]\n : []),\n ]}\n isLoading={isPending}\n />\n ),\n })\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n <DataView\n data-testid=\"data-view\"\n label={t('allCompensations.tableLabel')}\n {...dataViewProps}\n />\n <ActionsLayout>\n {showAddAnotherJob && (\n <Components.Button variant=\"secondary\" onClick={onAdd} isDisabled={isPending}>\n {t('addAnotherJobCta')}\n </Components.Button>\n )}\n <Components.Button onClick={onContinue} isLoading={isPending}>\n {t('submitCta')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n )\n}\n"],"names":["JobsListPresentation","jobs","primaryFlsaStatus","isPending","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","showAddAnotherJob","FlsaStatus","dataViewProps","useDataView","job","c","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;AA6BO,SAASA,EAAqB;AAAA,EACnC,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAoBX,MAAsBY,EAAW,WAErDC,IAAgBC,EAAY;AAAA,IAChC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOQ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MACaA,EAAI,eAAe,KAAK,OAAKC,EAAE,SAASD,EAAI,uBAAuB,GACnE,SAAS;AAAA,MAC/B;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACQ,MAAa;AACpB,gBAAME,IAAaF,EAAI,eAAe;AAAA,YACpC,CAAAG,MAAQA,EAAK,SAASH,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOE,MAAe,SAAYV,EAAE,oBAAoBU,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOV,EAAE,+BAA+B;AAAA,QACxC,SAAS;AAAA,QACT,QAAQ,CAACQ,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcb,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAY,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAlB,EAAOY,EAAI,IAAI;AAAA,YACjB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOR,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAY,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAlB,EAASW,EAAI,IAAI;AAAA,cACnB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWd;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,SACE,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAOlB,EAAE,6BAA6B;AAAA,QACrC,GAAGM;AAAA,MAAA;AAAA,IAAA;AAAA,sBAELa,GAAA,EACE,UAAA;AAAA,MAAAf,KACC,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAAO,YAAYD,GAChE,UAAAM,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAEF,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAASJ,GAAY,WAAWJ,GAChD,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js CHANGED Viewed

@@ -17,28 +17,28 @@ import G from "../../../../../assets/icons/trashcan.svg.js";
 import R from "../../../../../assets/icons/pencil.svg.js";
 import { useDataView as H } from "../../../../Common/DataView/useDataView.js";
 import { DataView as I } from "../../../../Common/DataView/DataView.js";
-function de({ LoaderComponent: n, ...r }) {
+function de({ LoaderComponent: o, ...r }) {
   return /* @__PURE__ */ i(
     B,
     {
       componentName: "Employee.Management.Deductions",
-      LoaderComponent: n,
-      children: /* @__PURE__ */ i(V, { LoaderComponent: n, ...r })
+      LoaderComponent: o,
+      children: /* @__PURE__ */ i(j, { LoaderComponent: o, ...r })
     }
   );
 }
-function V({ employeeId: n, onEvent: r, LoaderComponent: D }) {
+function j({ employeeId: o, onEvent: r, LoaderComponent: D }) {
   O("Employee.Management.Deductions");
-  const { t: e } = _("Employee.Management.Deductions"), d = w(), p = u("currency"), f = u("percent"), o = A({ employeeId: n }), {
+  const { t: e } = _("Employee.Management.Deductions"), d = w(), p = u("currency"), f = u("percent"), n = A({ employeeId: o }), {
     pendingDeleteDeduction: c,
     setPendingDeleteDeduction: m,
     handleConfirmDelete: g
   } = P(async (t) => {
-    if (o.isLoading) return;
-    const a = await o.actions.onDelete(t);
+    if (n.isLoading) return;
+    const a = await n.actions.onDelete(t);
     a && r(s.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, a.data.garnishment);
-  }), E = o.isLoading && o.errorHandling.errors.length === 0, C = o.isLoading ? [] : o.data.deductions, l = o.isLoading ? void 0 : o.status.deletingGarnishmentUuid, h = () => {
-    r(s.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId: n });
+  }), E = n.isLoading && n.errorHandling.errors.length === 0, C = n.isLoading ? [] : n.data.deductions, l = n.isLoading ? void 0 : n.status.deletingGarnishmentUuid, h = () => {
+    r(s.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId: o });
   }, y = (t) => {
     r(s.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, t);
   }, L = [
@@ -55,6 +55,7 @@ function V({ employeeId: n, onEvent: r, LoaderComponent: D }) {
     {
       key: "amount",
       title: e("columns.withhold"),
+      justify: "end",
       render: (t) => S(t, {
         formatCurrency: p,
         formatPercent: f,
@@ -89,7 +90,7 @@ function V({ employeeId: n, onEvent: r, LoaderComponent: D }) {
     ),
     emptyState: () => /* @__PURE__ */ i(k, { title: e("emptyState.title"), description: e("emptyState.description") })
   });
-  return /* @__PURE__ */ T(U, { error: o.errorHandling.errors, LoaderComponent: D, children: [
+  return /* @__PURE__ */ T(U, { error: n.errorHandling.errors, LoaderComponent: D, children: [
     /* @__PURE__ */ i(
       d.Box,
       {

package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DeductionsCard.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useDeleteDeduction } from '../../shared/useDeleteDeduction'\nimport { DeleteDeductionDialog } from '../../shared/DeleteDeductionDialog'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\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'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\n/*\n Props for {@link DeductionsCard}.\n \n @public\n /\nexport interface DeductionsCardProps {\n /* The associated employee identifier. /\n employeeId: string\n /* Callback invoked when the card emits an event. See the events table on {@link DeductionsCard} for the available event types and payloads. /\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 card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.\n \n @remarks\n * Fetches its own data and owns the delete confirm dialog. Has no alert API — alert rendering is the consumer's responsibility. Add and edit affordances do not open a form themselves; emit-then-route is the contract, so the consumer listens for the `addRequested` / `editRequested` events and renders {@link DeductionsEditForm} (or its own equivalent) accordingly. For an orchestrated card-plus-form flow, use {@link Deductions} instead.\n \n @events\n * \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `employee/management/deductions/card/addRequested` \| Fired when the \"Add deduction\" CTA is clicked \| `{ employeeId: string }` \|\n * \| `employee/management/deductions/card/editRequested` \| Fired when an \"Edit\" CTA is clicked for a deduction \| The matching `Garnishment` \|\n * \| `employee/management/deductions/card/deleted` \| Fired after a deduction is deleted via the confirm dialog \| The deleted `Garnishment` \|\n \n @param props - See {@link DeductionsCardProps}.\n * @returns The rendered deductions card.\n * @public\n */\nexport function DeductionsCard({ LoaderComponent, ...props }: DeductionsCardProps) {\n return (\n <BaseBoundaries\n componentName=\"Employee.Management.Deductions\"\n LoaderComponent={LoaderComponent}\n >\n <DeductionsCardContent LoaderComponent={LoaderComponent} {...props} />\n </BaseBoundaries>\n )\n}\n\nfunction DeductionsCardContent({ employeeId, onEvent, LoaderComponent }: DeductionsCardProps) {\n useI18n('Employee.Management.Deductions')\n const { t } = useTranslation('Employee.Management.Deductions')\n const Components = useComponentContext()\n const formatCurrency = useNumberFormatter('currency')\n const formatPercent = useNumberFormatter('percent')\n\n const deductionsList = useDeductionsList({ employeeId })\n\n const {\n pendingDeleteDeduction,\n setPendingDeleteDeduction,\n handleConfirmDelete: handleConfirmDeleteDeduction,\n } = useDeleteDeduction(async garnishment => {\n if (deductionsList.isLoading) return\n const result = await deductionsList.actions.onDelete(garnishment)\n if (result) {\n onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, result.data.garnishment)\n }\n })\n\n // `useDeductionsList` returns `isLoading: true` even when the query has\n // errored and `data` is missing. Treat those rows as \"not loading\" so the\n // section doesn't show a perpetual skeleton while BaseLayout already\n // renders the error alert.\n const isDeductionsLoading =\n deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n\n const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n const deletingGarnishmentUuid = deductionsList.isLoading\n ? undefined\n : deductionsList.status.deletingGarnishmentUuid\n\n const handleAdd = () => {\n onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId })\n }\n const handleEdit = (garnishment: Garnishment) => {\n onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, garnishment)\n }\n\n const garnishmentsColumns = [\n {\n key: 'description',\n title: t('columns.deduction'),\n render: (garnishment: Garnishment) => garnishment.description \|\| '-',\n },\n {\n key: 'frequency',\n title: t('columns.frequency'),\n render: (garnishment: Garnishment) => (garnishment.recurring ? t('recurring') : t('oneTime')),\n },\n {\n key: 'amount',\n title: t('columns.withhold'),\n render: (garnishment: Garnishment) =>\n formatDeductionAmount(garnishment, {\n formatCurrency,\n formatPercent,\n formatPerPaycheck: (value: string) => t('amountPerPaycheck', { value }),\n }),\n },\n ]\n\n const garnishmentsDataView = useDataView({\n data: deductions,\n columns: garnishmentsColumns,\n itemMenu: (garnishment: Garnishment) => (\n <HamburgerMenu\n isLoading={deletingGarnishmentUuid === garnishment.uuid}\n items={[\n {\n label: t('editCta'),\n onClick: () => {\n handleEdit(garnishment)\n },\n icon: <PencilSvg aria-hidden />,\n },\n {\n label: t('deleteCta'),\n onClick: () => {\n setPendingDeleteDeduction(garnishment)\n },\n icon: <TrashCanSvg aria-hidden />,\n },\n ]}\n triggerLabel={t('hamburgerTitle')}\n />\n ),\n emptyState: () => (\n <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n ),\n })\n\n return (\n <BaseLayout error={deductionsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n <Components.Box\n withPadding={false}\n header={\n <Components.BoxHeader\n title={t('title')}\n action={\n <Components.Button variant=\"secondary\" onClick={handleAdd} icon={<PlusCircleIcon />}>\n {t('addDeductionCta')}\n </Components.Button>\n }\n />\n }\n >\n {isDeductionsLoading ? (\n <Loading />\n ) : (\n <DataView label={t('listLabel')} isWithinBox {...garnishmentsDataView} />\n )}\n </Components.Box>\n\n <DeleteDeductionDialog\n pendingDeleteDeduction={pendingDeleteDeduction}\n isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n onClose={() => {\n setPendingDeleteDeduction(null)\n }}\n onConfirm={() => {\n void handleConfirmDeleteDeduction()\n }}\n title={t('deleteDeductionDialog.title')}\n description={t('deleteDeductionDialog.description', {\n deduction: pendingDeleteDeduction?.description ?? '',\n })}\n confirmLabel={t('deleteDeductionDialog.confirmCta')}\n cancelLabel={t('deleteDeductionDialog.cancelCta')}\n />\n </BaseLayout>\n )\n}\n"],"names":["DeductionsCard","LoaderComponent","props","jsx","BaseBoundaries","DeductionsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductionsList","useDeductionsList","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","result","componentEvents","isDeductionsLoading","deductions","deletingGarnishmentUuid","handleAdd","handleEdit","garnishmentsColumns","formatDeductionAmount","value","garnishmentsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","BaseLayout","PlusCircleIcon","Loading","DataView","DeleteDeductionDialog"],"mappings":"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"}
1	+ {"version":3,"file":"DeductionsCard.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useDeleteDeduction } from '../../shared/useDeleteDeduction'\nimport { DeleteDeductionDialog } from '../../shared/DeleteDeductionDialog'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\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'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\n/*\n Props for {@link DeductionsCard}.\n \n @public\n /\nexport interface DeductionsCardProps {\n /* The associated employee identifier. /\n employeeId: string\n /* Callback invoked when the card emits an event. See the events table on {@link DeductionsCard} for the available event types and payloads. /\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 card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.\n \n @remarks\n * Fetches its own data and owns the delete confirm dialog. Has no alert API — alert rendering is the consumer's responsibility. Add and edit affordances do not open a form themselves; emit-then-route is the contract, so the consumer listens for the `addRequested` / `editRequested` events and renders {@link DeductionsEditForm} (or its own equivalent) accordingly. For an orchestrated card-plus-form flow, use {@link Deductions} instead.\n \n @events\n * \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `employee/management/deductions/card/addRequested` \| Fired when the \"Add deduction\" CTA is clicked \| `{ employeeId: string }` \|\n * \| `employee/management/deductions/card/editRequested` \| Fired when an \"Edit\" CTA is clicked for a deduction \| The matching `Garnishment` \|\n * \| `employee/management/deductions/card/deleted` \| Fired after a deduction is deleted via the confirm dialog \| The deleted `Garnishment` \|\n \n @param props - See {@link DeductionsCardProps}.\n * @returns The rendered deductions card.\n * @public\n */\nexport function DeductionsCard({ LoaderComponent, ...props }: DeductionsCardProps) {\n return (\n <BaseBoundaries\n componentName=\"Employee.Management.Deductions\"\n LoaderComponent={LoaderComponent}\n >\n <DeductionsCardContent LoaderComponent={LoaderComponent} {...props} />\n </BaseBoundaries>\n )\n}\n\nfunction DeductionsCardContent({ employeeId, onEvent, LoaderComponent }: DeductionsCardProps) {\n useI18n('Employee.Management.Deductions')\n const { t } = useTranslation('Employee.Management.Deductions')\n const Components = useComponentContext()\n const formatCurrency = useNumberFormatter('currency')\n const formatPercent = useNumberFormatter('percent')\n\n const deductionsList = useDeductionsList({ employeeId })\n\n const {\n pendingDeleteDeduction,\n setPendingDeleteDeduction,\n handleConfirmDelete: handleConfirmDeleteDeduction,\n } = useDeleteDeduction(async garnishment => {\n if (deductionsList.isLoading) return\n const result = await deductionsList.actions.onDelete(garnishment)\n if (result) {\n onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, result.data.garnishment)\n }\n })\n\n // `useDeductionsList` returns `isLoading: true` even when the query has\n // errored and `data` is missing. Treat those rows as \"not loading\" so the\n // section doesn't show a perpetual skeleton while BaseLayout already\n // renders the error alert.\n const isDeductionsLoading =\n deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n\n const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n const deletingGarnishmentUuid = deductionsList.isLoading\n ? undefined\n : deductionsList.status.deletingGarnishmentUuid\n\n const handleAdd = () => {\n onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId })\n }\n const handleEdit = (garnishment: Garnishment) => {\n onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, garnishment)\n }\n\n const garnishmentsColumns = [\n {\n key: 'description',\n title: t('columns.deduction'),\n render: (garnishment: Garnishment) => garnishment.description \|\| '-',\n },\n {\n key: 'frequency',\n title: t('columns.frequency'),\n render: (garnishment: Garnishment) => (garnishment.recurring ? t('recurring') : t('oneTime')),\n },\n {\n key: 'amount',\n title: t('columns.withhold'),\n justify: 'end' as const,\n render: (garnishment: Garnishment) =>\n formatDeductionAmount(garnishment, {\n formatCurrency,\n formatPercent,\n formatPerPaycheck: (value: string) => t('amountPerPaycheck', { value }),\n }),\n },\n ]\n\n const garnishmentsDataView = useDataView({\n data: deductions,\n columns: garnishmentsColumns,\n itemMenu: (garnishment: Garnishment) => (\n <HamburgerMenu\n isLoading={deletingGarnishmentUuid === garnishment.uuid}\n items={[\n {\n label: t('editCta'),\n onClick: () => {\n handleEdit(garnishment)\n },\n icon: <PencilSvg aria-hidden />,\n },\n {\n label: t('deleteCta'),\n onClick: () => {\n setPendingDeleteDeduction(garnishment)\n },\n icon: <TrashCanSvg aria-hidden />,\n },\n ]}\n triggerLabel={t('hamburgerTitle')}\n />\n ),\n emptyState: () => (\n <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n ),\n })\n\n return (\n <BaseLayout error={deductionsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n <Components.Box\n withPadding={false}\n header={\n <Components.BoxHeader\n title={t('title')}\n action={\n <Components.Button variant=\"secondary\" onClick={handleAdd} icon={<PlusCircleIcon />}>\n {t('addDeductionCta')}\n </Components.Button>\n }\n />\n }\n >\n {isDeductionsLoading ? (\n <Loading />\n ) : (\n <DataView label={t('listLabel')} isWithinBox {...garnishmentsDataView} />\n )}\n </Components.Box>\n\n <DeleteDeductionDialog\n pendingDeleteDeduction={pendingDeleteDeduction}\n isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n onClose={() => {\n setPendingDeleteDeduction(null)\n }}\n onConfirm={() => {\n void handleConfirmDeleteDeduction()\n }}\n title={t('deleteDeductionDialog.title')}\n description={t('deleteDeductionDialog.description', {\n deduction: pendingDeleteDeduction?.description ?? '',\n })}\n confirmLabel={t('deleteDeductionDialog.confirmCta')}\n cancelLabel={t('deleteDeductionDialog.cancelCta')}\n />\n </BaseLayout>\n )\n}\n"],"names":["DeductionsCard","LoaderComponent","props","jsx","BaseBoundaries","DeductionsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductionsList","useDeductionsList","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","result","componentEvents","isDeductionsLoading","deductions","deletingGarnishmentUuid","handleAdd","handleEdit","garnishmentsColumns","formatDeductionAmount","value","garnishmentsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","BaseLayout","PlusCircleIcon","Loading","DataView","DeleteDeductionDialog"],"mappings":";;;;;;;;;;;;;;;;;;;AAkDO,SAASA,GAAe,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,GACvDC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAC9CC,IAAgBD,EAAmB,SAAS,GAE5CE,IAAiBC,EAAkB,EAAE,YAAAX,GAAY,GAEjD;AAAA,IACJ,wBAAAY;AAAA,IACA,2BAAAC;AAAA,IACA,qBAAqBC;AAAA,EAAA,IACnBC,EAAmB,OAAMC,MAAe;AAC1C,QAAIN,EAAe,UAAW;AAC9B,UAAMO,IAAS,MAAMP,EAAe,QAAQ,SAASM,CAAW;AAChE,IAAIC,KACFhB,EAAQiB,EAAgB,6CAA6CD,EAAO,KAAK,WAAW;AAAA,EAEhG,CAAC,GAMKE,IACJT,EAAe,aAAaA,EAAe,cAAc,OAAO,WAAW,GAEvEU,IAAaV,EAAe,YAAY,CAAA,IAAKA,EAAe,KAAK,YACjEW,IAA0BX,EAAe,YAC3C,SACAA,EAAe,OAAO,yBAEpBY,IAAY,MAAM;AACtB,IAAArB,EAAQiB,EAAgB,mDAAmD,EAAE,YAAAlB,EAAA,CAAY;AAAA,EAC3F,GACMuB,IAAa,CAACP,MAA6B;AAC/C,IAAAf,EAAQiB,EAAgB,oDAAoDF,CAAW;AAAA,EACzF,GAEMQ,IAAsB;AAAA,IAC1B;AAAA,MACE,KAAK;AAAA,MACL,OAAOrB,EAAE,mBAAmB;AAAA,MAC5B,QAAQ,CAACa,MAA6BA,EAAY,eAAe;AAAA,IAAA;AAAA,IAEnE;AAAA,MACE,KAAK;AAAA,MACL,OAAOb,EAAE,mBAAmB;AAAA,MAC5B,QAAQ,CAACa,MAA8BA,EAAY,YAAYb,EAAE,WAAW,IAAIA,EAAE,SAAS;AAAA,IAAA;AAAA,IAE7F;AAAA,MACE,KAAK;AAAA,MACL,OAAOA,EAAE,kBAAkB;AAAA,MAC3B,SAAS;AAAA,MACT,QAAQ,CAACa,MACPS,EAAsBT,GAAa;AAAA,QACjC,gBAAAT;AAAA,QACA,eAAAE;AAAA,QACA,mBAAmB,CAACiB,MAAkBvB,EAAE,qBAAqB,EAAE,OAAAuB,GAAO;AAAA,MAAA,CACvE;AAAA,IAAA;AAAA,EACL,GAGIC,IAAuBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAASI;AAAA,IACT,UAAU,CAACR,MACT,gBAAAnB;AAAA,MAACgC;AAAA,MAAA;AAAA,QACC,WAAWR,MAA4BL,EAAY;AAAA,QACnD,OAAO;AAAA,UACL;AAAA,YACE,OAAOb,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAoB,EAAWP,CAAW;AAAA,YACxB;AAAA,YACA,MAAM,gBAAAnB,EAACiC,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,UAE/B;AAAA,YACE,OAAO3B,EAAE,WAAW;AAAA,YACpB,SAAS,MAAM;AACb,cAAAU,EAA0BG,CAAW;AAAA,YACvC;AAAA,YACA,MAAM,gBAAAnB,EAACkC,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,QAEF,cAAc5B,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpC,YAAY,MACV,gBAAAN,EAACmC,GAAA,EAAU,OAAO7B,EAAE,kBAAkB,GAAG,aAAaA,EAAE,wBAAwB,EAAA,CAAG;AAAA,EAAA,CAEtF;AAED,2BACG8B,GAAA,EAAW,OAAOvB,EAAe,cAAc,QAAQ,iBAAAf,GACtD,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACQ,EAAW;AAAA,MAAX;AAAA,QACC,aAAa;AAAA,QACb,QACE,gBAAAR;AAAA,UAACQ,EAAW;AAAA,UAAX;AAAA,YACC,OAAOF,EAAE,OAAO;AAAA,YAChB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASiB,GAAW,MAAM,gBAAAzB,EAACqC,GAAA,CAAA,CAAe,GAC9E,UAAA/B,EAAE,iBAAiB,EAAA,CACtB;AAAA,UAAA;AAAA,QAAA;AAAA,QAKL,UAAAgB,IACC,gBAAAtB,EAACsC,GAAA,CAAA,CAAQ,IAET,gBAAAtC,EAACuC,GAAA,EAAS,OAAOjC,EAAE,WAAW,GAAG,aAAW,IAAE,GAAGwB,EAAA,CAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,IAI3E,gBAAA9B;AAAA,MAACwC;AAAA,MAAA;AAAA,QACC,wBAAAzB;AAAA,QACA,wBAAwBS,MAA4BT,GAAwB;AAAA,QAC5E,SAAS,MAAM;AACb,UAAAC,EAA0B,IAAI;AAAA,QAChC;AAAA,QACA,WAAW,MAAM;AACf,UAAKC,EAAA;AAAA,QACP;AAAA,QACA,OAAOX,EAAE,6BAA6B;AAAA,QACtC,aAAaA,EAAE,qCAAqC;AAAA,UAClD,WAAWS,GAAwB,eAAe;AAAA,QAAA,CACnD;AAAA,QACD,cAAcT,EAAE,kCAAkC;AAAA,QAClD,aAAaA,EAAE,iCAAiC;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GACF;AAEJ;"}

package/dist/components/Employee/Deductions/onboarding/DeductionsList/DeductionsList.js CHANGED Viewed

@@ -12,7 +12,7 @@ import { useComponentContext as w } from "../../../../../contexts/ComponentAdapt
 import { useI18n as B } from "../../../../../i18n/I18n.js";
 import l from "../../../../../assets/icons/plus-circle.svg.js";
 import { useDataView as V } from "../../../../Common/DataView/useDataView.js";
-import { DataView as A } from "../../../../Common/DataView/DataView.js";
+import { DataView as j } from "../../../../Common/DataView/DataView.js";
 function U({
   className: s,
   deductionsList: i,
@@ -22,7 +22,7 @@ function U({
   onContinue: f
 }) {
   B("Employee.Deductions");
-  const { t } = k("Employee.Deductions"), r = w(), g = u("currency"), h = u("percent"), { deductions: a } = i.data, y = i.status.isPending, C = a.length === 0, { ...D } = V({
+  const { t } = k("Employee.Deductions"), r = w(), y = u("currency"), g = u("percent"), { deductions: a } = i.data, h = i.status.isPending, C = a.length === 0, { ...D } = V({
     data: a,
     columns: [
       {
@@ -37,9 +37,10 @@ function U({
       {
         key: "amount",
         title: t("withheldColumn"),
+        justify: "end",
         render: (n) => b(n, {
-          formatCurrency: g,
-          formatPercent: h,
+          formatCurrency: y,
+          formatPercent: g,
           formatPerPaycheck: (x) => t("recurringAmount", { value: x })
         })
       }
@@ -51,7 +52,7 @@ function U({
     itemMenu: (n) => /* @__PURE__ */ e(
       v,
       {
-        isLoading: y,
+        isLoading: h,
         items: [
           {
             label: t("editCta"),
@@ -76,7 +77,7 @@ function U({
       /* @__PURE__ */ e(r.Heading, { as: "h2", children: t("pageTitle") }),
       /* @__PURE__ */ e(r.Text, { variant: "supporting", children: t("includeDeductionsDescriptionV2") })
     ] }),
-    /* @__PURE__ */ e(A, { label: t("deductionsTableLabel"), ...D }),
+    /* @__PURE__ */ e(j, { label: t("deductionsTableLabel"), ...D }),
     /* @__PURE__ */ o(T, { children: [
       !C && /* @__PURE__ */ o(r.Button, { variant: "secondary", onClick: c, children: [
         /* @__PURE__ */ e(l, {}),