@gusto/embedded-react-sdk 0.13.0 → 0.13.2

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useContractorPaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentMethodGet'\nimport { useContractorPaymentMethodGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/contractorPaymentMethodGetBankAccounts'\nimport { useContractorPaymentMethodsCreateBankAccountMutation } from '@gusto/embedded-api/react-query/contractorPaymentMethodsCreateBankAccount'\nimport { useMemo, useState } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorPaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/contractorPaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { buildContractorPaymentMethodGetQuery } from '@gusto/embedded-api/react-query/contractorPaymentMethodGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport type { PaymentMethodProps } from './types'\nimport { BankAccountForm } from './BankAccountForm'\nimport { PaymentTypeForm } from './PaymentTypeForm'\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, PAYMENT_METHODS } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\n\nconst PaymentMethodSchema = z.discriminatedUnion('type', [\n  z.object({\n    type: z.literal('Direct Deposit'),\n    name: z.string().min(1),\n    routingNumber: routingNumberValidation,\n    accountNumber: z.any(), //Explicitely setting account number as most permissive\n    accountType: z.enum(['Checking', 'Savings']),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n])\n\nexport type PaymentMethodSchemaInputs = z.input<typeof PaymentMethodSchema>\nexport type PaymentMethodSchemaOutputs = z.output<typeof PaymentMethodSchema>\n\nexport function PaymentMethod(props: PaymentMethodProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n  const queryClient = useQueryClient()\n  const gustoClient = useGustoEmbeddedContext()\n  const [isPaymentMethodPending, setIsPaymentMethodPending] = useState(false)\n\n  const contractorPaymentMethod = useContractorPaymentMethodGetSuspense({\n    contractorUuid: contractorId,\n  })\n\n  const getPaymentMethodQuery = buildContractorPaymentMethodGetQuery(gustoClient, {\n    contractorUuid: contractorId,\n  })\n\n  const paymentMethod = contractorPaymentMethod.data.contractorPaymentMethod!\n\n  const {\n    data: { contractorBankAccountList },\n  } = useContractorPaymentMethodGetBankAccountsSuspense({\n    contractorUuid: contractorId,\n  })\n  const bankAccount = contractorBankAccountList?.[0] || undefined\n\n  const { mutateAsync: updatePaymentMethod, isPending: paymentMethodPending } =\n    useContractorPaymentMethodUpdateMutation()\n  const { mutateAsync: createBankAccount, isPending: bankAccountPending } =\n    useContractorPaymentMethodsCreateBankAccountMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      type: paymentMethod.type || PAYMENT_METHODS.check,\n      name: bankAccount?.name || '',\n      routingNumber: bankAccount?.routingNumber || '',\n      accountNumber: bankAccount?.hiddenAccountNumber || '',\n      accountType: bankAccount?.accountType || 'Checking',\n    }),\n    [paymentMethod, bankAccount],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(PaymentMethodSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedType = useWatch({ control: formMethods.control, name: 'type' })\n  const onSubmit: SubmitHandler<PaymentMethodSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let updatedPaymentMethodVersion: string | undefined\n      if (payload.type === PAYMENT_METHODS.directDeposit) {\n        /** Custom validation logic for accountNumber - because masked account value is used as default value, it is only validated when any of the bank-related fields are modified*/\n        const { name, accountNumber, routingNumber, accountType } = payload\n        if (\n          name !== bankAccount?.name ||\n          routingNumber !== bankAccount.routingNumber ||\n          accountType !== bankAccount.accountType ||\n          accountNumber !== bankAccount.hiddenAccountNumber\n        ) {\n          const res = accountNumberValidation.safeParse(payload.accountNumber)\n          if (!res.success) {\n            formMethods.setError('accountNumber', { type: 'validate' })\n            return\n          }\n        }\n\n        const bankAccountResponse = await createBankAccount({\n          request: {\n            contractorUuid: contractorId,\n            requestBody: {\n              name,\n              routingNumber,\n              accountNumber,\n              accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, bankAccountResponse)\n\n        // We have to fetch the updated payment method imperatively here because updating the bank\n        // account will cause the payment method version to update. This ensures we have the latest version.\n        setIsPaymentMethodPending(true)\n        const updatedPaymentMethodResponse = await queryClient.fetchQuery(getPaymentMethodQuery)\n        const updatedPaymentMethod = updatedPaymentMethodResponse.contractorPaymentMethod!\n        setIsPaymentMethodPending(false)\n\n        updatedPaymentMethodVersion = updatedPaymentMethod.version as string\n      }\n      // For check payment method, no bank account creation needed\n      const paymentMethodResponse = await updatePaymentMethod({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            type: payload.type,\n            version: updatedPaymentMethodVersion || (paymentMethod.version as string),\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n    })\n  }\n\n  const showBankAccountForm = watchedType === PAYMENT_METHODS.directDeposit\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex gap={32} flexDirection={'column'}>\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <PaymentTypeForm />\n            <hr />\n            {showBankAccountForm && <BankAccountForm bankAccount={bankAccount} />}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={paymentMethodPending || bankAccountPending || isPaymentMethodPending}\n              >\n                {t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["PaymentMethodSchema","z","routingNumberValidation","PaymentMethod","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","queryClient","useQueryClient","gustoClient","useGustoEmbeddedContext","isPaymentMethodPending","setIsPaymentMethodPending","useState","contractorPaymentMethod","useContractorPaymentMethodGetSuspense","getPaymentMethodQuery","buildContractorPaymentMethodGetQuery","paymentMethod","contractorBankAccountList","useContractorPaymentMethodGetBankAccountsSuspense","bankAccount","updatePaymentMethod","paymentMethodPending","useContractorPaymentMethodUpdateMutation","createBankAccount","bankAccountPending","useContractorPaymentMethodsCreateBankAccountMutation","defaultValues","useMemo","PAYMENT_METHODS","formMethods","useForm","zodResolver","watchedType","useWatch","onSubmit","data","payload","updatedPaymentMethodVersion","name","accountNumber","routingNumber","accountType","accountNumberValidation","bankAccountResponse","componentEvents","updatedPaymentMethod","paymentMethodResponse","showBankAccountForm","FormProvider","Form","jsxs","Flex","PaymentTypeForm","BankAccountForm","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useContractorPaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentMethodGet'\nimport { useContractorPaymentMethodGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/contractorPaymentMethodGetBankAccounts'\nimport { useContractorPaymentMethodsCreateBankAccountMutation } from '@gusto/embedded-api/react-query/contractorPaymentMethodsCreateBankAccount'\nimport { useMemo, useState } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorPaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/contractorPaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { buildContractorPaymentMethodGetQuery } from '@gusto/embedded-api/react-query/contractorPaymentMethodGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport type { PaymentMethodProps } from './types'\nimport { BankAccountForm } from './BankAccountForm'\nimport { PaymentTypeForm } from './PaymentTypeForm'\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, PAYMENT_METHODS } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\n\nconst PaymentMethodSchema = z.discriminatedUnion('type', [\n  z.object({\n    type: z.literal('Direct Deposit'),\n    name: z.string().min(1),\n    routingNumber: routingNumberValidation,\n    accountNumber: z.any(), //Explicitely setting account number as most permissive\n    accountType: z.enum(['Checking', 'Savings']),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n])\n\nexport type PaymentMethodSchemaInputs = z.input<typeof PaymentMethodSchema>\nexport type PaymentMethodSchemaOutputs = z.output<typeof PaymentMethodSchema>\n\nexport function PaymentMethod(props: PaymentMethodProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n  const queryClient = useQueryClient()\n  const gustoClient = useGustoEmbeddedContext()\n  const [isPaymentMethodPending, setIsPaymentMethodPending] = useState(false)\n\n  const contractorPaymentMethod = useContractorPaymentMethodGetSuspense({\n    contractorUuid: contractorId,\n  })\n\n  const getPaymentMethodQuery = buildContractorPaymentMethodGetQuery(gustoClient, {\n    contractorUuid: contractorId,\n  })\n\n  const paymentMethod = contractorPaymentMethod.data.contractorPaymentMethod!\n\n  const {\n    data: { contractorBankAccountList },\n  } = useContractorPaymentMethodGetBankAccountsSuspense({\n    contractorUuid: contractorId,\n  })\n  const bankAccount = contractorBankAccountList?.[0] || undefined\n\n  const { mutateAsync: updatePaymentMethod, isPending: paymentMethodPending } =\n    useContractorPaymentMethodUpdateMutation()\n  const { mutateAsync: createBankAccount, isPending: bankAccountPending } =\n    useContractorPaymentMethodsCreateBankAccountMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      type: paymentMethod.type || PAYMENT_METHODS.check,\n      name: bankAccount?.name || '',\n      routingNumber: bankAccount?.routingNumber || '',\n      accountNumber: bankAccount?.hiddenAccountNumber || '',\n      accountType: bankAccount?.accountType || 'Checking',\n    }),\n    [paymentMethod, bankAccount],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(PaymentMethodSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedType = useWatch({ control: formMethods.control, name: 'type' })\n  const onSubmit: SubmitHandler<PaymentMethodSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let updatedPaymentMethodVersion: string | undefined\n      if (payload.type === PAYMENT_METHODS.directDeposit) {\n        /** Custom validation logic for accountNumber - because masked account value is used as default value, it is only validated when any of the bank-related fields are modified*/\n        const { name, accountNumber, routingNumber, accountType } = payload\n        if (\n          name !== bankAccount?.name ||\n          routingNumber !== bankAccount.routingNumber ||\n          accountType !== bankAccount.accountType ||\n          accountNumber !== bankAccount.hiddenAccountNumber\n        ) {\n          const res = accountNumberValidation.safeParse(payload.accountNumber)\n          if (!res.success) {\n            formMethods.setError('accountNumber', { type: 'validate' })\n            return\n          }\n        }\n\n        const bankAccountResponse = await createBankAccount({\n          request: {\n            contractorUuid: contractorId,\n            requestBody: {\n              name,\n              routingNumber,\n              accountNumber,\n              accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, bankAccountResponse)\n\n        // We have to fetch the updated payment method imperatively here because updating the bank\n        // account will cause the payment method version to update. This ensures we have the latest version.\n        setIsPaymentMethodPending(true)\n        const updatedPaymentMethodResponse = await queryClient.fetchQuery(getPaymentMethodQuery)\n        const updatedPaymentMethod = updatedPaymentMethodResponse.contractorPaymentMethod!\n        setIsPaymentMethodPending(false)\n\n        updatedPaymentMethodVersion = updatedPaymentMethod.version as string\n      }\n      // For check payment method, no bank account creation needed\n      const paymentMethodResponse = await updatePaymentMethod({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            type: payload.type,\n            version: updatedPaymentMethodVersion || (paymentMethod.version as string),\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n    })\n  }\n\n  const showBankAccountForm = watchedType === PAYMENT_METHODS.directDeposit\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex gap={32} flexDirection={'column'}>\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <PaymentTypeForm />\n            <hr />\n            {showBankAccountForm && <BankAccountForm bankAccount={bankAccount} />}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={paymentMethodPending || bankAccountPending || isPaymentMethodPending}\n              >\n                {t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["PaymentMethodSchema","z","routingNumberValidation","PaymentMethod","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","queryClient","useQueryClient","gustoClient","useGustoEmbeddedContext","isPaymentMethodPending","setIsPaymentMethodPending","useState","contractorPaymentMethod","useContractorPaymentMethodGetSuspense","getPaymentMethodQuery","buildContractorPaymentMethodGetQuery","paymentMethod","contractorBankAccountList","useContractorPaymentMethodGetBankAccountsSuspense","bankAccount","updatePaymentMethod","paymentMethodPending","useContractorPaymentMethodUpdateMutation","createBankAccount","bankAccountPending","useContractorPaymentMethodsCreateBankAccountMutation","defaultValues","useMemo","PAYMENT_METHODS","formMethods","useForm","zodResolver","watchedType","useWatch","onSubmit","data","payload","updatedPaymentMethodVersion","name","accountNumber","routingNumber","accountType","accountNumberValidation","bankAccountResponse","componentEvents","updatedPaymentMethod","paymentMethodResponse","showBankAccountForm","FormProvider","Form","jsxs","Flex","PaymentTypeForm","BankAccountForm","ActionsLayout"],"mappings":"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"}

package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js

@@ -1,13 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { z as t } from "zod";
-import "classnames";
 import { PAYMENT_METHODS as o } from "../../../shared/constants.js";
 import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 t.object({
   type: t.enum(["Check", "Direct Deposit"])
 });
-function d() {
+function s() {
   const { t: e } = r("Contractor.PaymentMethod");
   return /* @__PURE__ */ i(
     p,
@@ -31,6 +30,6 @@ function d() {
   );
 }
 export {
-  d as PaymentTypeForm
+  s as PaymentTypeForm
 };
 //# sourceMappingURL=PaymentTypeForm.js.map

package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentTypeForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentTypeForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { RadioGroupField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const PaymentTypeSchema = z.object({\n  type: z.enum(['Check', 'Direct Deposit']),\n})\nexport type PaymentTypeInputs = z.input<typeof PaymentTypeSchema>\nexport type PaymentTypePayload = z.output<typeof PaymentTypeSchema>\n\nexport function PaymentTypeForm() {\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  return (\n    <RadioGroupField\n      name=\"type\"\n      label={t('paymentFieldsetLegend')}\n      shouldVisuallyHideLabel\n      options={[\n        {\n          value: PAYMENT_METHODS.directDeposit,\n          label: t('directDepositLabel'),\n          description: t('directDepositDescription'),\n        },\n        {\n          value: PAYMENT_METHODS.check,\n          label: t('checkLabel'),\n          description: t('checkDescription'),\n        },\n      ]}\n    />\n  )\n}\n"],"names":["z","PaymentTypeForm","t","useTranslation","jsx","RadioGroupField","PAYMENT_METHODS"],"mappings":";;;;;;AAKiCA,EAAE,OAAO;AAAA,EACxC,MAAMA,EAAE,KAAK,CAAC,SAAS,gBAAgB,CAAC;AAC1C,CAAC;AAIM,SAASC,IAAkB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B;AACvD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAOH,EAAE,uBAAuB;AAAA,MAChC,yBAAuB;AAAA,MACvB,SAAS;AAAA,QACP;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,oBAAoB;AAAA,UAC7B,aAAaA,EAAE,0BAA0B;AAAA,QAAA;AAAA,QAE3C;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,YAAY;AAAA,UACrB,aAAaA,EAAE,kBAAkB;AAAA,QAAA;AAAA,MACnC;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PaymentTypeForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentTypeForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { RadioGroupField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const PaymentTypeSchema = z.object({\n  type: z.enum(['Check', 'Direct Deposit']),\n})\nexport type PaymentTypeInputs = z.input<typeof PaymentTypeSchema>\nexport type PaymentTypePayload = z.output<typeof PaymentTypeSchema>\n\nexport function PaymentTypeForm() {\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  return (\n    <RadioGroupField\n      name=\"type\"\n      label={t('paymentFieldsetLegend')}\n      shouldVisuallyHideLabel\n      options={[\n        {\n          value: PAYMENT_METHODS.directDeposit,\n          label: t('directDepositLabel'),\n          description: t('directDepositDescription'),\n        },\n        {\n          value: PAYMENT_METHODS.check,\n          label: t('checkLabel'),\n          description: t('checkDescription'),\n        },\n      ]}\n    />\n  )\n}\n"],"names":["z","PaymentTypeForm","t","useTranslation","jsx","RadioGroupField","PAYMENT_METHODS"],"mappings":";;;;;AAKiCA,EAAE,OAAO;AAAA,EACxC,MAAMA,EAAE,KAAK,CAAC,SAAS,gBAAgB,CAAC;AAC1C,CAAC;AAIM,SAASC,IAAkB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B;AACvD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAOH,EAAE,uBAAuB;AAAA,MAChC,yBAAuB;AAAA,MACvB,SAAS;AAAA,QACP;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,oBAAoB;AAAA,UAC7B,aAAaA,EAAE,0BAA0B;AAAA,QAAA;AAAA,QAE3C;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,YAAY;AAAA,UACrB,aAAaA,EAAE,kBAAkB;AAAA,QAAA;AAAA,MACnC;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Profile/ContractorProfile.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useContractorsGetSuspense as m } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/contractorsGet.js";
+import { useContractorsGetSuspense as m } from "@gusto/embedded-api/react-query/contractorsGet";
 import { useContractorProfile as f } from "./useContractorProfile.js";
 import { ContractorType as W, WageType as g } from "./useContractorProfile.js";
 import { ContractorProfileForm as d } from "./ContractorProfileForm.js";

package/dist/components/Contractor/Profile/ContractorProfileForm.js

@@ -6,14 +6,14 @@ import { useI18n as T } from "../../../i18n/I18n.js";
 import { Form as C } from "../../Common/Form/Form.js";
 import { Grid as n } from "../../Common/Grid/Grid.js";
 import { Flex as D } from "../../Common/Flex/Flex.js";
+import { usePlaceholderSSN as I, normalizeSSN as O } from "../../../helpers/ssn.js";
+import { usePlaceholderEin as x, normalizeEin as E } from "../../../helpers/federalEin.js";
+import { ContractorOnboardingStatus as j } from "../../../shared/constants.js";
 import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as I } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { SwitchField as O } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { DatePickerField as x } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-import { usePlaceholderSSN as E, normalizeSSN as j } from "../../../helpers/ssn.js";
-import { usePlaceholderEin as w, normalizeEin as G } from "../../../helpers/federalEin.js";
-import { ContractorOnboardingStatus as v } from "../../../shared/constants.js";
+import { NumberInputField as w } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as G } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as v } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 function Z({
   formMethods: u,
   handleSubmit: f,
@@ -30,7 +30,7 @@ function Z({
 }) {
   const t = S();
   T("Contractor.Profile");
-  const { t: e } = P("Contractor.Profile"), y = E(a?.hasSsn ?? !1), q = w(a?.hasEin ?? !1);
+  const { t: e } = P("Contractor.Profile"), y = I(a?.hasSsn ?? !1), q = x(a?.hasEin ?? !1);
   return /* @__PURE__ */ r("section", { className: R, children: /* @__PURE__ */ r(F, { ...u, children: /* @__PURE__ */ i(C, { onSubmit: f, children: [
     /* @__PURE__ */ i(n, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
       /* @__PURE__ */ i("header", { children: [
@@ -39,12 +39,12 @@ function Z({
       ] }),
       /* @__PURE__ */ r(t.Card, { children: /* @__PURE__ */ i(n, { gap: 16, children: [
         /* @__PURE__ */ r(
-          O,
+          G,
           {
             name: "selfOnboarding",
             label: e("fields.selfOnboarding.label"),
             description: e("fields.selfOnboarding.description"),
-            isDisabled: a && a.onboardingStatus !== v.ADMIN_ONBOARDING_INCOMPLETE
+            isDisabled: a && a.onboardingStatus !== j.ADMIN_ONBOARDING_INCOMPLETE
           }
         ),
         b && /* @__PURE__ */ r(
@@ -78,7 +78,7 @@ function Z({
             name: "ssn",
             label: e("fields.ssn.label"),
             placeholder: y,
-            transform: j,
+            transform: O,
             isRequired: !0
           }
         )
@@ -98,7 +98,7 @@ function Z({
             name: "ein",
             label: e("fields.ein.label"),
             placeholder: q,
-            transform: G,
+            transform: E,
             isRequired: !0
           }
         )
@@ -113,7 +113,7 @@ function Z({
         }
       ),
       h && /* @__PURE__ */ r(
-        I,
+        w,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -123,7 +123,7 @@ function Z({
         }
       ),
       /* @__PURE__ */ r(
-        x,
+        v,
         {
           name: "startDate",
           label: e("fields.startDate.label"),

package/dist/components/Contractor/Profile/useContractorProfile.js

@@ -1,29 +1,32 @@
 import { useMemo as z } from "react";
 import { useTranslation as G } from "react-i18next";
-import { zodResolver as V } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { zodResolver as V } from "@hookform/resolvers/zod";
 import { useForm as $, useWatch as y } from "react-hook-form";
 import { z as s } from "zod";
-import { useContractorsCreateMutation as X } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/contractorsCreate.js";
-import { useContractorsUpdateMutation as j } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/contractorsUpdate.js";
-import { WageType as L, ContractorType as k } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/models/components/contractor.js";
+import { useContractorsCreateMutation as X } from "@gusto/embedded-api/react-query/contractorsCreate";
+import { useContractorsUpdateMutation as j } from "@gusto/embedded-api/react-query/contractorsUpdate";
+import { WageType as L, ContractorType as k } from "@gusto/embedded-api/models/components/contractor";
 import "react/jsx-runtime";
 import "react-error-boundary";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@tanstack/react-query";
 import { useBase as J } from "../../Base/useBase.js";
 import { ContractorSelfOnboardingStatuses as K, componentEvents as v, ContractorOnboardingStatus as Q } from "../../../shared/constants.js";
-import "classnames";
 import { removeNonDigits as Y } from "../../../helpers/formattedStrings.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as x } from "../../../i18n/I18n.js";
 import { SSN_REGEX as ee, NAME_REGEX as T } from "../../../helpers/validations.js";
 import { formatDateToStringDate as oe } from "../../../helpers/dateFormatting.js";
 import { normalizeEin as se } from "../../../helpers/federalEin.js";
-const i = L, n = k, ae = s.object({
+const n = L, i = k, ae = s.object({
   // Self-onboarding toggle
   selfOnboarding: s.boolean(),
   email: s.string().email().optional(),
   // Required contractor fields
-  contractorType: s.enum([n.Individual, n.Business]),
-  wageType: s.enum([i.Hourly, i.Fixed]),
+  contractorType: s.enum([i.Individual, i.Business]),
+  wageType: s.enum([n.Hourly, n.Fixed]),
   startDate: s.date(),
   // Individual contractor fields
   firstName: s.string().min(1).regex(T).optional(),
@@ -35,13 +38,13 @@ const i = L, n = k, ae = s.object({
   ein: s.string().optional(),
   // Wage fields
   hourlyRate: s.number().min(0).optional()
-}), te = (a, p, m) => ae.superRefine(
+}), te = (a, p, d) => ae.superRefine(
   (e, t) => {
     if (e.selfOnboarding && !e.email && t.addIssue({
       code: s.ZodIssueCode.custom,
       path: ["email"],
       message: a("validations.email")
-    }), e.contractorType === n.Individual)
+    }), e.contractorType === i.Individual)
       if (e.firstName || t.addIssue({
         code: s.ZodIssueCode.custom,
         path: ["firstName"],
@@ -64,13 +67,13 @@ const i = L, n = k, ae = s.object({
           message: a("validations.ssnFormat")
         });
       }
-    if (e.contractorType === n.Business)
+    if (e.contractorType === i.Business)
       if (e.businessName || t.addIssue({
         code: s.ZodIssueCode.custom,
         path: ["businessName"],
         message: a("validations.businessName")
       }), !e.ein)
-        m || t.addIssue({
+        d || t.addIssue({
           code: s.ZodIssueCode.custom,
           path: ["ein"],
           message: a("validations.ein")
@@ -83,17 +86,17 @@ const i = L, n = k, ae = s.object({
           message: a("validations.einFormat")
         });
       }
-    e.wageType === i.Hourly && (e.hourlyRate === void 0 || e.hourlyRate < 0) && t.addIssue({
+    e.wageType === n.Hourly && (e.hourlyRate === void 0 || e.hourlyRate < 0) && t.addIssue({
       code: s.ZodIssueCode.custom,
       path: ["hourlyRate"],
       message: a("validations.hourlyRate")
     });
   }
 );
-function Se({
+function De({
   companyId: a,
   contractorId: p,
-  defaultValues: m,
+  defaultValues: d,
   existingContractor: e
 }) {
   x("Contractor.Profile");
@@ -104,18 +107,18 @@ function Se({
   ), { mutateAsync: I, isPending: R } = X(), { mutateAsync: S, isPending: w } = j(), O = z(
     () => ({
       selfOnboarding: !1,
-      contractorType: n.Business,
-      wageType: i.Fixed,
+      contractorType: i.Business,
+      wageType: n.Fixed,
       startDate: /* @__PURE__ */ new Date(),
-      ...m,
+      ...d,
       // Override with existing contractor data if available
       ...e && {
         selfOnboarding: e.onboardingStatus ? (
           // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
           K.has(e.onboardingStatus)
         ) : !1,
-        contractorType: e.type || n.Business,
-        wageType: e.wageType || i.Fixed,
+        contractorType: e.type || i.Business,
+        wageType: e.wageType || n.Fixed,
         startDate: e.startDate ? new Date(e.startDate) : /* @__PURE__ */ new Date(),
         firstName: e.firstName || void 0,
         middleInitial: e.middleInitial || void 0,
@@ -128,12 +131,12 @@ function Se({
         })() : void 0
       }
     }),
-    [e, m]
-  ), d = $({
+    [e, d]
+  ), m = $({
     resolver: V(g),
     defaultValues: O
-  }), { handleSubmit: D, formState: E } = d, h = y({ control: d.control, name: "contractorType" }), P = y({ control: d.control, name: "wageType" }), F = y({
-    control: d.control,
+  }), { handleSubmit: D, formState: E } = m, h = y({ control: m.control, name: "contractorType" }), P = y({ control: m.control, name: "wageType" }), F = y({
+    control: m.control,
     name: "selfOnboarding"
   }), N = (o) => {
     const r = {
@@ -142,10 +145,10 @@ function Se({
       startDate: oe(o.startDate) || "",
       selfOnboarding: o.selfOnboarding,
       email: o.selfOnboarding ? o.email : void 0,
-      hourlyRate: o.wageType === i.Hourly ? String(o.hourlyRate) : void 0,
+      hourlyRate: o.wageType === n.Hourly ? String(o.hourlyRate) : void 0,
       isActive: !0
     };
-    return o.contractorType === n.Individual ? {
+    return o.contractorType === i.Individual ? {
       ...r,
       firstName: o.firstName,
       middleInitial: o.middleInitial || void 0,
@@ -190,16 +193,16 @@ function Se({
         contractorId: u
       });
     });
-  }, A = !!F, H = h === n.Business, Z = h === n.Individual, _ = P === i.Hourly, M = [
-    { label: "Individual", value: n.Individual },
-    { label: "Business", value: n.Business }
+  }, A = !!F, H = h === i.Business, Z = h === i.Individual, _ = P === n.Hourly, M = [
+    { label: "Individual", value: i.Individual },
+    { label: "Business", value: i.Business }
   ], U = [
-    { label: "Hourly", value: i.Hourly },
-    { label: "Fixed", value: i.Fixed }
+    { label: "Hourly", value: n.Hourly },
+    { label: "Fixed", value: n.Fixed }
   ], W = R || w;
   return {
     // Form methods and submission
-    formMethods: d,
+    formMethods: m,
     handleSubmit: D(B),
     formState: {
       ...E,
@@ -218,9 +221,9 @@ function Se({
   };
 }
 export {
-  n as ContractorType,
-  i as WageType,
+  i as ContractorType,
+  n as WageType,
   te as createContractorProfileValidationSchema,
-  Se as useContractorProfile
+  De as useContractorProfile
 };
 //# sourceMappingURL=useContractorProfile.js.map

package/dist/components/Contractor/Profile/useContractorProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/useContractorProfile.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { useForm, useWatch } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { PostV1CompaniesCompanyUuidContractorsRequestBody } from '@gusto/embedded-api/models/operations/postv1companiescompanyuuidcontractors'\nimport type { PutV1ContractorsContractorUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1contractorscontractoruuid'\nimport {\n  WageType as ApiWageType,\n  ContractorType as ApiContractorType,\n  type Contractor,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  ContractorOnboardingStatus,\n  ContractorSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n// Re-export the API types for convenience\nexport const WageType = ApiWageType\nexport const ContractorType = ApiContractorType\n\n// Form schema definition - exported for use in stories and tests\nconst ContractorProfileSchema = z.object({\n  // Self-onboarding toggle\n  selfOnboarding: z.boolean(),\n  email: z.string().email().optional(),\n\n  // Required contractor fields\n  contractorType: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.date(),\n\n  // Individual contractor fields\n  firstName: z.string().min(1).regex(NAME_REGEX).optional(),\n  middleInitial: z.string().optional(),\n  lastName: z.string().min(1).regex(NAME_REGEX).optional(),\n  ssn: z.string().optional(),\n\n  // Business contractor fields\n  businessName: z.string().optional(),\n  ein: z.string().optional(),\n\n  // Wage fields\n  hourlyRate: z.number().min(0).optional(),\n})\n\nexport type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>\n\n// Create validation schema - exported for stories\nexport const createContractorProfileValidationSchema = (\n  t: (key: string) => string,\n  hasSsn: boolean,\n  hasEin: boolean,\n) => {\n  return ContractorProfileSchema.superRefine(\n    (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n      // Email validation for contractor invitation\n      if (data.selfOnboarding && !data.email) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['email'],\n          message: t('validations.email'),\n        })\n      }\n\n      // Individual contractor validations\n      if (data.contractorType === ContractorType.Individual) {\n        if (!data.firstName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['firstName'],\n            message: t('validations.firstName'),\n          })\n        }\n\n        if (!data.lastName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['lastName'],\n            message: t('validations.lastName'),\n          })\n        }\n\n        if (!data.ssn) {\n          if (!hasSsn) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssn'),\n            })\n          }\n        } else {\n          // Validate SSN format\n          const cleanSSN = removeNonDigits(data.ssn)\n          if (!SSN_REGEX.test(cleanSSN)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssnFormat'),\n            })\n          }\n        }\n      }\n\n      // Business contractor validations\n      if (data.contractorType === ContractorType.Business) {\n        if (!data.businessName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['businessName'],\n            message: t('validations.businessName'),\n          })\n        }\n\n        if (!data.ein) {\n          if (!hasEin) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.ein'),\n            })\n          }\n        } else {\n          // Validate EIN format after normalization (XX-XXXXXXX)\n          const normalizedEin = normalizeEin(data.ein)\n          if (!/^\\d{2}-\\d{7}$/.test(normalizedEin)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.einFormat'),\n            })\n          }\n        }\n      }\n\n      // Hourly rate validation for hourly contractors\n      if (data.wageType === WageType.Hourly) {\n        if (data.hourlyRate === undefined || data.hourlyRate < 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['hourlyRate'],\n            message: t('validations.hourlyRate'),\n          })\n        }\n      }\n    },\n  )\n}\n\nexport interface UseContractorProfileProps {\n  companyId: string\n  contractorId?: string\n  defaultValues?: Partial<ContractorProfileFormData>\n  existingContractor?: Contractor\n}\n\nexport function useContractorProfile({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n}: UseContractorProfileProps) {\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // Create validation schema with translations\n  const validationSchema = createContractorProfileValidationSchema(\n    t as (key: string) => string,\n    existingContractor?.hasSsn ?? false,\n    existingContractor?.hasEin ?? false,\n  )\n\n  // API mutations\n  const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n  const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n  // Prepare default values from existing contractor or provided defaults\n  const formDefaultValues = useMemo(\n    () => ({\n      selfOnboarding: false,\n      contractorType: ContractorType.Business,\n      wageType: WageType.Fixed,\n      startDate: new Date(),\n      ...defaultValues,\n      // Override with existing contractor data if available\n      ...(existingContractor && {\n        selfOnboarding: existingContractor.onboardingStatus\n          ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n            ContractorSelfOnboardingStatuses.has(existingContractor.onboardingStatus)\n          : false,\n        contractorType: existingContractor.type || ContractorType.Business,\n        wageType: existingContractor.wageType || WageType.Fixed,\n        startDate: existingContractor.startDate\n          ? new Date(existingContractor.startDate)\n          : new Date(),\n        firstName: existingContractor.firstName || undefined,\n        middleInitial: existingContractor.middleInitial || undefined,\n        lastName: existingContractor.lastName || undefined,\n        businessName: existingContractor.businessName || undefined,\n        email: existingContractor.email || undefined,\n        hourlyRate: existingContractor.hourlyRate\n          ? (() => {\n              const parsed = parseFloat(existingContractor.hourlyRate)\n              return isNaN(parsed) ? undefined : parsed\n            })()\n          : undefined,\n      }),\n    }),\n    [existingContractor, defaultValues],\n  )\n\n  // Form setup\n  const formMethods = useForm<ContractorProfileFormData, unknown, ContractorProfileFormData>({\n    resolver: zodResolver(validationSchema),\n    defaultValues: formDefaultValues,\n  })\n\n  const { handleSubmit, formState } = formMethods\n\n  // Watch form values for conditional rendering\n  const watchedType = useWatch({ control: formMethods.control, name: 'contractorType' })\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const watchedSelfOnboarding = useWatch({\n    control: formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  // Helper function to transform form data to API payload\n  const transformFormDataToCreatePayload = (\n    data: ContractorProfileFormData,\n  ): PostV1CompaniesCompanyUuidContractorsRequestBody => {\n    const basePayload = {\n      type: data.contractorType,\n      wageType: data.wageType,\n      startDate: formatDateToStringDate(data.startDate) || '',\n      selfOnboarding: data.selfOnboarding,\n      email: data.selfOnboarding ? data.email : undefined,\n      hourlyRate: data.wageType === WageType.Hourly ? String(data.hourlyRate) : undefined,\n      isActive: true,\n    }\n\n    if (data.contractorType === ContractorType.Individual) {\n      return {\n        ...basePayload,\n        firstName: data.firstName,\n        middleInitial: data.middleInitial || undefined,\n        lastName: data.lastName,\n        ssn: data.ssn,\n        fileNewHireReport: false, // Default value\n      }\n    } else {\n      return {\n        ...basePayload,\n        fileNewHireReport: false, // Default value\n        businessName: data.businessName,\n        ein: data.ein?.replace(/-/g, ''),\n      }\n    }\n  }\n\n  const transformFormDataToUpdatePayload = (\n    data: ContractorProfileFormData,\n    version: string,\n  ): PutV1ContractorsContractorUuidRequestBody => {\n    const createPayload = transformFormDataToCreatePayload(data)\n    return {\n      ...createPayload,\n      version,\n    }\n  }\n\n  // Event handlers\n  const onSubmit: SubmitHandler<ContractorProfileFormData> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let contractorId = existingContractor?.uuid\n      if (existingContractor) {\n        // Update existing contractor\n        if (!existingContractor.version) {\n          throw new Error('Contractor version is required for updates')\n        }\n        const version = existingContractor.version\n        const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n        const updateResponse = await updateContractor({\n          request: {\n            contractorUuid: contractorId!,\n            requestBody: apiPayload,\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_UPDATED, updateResponse.contractor)\n      } else {\n        // Create new contractor\n        const apiPayload = transformFormDataToCreatePayload(payload)\n\n        const createResponse = await createContractor({\n          request: {\n            companyUuid: companyId,\n            requestBody: apiPayload,\n          },\n        })\n\n        contractorId = createResponse.contractor?.uuid\n        onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n      }\n\n      onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n        selfOnboarding:\n          payload.selfOnboarding &&\n          existingContractor?.onboardingStatus !==\n            ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n        contractorId,\n      })\n    })\n  }\n\n  // Conditional rendering helpers\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n  const shouldShowEmailField = !!watchedSelfOnboarding\n  const shouldShowBusinessFields = watchedType === ContractorType.Business\n  const shouldShowIndividualFields = watchedType === ContractorType.Individual\n  const shouldShowHourlyRate = watchedWageType === WageType.Hourly\n\n  // Form field options\n  const contractorTypeOptions = [\n    { label: 'Individual', value: ContractorType.Individual },\n    { label: 'Business', value: ContractorType.Business },\n  ]\n\n  const wageTypeOptions = [\n    { label: 'Hourly', value: WageType.Hourly },\n    { label: 'Fixed', value: WageType.Fixed },\n  ]\n\n  // Determine if we're currently submitting (creating or updating)\n  const isSubmitting = isCreating || isUpdating\n  // Return only what the component actually needs\n  return {\n    // Form methods and submission\n    formMethods,\n    handleSubmit: handleSubmit(onSubmit),\n    formState: {\n      ...formState,\n      isSubmitting,\n    },\n\n    // Conditional rendering flags\n    shouldShowEmailField,\n    shouldShowBusinessFields,\n    shouldShowIndividualFields,\n    shouldShowHourlyRate,\n\n    // Form options\n    contractorTypeOptions,\n    wageTypeOptions,\n\n    // Component state\n    isEditing: !!contractorId,\n  }\n}\n"],"names":["WageType","ApiWageType","ContractorType","ApiContractorType","ContractorProfileSchema","z","NAME_REGEX","createContractorProfileValidationSchema","t","hasSsn","hasEin","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","existingContractor","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","formDefaultValues","useMemo","ContractorSelfOnboardingStatuses","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedSelfOnboarding","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}
+{"version":3,"file":"useContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/useContractorProfile.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { useForm, useWatch } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { PostV1CompaniesCompanyUuidContractorsRequestBody } from '@gusto/embedded-api/models/operations/postv1companiescompanyuuidcontractors'\nimport type { PutV1ContractorsContractorUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1contractorscontractoruuid'\nimport {\n  WageType as ApiWageType,\n  ContractorType as ApiContractorType,\n  type Contractor,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  ContractorOnboardingStatus,\n  ContractorSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n// Re-export the API types for convenience\nexport const WageType = ApiWageType\nexport const ContractorType = ApiContractorType\n\n// Form schema definition - exported for use in stories and tests\nconst ContractorProfileSchema = z.object({\n  // Self-onboarding toggle\n  selfOnboarding: z.boolean(),\n  email: z.string().email().optional(),\n\n  // Required contractor fields\n  contractorType: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.date(),\n\n  // Individual contractor fields\n  firstName: z.string().min(1).regex(NAME_REGEX).optional(),\n  middleInitial: z.string().optional(),\n  lastName: z.string().min(1).regex(NAME_REGEX).optional(),\n  ssn: z.string().optional(),\n\n  // Business contractor fields\n  businessName: z.string().optional(),\n  ein: z.string().optional(),\n\n  // Wage fields\n  hourlyRate: z.number().min(0).optional(),\n})\n\nexport type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>\n\n// Create validation schema - exported for stories\nexport const createContractorProfileValidationSchema = (\n  t: (key: string) => string,\n  hasSsn: boolean,\n  hasEin: boolean,\n) => {\n  return ContractorProfileSchema.superRefine(\n    (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n      // Email validation for contractor invitation\n      if (data.selfOnboarding && !data.email) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['email'],\n          message: t('validations.email'),\n        })\n      }\n\n      // Individual contractor validations\n      if (data.contractorType === ContractorType.Individual) {\n        if (!data.firstName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['firstName'],\n            message: t('validations.firstName'),\n          })\n        }\n\n        if (!data.lastName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['lastName'],\n            message: t('validations.lastName'),\n          })\n        }\n\n        if (!data.ssn) {\n          if (!hasSsn) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssn'),\n            })\n          }\n        } else {\n          // Validate SSN format\n          const cleanSSN = removeNonDigits(data.ssn)\n          if (!SSN_REGEX.test(cleanSSN)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssnFormat'),\n            })\n          }\n        }\n      }\n\n      // Business contractor validations\n      if (data.contractorType === ContractorType.Business) {\n        if (!data.businessName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['businessName'],\n            message: t('validations.businessName'),\n          })\n        }\n\n        if (!data.ein) {\n          if (!hasEin) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.ein'),\n            })\n          }\n        } else {\n          // Validate EIN format after normalization (XX-XXXXXXX)\n          const normalizedEin = normalizeEin(data.ein)\n          if (!/^\\d{2}-\\d{7}$/.test(normalizedEin)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.einFormat'),\n            })\n          }\n        }\n      }\n\n      // Hourly rate validation for hourly contractors\n      if (data.wageType === WageType.Hourly) {\n        if (data.hourlyRate === undefined || data.hourlyRate < 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['hourlyRate'],\n            message: t('validations.hourlyRate'),\n          })\n        }\n      }\n    },\n  )\n}\n\nexport interface UseContractorProfileProps {\n  companyId: string\n  contractorId?: string\n  defaultValues?: Partial<ContractorProfileFormData>\n  existingContractor?: Contractor\n}\n\nexport function useContractorProfile({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n}: UseContractorProfileProps) {\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // Create validation schema with translations\n  const validationSchema = createContractorProfileValidationSchema(\n    t as (key: string) => string,\n    existingContractor?.hasSsn ?? false,\n    existingContractor?.hasEin ?? false,\n  )\n\n  // API mutations\n  const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n  const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n  // Prepare default values from existing contractor or provided defaults\n  const formDefaultValues = useMemo(\n    () => ({\n      selfOnboarding: false,\n      contractorType: ContractorType.Business,\n      wageType: WageType.Fixed,\n      startDate: new Date(),\n      ...defaultValues,\n      // Override with existing contractor data if available\n      ...(existingContractor && {\n        selfOnboarding: existingContractor.onboardingStatus\n          ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n            ContractorSelfOnboardingStatuses.has(existingContractor.onboardingStatus)\n          : false,\n        contractorType: existingContractor.type || ContractorType.Business,\n        wageType: existingContractor.wageType || WageType.Fixed,\n        startDate: existingContractor.startDate\n          ? new Date(existingContractor.startDate)\n          : new Date(),\n        firstName: existingContractor.firstName || undefined,\n        middleInitial: existingContractor.middleInitial || undefined,\n        lastName: existingContractor.lastName || undefined,\n        businessName: existingContractor.businessName || undefined,\n        email: existingContractor.email || undefined,\n        hourlyRate: existingContractor.hourlyRate\n          ? (() => {\n              const parsed = parseFloat(existingContractor.hourlyRate)\n              return isNaN(parsed) ? undefined : parsed\n            })()\n          : undefined,\n      }),\n    }),\n    [existingContractor, defaultValues],\n  )\n\n  // Form setup\n  const formMethods = useForm<ContractorProfileFormData, unknown, ContractorProfileFormData>({\n    resolver: zodResolver(validationSchema),\n    defaultValues: formDefaultValues,\n  })\n\n  const { handleSubmit, formState } = formMethods\n\n  // Watch form values for conditional rendering\n  const watchedType = useWatch({ control: formMethods.control, name: 'contractorType' })\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const watchedSelfOnboarding = useWatch({\n    control: formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  // Helper function to transform form data to API payload\n  const transformFormDataToCreatePayload = (\n    data: ContractorProfileFormData,\n  ): PostV1CompaniesCompanyUuidContractorsRequestBody => {\n    const basePayload = {\n      type: data.contractorType,\n      wageType: data.wageType,\n      startDate: formatDateToStringDate(data.startDate) || '',\n      selfOnboarding: data.selfOnboarding,\n      email: data.selfOnboarding ? data.email : undefined,\n      hourlyRate: data.wageType === WageType.Hourly ? String(data.hourlyRate) : undefined,\n      isActive: true,\n    }\n\n    if (data.contractorType === ContractorType.Individual) {\n      return {\n        ...basePayload,\n        firstName: data.firstName,\n        middleInitial: data.middleInitial || undefined,\n        lastName: data.lastName,\n        ssn: data.ssn,\n        fileNewHireReport: false, // Default value\n      }\n    } else {\n      return {\n        ...basePayload,\n        fileNewHireReport: false, // Default value\n        businessName: data.businessName,\n        ein: data.ein?.replace(/-/g, ''),\n      }\n    }\n  }\n\n  const transformFormDataToUpdatePayload = (\n    data: ContractorProfileFormData,\n    version: string,\n  ): PutV1ContractorsContractorUuidRequestBody => {\n    const createPayload = transformFormDataToCreatePayload(data)\n    return {\n      ...createPayload,\n      version,\n    }\n  }\n\n  // Event handlers\n  const onSubmit: SubmitHandler<ContractorProfileFormData> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let contractorId = existingContractor?.uuid\n      if (existingContractor) {\n        // Update existing contractor\n        if (!existingContractor.version) {\n          throw new Error('Contractor version is required for updates')\n        }\n        const version = existingContractor.version\n        const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n        const updateResponse = await updateContractor({\n          request: {\n            contractorUuid: contractorId!,\n            requestBody: apiPayload,\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_UPDATED, updateResponse.contractor)\n      } else {\n        // Create new contractor\n        const apiPayload = transformFormDataToCreatePayload(payload)\n\n        const createResponse = await createContractor({\n          request: {\n            companyUuid: companyId,\n            requestBody: apiPayload,\n          },\n        })\n\n        contractorId = createResponse.contractor?.uuid\n        onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n      }\n\n      onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n        selfOnboarding:\n          payload.selfOnboarding &&\n          existingContractor?.onboardingStatus !==\n            ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n        contractorId,\n      })\n    })\n  }\n\n  // Conditional rendering helpers\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n  const shouldShowEmailField = !!watchedSelfOnboarding\n  const shouldShowBusinessFields = watchedType === ContractorType.Business\n  const shouldShowIndividualFields = watchedType === ContractorType.Individual\n  const shouldShowHourlyRate = watchedWageType === WageType.Hourly\n\n  // Form field options\n  const contractorTypeOptions = [\n    { label: 'Individual', value: ContractorType.Individual },\n    { label: 'Business', value: ContractorType.Business },\n  ]\n\n  const wageTypeOptions = [\n    { label: 'Hourly', value: WageType.Hourly },\n    { label: 'Fixed', value: WageType.Fixed },\n  ]\n\n  // Determine if we're currently submitting (creating or updating)\n  const isSubmitting = isCreating || isUpdating\n  // Return only what the component actually needs\n  return {\n    // Form methods and submission\n    formMethods,\n    handleSubmit: handleSubmit(onSubmit),\n    formState: {\n      ...formState,\n      isSubmitting,\n    },\n\n    // Conditional rendering flags\n    shouldShowEmailField,\n    shouldShowBusinessFields,\n    shouldShowIndividualFields,\n    shouldShowHourlyRate,\n\n    // Form options\n    contractorTypeOptions,\n    wageTypeOptions,\n\n    // Component state\n    isEditing: !!contractorId,\n  }\n}\n"],"names":["WageType","ApiWageType","ContractorType","ApiContractorType","ContractorProfileSchema","z","NAME_REGEX","createContractorProfileValidationSchema","t","hasSsn","hasEin","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","existingContractor","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","formDefaultValues","useMemo","ContractorSelfOnboardingStatuses","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedSelfOnboarding","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}

package/dist/components/Contractor/Submit/Submit.js

@@ -1,18 +1,17 @@
 import { jsx as t, jsxs as a, Fragment as p } from "react/jsx-runtime";
 import { useTranslation as O } from "react-i18next";
-import { useContractorsUpdateOnboardingStatusMutation as _ } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/contractorsUpdateOnboardingStatus.js";
-import { useContractorsGetOnboardingStatusSuspense as R } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/contractorsGetOnboardingStatus.js";
-import { useContractorsGetSuspense as A } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/contractorsGet.js";
+import { useContractorsUpdateOnboardingStatusMutation as _ } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
+import { useContractorsGetOnboardingStatusSuspense as R } from "@gusto/embedded-api/react-query/contractorsGetOnboardingStatus";
+import { useContractorsGetSuspense as A } from "@gusto/embedded-api/react-query/contractorsGet";
 import { SubmitDone as E } from "./SubmitDone.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
-import "classnames";
-import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { BaseComponent as B } from "../../Base/Base.js";
 import { useBase as v } from "../../Base/useBase.js";
+import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { firstLastName as x } from "../../../helpers/formattedStrings.js";
-function Q(e) {
+function K(e) {
   return /* @__PURE__ */ t(B, { ...e, children: /* @__PURE__ */ t(U, { ...e, children: e.children }) });
 }
 const U = ({ contractorId: e, selfOnboarding: c }) => {
@@ -71,7 +70,7 @@ const U = ({ contractorId: e, selfOnboarding: c }) => {
   ] });
 };
 export {
-  Q as ContractorSubmit,
+  K as ContractorSubmit,
   U as Root
 };
 //# sourceMappingURL=Submit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface ContractorSubmitProps\n  extends CommonComponentInterface<'Contractor.ContractorList'> {\n  contractorId: string\n  selfOnboarding?: boolean\n}\n\nexport function ContractorSubmit(props: ContractorSubmitProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ contractorId, selfOnboarding }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  const { Alert, Button, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <>\n      <Alert label={t('title')} status=\"warning\">\n        <UnorderedList items={items} />\n      </Alert>\n      <Flex flexDirection=\"column\" alignItems=\"flex-end\">\n        <Button title={t('submitCTA')} onClick={onSubmit}>\n          {t('submitCTA')}\n        </Button>\n      </Flex>\n    </>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","useI18n","Alert","Button","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Fragment","Flex","Heading","Text","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}
+{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface ContractorSubmitProps\n  extends CommonComponentInterface<'Contractor.ContractorList'> {\n  contractorId: string\n  selfOnboarding?: boolean\n}\n\nexport function ContractorSubmit(props: ContractorSubmitProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ contractorId, selfOnboarding }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  const { Alert, Button, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <>\n      <Alert label={t('title')} status=\"warning\">\n        <UnorderedList items={items} />\n      </Alert>\n      <Flex flexDirection=\"column\" alignItems=\"flex-end\">\n        <Button title={t('submitCTA')} onClick={onSubmit}>\n          {t('submitCTA')}\n        </Button>\n      </Flex>\n    </>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","useI18n","Alert","Button","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Fragment","Flex","Heading","Text","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}

package/dist/components/Employee/Compensation/Actions.js

@@ -2,12 +2,11 @@ import { jsxs as A, jsx as i } from "react/jsx-runtime";
 import { useFormContext as l, useWatch as d } from "react-hook-form";
 import { useTranslation as T } from "react-i18next";
 import { useCompensation as O } from "./useCompensation.js";
-import "classnames";
-import { FlsaStatus as a } from "../../../shared/constants.js";
 import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { FlsaStatus as a } from "../../../shared/constants.js";
 import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const h = () => {
-  const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: m, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: I } = l(), c = d({ control: I, name: "flsaStatus" }), e = C();
+const B = () => {
+  const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: I, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: m } = l(), c = d({ control: m, name: "flsaStatus" }), e = C();
   return /* @__PURE__ */ A(u, { children: [
     r === a.NONEXEMPT && t === "LIST" && /* @__PURE__ */ i(
       e.Button,
@@ -20,7 +19,7 @@ const h = () => {
         children: n("addAnotherJobCta")
       }
     ),
-    (r === a.NONEXEMPT && t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && /* @__PURE__ */ i(e.Button, { variant: "secondary", onClick: m, isDisabled: s, children: n("cancelNewJobCta") }),
+    (r === a.NONEXEMPT && t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && /* @__PURE__ */ i(e.Button, { variant: "secondary", onClick: I, isDisabled: s, children: n("cancelNewJobCta") }),
     /* @__PURE__ */ i(
       e.Button,
       {
@@ -34,6 +33,6 @@ const h = () => {
   ] });
 };
 export {
-  h as Actions
+  B as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Employee/Compensation/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Compensation/Actions.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useCompensation, type CompensationInputs } from './useCompensation'\nimport { ActionsLayout } from '@/components/Common'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { isPending, mode, submitWithEffect, handleAdd, handleCancelAddJob, primaryFlsaStatus } =\n    useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n  const { control } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'LIST' && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleAdd()\n          }}\n          isDisabled={isPending}\n        >\n          {t('addAnotherJobCta')}\n        </Components.Button>\n      )}\n      {((primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'ADD_ADDITIONAL_JOB') ||\n        mode === 'EDIT_ADDITIONAL_JOB') && (\n        <Components.Button variant=\"secondary\" onClick={handleCancelAddJob} isDisabled={isPending}>\n          {t('cancelNewJobCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        onClick={() => {\n          if (mode === 'LIST') {\n            submitWithEffect('PROCEED')\n          }\n\n          if (mode === 'ADD_ADDITIONAL_JOB' || mode === 'EDIT_ADDITIONAL_JOB') {\n            submitWithEffect('LIST')\n          }\n\n          if (mode === 'ADD_INITIAL_JOB' || mode === 'EDIT_INITIAL_JOB') {\n            if (watchedFlsaStatus === FlsaStatus.NONEXEMPT) {\n              submitWithEffect('LIST')\n            } else {\n              submitWithEffect('PROCEED')\n            }\n          }\n        }}\n        isLoading={isPending}\n      >\n        {mode === 'EDIT_ADDITIONAL_JOB' || mode === 'ADD_ADDITIONAL_JOB'\n          ? t('saveNewJobCta')\n          : t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","isPending","mode","submitWithEffect","handleAdd","handleCancelAddJob","primaryFlsaStatus","useCompensation","t","useTranslation","control","useFormContext","watchedFlsaStatus","useWatch","Components","useComponentContext","ActionsLayout","FlsaStatus","jsx"],"mappings":";;;;;;;;AAOO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,EAAA,IACxEC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAV,MAAsBW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAV,EAAA;AAAA,QACF;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,KAGtBK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACT,gBAAAgB,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAST,GAAoB,YAAYJ,GAC7E,UAAAO,EAAE,iBAAiB,GACtB;AAAA,IAEF,gBAAAU;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAS,MAAM;AACb,UAAIZ,MAAS,UACXC,EAAiB,SAAS,IAGxBD,MAAS,wBAAwBA,MAAS,0BAC5CC,EAAiB,MAAM,IAGrBD,MAAS,qBAAqBA,MAAS,wBACrCU,MAAsBK,EAAW,YACnCd,EAAiB,MAAM,IAEvBA,EAAiB,SAAS;AAAA,QAGhC;AAAA,QACA,WAAWF;AAAA,QAEV,UACGO,EADHN,MAAS,yBAAyBA,MAAS,uBACtC,kBACA,WADe;AAAA,MACJ;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Compensation/Actions.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useCompensation, type CompensationInputs } from './useCompensation'\nimport { ActionsLayout } from '@/components/Common'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { isPending, mode, submitWithEffect, handleAdd, handleCancelAddJob, primaryFlsaStatus } =\n    useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n  const { control } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'LIST' && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleAdd()\n          }}\n          isDisabled={isPending}\n        >\n          {t('addAnotherJobCta')}\n        </Components.Button>\n      )}\n      {((primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'ADD_ADDITIONAL_JOB') ||\n        mode === 'EDIT_ADDITIONAL_JOB') && (\n        <Components.Button variant=\"secondary\" onClick={handleCancelAddJob} isDisabled={isPending}>\n          {t('cancelNewJobCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        onClick={() => {\n          if (mode === 'LIST') {\n            submitWithEffect('PROCEED')\n          }\n\n          if (mode === 'ADD_ADDITIONAL_JOB' || mode === 'EDIT_ADDITIONAL_JOB') {\n            submitWithEffect('LIST')\n          }\n\n          if (mode === 'ADD_INITIAL_JOB' || mode === 'EDIT_INITIAL_JOB') {\n            if (watchedFlsaStatus === FlsaStatus.NONEXEMPT) {\n              submitWithEffect('LIST')\n            } else {\n              submitWithEffect('PROCEED')\n            }\n          }\n        }}\n        isLoading={isPending}\n      >\n        {mode === 'EDIT_ADDITIONAL_JOB' || mode === 'ADD_ADDITIONAL_JOB'\n          ? t('saveNewJobCta')\n          : t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","isPending","mode","submitWithEffect","handleAdd","handleCancelAddJob","primaryFlsaStatus","useCompensation","t","useTranslation","control","useFormContext","watchedFlsaStatus","useWatch","Components","useComponentContext","ActionsLayout","FlsaStatus","jsx"],"mappings":";;;;;;;AAOO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,EAAA,IACxEC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAV,MAAsBW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAV,EAAA;AAAA,QACF;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,KAGtBK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACT,gBAAAgB,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAST,GAAoB,YAAYJ,GAC7E,UAAAO,EAAE,iBAAiB,GACtB;AAAA,IAEF,gBAAAU;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAS,MAAM;AACb,UAAIZ,MAAS,UACXC,EAAiB,SAAS,IAGxBD,MAAS,wBAAwBA,MAAS,0BAC5CC,EAAiB,MAAM,IAGrBD,MAAS,qBAAqBA,MAAS,wBACrCU,MAAsBK,EAAW,YACnCd,EAAiB,MAAM,IAEvBA,EAAiB,SAAS;AAAA,QAGhC;AAAA,QACA,WAAWF;AAAA,QAEV,UACGO,EADHN,MAAS,yBAAyBA,MAAS,uBACtC,kBACA,WADe;AAAA,MACJ;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}