@gusto/embedded-react-sdk 0.57.1 → 0.57.3

package/dist/components/Contractor/NewHireReport/NewHireReport.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => v),\n    state: z.string().min(1),\n  }),\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => !v),\n  }),\n])\n\ntype NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\n/**\n * Collects new hire reporting information for a contractor and persists it to the contractor record.\n *\n * Asks whether a new hire report should be filed and, when the answer is yes, captures the\n * work state used for filing. Submitting writes both values back to the contractor.\n *\n * @remarks\n * Set `selfOnboarding` to `true` when this component is rendered as part of the contractor's\n * own self-onboarding flow rather than admin onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/newHireReport/updated` | Fired when the new hire report is saved | The API response object; access the updated contractor at `.contractor` |\n * | `contractor/newHireReport/done` | Fired after the new hire report step completes | — |\n *\n * @param props - Component configuration; see {@link NewHireReportProps}.\n * @returns The rendered new hire report form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function NewHireReportStep() {\n *   return (\n *     <ContractorOnboarding.NewHireReport\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function NewHireReport(props: NewHireReportProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary, selfOnboarding = false }: NewHireReportProps) {\n  useComponentDictionary('Contractor.NewHireReport', dictionary)\n  useI18n('Contractor.NewHireReport')\n  const { t } = useTranslation('Contractor.NewHireReport')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractorDetails = contractor!\n\n  const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n    useContractorsUpdateMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      fileNewHireReport: contractorDetails.fileNewHireReport || false,\n      state: contractorDetails.workState || null,\n    }),\n    [contractorDetails],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(NewHireReportSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n  const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const contractorResponse = await updateContractor({\n        request: {\n          contractorUuid: contractorId,\n          contractorUpdateRequestBody: {\n            type: contractorDetails.type,\n            selfOnboarding: selfOnboarding,\n            fileNewHireReport: payload.fileNewHireReport,\n            workState: 'state' in payload ? payload.state : null,\n            version: contractorDetails.version!,\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection=\"column\" alignItems=\"stretch\">\n            <header>\n              <Flex flexDirection=\"column\" gap={4}>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n              </Flex>\n            </header>\n            <RadioGroupField\n              name=\"fileNewHireReport\"\n              label={t('doFileLegend')}\n              shouldVisuallyHideLabel\n              options={[\n                {\n                  value: true,\n                  label: t('yesOption'),\n                },\n                {\n                  value: false,\n                  label: t('noOption'),\n                },\n              ]}\n            />\n            {watchedDoFile && (\n              <SelectField\n                name=\"state\"\n                options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                  label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                  value: stateAbbr,\n                }))}\n                label={t('stateSelectionLabel')}\n                placeholder={t('statePlaceholder')}\n                errorMessage={t('validations.state')}\n                isRequired\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={updateContractorPending}\n              >\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","selfOnboarding","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => v),\n    state: z.string().min(1),\n  }),\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => !v),\n  }),\n])\n\ntype NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\n/**\n * Collects new hire reporting information for a contractor and persists it to the contractor record.\n *\n * Asks whether a new hire report should be filed and, when the answer is yes, captures the\n * work state used for filing. Submitting writes both values back to the contractor.\n *\n * @remarks\n * Set `selfOnboarding` to `true` when this component is rendered as part of the contractor's\n * own self-onboarding flow rather than admin onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/newHireReport/updated` | Fired when the new hire report is saved | The API response object; access the updated contractor at `.contractor` |\n * | `contractor/newHireReport/done` | Fired after the new hire report step completes | — |\n *\n * @param props - Component configuration; see {@link NewHireReportProps}.\n * @returns The rendered new hire report form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function NewHireReportStep() {\n *   return (\n *     <ContractorOnboarding.NewHireReport\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function NewHireReport(props: NewHireReportProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary, selfOnboarding = false }: NewHireReportProps) {\n  useComponentDictionary('Contractor.NewHireReport', dictionary)\n  useI18n('Contractor.NewHireReport')\n  const { t } = useTranslation('Contractor.NewHireReport')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { contractorShow: contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractorDetails = contractor!\n\n  const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n    useContractorsUpdateMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      fileNewHireReport: contractorDetails.fileNewHireReport || false,\n      state: contractorDetails.workState || null,\n    }),\n    [contractorDetails],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(NewHireReportSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n  const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const contractorResponse = await updateContractor({\n        request: {\n          contractorUuid: contractorId,\n          contractorUpdateRequestBody: {\n            type: contractorDetails.type,\n            selfOnboarding: selfOnboarding,\n            fileNewHireReport: payload.fileNewHireReport,\n            workState: 'state' in payload ? payload.state : null,\n            version: contractorDetails.version!,\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection=\"column\" alignItems=\"stretch\">\n            <header>\n              <Flex flexDirection=\"column\" gap={4}>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n              </Flex>\n            </header>\n            <RadioGroupField\n              name=\"fileNewHireReport\"\n              label={t('doFileLegend')}\n              shouldVisuallyHideLabel\n              options={[\n                {\n                  value: true,\n                  label: t('yesOption'),\n                },\n                {\n                  value: false,\n                  label: t('noOption'),\n                },\n              ]}\n            />\n            {watchedDoFile && (\n              <SelectField\n                name=\"state\"\n                options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                  label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                  value: stateAbbr,\n                }))}\n                label={t('stateSelectionLabel')}\n                placeholder={t('statePlaceholder')}\n                errorMessage={t('validations.state')}\n                isRequired\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={updateContractorPending}\n              >\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","selfOnboarding","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js

@@ -1,8 +1,6 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { useTranslation as f } from "react-i18next";
 import { useContractorBankAccountForm as C } from "../useContractorBankAccountForm/useContractorBankAccountForm.js";
-import "classnames";
-import "../../../../../shared/constants.js";
 import { ActionsLayout as B } from "../../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as k } from "../../../../Common/Form/Form.js";
 import { BaseLayout as m } from "../../../../Base/Base.js";
@@ -11,16 +9,16 @@ import { SDKFormProvider as F } from "../../../../../partner-hook-utils/form/SDK
 import { useI18n as A, useComponentDictionary as h } from "../../../../../i18n/I18n.js";
 import { useComponentContext as y } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ContractorBankAccountFields as b } from "../ContractorBankAccountFields/ContractorBankAccountFields.js";
-function T({
+function K({
   contractorId: u,
   dictionary: t,
   onSaved: d,
   onCancel: n,
   LoaderComponent: i,
-  ...p
+  ...l
 }) {
   A("Contractor.BankAccountFields"), h("Contractor.BankAccountFields", t);
-  const o = C({ contractorId: u, ...p }), { t: c } = f("Contractor.BankAccountFields"), e = y();
+  const o = C({ contractorId: u, ...l }), { t: c } = f("Contractor.BankAccountFields"), e = y();
   if (o.isLoading)
     return /* @__PURE__ */ r(
       m,
@@ -30,11 +28,11 @@ function T({
         LoaderComponent: i
       }
     );
-  const l = async () => {
+  const p = async () => {
     const a = await o.actions.onSubmit();
     a && d(a.data);
   };
-  return /* @__PURE__ */ r(m, { error: o.errorHandling.errors, LoaderComponent: i, children: /* @__PURE__ */ r(F, { formHookResult: o, children: /* @__PURE__ */ s(k, { onSubmit: l, children: [
+  return /* @__PURE__ */ r(m, { error: o.errorHandling.errors, LoaderComponent: i, children: /* @__PURE__ */ r(F, { formHookResult: o, children: /* @__PURE__ */ s(k, { onSubmit: p, children: [
     /* @__PURE__ */ r(b, { bankAccountForm: o, dictionary: t }),
     /* @__PURE__ */ s(B, { children: [
       n && /* @__PURE__ */ r(e.Button, { variant: "secondary", type: "button", onClick: n, children: c("cancelCta") }),
@@ -43,6 +41,6 @@ function T({
   ] }) }) });
 }
 export {
-  T as ContractorBankAccountFormBody
+  K as ContractorBankAccountFormBody
 };
 //# sourceMappingURL=ContractorBankAccountFormBody.js.map

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContractorBankAccountFormBody.js","sources":["../../../../../../src/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorBankAccount } from '@gusto/embedded-api/models/components/contractorbankaccount'\nimport { useContractorBankAccountForm } from '../useContractorBankAccountForm'\nimport type { UseContractorBankAccountFormProps } from '../useContractorBankAccountForm'\nimport {\n  ContractorBankAccountFields,\n  type ContractorBankAccountFieldsDictionary,\n} from '../ContractorBankAccountFields'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/** @internal */\nexport interface ContractorBankAccountFormBodyProps extends Omit<\n  UseContractorBankAccountFormProps,\n  'contractorId'\n> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /**\n   * Translation overrides for the form's strings. Each consuming surface\n   * passes the dictionary it resolved from its own namespace so a partner\n   * override on one surface doesn't leak into the other.\n   */\n  dictionary?: ContractorBankAccountFieldsDictionary\n  /** Called with the created bank account after a successful submit. */\n  onSaved: (bankAccount: ContractorBankAccount) => void\n  onCancel?: () => void\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 * Shared bank-account form body. Owns the `useContractorBankAccountForm`\n * composition, the shared field set, and the submit/cancel actions. Reads\n * its copy from the internal `Contractor.BankAccountFields` namespace;\n * consuming surfaces inject their own copy via the `dictionary` prop and map\n * the `onSaved`/`onCancel` callbacks onto their surface-specific events.\n *\n * @internal\n */\nexport function ContractorBankAccountFormBody({\n  contractorId,\n  dictionary,\n  onSaved,\n  onCancel,\n  LoaderComponent,\n  ...hookProps\n}: ContractorBankAccountFormBodyProps) {\n  useI18n('Contractor.BankAccountFields')\n  useComponentDictionary('Contractor.BankAccountFields', dictionary)\n  const bankAccountForm = useContractorBankAccountForm({ contractorId, ...hookProps })\n  const { t } = useTranslation('Contractor.BankAccountFields')\n  const Components = useComponentContext()\n\n  if (bankAccountForm.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={bankAccountForm.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={bankAccountForm.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <SDKFormProvider formHookResult={bankAccountForm}>\n        <Form onSubmit={handleSubmit}>\n          <ContractorBankAccountFields bankAccountForm={bankAccountForm} dictionary={dictionary} />\n          <ActionsLayout>\n            {onCancel && (\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n            )}\n            <Components.Button type=\"submit\" isLoading={bankAccountForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["ContractorBankAccountFormBody","contractorId","dictionary","onSaved","onCancel","LoaderComponent","hookProps","useI18n","useComponentDictionary","bankAccountForm","useContractorBankAccountForm","t","useTranslation","Components","useComponentContext","jsx","BaseLayout","handleSubmit","result","SDKFormProvider","jsxs","Form","ContractorBankAccountFields","ActionsLayout"],"mappings":";;;;;;;;;;;;;AA6CO,SAASA,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,EAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCN,CAAU;AACjE,QAAMO,IAAkBC,EAA6B,EAAE,cAAAT,GAAc,GAAGK,GAAW,GAC7E,EAAE,GAAAK,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,MAAIL,EAAgB;AAClB,WACE,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOP,EAAgB,cAAc;AAAA,QACrC,iBAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMY,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMT,EAAgB,QAAQ,SAAA;AAC7C,IAAIS,KACFf,EAAQe,EAAO,IAAI;AAAA,EAEvB;AAEA,SACE,gBAAAH,EAACC,GAAA,EAAW,OAAOP,EAAgB,cAAc,QAAQ,iBAAAJ,GACvD,UAAA,gBAAAU,EAACI,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,GAAA,EAAK,UAAUJ,GACd,UAAA;AAAA,IAAA,gBAAAF,EAACO,GAAA,EAA4B,iBAAAb,GAAkC,YAAAP,EAAA,CAAwB;AAAA,sBACtFqB,GAAA,EACE,UAAA;AAAA,MAAAnB,KACC,gBAAAW,EAACF,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,WAAW,EAAA,CAChB;AAAA,MAEF,gBAAAI,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,EAAgB,OAAO,WAChE,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"ContractorBankAccountFormBody.js","sources":["../../../../../../src/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorBankAccount } from '@gusto/embedded-api/models/components/contractorbankaccount'\nimport { useContractorBankAccountForm } from '../useContractorBankAccountForm'\nimport type { UseContractorBankAccountFormProps } from '../useContractorBankAccountForm'\nimport {\n  ContractorBankAccountFields,\n  type ContractorBankAccountFieldsDictionary,\n} from '../ContractorBankAccountFields'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/** @internal */\nexport interface ContractorBankAccountFormBodyProps extends Omit<\n  UseContractorBankAccountFormProps,\n  'contractorId'\n> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /**\n   * Translation overrides for the form's strings. Each consuming surface\n   * passes the dictionary it resolved from its own namespace so a partner\n   * override on one surface doesn't leak into the other.\n   */\n  dictionary?: ContractorBankAccountFieldsDictionary\n  /** Called with the created bank account after a successful submit. */\n  onSaved: (bankAccount: ContractorBankAccount) => void\n  onCancel?: () => void\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 * Shared bank-account form body. Owns the `useContractorBankAccountForm`\n * composition, the shared field set, and the submit/cancel actions. Reads\n * its copy from the internal `Contractor.BankAccountFields` namespace;\n * consuming surfaces inject their own copy via the `dictionary` prop and map\n * the `onSaved`/`onCancel` callbacks onto their surface-specific events.\n *\n * @internal\n */\nexport function ContractorBankAccountFormBody({\n  contractorId,\n  dictionary,\n  onSaved,\n  onCancel,\n  LoaderComponent,\n  ...hookProps\n}: ContractorBankAccountFormBodyProps) {\n  useI18n('Contractor.BankAccountFields')\n  useComponentDictionary('Contractor.BankAccountFields', dictionary)\n  const bankAccountForm = useContractorBankAccountForm({ contractorId, ...hookProps })\n  const { t } = useTranslation('Contractor.BankAccountFields')\n  const Components = useComponentContext()\n\n  if (bankAccountForm.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={bankAccountForm.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={bankAccountForm.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <SDKFormProvider formHookResult={bankAccountForm}>\n        <Form onSubmit={handleSubmit}>\n          <ContractorBankAccountFields bankAccountForm={bankAccountForm} dictionary={dictionary} />\n          <ActionsLayout>\n            {onCancel && (\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n            )}\n            <Components.Button type=\"submit\" isLoading={bankAccountForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["ContractorBankAccountFormBody","contractorId","dictionary","onSaved","onCancel","LoaderComponent","hookProps","useI18n","useComponentDictionary","bankAccountForm","useContractorBankAccountForm","t","useTranslation","Components","useComponentContext","jsx","BaseLayout","handleSubmit","result","SDKFormProvider","jsxs","Form","ContractorBankAccountFields","ActionsLayout"],"mappings":";;;;;;;;;;;AA6CO,SAASA,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,EAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCN,CAAU;AACjE,QAAMO,IAAkBC,EAA6B,EAAE,cAAAT,GAAc,GAAGK,GAAW,GAC7E,EAAE,GAAAK,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,MAAIL,EAAgB;AAClB,WACE,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOP,EAAgB,cAAc;AAAA,QACrC,iBAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMY,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMT,EAAgB,QAAQ,SAAA;AAC7C,IAAIS,KACFf,EAAQe,EAAO,IAAI;AAAA,EAEvB;AAEA,SACE,gBAAAH,EAACC,GAAA,EAAW,OAAOP,EAAgB,cAAc,QAAQ,iBAAAJ,GACvD,UAAA,gBAAAU,EAACI,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,GAAA,EAAK,UAAUJ,GACd,UAAA;AAAA,IAAA,gBAAAF,EAACO,GAAA,EAA4B,iBAAAb,GAAkC,YAAAP,EAAA,CAAwB;AAAA,sBACtFqB,GAAA,EACE,UAAA;AAAA,MAAAnB,KACC,gBAAAW,EAACF,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,WAAW,EAAA,CAChB;AAAA,MAEF,gBAAAI,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,EAAgB,OAAO,WAChE,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.js

@@ -90,7 +90,7 @@ function yt({
   preservedContractorPayments: E,
   onBack: H
 }) {
-  const { t: o } = O("Contractor.Payments.CreateHistoricalPayment"), { Heading: g, Text: u, Button: p, Alert: a } = B(), { baseSubmitHandler: v } = ot(), { formatLongWithYear: h } = ct(), _ = Z(), P = $(), { data: A } = K({ companyUuid: l }), f = (A.contractors ?? []).filter(
+  const { t: o } = O("Contractor.Payments.CreateHistoricalPayment"), { Heading: g, Text: u, Button: p, Alert: a } = B(), { baseSubmitHandler: v } = ot(), { formatLongWithYear: h } = ct(), _ = Z(), P = $(), { data: A } = K({ companyUuid: l }), f = (A.showContractors ?? []).filter(
     (n) => C.includes(n.uuid)
   ), { virtualContractorPayments: D, totals: i, editModal: w } = Q({
     contractors: f,

package/dist/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateHistoricalPayment.js","sources":["../../../../../src/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n  usePaymentAmountsEditor,\n  type VirtualContractorPayment,\n} from '../shared/usePaymentAmountsEditor'\nimport { SetPaymentAmounts } from '../shared/SetPaymentAmounts'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { getHistoricalPaymentCheckDateBounds } from '../shared/historicalPaymentDateBounds'\nimport {\n  useCreateHistoricalPaymentDictionary,\n  useCreateHistoricalPaymentReviewDictionary,\n} from './useFormDictionary'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents } from '@/shared/constants'\nimport { SelectContractors } from '@/components/Contractor/shared/SelectContractors/SelectContractors'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Historical Payment']\n\n/**\n * Props for {@link CreateHistoricalPayment}.\n *\n * @alpha\n */\nexport interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Contractor.Payments.CreateHistoricalPayment'> {\n  /** UUID of the company recording the historical payment. */\n  companyId: string\n}\n\n/**\n * Records a historical contractor payment — one that already happened outside Gusto and does not\n * move money — by picking a paid date and the contractors being paid, entering hours, wages,\n * bonuses, and reimbursements for them, then reviewing and submitting.\n *\n * @remarks\n * Every contractor payment is fixed to the `Historical Payment` payment method, so there is no\n * payment method choice or debit information to review.\n * Continue on the contractor-selection step is disabled until the paid date is valid and at least\n * one contractor is selected. Continue on the amounts step is disabled until at least one selected\n * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place\n * review (mirroring `CreatePayment`'s preview step); Back returns to the grid without losing\n * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the\n * Back and Submit buttons are replaced with a success message, since the creation token has been\n * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).\n * The amounts step also has its own Back button, returning to contractor selection without losing\n * the selected paid date, contractors, or any amounts already entered.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/historicalPayments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/historicalPayments/created` | The payment group was successfully created. | The created contractor payment group response. |\n *\n * @param props - See {@link CreateHistoricalPaymentProps}.\n * @returns The rendered contractor-selection screen, the payment-amounts entry screen, or its\n * in-place review.\n * @alpha\n */\nexport function CreateHistoricalPayment(props: CreateHistoricalPaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreateHistoricalPayment\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface ContractorSelection {\n  contractorIds: string[]\n  checkDate: string\n}\n\nfunction Root({ companyId, dictionary, onEvent, className }: CreateHistoricalPaymentProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.CreateHistoricalPayment')\n  useComponentDictionary('Contractor.Payments.CreateHistoricalPayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, DatePicker } = useComponentContext()\n\n  const { minDate, maxDate } = useMemo(() => getHistoricalPaymentCheckDateBounds(), [])\n  const [checkDate, setCheckDate] = useState<Date | null>(null)\n  const [selectedIds, setSelectedIds] = useState<string[]>([])\n  const [selection, setSelection] = useState<ContractorSelection | null>(null)\n  const [savedContractorPayments, setSavedContractorPayments] = useState<\n    VirtualContractorPayment[] | undefined\n  >(undefined)\n\n  let dateError: string | null = null\n  if (checkDate !== null && checkDate > maxDate) {\n    dateError = t('select.dateInFutureError')\n  } else if (checkDate !== null && checkDate < minDate) {\n    dateError = t('select.dateTooEarlyError', {\n      year: checkDate.getFullYear(),\n      allowedYear: minDate.getFullYear(),\n    })\n  }\n\n  const canContinue = selectedIds.length > 0 && checkDate !== null && dateError === null\n\n  const handleContinue = () => {\n    if (!canContinue) return\n    const checkDateString = formatDateToStringDate(checkDate)\n    if (!checkDateString) return\n    setSelection({ contractorIds: selectedIds, checkDate: checkDateString })\n  }\n\n  if (!selection) {\n    return (\n      <Flex className={className} flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('select.heading')}</Heading>\n          <Text variant=\"supporting\">{t('select.subtitle')}</Text>\n        </Flex>\n\n        <DatePicker\n          label={t('select.dateLabel')}\n          isRequired\n          value={checkDate}\n          onChange={setCheckDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          isInvalid={dateError !== null}\n          errorMessage={dateError ?? undefined}\n        />\n\n        <SelectContractors\n          companyId={companyId}\n          onSelectionChange={setSelectedIds}\n          initialSelectedIds={selectedIds}\n        />\n\n        <ActionsLayout>\n          <Button onClick={handleContinue} variant=\"primary\" isDisabled={!canContinue}>\n            {t('select.continueButton')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    )\n  }\n\n  return (\n    <AmountsAndReview\n      className={className}\n      companyId={companyId}\n      contractorIds={selection.contractorIds}\n      checkDate={selection.checkDate}\n      onEvent={onEvent}\n      preservedContractorPayments={savedContractorPayments}\n      onBack={payments => {\n        setSavedContractorPayments(payments)\n        setSelection(null)\n      }}\n    />\n  )\n}\n\ninterface AmountsAndReviewProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  companyId: string\n  contractorIds: string[]\n  checkDate: string\n  onEvent: CreateHistoricalPaymentProps['onEvent']\n  preservedContractorPayments?: VirtualContractorPayment[]\n  onBack: (payments: VirtualContractorPayment[]) => void\n}\n\nfunction AmountsAndReview({\n  className,\n  companyId,\n  contractorIds,\n  checkDate,\n  onEvent,\n  preservedContractorPayments,\n  onBack,\n}: AmountsAndReviewProps) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const { formatLongWithYear } = useDateFormatter()\n  const paymentAmountsDictionary = useCreateHistoricalPaymentDictionary()\n  const reviewDictionary = useCreateHistoricalPaymentReviewDictionary()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors ?? []).filter(contractor =>\n    contractorIds.includes(contractor.uuid),\n  )\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n    preservedContractorPayments,\n    onEditOpen: () => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const canContinue = totals.total > 0\n\n  const { mutateAsync: previewContractorPaymentGroup, isPending: isPreviewing } =\n    useContractorPaymentGroupsPreviewMutation()\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreating } =\n    useContractorPaymentGroupsCreateMutation()\n\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [isCreated, setIsCreated] = useState(false)\n\n  const touchedContractorPayments = () =>\n    virtualContractorPayments\n      .filter(payment => payment.isTouched)\n      .map(({ isTouched: _isTouched, ...rest }) => rest)\n\n  const handleContinue = async () => {\n    if (!canContinue) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await previewContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n      setPreviewData(response.contractorPaymentGroupPreview || null)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,\n        response.contractorPaymentGroupPreview,\n      )\n    })\n  }\n\n  const handleBackToEdit = () => {\n    setPreviewData(null)\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT)\n  }\n\n  const handleSubmit = async () => {\n    const creationToken = previewData?.creationToken\n    if (!creationToken || isCreated) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            creationToken,\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n\n      if (!response.contractorPaymentGroup) return\n\n      setIsCreated(true)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,\n        response.contractorPaymentGroup,\n      )\n    })\n  }\n\n  if (previewData) {\n    return (\n      <Flex className={className} flexDirection=\"column\" gap={32}>\n        {!isCreated && <BackButton onClick={handleBackToEdit} />}\n\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('review.title')}</Heading>\n            <Text variant=\"supporting\">\n              {t('review.subtitle', {\n                checkDate: formatLongWithYear(previewData.checkDate ?? ''),\n              })}\n            </Text>\n          </Flex>\n          {!isCreated && (\n            <Button onClick={handleSubmit} variant=\"primary\" isLoading={isCreating}>\n              {t('review.submitButton')}\n            </Button>\n          )}\n        </Flex>\n\n        {isCreated && (\n          <Alert status=\"success\" label={t('review.successTitle')}>\n            <Text>{t('review.successMessage')}</Text>\n          </Alert>\n        )}\n\n        <PaymentSummaryBlock\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          showDebitColumns={false}\n          dictionary={reviewDictionary}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <BackButton\n        onClick={() => {\n          onBack(virtualContractorPayments)\n        }}\n      />\n\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('amounts.heading')}</Heading>\n          <Text variant=\"supporting\">{t('amounts.subtitle')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button\n            onClick={handleContinue}\n            variant=\"primary\"\n            isDisabled={!canContinue}\n            isLoading={isPreviewing}\n          >\n            {t('amounts.continueButton')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      <SetPaymentAmounts\n        contractors={contractors}\n        contractorPayments={virtualContractorPayments}\n        totals={totals}\n        allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n        editModal={editModal}\n        dictionary={paymentAmountsDictionary}\n      />\n    </Flex>\n  )\n}\n\nfunction BackButton({ onClick }: { onClick: () => void }) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Button } = useComponentContext()\n\n  return (\n    <Button variant=\"secondary\" icon={<CaretLeftIcon aria-hidden=\"true\" />} onClick={onClick}>\n      {t('backButton')}\n    </Button>\n  )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","CreateHistoricalPayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","className","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","DatePicker","useComponentContext","minDate","maxDate","useMemo","getHistoricalPaymentCheckDateBounds","checkDate","setCheckDate","useState","selectedIds","setSelectedIds","selection","setSelection","savedContractorPayments","setSavedContractorPayments","dateError","canContinue","handleContinue","checkDateString","formatDateToStringDate","AmountsAndReview","payments","Flex","jsxs","SelectContractors","ActionsLayout","contractorIds","preservedContractorPayments","onBack","Alert","baseSubmitHandler","useBase","formatLongWithYear","useDateFormatter","paymentAmountsDictionary","useCreateHistoricalPaymentDictionary","reviewDictionary","useCreateHistoricalPaymentReviewDictionary","contractorList","useContractorsListSuspense","contractors","contractor","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","previewContractorPaymentGroup","isPreviewing","useContractorPaymentGroupsPreviewMutation","createContractorPaymentGroup","isCreating","useContractorPaymentGroupsCreateMutation","previewData","setPreviewData","isCreated","setIsCreated","touchedContractorPayments","payment","_isTouched","rest","response","RFCDate","handleBackToEdit","handleSubmit","creationToken","BackButton","PaymentSummaryBlock","FlexItem","SetPaymentAmounts","onClick","CaretLeftIcon"],"mappings":"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"}
+{"version":3,"file":"CreateHistoricalPayment.js","sources":["../../../../../src/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n  usePaymentAmountsEditor,\n  type VirtualContractorPayment,\n} from '../shared/usePaymentAmountsEditor'\nimport { SetPaymentAmounts } from '../shared/SetPaymentAmounts'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { getHistoricalPaymentCheckDateBounds } from '../shared/historicalPaymentDateBounds'\nimport {\n  useCreateHistoricalPaymentDictionary,\n  useCreateHistoricalPaymentReviewDictionary,\n} from './useFormDictionary'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents } from '@/shared/constants'\nimport { SelectContractors } from '@/components/Contractor/shared/SelectContractors/SelectContractors'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Historical Payment']\n\n/**\n * Props for {@link CreateHistoricalPayment}.\n *\n * @alpha\n */\nexport interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Contractor.Payments.CreateHistoricalPayment'> {\n  /** UUID of the company recording the historical payment. */\n  companyId: string\n}\n\n/**\n * Records a historical contractor payment — one that already happened outside Gusto and does not\n * move money — by picking a paid date and the contractors being paid, entering hours, wages,\n * bonuses, and reimbursements for them, then reviewing and submitting.\n *\n * @remarks\n * Every contractor payment is fixed to the `Historical Payment` payment method, so there is no\n * payment method choice or debit information to review.\n * Continue on the contractor-selection step is disabled until the paid date is valid and at least\n * one contractor is selected. Continue on the amounts step is disabled until at least one selected\n * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place\n * review (mirroring `CreatePayment`'s preview step); Back returns to the grid without losing\n * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the\n * Back and Submit buttons are replaced with a success message, since the creation token has been\n * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).\n * The amounts step also has its own Back button, returning to contractor selection without losing\n * the selected paid date, contractors, or any amounts already entered.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/historicalPayments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/historicalPayments/created` | The payment group was successfully created. | The created contractor payment group response. |\n *\n * @param props - See {@link CreateHistoricalPaymentProps}.\n * @returns The rendered contractor-selection screen, the payment-amounts entry screen, or its\n * in-place review.\n * @alpha\n */\nexport function CreateHistoricalPayment(props: CreateHistoricalPaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreateHistoricalPayment\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface ContractorSelection {\n  contractorIds: string[]\n  checkDate: string\n}\n\nfunction Root({ companyId, dictionary, onEvent, className }: CreateHistoricalPaymentProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.CreateHistoricalPayment')\n  useComponentDictionary('Contractor.Payments.CreateHistoricalPayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, DatePicker } = useComponentContext()\n\n  const { minDate, maxDate } = useMemo(() => getHistoricalPaymentCheckDateBounds(), [])\n  const [checkDate, setCheckDate] = useState<Date | null>(null)\n  const [selectedIds, setSelectedIds] = useState<string[]>([])\n  const [selection, setSelection] = useState<ContractorSelection | null>(null)\n  const [savedContractorPayments, setSavedContractorPayments] = useState<\n    VirtualContractorPayment[] | undefined\n  >(undefined)\n\n  let dateError: string | null = null\n  if (checkDate !== null && checkDate > maxDate) {\n    dateError = t('select.dateInFutureError')\n  } else if (checkDate !== null && checkDate < minDate) {\n    dateError = t('select.dateTooEarlyError', {\n      year: checkDate.getFullYear(),\n      allowedYear: minDate.getFullYear(),\n    })\n  }\n\n  const canContinue = selectedIds.length > 0 && checkDate !== null && dateError === null\n\n  const handleContinue = () => {\n    if (!canContinue) return\n    const checkDateString = formatDateToStringDate(checkDate)\n    if (!checkDateString) return\n    setSelection({ contractorIds: selectedIds, checkDate: checkDateString })\n  }\n\n  if (!selection) {\n    return (\n      <Flex className={className} flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('select.heading')}</Heading>\n          <Text variant=\"supporting\">{t('select.subtitle')}</Text>\n        </Flex>\n\n        <DatePicker\n          label={t('select.dateLabel')}\n          isRequired\n          value={checkDate}\n          onChange={setCheckDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          isInvalid={dateError !== null}\n          errorMessage={dateError ?? undefined}\n        />\n\n        <SelectContractors\n          companyId={companyId}\n          onSelectionChange={setSelectedIds}\n          initialSelectedIds={selectedIds}\n        />\n\n        <ActionsLayout>\n          <Button onClick={handleContinue} variant=\"primary\" isDisabled={!canContinue}>\n            {t('select.continueButton')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    )\n  }\n\n  return (\n    <AmountsAndReview\n      className={className}\n      companyId={companyId}\n      contractorIds={selection.contractorIds}\n      checkDate={selection.checkDate}\n      onEvent={onEvent}\n      preservedContractorPayments={savedContractorPayments}\n      onBack={payments => {\n        setSavedContractorPayments(payments)\n        setSelection(null)\n      }}\n    />\n  )\n}\n\ninterface AmountsAndReviewProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  companyId: string\n  contractorIds: string[]\n  checkDate: string\n  onEvent: CreateHistoricalPaymentProps['onEvent']\n  preservedContractorPayments?: VirtualContractorPayment[]\n  onBack: (payments: VirtualContractorPayment[]) => void\n}\n\nfunction AmountsAndReview({\n  className,\n  companyId,\n  contractorIds,\n  checkDate,\n  onEvent,\n  preservedContractorPayments,\n  onBack,\n}: AmountsAndReviewProps) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const { formatLongWithYear } = useDateFormatter()\n  const paymentAmountsDictionary = useCreateHistoricalPaymentDictionary()\n  const reviewDictionary = useCreateHistoricalPaymentReviewDictionary()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.showContractors ?? []).filter(contractor =>\n    contractorIds.includes(contractor.uuid),\n  )\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n    preservedContractorPayments,\n    onEditOpen: () => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const canContinue = totals.total > 0\n\n  const { mutateAsync: previewContractorPaymentGroup, isPending: isPreviewing } =\n    useContractorPaymentGroupsPreviewMutation()\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreating } =\n    useContractorPaymentGroupsCreateMutation()\n\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [isCreated, setIsCreated] = useState(false)\n\n  const touchedContractorPayments = () =>\n    virtualContractorPayments\n      .filter(payment => payment.isTouched)\n      .map(({ isTouched: _isTouched, ...rest }) => rest)\n\n  const handleContinue = async () => {\n    if (!canContinue) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await previewContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n      setPreviewData(response.contractorPaymentGroupPreview || null)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,\n        response.contractorPaymentGroupPreview,\n      )\n    })\n  }\n\n  const handleBackToEdit = () => {\n    setPreviewData(null)\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT)\n  }\n\n  const handleSubmit = async () => {\n    const creationToken = previewData?.creationToken\n    if (!creationToken || isCreated) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            creationToken,\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n\n      if (!response.contractorPaymentGroup) return\n\n      setIsCreated(true)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,\n        response.contractorPaymentGroup,\n      )\n    })\n  }\n\n  if (previewData) {\n    return (\n      <Flex className={className} flexDirection=\"column\" gap={32}>\n        {!isCreated && <BackButton onClick={handleBackToEdit} />}\n\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('review.title')}</Heading>\n            <Text variant=\"supporting\">\n              {t('review.subtitle', {\n                checkDate: formatLongWithYear(previewData.checkDate ?? ''),\n              })}\n            </Text>\n          </Flex>\n          {!isCreated && (\n            <Button onClick={handleSubmit} variant=\"primary\" isLoading={isCreating}>\n              {t('review.submitButton')}\n            </Button>\n          )}\n        </Flex>\n\n        {isCreated && (\n          <Alert status=\"success\" label={t('review.successTitle')}>\n            <Text>{t('review.successMessage')}</Text>\n          </Alert>\n        )}\n\n        <PaymentSummaryBlock\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          showDebitColumns={false}\n          dictionary={reviewDictionary}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <BackButton\n        onClick={() => {\n          onBack(virtualContractorPayments)\n        }}\n      />\n\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('amounts.heading')}</Heading>\n          <Text variant=\"supporting\">{t('amounts.subtitle')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button\n            onClick={handleContinue}\n            variant=\"primary\"\n            isDisabled={!canContinue}\n            isLoading={isPreviewing}\n          >\n            {t('amounts.continueButton')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      <SetPaymentAmounts\n        contractors={contractors}\n        contractorPayments={virtualContractorPayments}\n        totals={totals}\n        allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n        editModal={editModal}\n        dictionary={paymentAmountsDictionary}\n      />\n    </Flex>\n  )\n}\n\nfunction BackButton({ onClick }: { onClick: () => void }) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Button } = useComponentContext()\n\n  return (\n    <Button variant=\"secondary\" icon={<CaretLeftIcon aria-hidden=\"true\" />} onClick={onClick}>\n      {t('backButton')}\n    </Button>\n  )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","CreateHistoricalPayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","className","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","DatePicker","useComponentContext","minDate","maxDate","useMemo","getHistoricalPaymentCheckDateBounds","checkDate","setCheckDate","useState","selectedIds","setSelectedIds","selection","setSelection","savedContractorPayments","setSavedContractorPayments","dateError","canContinue","handleContinue","checkDateString","formatDateToStringDate","AmountsAndReview","payments","Flex","jsxs","SelectContractors","ActionsLayout","contractorIds","preservedContractorPayments","onBack","Alert","baseSubmitHandler","useBase","formatLongWithYear","useDateFormatter","paymentAmountsDictionary","useCreateHistoricalPaymentDictionary","reviewDictionary","useCreateHistoricalPaymentReviewDictionary","contractorList","useContractorsListSuspense","contractors","contractor","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","previewContractorPaymentGroup","isPreviewing","useContractorPaymentGroupsPreviewMutation","createContractorPaymentGroup","isCreating","useContractorPaymentGroupsCreateMutation","previewData","setPreviewData","isCreated","setIsCreated","touchedContractorPayments","payment","_isTouched","rest","response","RFCDate","handleBackToEdit","handleSubmit","creationToken","BackButton","PaymentSummaryBlock","FlexItem","SetPaymentAmounts","onClick","CaretLeftIcon"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreatePayment/CreatePayment.js

@@ -36,10 +36,10 @@ function Ht(e) {
 }
 const Ct = ({ companyId: e, dictionary: u, onEvent: r, className: O }) => {
   mt("Contractor.Payments.CreatePayment", u);
-  const { t: k } = tt("Contractor.Payments.CreatePayment"), { baseSubmitHandler: g } = lt(), [i, h] = m(null), [U, C] = m([]), [w, N] = m({}), { mutateAsync: L, isPending: S } = J(), {
+  const { t: h } = tt("Contractor.Payments.CreatePayment"), { baseSubmitHandler: k } = lt(), [i, w] = m(null), [U, C] = m([]), [g, N] = m({}), { mutateAsync: L, isPending: S } = J(), {
     mutateAsync: Y,
     isPending: E
-  } = Q(), { data: j } = K({ companyUuid: e }), l = (j.contractors || []).filter(
+  } = Q(), { data: j } = K({ companyUuid: e }), l = (j.showContractors || []).filter(
     (t) => t.isActive && t.onboardingStatus === pt.ONBOARDING_COMPLETED
   ), { data: q } = et({ companyId: e }), { paymentSpeed: d, paymentSpeedDays: p } = ct(e), F = q?.companyBankAccounts?.[0], [f, R] = m(v(p)), _ = X(!1);
   Z(() => {
@@ -64,7 +64,7 @@ const Ct = ({ companyId: e, dictionary: u, onEvent: r, className: O }) => {
       );
       b(t.contractorUuid, {
         type: "success",
-        title: k("alerts.contractorPaymentUpdated", {
+        title: h("alerts.contractorPaymentUpdated", {
           contractorName: n,
           interpolation: { escapeValue: !1 }
         }),
@@ -85,14 +85,14 @@ const Ct = ({ companyId: e, dictionary: u, onEvent: r, className: O }) => {
         contractorPaymentGroup: i,
         contractors: l,
         onBackToEdit: () => {
-          h(null), C([]), N({}), r(c.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
+          w(null), C([]), N({}), r(c.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
         },
         onSubmit: async () => {
-          await g(null, async () => {
+          await k(null, async () => {
             const t = A.filter((s) => s.isTouched);
             if (t.length === 0 || !i?.creationToken)
               return;
-            const o = i.creationToken, n = Object.entries(w).map(
+            const o = i.creationToken, n = Object.entries(g).map(
               ([s, D]) => ({
                 blockerType: s,
                 selectedOption: D
@@ -113,7 +113,7 @@ const Ct = ({ companyId: e, dictionary: u, onEvent: r, className: O }) => {
         },
         isLoading: S || E,
         bankAccount: F,
-        selectedUnblockOptions: w,
+        selectedUnblockOptions: g,
         onUnblockOptionChange: (t, o) => {
           N((n) => ({
             ...n,
@@ -132,12 +132,12 @@ const Ct = ({ companyId: e, dictionary: u, onEvent: r, className: O }) => {
         paymentDate: f,
         onPaymentDateChange: R,
         onSaveAndContinue: async () => {
-          await g(null, async () => {
+          await k(null, async () => {
             const t = A.filter((n) => n.isTouched);
             if (t.length === 0) {
               b("error", {
                 type: "error",
-                title: k("alerts.noContractorPayments")
+                title: h("alerts.noContractorPayments")
               });
               return;
             }
@@ -152,7 +152,7 @@ const Ct = ({ companyId: e, dictionary: u, onEvent: r, className: O }) => {
                   }
                 }
               });
-              h(n.contractorPaymentGroupPreview || null), r(c.CONTRACTOR_PAYMENT_PREVIEW, n.contractorPaymentGroupPreview);
+              w(n.contractorPaymentGroupPreview || null), r(c.CONTRACTOR_PAYMENT_PREVIEW, n.contractorPaymentGroupPreview);
             });
             !o.success && o.blockers.length > 0 && C(o.blockers);
           });

package/dist/components/Contractor/Payments/CreatePayment/CreatePayment.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePayment.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useEffect, useRef, useState } from 'react'\nimport DOMPurify from 'dompurify'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { usePaymentAmountsEditor } from '../shared/usePaymentAmountsEditor'\nimport type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { PreviewPresentation } from './PreviewPresentation'\nimport { useCreatePaymentAmountsDictionary } from './useFormDictionary'\nimport { addBusinessDays } from '@/helpers/dateFormatting'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport {\n  payrollSubmitHandler,\n  type ApiPayrollBlocker,\n} from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Check', 'Direct Deposit']\n\nfunction formatLocalDate(date: Date): string {\n  return [\n    String(date.getFullYear()).padStart(4, '0'),\n    String(date.getMonth() + 1).padStart(2, '0'),\n    String(date.getDate()).padStart(2, '0'),\n  ].join('-')\n}\n\nfunction calculateInitialPaymentDate(speedDays: number): string {\n  const today = new Date()\n  today.setHours(0, 0, 0, 0)\n  return formatLocalDate(addBusinessDays(today, speedDays))\n}\n\n/**\n * Props for {@link CreatePayment}.\n *\n * @public\n */\nexport interface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  /** UUID of the company for which to create a contractor payment group. */\n  companyId: string\n}\n\n/**\n * Form for creating a contractor payment group, including date selection, per-contractor edits, preview, and submission blockers.\n *\n * @remarks\n * Active, fully onboarded contractors are listed for the given company. Hours and bonuses apply to hourly contractors; wages apply to fixed contractors; reimbursements apply to both. The form previews the payment group before final submission and surfaces Fast ACH submission blockers when applicable.\n *\n * Features:\n *\n * - **Payment date selection** — choose the payment date; a notice shows the resulting payment speed.\n * - **Per-contractor editing** — edit hours and bonus (hourly contractors), wage (fixed contractors), and reimbursement (all) in a modal, with a running total.\n * - **Payment method** — choose Check or Direct Deposit per contractor.\n * - **Live totals** — wage, bonus, reimbursement, and overall totals update as amounts change.\n * - **Preview before submit** — review per-contractor amounts, debit amount, debit account, debit date, contractor pay date, and the submission deadline before finalizing.\n * - **Submission blockers** — Fast ACH blockers surface inline with selectable unblock options (wire transfer or slower direct deposit); submission stays disabled until every blocker is resolved.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/payments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/payments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/payments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/payments/created` | The payment group was successfully created. | The created contractor payment group response. |\n * | `contractor/payments/rfi/respond` | The user clicked to respond to a payment blocker. | — |\n *\n * @param props - Component props including the company identifier and event handler.\n * @returns The rendered create-payment form, preview, and edit modal.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function CreateContractorPayment() {\n *   return (\n *     <ContractorManagement.CreatePayment\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreatePayment\">\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, dictionary, onEvent, className }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const { baseSubmitHandler } = useBase()\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>([])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreatingContractorPaymentGroup } =\n    useContractorPaymentGroupsCreateMutation()\n  const {\n    mutateAsync: previewContractorPaymentGroup,\n    isPending: isPreviewingContractorPaymentGroup,\n  } = useContractorPaymentGroupsPreviewMutation()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const { paymentSpeed, paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  const [paymentDate, setPaymentDate] = useState(calculateInitialPaymentDate(paymentSpeedDays))\n  const hasInitializedPaymentDateRef = useRef(false)\n\n  useEffect(() => {\n    if (paymentSpeed && !hasInitializedPaymentDateRef.current) {\n      setPaymentDate(calculateInitialPaymentDate(paymentSpeedDays))\n      hasInitializedPaymentDateRef.current = true\n    }\n  }, [paymentSpeed, paymentSpeedDays])\n\n  const [alerts, setAlertsState] = useState<Record<string, InternalAlert>>({})\n  const setAlert = (key: string, alert: InternalAlert) => {\n    setAlertsState(prev => ({ ...prev, [key]: alert }))\n  }\n  const clearAlerts = () => {\n    setAlertsState({})\n  }\n\n  const paymentAmountsDictionary = useCreatePaymentAmountsDictionary()\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n    onEditOpen: () => {\n      clearAlerts()\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      const displayContractor = contractors.find(c => c.uuid === data.contractorUuid)\n      const displayName = DOMPurify.sanitize(\n        displayContractor?.type === 'Individual'\n          ? firstLastName({\n              first_name: displayContractor.firstName,\n              last_name: displayContractor.lastName,\n            })\n          : (displayContractor?.businessName ?? ''),\n      )\n\n      setAlert(data.contractorUuid, {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\n          interpolation: { escapeValue: false },\n        }),\n        onDismiss: () => {\n          setAlertsState(prev => {\n            const { [data.contractorUuid]: _, ...rest } = prev\n            return rest\n          })\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const onCreatePaymentGroup = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0 || !previewData?.creationToken) {\n        return\n      }\n      const creationToken = previewData.creationToken\n\n      const submissionBlockers: SubmissionBlockers[] = Object.entries(selectedUnblockOptions).map(\n        ([blockerType, selectedOption]) => ({\n          blockerType,\n          selectedOption,\n        }),\n      )\n\n      const requestBody: PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody = {\n        checkDate: new RFCDate(paymentDate),\n        contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n        creationToken,\n        ...(submissionBlockers.length > 0 && { submissionBlockers }),\n      }\n\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody,\n        },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\n    })\n  }\n\n  const onUnblockOptionChange = (blockerType: string, value: string) => {\n    setSelectedUnblockOptions(prev => ({\n      ...prev,\n      [blockerType]: value,\n    }))\n  }\n\n  const onContinueToPreview = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0) {\n        setAlert('error', {\n          type: 'error',\n          title: t('alerts.noContractorPayments'),\n        })\n        return\n      }\n      clearAlerts()\n      setPayrollBlockers([])\n\n      const result = await payrollSubmitHandler(async () => {\n        const response = await previewContractorPaymentGroup({\n          request: {\n            companyId,\n            requestBody: {\n              contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n              checkDate: new RFCDate(paymentDate),\n            },\n          },\n        })\n        setPreviewData(response.contractorPaymentGroupPreview || null)\n        onEvent(componentEvents.CONTRACTOR_PAYMENT_PREVIEW, response.contractorPaymentGroupPreview)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n  const onBackToEdit = () => {\n    setPreviewData(null)\n    setPayrollBlockers([])\n    setSelectedUnblockOptions({})\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\n  }\n  const onViewBlockers = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }\n\n  return (\n    <>\n      {previewData && (\n        <PreviewPresentation\n          className={className}\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          onBackToEdit={onBackToEdit}\n          onSubmit={onCreatePaymentGroup}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          bankAccount={bankAccount}\n          selectedUnblockOptions={selectedUnblockOptions}\n          onUnblockOptionChange={onUnblockOptionChange}\n          paymentSpeed={paymentSpeed}\n        />\n      )}\n      {!previewData && (\n        <CreatePaymentPresentation\n          className={className}\n          contractors={contractors}\n          contractorPayments={virtualContractorPayments}\n          paymentDate={paymentDate}\n          onPaymentDateChange={setPaymentDate}\n          onSaveAndContinue={onContinueToPreview}\n          editModal={editModal}\n          allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n          paymentAmountsDictionary={paymentAmountsDictionary}\n          totals={totals}\n          alerts={alerts}\n          payrollBlockers={payrollBlockers}\n          onViewBlockers={onViewBlockers}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          paymentSpeedDays={paymentSpeedDays}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","formatLocalDate","date","calculateInitialPaymentDate","speedDays","today","addBusinessDays","CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","className","useComponentDictionary","t","useTranslation","baseSubmitHandler","useBase","previewData","setPreviewData","useState","payrollBlockers","setPayrollBlockers","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","paymentSpeed","paymentSpeedDays","useCompanyPaymentSpeed","bankAccount","paymentDate","setPaymentDate","hasInitializedPaymentDateRef","useRef","useEffect","alerts","setAlertsState","setAlert","key","alert","prev","clearAlerts","paymentAmountsDictionary","useCreatePaymentAmountsDictionary","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","displayContractor","c","displayName","DOMPurify","firstLastName","_","rest","jsxs","Fragment","PreviewPresentation","contractorPayments","payment","creationToken","submissionBlockers","blockerType","selectedOption","requestBody","RFCDate","isTouched","response","value","CreatePaymentPresentation","result","payrollSubmitHandler"],"mappings":"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"}
+{"version":3,"file":"CreatePayment.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useEffect, useRef, useState } from 'react'\nimport DOMPurify from 'dompurify'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { usePaymentAmountsEditor } from '../shared/usePaymentAmountsEditor'\nimport type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { PreviewPresentation } from './PreviewPresentation'\nimport { useCreatePaymentAmountsDictionary } from './useFormDictionary'\nimport { addBusinessDays } from '@/helpers/dateFormatting'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport {\n  payrollSubmitHandler,\n  type ApiPayrollBlocker,\n} from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Check', 'Direct Deposit']\n\nfunction formatLocalDate(date: Date): string {\n  return [\n    String(date.getFullYear()).padStart(4, '0'),\n    String(date.getMonth() + 1).padStart(2, '0'),\n    String(date.getDate()).padStart(2, '0'),\n  ].join('-')\n}\n\nfunction calculateInitialPaymentDate(speedDays: number): string {\n  const today = new Date()\n  today.setHours(0, 0, 0, 0)\n  return formatLocalDate(addBusinessDays(today, speedDays))\n}\n\n/**\n * Props for {@link CreatePayment}.\n *\n * @public\n */\nexport interface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  /** UUID of the company for which to create a contractor payment group. */\n  companyId: string\n}\n\n/**\n * Form for creating a contractor payment group, including date selection, per-contractor edits, preview, and submission blockers.\n *\n * @remarks\n * Active, fully onboarded contractors are listed for the given company. Hours and bonuses apply to hourly contractors; wages apply to fixed contractors; reimbursements apply to both. The form previews the payment group before final submission and surfaces Fast ACH submission blockers when applicable.\n *\n * Features:\n *\n * - **Payment date selection** — choose the payment date; a notice shows the resulting payment speed.\n * - **Per-contractor editing** — edit hours and bonus (hourly contractors), wage (fixed contractors), and reimbursement (all) in a modal, with a running total.\n * - **Payment method** — choose Check or Direct Deposit per contractor.\n * - **Live totals** — wage, bonus, reimbursement, and overall totals update as amounts change.\n * - **Preview before submit** — review per-contractor amounts, debit amount, debit account, debit date, contractor pay date, and the submission deadline before finalizing.\n * - **Submission blockers** — Fast ACH blockers surface inline with selectable unblock options (wire transfer or slower direct deposit); submission stays disabled until every blocker is resolved.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/payments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/payments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/payments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/payments/created` | The payment group was successfully created. | The created contractor payment group response. |\n * | `contractor/payments/rfi/respond` | The user clicked to respond to a payment blocker. | — |\n *\n * @param props - Component props including the company identifier and event handler.\n * @returns The rendered create-payment form, preview, and edit modal.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function CreateContractorPayment() {\n *   return (\n *     <ContractorManagement.CreatePayment\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreatePayment\">\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, dictionary, onEvent, className }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const { baseSubmitHandler } = useBase()\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>([])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreatingContractorPaymentGroup } =\n    useContractorPaymentGroupsCreateMutation()\n  const {\n    mutateAsync: previewContractorPaymentGroup,\n    isPending: isPreviewingContractorPaymentGroup,\n  } = useContractorPaymentGroupsPreviewMutation()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.showContractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const { paymentSpeed, paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  const [paymentDate, setPaymentDate] = useState(calculateInitialPaymentDate(paymentSpeedDays))\n  const hasInitializedPaymentDateRef = useRef(false)\n\n  useEffect(() => {\n    if (paymentSpeed && !hasInitializedPaymentDateRef.current) {\n      setPaymentDate(calculateInitialPaymentDate(paymentSpeedDays))\n      hasInitializedPaymentDateRef.current = true\n    }\n  }, [paymentSpeed, paymentSpeedDays])\n\n  const [alerts, setAlertsState] = useState<Record<string, InternalAlert>>({})\n  const setAlert = (key: string, alert: InternalAlert) => {\n    setAlertsState(prev => ({ ...prev, [key]: alert }))\n  }\n  const clearAlerts = () => {\n    setAlertsState({})\n  }\n\n  const paymentAmountsDictionary = useCreatePaymentAmountsDictionary()\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n    onEditOpen: () => {\n      clearAlerts()\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      const displayContractor = contractors.find(c => c.uuid === data.contractorUuid)\n      const displayName = DOMPurify.sanitize(\n        displayContractor?.type === 'Individual'\n          ? firstLastName({\n              first_name: displayContractor.firstName,\n              last_name: displayContractor.lastName,\n            })\n          : (displayContractor?.businessName ?? ''),\n      )\n\n      setAlert(data.contractorUuid, {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\n          interpolation: { escapeValue: false },\n        }),\n        onDismiss: () => {\n          setAlertsState(prev => {\n            const { [data.contractorUuid]: _, ...rest } = prev\n            return rest\n          })\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const onCreatePaymentGroup = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0 || !previewData?.creationToken) {\n        return\n      }\n      const creationToken = previewData.creationToken\n\n      const submissionBlockers: SubmissionBlockers[] = Object.entries(selectedUnblockOptions).map(\n        ([blockerType, selectedOption]) => ({\n          blockerType,\n          selectedOption,\n        }),\n      )\n\n      const requestBody: PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody = {\n        checkDate: new RFCDate(paymentDate),\n        contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n        creationToken,\n        ...(submissionBlockers.length > 0 && { submissionBlockers }),\n      }\n\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody,\n        },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\n    })\n  }\n\n  const onUnblockOptionChange = (blockerType: string, value: string) => {\n    setSelectedUnblockOptions(prev => ({\n      ...prev,\n      [blockerType]: value,\n    }))\n  }\n\n  const onContinueToPreview = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0) {\n        setAlert('error', {\n          type: 'error',\n          title: t('alerts.noContractorPayments'),\n        })\n        return\n      }\n      clearAlerts()\n      setPayrollBlockers([])\n\n      const result = await payrollSubmitHandler(async () => {\n        const response = await previewContractorPaymentGroup({\n          request: {\n            companyId,\n            requestBody: {\n              contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n              checkDate: new RFCDate(paymentDate),\n            },\n          },\n        })\n        setPreviewData(response.contractorPaymentGroupPreview || null)\n        onEvent(componentEvents.CONTRACTOR_PAYMENT_PREVIEW, response.contractorPaymentGroupPreview)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n  const onBackToEdit = () => {\n    setPreviewData(null)\n    setPayrollBlockers([])\n    setSelectedUnblockOptions({})\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\n  }\n  const onViewBlockers = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }\n\n  return (\n    <>\n      {previewData && (\n        <PreviewPresentation\n          className={className}\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          onBackToEdit={onBackToEdit}\n          onSubmit={onCreatePaymentGroup}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          bankAccount={bankAccount}\n          selectedUnblockOptions={selectedUnblockOptions}\n          onUnblockOptionChange={onUnblockOptionChange}\n          paymentSpeed={paymentSpeed}\n        />\n      )}\n      {!previewData && (\n        <CreatePaymentPresentation\n          className={className}\n          contractors={contractors}\n          contractorPayments={virtualContractorPayments}\n          paymentDate={paymentDate}\n          onPaymentDateChange={setPaymentDate}\n          onSaveAndContinue={onContinueToPreview}\n          editModal={editModal}\n          allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n          paymentAmountsDictionary={paymentAmountsDictionary}\n          totals={totals}\n          alerts={alerts}\n          payrollBlockers={payrollBlockers}\n          onViewBlockers={onViewBlockers}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          paymentSpeedDays={paymentSpeedDays}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","formatLocalDate","date","calculateInitialPaymentDate","speedDays","today","addBusinessDays","CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","className","useComponentDictionary","t","useTranslation","baseSubmitHandler","useBase","previewData","setPreviewData","useState","payrollBlockers","setPayrollBlockers","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","paymentSpeed","paymentSpeedDays","useCompanyPaymentSpeed","bankAccount","paymentDate","setPaymentDate","hasInitializedPaymentDateRef","useRef","useEffect","alerts","setAlertsState","setAlert","key","alert","prev","clearAlerts","paymentAmountsDictionary","useCreatePaymentAmountsDictionary","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","displayContractor","c","displayName","DOMPurify","firstLastName","_","rest","jsxs","Fragment","PreviewPresentation","contractorPayments","payment","creationToken","submissionBlockers","blockerType","selectedOption","requestBody","RFCDate","isTouched","response","value","CreatePaymentPresentation","result","payrollSubmitHandler"],"mappings":"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"}

package/dist/components/Contractor/Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.js

@@ -17,16 +17,16 @@ function K(r) {
 }
 function k({
   paymentGroupId: r,
-  companyId: s,
+  companyId: i,
   dictionary: c,
   onEvent: u,
   className: l
 }) {
   N("historicalPayments", { throwIfDisabled: !0 }), I("Contractor.Payments.HistoricalPaymentSummary"), O("Contractor.Payments.HistoricalPaymentSummary", c);
-  const { t: o } = g("Contractor.Payments.HistoricalPaymentSummary"), { Heading: y, Text: m, Button: p, Alert: f } = G(), { formatLongWithYear: d } = A(), C = b(), { data: P } = T({
+  const { t: o } = g("Contractor.Payments.HistoricalPaymentSummary"), { Heading: y, Text: m, Button: p, Alert: f } = G(), { formatLongWithYear: d } = A(), C = b(), { data: h } = T({
     contractorPaymentGroupUuid: r
-  }), n = P.contractorPaymentGroup, { data: h } = x({ companyUuid: s }), D = (h.contractors || []).filter(
-    (i) => i.isActive && i.onboardingStatus === E.ONBOARDING_COMPLETED
+  }), n = h.contractorPaymentGroup, { data: P } = x({ companyUuid: i }), D = (P.showContractors || []).filter(
+    (s) => s.isActive && s.onboardingStatus === E.ONBOARDING_COMPLETED
   );
   if (!n)
     return null;

package/dist/components/Contractor/Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistoricalPaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { useHistoricalPaymentSummaryDictionary } from './useFormDictionary'\nimport { Flex } from '@/components/Common'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\n/**\n * Props for {@link HistoricalPaymentSummary}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentSummaryProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentSummary'> {\n  /** UUID of the historical contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n}\n\n/**\n * Displays the summary of a successfully recorded historical contractor payment.\n *\n * @remarks\n * Fetches the created contractor payment group by ID and renders a per-contractor breakdown.\n * Historical payments don't move money, so unlike `PaymentSummary` there is no debit account,\n * debit date, or wire-transfer confirmation to show.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/exit` | User is done reviewing the summary. | — |\n *\n * @param props - See {@link HistoricalPaymentSummaryProps}.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @alpha\n */\nexport function HistoricalPaymentSummary(props: HistoricalPaymentSummaryProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.HistoricalPaymentSummary\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  paymentGroupId,\n  companyId,\n  dictionary,\n  onEvent,\n  className,\n}: HistoricalPaymentSummaryProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.HistoricalPaymentSummary')\n  useComponentDictionary('Contractor.Payments.HistoricalPaymentSummary', dictionary)\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentSummary')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { formatLongWithYear } = useDateFormatter()\n  const summaryDictionary = useHistoricalPaymentSummaryDictionary()\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EXIT)\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={24}>\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPaymentGroup.contractorPayments?.length ?? 0,\n          })}\n        </Text>\n      </Alert>\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', {\n              checkDate: formatLongWithYear(contractorPaymentGroup.checkDate ?? ''),\n            })}\n          </Text>\n        </Flex>\n        <Button onClick={handleDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      <PaymentSummaryBlock\n        contractorPaymentGroup={contractorPaymentGroup}\n        contractors={contractors}\n        showDebitColumns={false}\n        dictionary={summaryDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["HistoricalPaymentSummary","props","jsx","BaseComponent","Root","paymentGroupId","companyId","dictionary","onEvent","className","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","Alert","useComponentContext","formatLongWithYear","useDateFormatter","summaryDictionary","useHistoricalPaymentSummaryDictionary","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","handleDone","componentEvents","Flex","jsxs","PaymentSummaryBlock"],"mappings":";;;;;;;;;;;;;;AA0CO,SAASA,EAAyBC,GAAsC;AAC7E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,gDACtC,UAAA,gBAAAC,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,EAAAC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAClEC,EAAQ,8CAA8C,GACtDC,EAAuB,gDAAgDL,CAAU;AACjF,QAAM,EAAE,GAAAM,EAAA,IAAMC,EAAe,8CAA8C,GACrE,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACnC,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GACzBC,IAAoBC,EAAA,GAEpB,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BpB;AAAA,EAAA,CAC7B,GACKqB,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAatB,GAAW,GAChFuB,KAAeF,EAAe,eAAe,CAAA,GAAI;AAAA,IACrD,CAAAG,MACEA,EAAW,YACXA,EAAW,qBAAqBC,EAA2B;AAAA,EAAA;AAG/D,MAAI,CAACL;AACH,WAAO;AAGT,QAAMM,IAAa,MAAM;AACvB,IAAAxB,EAAQyB,EAAgB,kCAAkC;AAAA,EAC5D;AAEA,2BACGC,GAAA,EAAK,WAAAzB,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAP,EAACgB,GAAA,EAAM,QAAO,WAAU,OAAOL,EAAE,cAAc,GAC7C,UAAA,gBAAAX,EAACc,GAAA,EACE,UAAAH,EAAE,kBAAkB;AAAA,MACnB,OAAOa,EAAuB,oBAAoB,UAAU;AAAA,IAAA,CAC7D,GACH,EAAA,CACF;AAAA,IAEA,gBAAAS,EAACD,GAAA,EAAK,gBAAe,iBAAgB,YAAW,cAC9C,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhC,EAACa,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,cAAc,GAAE;AAAA,QACpC,gBAAAX,EAACc,GAAA,EAAK,SAAQ,cACX,YAAE,mBAAmB;AAAA,UACpB,WAAWI,EAAmBM,EAAuB,aAAa,EAAE;AAAA,QAAA,CACrE,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAxB,EAACe,KAAO,SAASe,GAAY,SAAQ,WAClC,UAAAnB,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAX;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,wBAAAV;AAAA,QACA,aAAAG;AAAA,QACA,kBAAkB;AAAA,QAClB,YAAYP;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}
+{"version":3,"file":"HistoricalPaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { useHistoricalPaymentSummaryDictionary } from './useFormDictionary'\nimport { Flex } from '@/components/Common'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\n/**\n * Props for {@link HistoricalPaymentSummary}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentSummaryProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentSummary'> {\n  /** UUID of the historical contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n}\n\n/**\n * Displays the summary of a successfully recorded historical contractor payment.\n *\n * @remarks\n * Fetches the created contractor payment group by ID and renders a per-contractor breakdown.\n * Historical payments don't move money, so unlike `PaymentSummary` there is no debit account,\n * debit date, or wire-transfer confirmation to show.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/exit` | User is done reviewing the summary. | — |\n *\n * @param props - See {@link HistoricalPaymentSummaryProps}.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @alpha\n */\nexport function HistoricalPaymentSummary(props: HistoricalPaymentSummaryProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.HistoricalPaymentSummary\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  paymentGroupId,\n  companyId,\n  dictionary,\n  onEvent,\n  className,\n}: HistoricalPaymentSummaryProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.HistoricalPaymentSummary')\n  useComponentDictionary('Contractor.Payments.HistoricalPaymentSummary', dictionary)\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentSummary')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { formatLongWithYear } = useDateFormatter()\n  const summaryDictionary = useHistoricalPaymentSummaryDictionary()\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.showContractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EXIT)\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={24}>\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPaymentGroup.contractorPayments?.length ?? 0,\n          })}\n        </Text>\n      </Alert>\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', {\n              checkDate: formatLongWithYear(contractorPaymentGroup.checkDate ?? ''),\n            })}\n          </Text>\n        </Flex>\n        <Button onClick={handleDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      <PaymentSummaryBlock\n        contractorPaymentGroup={contractorPaymentGroup}\n        contractors={contractors}\n        showDebitColumns={false}\n        dictionary={summaryDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["HistoricalPaymentSummary","props","jsx","BaseComponent","Root","paymentGroupId","companyId","dictionary","onEvent","className","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","Alert","useComponentContext","formatLongWithYear","useDateFormatter","summaryDictionary","useHistoricalPaymentSummaryDictionary","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","handleDone","componentEvents","Flex","jsxs","PaymentSummaryBlock"],"mappings":";;;;;;;;;;;;;;AA0CO,SAASA,EAAyBC,GAAsC;AAC7E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,gDACtC,UAAA,gBAAAC,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,EAAAC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAClEC,EAAQ,8CAA8C,GACtDC,EAAuB,gDAAgDL,CAAU;AACjF,QAAM,EAAE,GAAAM,EAAA,IAAMC,EAAe,8CAA8C,GACrE,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACnC,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GACzBC,IAAoBC,EAAA,GAEpB,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BpB;AAAA,EAAA,CAC7B,GACKqB,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAatB,GAAW,GAChFuB,KAAeF,EAAe,mBAAmB,CAAA,GAAI;AAAA,IACzD,CAAAG,MACEA,EAAW,YACXA,EAAW,qBAAqBC,EAA2B;AAAA,EAAA;AAG/D,MAAI,CAACL;AACH,WAAO;AAGT,QAAMM,IAAa,MAAM;AACvB,IAAAxB,EAAQyB,EAAgB,kCAAkC;AAAA,EAC5D;AAEA,2BACGC,GAAA,EAAK,WAAAzB,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAP,EAACgB,GAAA,EAAM,QAAO,WAAU,OAAOL,EAAE,cAAc,GAC7C,UAAA,gBAAAX,EAACc,GAAA,EACE,UAAAH,EAAE,kBAAkB;AAAA,MACnB,OAAOa,EAAuB,oBAAoB,UAAU;AAAA,IAAA,CAC7D,GACH,EAAA,CACF;AAAA,IAEA,gBAAAS,EAACD,GAAA,EAAK,gBAAe,iBAAgB,YAAW,cAC9C,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhC,EAACa,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,cAAc,GAAE;AAAA,QACpC,gBAAAX,EAACc,GAAA,EAAK,SAAQ,cACX,YAAE,mBAAmB;AAAA,UACpB,WAAWI,EAAmBM,EAAuB,aAAa,EAAE;AAAA,QAAA,CACrE,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAxB,EAACe,KAAO,SAASe,GAAY,SAAQ,WAClC,UAAAnB,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAX;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,wBAAAV;AAAA,QACA,aAAAG;AAAA,QACA,kBAAkB;AAAA,QAClB,YAAYP;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistory.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContractorPaymentGroupsGetSuspense as G } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGet";
 import { useContractorsListSuspense as T } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentsDeleteMutation as A } from "@gusto/embedded-api/react-query/contractorPaymentsDelete";
-import { useTranslation as h } from "react-i18next";
-import { PaymentHistoryPresentation as w } from "./PaymentHistoryPresentation.js";
+import { useContractorPaymentsDeleteMutation as h } from "@gusto/embedded-api/react-query/contractorPaymentsDelete";
+import { useTranslation as w } from "react-i18next";
+import { PaymentHistoryPresentation as A } from "./PaymentHistoryPresentation.js";
 import { useComponentDictionary as E } from "../../../../i18n/I18n.js";
 import { BaseComponent as N } from "../../../Base/Base.js";
 import { useBase as R } from "../../../Base/useBase.js";
@@ -13,12 +13,12 @@ function g(t) {
 }
 const H = ({ paymentId: t, dictionary: s, onEvent: e, className: i }) => {
   E("Contractor.Payments.PaymentHistory", s);
-  const { t: y } = h("Contractor.Payments.PaymentHistory"), { baseSubmitHandler: u } = R(), { data: n } = G({
+  const { t: y } = w("Contractor.Payments.PaymentHistory"), { baseSubmitHandler: u } = R(), { data: n } = G({
     contractorPaymentGroupUuid: t
   });
   if (!n.contractorPaymentGroup)
     throw new Error(y("errors.paymentGroupNotFound"));
-  const a = n.contractorPaymentGroup.companyUuid, { data: p } = T({ companyUuid: a }), c = p.contractors || [], { mutateAsync: P, isPending: d } = A(), C = (o) => {
+  const a = n.contractorPaymentGroup.companyUuid, { data: p } = T({ companyUuid: a }), c = p.showContractors || [], { mutateAsync: P, isPending: C } = h(), d = (o) => {
     e(m.CONTRACTOR_PAYMENT_VIEW_DETAILS, {
       contractor: c.find((l) => l.uuid === o),
       paymentGroupId: t
@@ -34,13 +34,13 @@ const H = ({ paymentId: t, dictionary: s, onEvent: e, className: i }) => {
     }), e(m.CONTRACTOR_PAYMENT_CANCEL, { paymentId: o });
   };
   return /* @__PURE__ */ r(
-    w,
+    A,
     {
       className: i,
       paymentGroup: n.contractorPaymentGroup,
       contractors: c,
-      isCancelling: d,
-      onViewPayment: C,
+      isCancelling: C,
+      onViewPayment: d,
       onCancelPayment: f
     }
   );

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentHistory.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistory.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentsDeleteMutation } from '@gusto/embedded-api/react-query/contractorPaymentsDelete'\nimport { useTranslation } from 'react-i18next'\nimport { PaymentHistoryPresentation } from './PaymentHistoryPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link PaymentHistory}.\n *\n * @public\n */\nexport interface PaymentHistoryProps extends BaseComponentInterface<'Contractor.Payments.PaymentHistory'> {\n  /** UUID of the contractor payment group to display. */\n  paymentId: string\n}\n\n/**\n * Displays a contractor payment group, including each individual contractor payment, with actions to view details or cancel.\n *\n * @remarks\n * Features:\n *\n * - **Payment group overview** — debit date and group context in the header.\n * - **Per-contractor table** — contractor, wage type, payment method, hours, wage, bonus, reimbursement, and total for each payment.\n * - **Row actions** — view an individual contractor payment, or cancel it when the payment is cancelable.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/view/details` | A row's view-details action was triggered. | `{ contractor: Contractor \\| undefined, paymentGroupId: string }` — `contractor` is `undefined` if the contractor UUID is not found in the loaded list |\n * | `contractor/payments/cancel` | An individual contractor payment was successfully canceled. | `{ paymentId: string }` — the individual contractor payment UUID, not the payment group UUID passed as `paymentId` prop |\n *\n * @param props - Component props including the payment group `paymentId` and the standard `onEvent` callback.\n * @returns The rendered payment history view for the payment group.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * <ContractorManagement.PaymentHistory\n *   paymentId=\"payment-group-uuid\"\n *   onEvent={() => {}}\n * />\n * ```\n */\nexport function PaymentHistory(props: PaymentHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ paymentId, dictionary, onEvent, className }: PaymentHistoryProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentHistory', dictionary)\n  const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n  const { baseSubmitHandler } = useBase()\n\n  const { data: paymentGroupResponse } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentId,\n  })\n  if (!paymentGroupResponse.contractorPaymentGroup) {\n    throw new Error(t('errors.paymentGroupNotFound'))\n  }\n\n  const companyId = paymentGroupResponse.contractorPaymentGroup.companyUuid!\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = contractorList.contractors || []\n\n  const { mutateAsync: cancelPayment, isPending: isCancelling } =\n    useContractorPaymentsDeleteMutation()\n\n  const handleViewPayment = (contractorUuid: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS, {\n      contractor: contractors.find(c => c.uuid === contractorUuid),\n      paymentGroupId: paymentId,\n    })\n  }\n\n  const handleCancelPayment = async (paymentId: string) => {\n    await baseSubmitHandler(paymentId, async () => {\n      await cancelPayment({\n        request: {\n          contractorPaymentId: paymentId,\n          companyId,\n        },\n      })\n    })\n\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CANCEL, { paymentId })\n  }\n\n  return (\n    <PaymentHistoryPresentation\n      className={className}\n      paymentGroup={paymentGroupResponse.contractorPaymentGroup}\n      contractors={contractors}\n      isCancelling={isCancelling}\n      onViewPayment={handleViewPayment}\n      onCancelPayment={handleCancelPayment}\n    />\n  )\n}\n"],"names":["PaymentHistory","props","jsx","BaseComponent","Root","paymentId","dictionary","onEvent","className","useComponentDictionary","t","useTranslation","baseSubmitHandler","useBase","paymentGroupResponse","useContractorPaymentGroupsGetSuspense","companyId","contractorList","useContractorsListSuspense","contractors","cancelPayment","isCancelling","useContractorPaymentsDeleteMutation","handleViewPayment","contractorUuid","componentEvents","c","handleCancelPayment","PaymentHistoryPresentation"],"mappings":";;;;;;;;;;AAiDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,WAAAC,QAAqC;AACnF,EAAAC,EAAuB,sCAAsCH,CAAU;AACvE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,oCAAoC,GAC3D,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,EAAA,IAAyBC,EAAsC;AAAA,IAC3E,4BAA4BV;AAAA,EAAA,CAC7B;AACD,MAAI,CAACS,EAAqB;AACxB,UAAM,IAAI,MAAMJ,EAAE,6BAA6B,CAAC;AAGlD,QAAMM,IAAYF,EAAqB,uBAAuB,aAExD,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaF,GAAW,GAChFG,IAAcF,EAAe,eAAe,CAAA,GAE5C,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAC7CC,EAAA,GAEIC,IAAoB,CAACC,MAA2B;AACpD,IAAAjB,EAAQkB,EAAgB,iCAAiC;AAAA,MACvD,YAAYN,EAAY,KAAK,CAAAO,MAAKA,EAAE,SAASF,CAAc;AAAA,MAC3D,gBAAgBnB;AAAA,IAAA,CACjB;AAAA,EACH,GAEMsB,IAAsB,OAAOtB,MAAsB;AACvD,UAAMO,EAAkBP,GAAW,YAAY;AAC7C,YAAMe,EAAc;AAAA,QAClB,SAAS;AAAA,UACP,qBAAqBf;AAAAA,UACrB,WAAAW;AAAA,QAAA;AAAA,MACF,CACD;AAAA,IACH,CAAC,GAEDT,EAAQkB,EAAgB,2BAA2B,EAAE,WAAApB,GAAW;AAAA,EAClE;AAEA,SACE,gBAAAH;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACC,WAAApB;AAAA,MACA,cAAcM,EAAqB;AAAA,MACnC,aAAAK;AAAA,MACA,cAAAE;AAAA,MACA,eAAeE;AAAA,MACf,iBAAiBI;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"PaymentHistory.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistory.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentsDeleteMutation } from '@gusto/embedded-api/react-query/contractorPaymentsDelete'\nimport { useTranslation } from 'react-i18next'\nimport { PaymentHistoryPresentation } from './PaymentHistoryPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link PaymentHistory}.\n *\n * @public\n */\nexport interface PaymentHistoryProps extends BaseComponentInterface<'Contractor.Payments.PaymentHistory'> {\n  /** UUID of the contractor payment group to display. */\n  paymentId: string\n}\n\n/**\n * Displays a contractor payment group, including each individual contractor payment, with actions to view details or cancel.\n *\n * @remarks\n * Features:\n *\n * - **Payment group overview** — debit date and group context in the header.\n * - **Per-contractor table** — contractor, wage type, payment method, hours, wage, bonus, reimbursement, and total for each payment.\n * - **Row actions** — view an individual contractor payment, or cancel it when the payment is cancelable.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/view/details` | A row's view-details action was triggered. | `{ contractor: Contractor \\| undefined, paymentGroupId: string }` — `contractor` is `undefined` if the contractor UUID is not found in the loaded list |\n * | `contractor/payments/cancel` | An individual contractor payment was successfully canceled. | `{ paymentId: string }` — the individual contractor payment UUID, not the payment group UUID passed as `paymentId` prop |\n *\n * @param props - Component props including the payment group `paymentId` and the standard `onEvent` callback.\n * @returns The rendered payment history view for the payment group.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * <ContractorManagement.PaymentHistory\n *   paymentId=\"payment-group-uuid\"\n *   onEvent={() => {}}\n * />\n * ```\n */\nexport function PaymentHistory(props: PaymentHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ paymentId, dictionary, onEvent, className }: PaymentHistoryProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentHistory', dictionary)\n  const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n  const { baseSubmitHandler } = useBase()\n\n  const { data: paymentGroupResponse } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentId,\n  })\n  if (!paymentGroupResponse.contractorPaymentGroup) {\n    throw new Error(t('errors.paymentGroupNotFound'))\n  }\n\n  const companyId = paymentGroupResponse.contractorPaymentGroup.companyUuid!\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = contractorList.showContractors || []\n\n  const { mutateAsync: cancelPayment, isPending: isCancelling } =\n    useContractorPaymentsDeleteMutation()\n\n  const handleViewPayment = (contractorUuid: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS, {\n      contractor: contractors.find(c => c.uuid === contractorUuid),\n      paymentGroupId: paymentId,\n    })\n  }\n\n  const handleCancelPayment = async (paymentId: string) => {\n    await baseSubmitHandler(paymentId, async () => {\n      await cancelPayment({\n        request: {\n          contractorPaymentId: paymentId,\n          companyId,\n        },\n      })\n    })\n\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CANCEL, { paymentId })\n  }\n\n  return (\n    <PaymentHistoryPresentation\n      className={className}\n      paymentGroup={paymentGroupResponse.contractorPaymentGroup}\n      contractors={contractors}\n      isCancelling={isCancelling}\n      onViewPayment={handleViewPayment}\n      onCancelPayment={handleCancelPayment}\n    />\n  )\n}\n"],"names":["PaymentHistory","props","jsx","BaseComponent","Root","paymentId","dictionary","onEvent","className","useComponentDictionary","t","useTranslation","baseSubmitHandler","useBase","paymentGroupResponse","useContractorPaymentGroupsGetSuspense","companyId","contractorList","useContractorsListSuspense","contractors","cancelPayment","isCancelling","useContractorPaymentsDeleteMutation","handleViewPayment","contractorUuid","componentEvents","c","handleCancelPayment","PaymentHistoryPresentation"],"mappings":";;;;;;;;;;AAiDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,WAAAC,QAAqC;AACnF,EAAAC,EAAuB,sCAAsCH,CAAU;AACvE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,oCAAoC,GAC3D,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,EAAA,IAAyBC,EAAsC;AAAA,IAC3E,4BAA4BV;AAAA,EAAA,CAC7B;AACD,MAAI,CAACS,EAAqB;AACxB,UAAM,IAAI,MAAMJ,EAAE,6BAA6B,CAAC;AAGlD,QAAMM,IAAYF,EAAqB,uBAAuB,aAExD,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaF,GAAW,GAChFG,IAAcF,EAAe,mBAAmB,CAAA,GAEhD,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAC7CC,EAAA,GAEIC,IAAoB,CAACC,MAA2B;AACpD,IAAAjB,EAAQkB,EAAgB,iCAAiC;AAAA,MACvD,YAAYN,EAAY,KAAK,CAAAO,MAAKA,EAAE,SAASF,CAAc;AAAA,MAC3D,gBAAgBnB;AAAA,IAAA,CACjB;AAAA,EACH,GAEMsB,IAAsB,OAAOtB,MAAsB;AACvD,UAAMO,EAAkBP,GAAW,YAAY;AAC7C,YAAMe,EAAc;AAAA,QAClB,SAAS;AAAA,UACP,qBAAqBf;AAAAA,UACrB,WAAAW;AAAA,QAAA;AAAA,MACF,CACD;AAAA,IACH,CAAC,GAEDT,EAAQkB,EAAgB,2BAA2B,EAAE,WAAApB,GAAW;AAAA,EAClE;AAEA,SACE,gBAAAH;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACC,WAAApB;AAAA,MACA,cAAcM,EAAqB;AAAA,MACnC,aAAAK;AAAA,MACA,cAAAE;AAAA,MACA,eAAeE;AAAA,MACf,iBAAiBI;AAAA,IAAA;AAAA,EAAA;AAGvB;"}