@gusto/embedded-react-sdk 0.10.7 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/components/Common/HamburgerMenu/HamburgerMenu.js +20 -19
- package/dist/components/Common/HamburgerMenu/HamburgerMenu.js.map +1 -1
- package/dist/components/Common/ReorderableList/ReorderableItem.js +1 -1
- package/dist/components/Common/ReorderableList/ReorderableItem.js.map +1 -1
- package/dist/components/Common/SignatureForm/SignatureForm.js +1 -1
- package/dist/components/Common/SignatureForm/SignatureFormActions.js +1 -1
- package/dist/components/Common/SignatureForm/SignatureFormFields.js +1 -1
- package/dist/components/Common/UI/Button/Button.d.ts +1 -1
- package/dist/components/Common/UI/Button/Button.js +4 -4
- package/dist/components/Common/UI/Button/Button.js.map +1 -1
- package/dist/components/Common/UI/Button/ButtonTypes.d.ts +1 -1
- package/dist/components/Company/AssignSignatory/AssignSignatory.d.ts +0 -5
- package/dist/components/Company/AssignSignatory/AssignSignatory.js +34 -38
- package/dist/components/Company/AssignSignatory/AssignSignatory.js.map +1 -1
- package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js +3 -2
- package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js.map +1 -1
- package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js +3 -2
- package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js.map +1 -1
- package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.d.ts +0 -4
- package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.js +51 -54
- package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.js.map +1 -1
- package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js +13 -14
- package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js.map +1 -1
- package/dist/components/Company/AssignSignatory/InviteSignatory/Actions.js +3 -2
- package/dist/components/Company/AssignSignatory/InviteSignatory/Actions.js.map +1 -1
- package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.d.ts +0 -4
- package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.js +40 -43
- package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.js.map +1 -1
- package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js +10 -11
- package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js.map +1 -1
- package/dist/components/Company/AssignSignatory/index.d.ts +0 -1
- package/dist/components/Company/BankAccount/BankAccount.d.ts +0 -5
- package/dist/components/Company/BankAccount/BankAccount.js +17 -23
- package/dist/components/Company/BankAccount/BankAccount.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountForm/Actions.js +6 -6
- package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.d.ts +0 -5
- package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.js +28 -31
- package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountForm/Form.js +9 -8
- package/dist/components/Company/BankAccount/BankAccountForm/Form.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountList/Actions.js +9 -8
- package/dist/components/Company/BankAccount/BankAccountList/Actions.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.d.ts +0 -5
- package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.js +25 -28
- package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js +8 -7
- package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.d.ts +0 -5
- package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.js +33 -36
- package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountVerify/Form.js +5 -4
- package/dist/components/Company/BankAccount/BankAccountVerify/Form.js.map +1 -1
- package/dist/components/Company/DocumentSigner/DocumentList/Actions.js +3 -2
- package/dist/components/Company/DocumentSigner/DocumentList/Actions.js.map +1 -1
- package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.d.ts +0 -6
- package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.js +38 -43
- package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.js.map +1 -1
- package/dist/components/Company/DocumentSigner/DocumentSigner.d.ts +0 -4
- package/dist/components/Company/DocumentSigner/DocumentSigner.js +23 -26
- package/dist/components/Company/DocumentSigner/DocumentSigner.js.map +1 -1
- package/dist/components/Company/DocumentSigner/SignatureForm/SignatureForm.d.ts +0 -6
- package/dist/components/Company/DocumentSigner/SignatureForm/SignatureForm.js +41 -46
- package/dist/components/Company/DocumentSigner/SignatureForm/SignatureForm.js.map +1 -1
- package/dist/components/Company/FederalTaxes/Actions.js +6 -5
- package/dist/components/Company/FederalTaxes/Actions.js.map +1 -1
- package/dist/components/Company/FederalTaxes/FederalTaxes.js +12 -13
- package/dist/components/Company/FederalTaxes/FederalTaxes.js.map +1 -1
- package/dist/components/Company/FederalTaxes/Form.js +4 -3
- package/dist/components/Company/FederalTaxes/Form.js.map +1 -1
- package/dist/components/Company/Industry/Actions.js +3 -2
- package/dist/components/Company/Industry/Actions.js.map +1 -1
- package/dist/components/Company/Industry/Edit.js +5 -4
- package/dist/components/Company/Industry/Edit.js.map +1 -1
- package/dist/components/Company/Industry/Industry.d.ts +0 -5
- package/dist/components/Company/Industry/Industry.js +23 -29
- package/dist/components/Company/Industry/Industry.js.map +1 -1
- package/dist/components/Company/Locations/LocationForm/Actions.js +7 -6
- package/dist/components/Company/Locations/LocationForm/Actions.js.map +1 -1
- package/dist/components/Company/Locations/LocationForm/Form.js +5 -6
- package/dist/components/Company/Locations/LocationForm/Form.js.map +1 -1
- package/dist/components/Company/Locations/LocationForm/LocationForm.d.ts +0 -5
- package/dist/components/Company/Locations/LocationForm/LocationForm.js +44 -48
- package/dist/components/Company/Locations/LocationForm/LocationForm.js.map +1 -1
- package/dist/components/Company/Locations/Locations.d.ts +0 -4
- package/dist/components/Company/Locations/Locations.js +14 -18
- package/dist/components/Company/Locations/Locations.js.map +1 -1
- package/dist/components/Company/Locations/LocationsList/Actions.js +7 -6
- package/dist/components/Company/Locations/LocationsList/Actions.js.map +1 -1
- package/dist/components/Company/Locations/LocationsList/List.js +3 -2
- package/dist/components/Company/Locations/LocationsList/List.js.map +1 -1
- package/dist/components/Company/Locations/LocationsList/LocationsList.d.ts +0 -5
- package/dist/components/Company/Locations/LocationsList/LocationsList.js +28 -32
- package/dist/components/Company/Locations/LocationsList/LocationsList.js.map +1 -1
- package/dist/components/Company/OnboardingOverview/Completed.js +11 -10
- package/dist/components/Company/OnboardingOverview/Completed.js.map +1 -1
- package/dist/components/Company/OnboardingOverview/MissingRequirements.js +7 -6
- package/dist/components/Company/OnboardingOverview/MissingRequirements.js.map +1 -1
- package/dist/components/Company/OnboardingOverview/OnboardingOverview.js +2 -3
- package/dist/components/Company/OnboardingOverview/OnboardingOverview.js.map +1 -1
- package/dist/components/Company/PaySchedule/PaySchedule.d.ts +1 -7
- package/dist/components/Company/PaySchedule/PaySchedule.js +72 -77
- package/dist/components/Company/PaySchedule/PaySchedule.js.map +1 -1
- package/dist/components/Company/PaySchedule/_parts/Actions.js +10 -9
- package/dist/components/Company/PaySchedule/_parts/Actions.js.map +1 -1
- package/dist/components/Company/PaySchedule/_parts/Edit.js +37 -38
- package/dist/components/Company/PaySchedule/_parts/Edit.js.map +1 -1
- package/dist/components/Company/PaySchedule/_parts/Head.js +7 -6
- package/dist/components/Company/PaySchedule/_parts/Head.js.map +1 -1
- package/dist/components/Company/PaySchedule/_parts/List.js +12 -11
- package/dist/components/Company/PaySchedule/_parts/List.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxes.d.ts +0 -4
- package/dist/components/Company/StateTaxes/StateTaxes.js +16 -20
- package/dist/components/Company/StateTaxes/StateTaxes.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js +3 -2
- package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.d.ts +0 -5
- package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.js +44 -47
- package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js +3 -2
- package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesList/List.js +3 -2
- package/dist/components/Company/StateTaxes/StateTaxesList/List.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.d.ts +0 -5
- package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js +26 -29
- package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js.map +1 -1
- package/dist/components/Contractor/Address/Address.d.ts +0 -5
- package/dist/components/Contractor/Address/Address.js +35 -39
- package/dist/components/Contractor/Address/Address.js.map +1 -1
- package/dist/components/Contractor/Address/Form.js +3 -4
- package/dist/components/Contractor/Address/Form.js.map +1 -1
- package/dist/components/Contractor/List/index.js +2 -3
- package/dist/components/Contractor/List/index.js.map +1 -1
- package/dist/components/Contractor/PaymentMethod/BankAccountForm.js +6 -5
- package/dist/components/Contractor/PaymentMethod/BankAccountForm.js.map +1 -1
- package/dist/components/Contractor/Profile/ContractorProfile.d.ts +11 -0
- package/dist/components/Contractor/Profile/ContractorProfile.js +24 -0
- package/dist/components/Contractor/Profile/ContractorProfile.js.map +1 -0
- package/dist/components/Contractor/Profile/ContractorProfileForm.d.ts +5 -0
- package/dist/components/Contractor/Profile/ContractorProfileForm.js +140 -0
- package/dist/components/Contractor/Profile/ContractorProfileForm.js.map +1 -0
- package/dist/components/Contractor/Profile/index.d.ts +3 -0
- package/dist/components/Contractor/Profile/useContractorProfile.d.ts +254 -0
- package/dist/components/Contractor/Profile/useContractorProfile.js +223 -0
- package/dist/components/Contractor/Profile/useContractorProfile.js.map +1 -0
- package/dist/components/Contractor/Submit/ContractorSubmitWithApi.d.ts +6 -0
- package/dist/components/Contractor/Submit/ContractorSubmitWithApi.js +27 -0
- package/dist/components/Contractor/Submit/ContractorSubmitWithApi.js.map +1 -0
- package/dist/components/Contractor/Submit/SubmitDone.d.ts +5 -0
- package/dist/components/Contractor/Submit/SubmitDone.js +18 -0
- package/dist/components/Contractor/Submit/SubmitDone.js.map +1 -0
- package/dist/components/Contractor/Submit/index.d.ts +6 -0
- package/dist/components/Contractor/Submit/index.js +20 -0
- package/dist/components/Contractor/Submit/index.js.map +1 -0
- package/dist/components/Contractor/Submit/index.module.scss.js +8 -0
- package/dist/components/Contractor/Submit/index.module.scss.js.map +1 -0
- package/dist/components/Contractor/index.d.ts +2 -0
- package/dist/components/Contractor/index.js +10 -6
- package/dist/components/Contractor/index.js.map +1 -1
- package/dist/components/Employee/Compensation/Actions.js +1 -1
- package/dist/components/Employee/Compensation/Compensation.d.ts +0 -6
- package/dist/components/Employee/Compensation/Compensation.js +97 -102
- package/dist/components/Employee/Compensation/Compensation.js.map +1 -1
- package/dist/components/Employee/Compensation/Edit.js +12 -12
- package/dist/components/Employee/Compensation/List.js +23 -22
- package/dist/components/Employee/Compensation/List.js.map +1 -1
- package/dist/components/Employee/Deductions/Actions.js +8 -7
- package/dist/components/Employee/Deductions/Actions.js.map +1 -1
- package/dist/components/Employee/Deductions/DeductionForm.js +11 -10
- package/dist/components/Employee/Deductions/DeductionForm.js.map +1 -1
- package/dist/components/Employee/Deductions/DeductionsList.js +6 -5
- package/dist/components/Employee/Deductions/DeductionsList.js.map +1 -1
- package/dist/components/Employee/Deductions/IncludeDeductionsForm.js +11 -10
- package/dist/components/Employee/Deductions/IncludeDeductionsForm.js.map +1 -1
- package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js +7 -6
- package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js.map +1 -1
- package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.d.ts +0 -5
- package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.js +25 -29
- package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.js.map +1 -1
- package/dist/components/Employee/DocumentSigner/DocumentList/List.js +3 -2
- package/dist/components/Employee/DocumentSigner/DocumentList/List.js.map +1 -1
- package/dist/components/Employee/DocumentSigner/DocumentSigner.d.ts +1 -7
- package/dist/components/Employee/DocumentSigner/DocumentSigner.js +16 -20
- package/dist/components/Employee/DocumentSigner/DocumentSigner.js.map +1 -1
- package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.d.ts +0 -7
- package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js +40 -45
- package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js.map +1 -1
- package/dist/components/Employee/EmployeeList/Actions.js +3 -2
- package/dist/components/Employee/EmployeeList/Actions.js.map +1 -1
- package/dist/components/Employee/EmployeeList/EmployeeList.d.ts +0 -5
- package/dist/components/Employee/EmployeeList/EmployeeList.js +56 -60
- package/dist/components/Employee/EmployeeList/EmployeeList.js.map +1 -1
- package/dist/components/Employee/EmployeeList/Head.js +6 -5
- package/dist/components/Employee/EmployeeList/Head.js.map +1 -1
- package/dist/components/Employee/EmployeeList/List.js +12 -12
- package/dist/components/Employee/Landing/Landing.js +8 -8
- package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js +7 -7
- package/dist/components/Employee/PaymentMethod/Actions.js +6 -5
- package/dist/components/Employee/PaymentMethod/Actions.js.map +1 -1
- package/dist/components/Employee/PaymentMethod/BankAccountEdit.js +1 -1
- package/dist/components/Employee/PaymentMethod/BankAccountsList.js +9 -8
- package/dist/components/Employee/PaymentMethod/BankAccountsList.js.map +1 -1
- package/dist/components/Employee/PaymentMethod/Split.js +8 -8
- package/dist/components/Employee/Profile/Actions.js +7 -6
- package/dist/components/Employee/Profile/Actions.js.map +1 -1
- package/dist/components/Employee/Profile/AdminPersonalDetails.d.ts +3 -3
- package/dist/components/Employee/Profile/HomeAddress.js +5 -6
- package/dist/components/Employee/Profile/HomeAddress.js.map +1 -1
- package/dist/components/Employee/Profile/PersonalDetailsInputs.d.ts +2 -2
- package/dist/components/Employee/Profile/PersonalDetailsInputs.js +10 -11
- package/dist/components/Employee/Profile/PersonalDetailsInputs.js.map +1 -1
- package/dist/components/Employee/Profile/Profile.d.ts +0 -8
- package/dist/components/Employee/Profile/Profile.js +131 -138
- package/dist/components/Employee/Profile/Profile.js.map +1 -1
- package/dist/components/Employee/Taxes/Actions.js +9 -8
- package/dist/components/Employee/Taxes/Actions.js.map +1 -1
- package/dist/components/Employee/Taxes/FederalForm.js +11 -10
- package/dist/components/Employee/Taxes/FederalForm.js.map +1 -1
- package/dist/components/Employee/Taxes/Taxes.d.ts +0 -6
- package/dist/components/Employee/Taxes/Taxes.js +76 -81
- package/dist/components/Employee/Taxes/Taxes.js.map +1 -1
- package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js +3 -2
- package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map +1 -1
- package/dist/i18n/I18n.js +1 -1
- package/dist/i18n/I18n.js.map +1 -1
- package/dist/i18n/en/Contractor.ContractorSubmit.json.js +22 -0
- package/dist/i18n/en/Contractor.ContractorSubmit.json.js.map +1 -0
- package/dist/i18n/en/Contractor.Profile.json.js +73 -0
- package/dist/i18n/en/Contractor.Profile.json.js.map +1 -0
- package/dist/shared/constants.d.ts +14 -0
- package/dist/shared/constants.js +33 -26
- package/dist/shared/constants.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/i18next.d.ts +77 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/List/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, Grid, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n } from '@/i18n'\n\nexport type ContractorListDisplay = Pick<\n Contractor,\n 'onboardingStatus' | 'firstName' | 'lastName' | 'onboarded'\n>\n\nexport interface HeadProps {\n count: number\n handleAdd: () => void\n}\nexport function Head({ count, handleAdd }: HeadProps) {\n const { Button, Heading } = useComponentContext()\n const { t } = useTranslation('Contractor.ContractorList')\n\n return (\n <Flex alignItems=\"center\" justifyContent=\"space-between\">\n <Heading as=\"h2\">{t('title')}</Heading>\n\n {count !== 0 && (\n <Button variant=\"secondary\" onClick={handleAdd}>\n {t('addAnotherCTA')}\n </Button>\n )}\n </Flex>\n )\n}\n\nexport interface EmptyDataContractorsListProps {\n handleAdd: () => void\n}\nexport function EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n const { Button } = useComponentContext()\n const { t } = useTranslation('Contractor.ContractorList')\n\n return (\n <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n <ActionsLayout justifyContent=\"center\">\n <Button onClick={handleAdd}>{t('addContractorCTA')}</Button>\n </ActionsLayout>\n </EmptyData>\n )\n}\n\nexport interface ContractorListProps {\n contractors: ContractorListDisplay[]\n handleAdd: () => void\n handleEdit: () => void\n totalCount: number\n}\n\nexport function ContractorList({\n contractors,\n handleAdd,\n handleEdit,\n totalCount,\n}: ContractorListProps) {\n useI18n('Contractor.ContractorList')\n const { t } = useTranslation('Contractor.ContractorList')\n\n const dataViewProps = useDataView<ContractorListDisplay>({\n columns: [\n {\n title: t('listHeaders.name'),\n render: contractor =>\n firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n },\n {\n title: t('listHeaders.status'),\n render: ({ onboarded, onboardingStatus }) => (\n <ContractorOnboardingStatusBadge\n onboarded={onboarded}\n onboardingStatus={onboardingStatus}\n />\n ),\n },\n ],\n data: contractors,\n itemMenu: () => (\n <HamburgerMenu\n items={[{ label: t('editCTA'), icon: <PencilSvg aria-hidden />, onClick: handleEdit }]}\n triggerLabel={t('editCTA')}\n isLoading={false}\n />\n ),\n emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n })\n\n return (\n <Grid gap={20}>\n <Head count={totalCount} handleAdd={handleAdd} />\n <DataView label={t('contractorListLabel')} {...dataViewProps} />\n </Grid>\n )\n}\n\nexport interface ContractorListWithApiProps {\n companyId: string\n handleAdd: () => void\n handleEdit: () => void\n}\n\nexport function ContractorListWithApi({\n companyId,\n handleAdd,\n handleEdit,\n}: ContractorListWithApiProps) {\n const contractorProps = useContractors({ companyUuid: companyId, handleAdd })\n\n return <ContractorList handleEdit={handleEdit} {...contractorProps} />\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","contractors","handleEdit","totalCount","useI18n","dataViewProps","useDataView","contractor","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","Grid","DataView","ContractorListWithApi","companyId","contractorProps","useContractors"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/List/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, Grid, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n } from '@/i18n'\n\nexport type ContractorListDisplay = Pick<\n Contractor,\n 'onboardingStatus' | 'firstName' | 'lastName' | 'onboarded'\n>\n\nexport interface HeadProps {\n count: number\n handleAdd: () => void\n}\nexport function Head({ count, handleAdd }: HeadProps) {\n const { Button, Heading } = useComponentContext()\n const { t } = useTranslation('Contractor.ContractorList')\n\n return (\n <Flex alignItems=\"center\" justifyContent=\"space-between\">\n <Heading as=\"h2\">{t('title')}</Heading>\n\n {count !== 0 && (\n <Button variant=\"secondary\" onClick={handleAdd}>\n {t('addAnotherCTA')}\n </Button>\n )}\n </Flex>\n )\n}\n\nexport interface EmptyDataContractorsListProps {\n handleAdd: () => void\n}\nexport function EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n const { Button } = useComponentContext()\n const { t } = useTranslation('Contractor.ContractorList')\n\n return (\n <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n <ActionsLayout justifyContent=\"center\">\n <Button onClick={handleAdd}>{t('addContractorCTA')}</Button>\n </ActionsLayout>\n </EmptyData>\n )\n}\n\nexport interface ContractorListProps {\n contractors: ContractorListDisplay[]\n handleAdd: () => void\n handleEdit: () => void\n totalCount: number\n}\n\nexport function ContractorList({\n contractors,\n handleAdd,\n handleEdit,\n totalCount,\n}: ContractorListProps) {\n useI18n('Contractor.ContractorList')\n const { t } = useTranslation('Contractor.ContractorList')\n\n const dataViewProps = useDataView<ContractorListDisplay>({\n columns: [\n {\n title: t('listHeaders.name'),\n render: contractor =>\n firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n },\n {\n title: t('listHeaders.status'),\n render: ({ onboarded, onboardingStatus }) => (\n <ContractorOnboardingStatusBadge\n onboarded={onboarded}\n onboardingStatus={onboardingStatus}\n />\n ),\n },\n ],\n data: contractors,\n itemMenu: () => (\n <HamburgerMenu\n items={[{ label: t('editCTA'), icon: <PencilSvg aria-hidden />, onClick: handleEdit }]}\n triggerLabel={t('editCTA')}\n isLoading={false}\n />\n ),\n emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n })\n\n return (\n <Grid gap={20}>\n <Head count={totalCount} handleAdd={handleAdd} />\n <DataView label={t('contractorListLabel')} {...dataViewProps} />\n </Grid>\n )\n}\n\nexport interface ContractorListWithApiProps {\n companyId: string\n handleAdd: () => void\n handleEdit: () => void\n}\n\nexport function ContractorListWithApi({\n companyId,\n handleAdd,\n handleEdit,\n}: ContractorListWithApiProps) {\n const contractorProps = useContractors({ companyUuid: companyId, handleAdd })\n\n return <ContractorList handleEdit={handleEdit} {...contractorProps} />\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","contractors","handleEdit","totalCount","useI18n","dataViewProps","useDataView","contractor","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","Grid","DataView","ContractorListWithApi","companyId","contractorProps","useContractors"],"mappings":";;;;;;;;;;;;;;;AAoBO,SAASA,EAAK,EAAE,OAAAC,GAAO,WAAAC,KAAwB;AACpD,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAQ,IAAIC,EAAoB,GAC1C,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,SACG,gBAAAC,EAAAC,GAAA,EAAK,YAAW,UAAS,gBAAe,iBACvC,UAAA;AAAA,IAAA,gBAAAC,EAACN,GAAQ,EAAA,IAAG,MAAM,UAAAE,EAAE,OAAO,GAAE;AAAA,IAE5BL,MAAU,KACT,gBAAAS,EAACP,GAAO,EAAA,SAAQ,aAAY,SAASD,GAClC,UAAEI,EAAA,eAAe,EACpB,CAAA;AAAA,EAAA,GAEJ;AAEJ;AAKgB,SAAAK,EAAyB,EAAE,WAAAT,KAA4C;AAC/E,QAAA,EAAE,QAAAC,EAAO,IAAIE,EAAoB,GACjC,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAGtD,SAAA,gBAAAG,EAACE,KAAU,OAAON,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAI,EAACG,KAAc,gBAAe,UAC5B,4BAACV,GAAO,EAAA,SAASD,GAAY,UAAEI,EAAA,kBAAkB,EAAE,CAAA,EAAA,CACrD,EACF,CAAA;AAEJ;AASO,SAASQ,EAAe;AAAA,EAC7B,aAAAC;AAAA,EACA,WAAAb;AAAA,EACA,YAAAc;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAZ,EAAA,IAAMC,EAAe,2BAA2B,GAElDY,IAAgBC,EAAmC;AAAA,IACvD,SAAS;AAAA,MACP;AAAA,QACE,OAAOd,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CACNe,MAAAC,EAAc,EAAE,YAAYD,EAAW,WAAW,WAAWA,EAAW,SAAU,CAAA;AAAA,MACtF;AAAA,MACA;AAAA,QACE,OAAOf,EAAE,oBAAoB;AAAA,QAC7B,QAAQ,CAAC,EAAE,WAAAiB,GAAW,kBAAAC,EACpB,MAAA,gBAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,WAAAF;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAGN;AAAA,IACA,MAAMT;AAAA,IACN,UAAU,MACR,gBAAAL;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,EAAE,OAAOpB,EAAE,SAAS,GAAG,MAAM,gBAAAI,EAACiB,KAAU,eAAW,GAAA,CAAC,GAAI,SAASX,GAAY;AAAA,QACrF,cAAcV,EAAE,SAAS;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,YAAY,MAAO,gBAAAI,EAAAC,GAAA,EAAyB,WAAAT,EAAsB,CAAA;AAAA,EAAA,CACnE;AAGC,SAAA,gBAAAM,EAACoB,GAAK,EAAA,KAAK,IACT,UAAA;AAAA,IAAC,gBAAAlB,EAAAV,GAAA,EAAK,OAAOiB,GAAY,WAAAf,EAAsB,CAAA;AAAA,sBAC9C2B,GAAS,EAAA,OAAOvB,EAAE,qBAAqB,GAAI,GAAGa,EAAe,CAAA;AAAA,EAAA,GAChE;AAEJ;AAQO,SAASW,EAAsB;AAAA,EACpC,WAAAC;AAAA,EACA,WAAA7B;AAAA,EACA,YAAAc;AACF,GAA+B;AAC7B,QAAMgB,IAAkBC,EAAe,EAAE,aAAaF,GAAW,WAAA7B,GAAW;AAE5E,SAAQ,gBAAAQ,EAAAI,GAAA,EAAe,YAAAE,GAAyB,GAAGgB,EAAiB,CAAA;AACtE;"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useTranslation as t } from "react-i18next";
|
|
3
3
|
import "classnames";
|
|
4
|
-
import
|
|
4
|
+
import "../../../shared/constants.js";
|
|
5
5
|
import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
|
|
6
|
-
|
|
6
|
+
import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
|
|
7
|
+
function d({ bankAccount: u }) {
|
|
7
8
|
const { t: e } = t("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
|
|
8
|
-
return /* @__PURE__ */ n
|
|
9
|
+
return /* @__PURE__ */ o(n, { children: [
|
|
9
10
|
/* @__PURE__ */ r(
|
|
10
11
|
a,
|
|
11
12
|
{
|
|
@@ -48,6 +49,6 @@ function p({ bankAccount: u }) {
|
|
|
48
49
|
] });
|
|
49
50
|
}
|
|
50
51
|
export {
|
|
51
|
-
|
|
52
|
+
d as BankAccountForm
|
|
52
53
|
};
|
|
53
54
|
//# sourceMappingURL=BankAccountForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n return (\n <>\n <TextInputField\n name=\"name\"\n isRequired\n label={t('nameLabel')}\n errorMessage={t('validations.accountName')}\n />\n\n <TextInputField\n name=\"routingNumber\"\n label={t('routingNumberLabel')}\n isRequired\n description={t('routingNumberDescription')}\n errorMessage={t('validations.routingNumber')}\n />\n\n <TextInputField\n name=\"accountNumber\"\n label={t('accountNumberLabel')}\n errorMessage={t('validations.accountNumber')}\n isRequired\n />\n\n <RadioGroupField\n name=\"accountType\"\n label={t('accountTypeLabel')}\n options={[\n { value: 'Checking', label: t('accountTypeChecking') },\n { value: 'Savings', label: t('accountTypeSavings') },\n ]}\n />\n </>\n )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n return (\n <>\n <TextInputField\n name=\"name\"\n isRequired\n label={t('nameLabel')}\n errorMessage={t('validations.accountName')}\n />\n\n <TextInputField\n name=\"routingNumber\"\n label={t('routingNumberLabel')}\n isRequired\n description={t('routingNumberDescription')}\n errorMessage={t('validations.routingNumber')}\n />\n\n <TextInputField\n name=\"accountNumber\"\n label={t('accountNumberLabel')}\n errorMessage={t('validations.accountNumber')}\n isRequired\n />\n\n <RadioGroupField\n name=\"accountType\"\n label={t('accountTypeLabel')}\n options={[\n { value: 'Checking', label: t('accountTypeChecking') },\n { value: 'Savings', label: t('accountTypeSavings') },\n ]}\n />\n </>\n )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;AAIgB,SAAAA,EAAgB,EAAE,aAAAC,KAAqC;AAC/D,QAAA,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAC7C;AAAA,IAEA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAE;AAAA,UACrD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAE;AAAA,QAAA;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ContractorType, WageType, UseContractorProfileProps } from './useContractorProfile';
|
|
2
|
+
import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
|
|
3
|
+
interface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {
|
|
4
|
+
companyId: string;
|
|
5
|
+
contractorId?: string;
|
|
6
|
+
defaultValues?: UseContractorProfileProps['defaultValues'];
|
|
7
|
+
}
|
|
8
|
+
export declare function ContractorProfile(props: ContractorProfileProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { ContractorType, WageType };
|
|
10
|
+
export type { UseContractorProfileProps as ContractorProfileFormData };
|
|
11
|
+
export { ContractorProfileForm } from './ContractorProfileForm';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useContractorProfile as m } from "./useContractorProfile.js";
|
|
3
|
+
import { ContractorType as h, WageType as D } from "./useContractorProfile.js";
|
|
4
|
+
import { ContractorProfileForm as f } from "./ContractorProfileForm.js";
|
|
5
|
+
import { BaseComponent as a } from "../../Base/Base.js";
|
|
6
|
+
import { useComponentDictionary as c } from "../../../i18n/I18n.js";
|
|
7
|
+
function s(o) {
|
|
8
|
+
return c("Contractor.Profile", o.dictionary), /* @__PURE__ */ r(a, { ...o, children: /* @__PURE__ */ r(p, { ...o }) });
|
|
9
|
+
}
|
|
10
|
+
function p({ companyId: o, contractorId: t, defaultValues: n, className: e }) {
|
|
11
|
+
const i = m({
|
|
12
|
+
companyId: o,
|
|
13
|
+
contractorId: t,
|
|
14
|
+
defaultValues: n
|
|
15
|
+
});
|
|
16
|
+
return /* @__PURE__ */ r(f, { ...i, className: e });
|
|
17
|
+
}
|
|
18
|
+
export {
|
|
19
|
+
s as ContractorProfile,
|
|
20
|
+
f as ContractorProfileForm,
|
|
21
|
+
h as ContractorType,
|
|
22
|
+
D as WageType
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=ContractorProfile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfile.tsx"],"sourcesContent":["import {\n useContractorProfile,\n ContractorType,\n WageType,\n type UseContractorProfileProps,\n} from './useContractorProfile'\nimport { ContractorProfileForm } from './ContractorProfileForm'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {\n companyId: string\n contractorId?: string\n defaultValues?: UseContractorProfileProps['defaultValues']\n}\n\n// Container component - calls hook and passes data to presentation component\nexport function ContractorProfile(props: ContractorProfileProps & BaseComponentInterface) {\n useComponentDictionary('Contractor.Profile', props.dictionary)\n return (\n <BaseComponent {...props}>\n <Root {...props} />\n </BaseComponent>\n )\n}\n\nfunction Root({ companyId, contractorId, defaultValues, className }: ContractorProfileProps) {\n const hookData = useContractorProfile({\n companyId,\n contractorId,\n defaultValues,\n })\n\n return <ContractorProfileForm {...hookData} className={className} />\n}\n\n// Re-export types and enums for convenience\nexport { ContractorType, WageType }\nexport type { UseContractorProfileProps as ContractorProfileFormData }\n\n// Re-export the form component for convenience\nexport { ContractorProfileForm } from './ContractorProfileForm'\n"],"names":["ContractorProfile","props","useComponentDictionary","jsx","BaseComponent","Root","companyId","contractorId","defaultValues","className","hookData","useContractorProfile","ContractorProfileForm"],"mappings":";;;;;;AAkBO,SAASA,EAAkBC,GAAwD;AACjE,SAAAC,EAAA,sBAAsBD,EAAM,UAAU,GAE3D,gBAAAE,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAM,EAAA,GAAGJ,GAAO,EACnB,CAAA;AAEJ;AAEA,SAASI,EAAK,EAAE,WAAAC,GAAW,cAAAC,GAAc,eAAAC,GAAe,WAAAC,KAAqC;AAC3F,QAAMC,IAAWC,EAAqB;AAAA,IACpC,WAAAL;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACD;AAED,SAAQ,gBAAAL,EAAAS,GAAA,EAAuB,GAAGF,GAAU,WAAAD,EAAsB,CAAA;AACpE;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { useContractorProfile } from './useContractorProfile';
|
|
2
|
+
export type ContractorProfileFormProps = ReturnType<typeof useContractorProfile> & {
|
|
3
|
+
className?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare function ContractorProfileForm({ formMethods, handleSubmit, formState, handleCancel, shouldShowEmailField, shouldShowBusinessFields, shouldShowIndividualFields, shouldShowHourlyRate, contractorTypeOptions, wageTypeOptions, isEditing, className, }: ContractorProfileFormProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { jsx as i, jsxs as r, Fragment as s } from "react/jsx-runtime";
|
|
2
|
+
import { FormProvider as R } from "react-hook-form";
|
|
3
|
+
import { useTranslation as F } from "react-i18next";
|
|
4
|
+
import { useComponentContext as N } from "../../../contexts/ComponentAdapter/useComponentContext.js";
|
|
5
|
+
import { useI18n as T } from "../../../i18n/I18n.js";
|
|
6
|
+
import { Form as q } from "../../Common/Form/Form.js";
|
|
7
|
+
import { Grid as a } from "../../Common/Grid/Grid.js";
|
|
8
|
+
import { Flex as x } from "../../Common/Flex/Flex.js";
|
|
9
|
+
import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
|
|
10
|
+
import { NumberInputField as v } from "../../Common/Fields/NumberInputField/NumberInputField.js";
|
|
11
|
+
import { RadioGroupField as m } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
|
|
12
|
+
import { SwitchField as D } from "../../Common/Fields/SwitchField/SwitchField.js";
|
|
13
|
+
import { DatePickerField as I } from "../../Common/Fields/DatePickerField/DatePickerField.js";
|
|
14
|
+
import { normalizeSSN as P } from "../../../helpers/ssn.js";
|
|
15
|
+
import { normalizeEin as S } from "../../../helpers/federalEin.js";
|
|
16
|
+
function U({
|
|
17
|
+
formMethods: d,
|
|
18
|
+
handleSubmit: u,
|
|
19
|
+
formState: n,
|
|
20
|
+
handleCancel: c,
|
|
21
|
+
shouldShowEmailField: p,
|
|
22
|
+
shouldShowBusinessFields: f,
|
|
23
|
+
shouldShowIndividualFields: b,
|
|
24
|
+
shouldShowHourlyRate: h,
|
|
25
|
+
contractorTypeOptions: C,
|
|
26
|
+
wageTypeOptions: g,
|
|
27
|
+
isEditing: o,
|
|
28
|
+
className: y
|
|
29
|
+
}) {
|
|
30
|
+
const l = N();
|
|
31
|
+
T("Contractor.Profile");
|
|
32
|
+
const { t: e } = F("Contractor.Profile");
|
|
33
|
+
return /* @__PURE__ */ i("section", { className: y, children: /* @__PURE__ */ i(R, { ...d, children: /* @__PURE__ */ r(q, { onSubmit: u, children: [
|
|
34
|
+
/* @__PURE__ */ r(a, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
|
|
35
|
+
/* @__PURE__ */ r("header", { children: [
|
|
36
|
+
/* @__PURE__ */ i(l.Heading, { as: "h2", children: e("title") }),
|
|
37
|
+
/* @__PURE__ */ i(l.Text, { children: e("subtitle") })
|
|
38
|
+
] }),
|
|
39
|
+
/* @__PURE__ */ i(l.Card, { children: /* @__PURE__ */ r(a, { gap: 16, children: [
|
|
40
|
+
/* @__PURE__ */ i(
|
|
41
|
+
D,
|
|
42
|
+
{
|
|
43
|
+
name: "inviteContractor",
|
|
44
|
+
label: e("fields.inviteContractor.label"),
|
|
45
|
+
description: e("fields.inviteContractor.description")
|
|
46
|
+
}
|
|
47
|
+
),
|
|
48
|
+
p && /* @__PURE__ */ i(
|
|
49
|
+
t,
|
|
50
|
+
{
|
|
51
|
+
name: "email",
|
|
52
|
+
label: e("fields.email.label"),
|
|
53
|
+
isRequired: !0,
|
|
54
|
+
type: "email"
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
] }) }),
|
|
58
|
+
/* @__PURE__ */ i(
|
|
59
|
+
m,
|
|
60
|
+
{
|
|
61
|
+
name: "contractorType",
|
|
62
|
+
label: e("fields.contractorType.label"),
|
|
63
|
+
options: C
|
|
64
|
+
}
|
|
65
|
+
),
|
|
66
|
+
b && /* @__PURE__ */ r(s, { children: [
|
|
67
|
+
/* @__PURE__ */ r(a, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
|
|
68
|
+
/* @__PURE__ */ i(t, { name: "firstName", label: e("fields.firstName.label"), isRequired: !0 }),
|
|
69
|
+
/* @__PURE__ */ i(t, { name: "middleInitial", label: e("fields.middleInitial.label") })
|
|
70
|
+
] }),
|
|
71
|
+
/* @__PURE__ */ i(t, { name: "lastName", label: e("fields.lastName.label"), isRequired: !0 }),
|
|
72
|
+
/* @__PURE__ */ i(
|
|
73
|
+
t,
|
|
74
|
+
{
|
|
75
|
+
name: "ssn",
|
|
76
|
+
label: e("fields.ssn.label"),
|
|
77
|
+
placeholder: e("fields.ssn.placeholder"),
|
|
78
|
+
transform: P,
|
|
79
|
+
isRequired: !0
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
] }),
|
|
83
|
+
f && /* @__PURE__ */ r(s, { children: [
|
|
84
|
+
/* @__PURE__ */ i(
|
|
85
|
+
t,
|
|
86
|
+
{
|
|
87
|
+
name: "businessName",
|
|
88
|
+
label: e("fields.businessName.label"),
|
|
89
|
+
isRequired: !0
|
|
90
|
+
}
|
|
91
|
+
),
|
|
92
|
+
/* @__PURE__ */ i(
|
|
93
|
+
t,
|
|
94
|
+
{
|
|
95
|
+
name: "ein",
|
|
96
|
+
label: e("fields.ein.label"),
|
|
97
|
+
placeholder: e("fields.ein.placeholder"),
|
|
98
|
+
transform: S,
|
|
99
|
+
isRequired: !0
|
|
100
|
+
}
|
|
101
|
+
)
|
|
102
|
+
] }),
|
|
103
|
+
/* @__PURE__ */ i(
|
|
104
|
+
m,
|
|
105
|
+
{
|
|
106
|
+
name: "wageType",
|
|
107
|
+
label: e("fields.wageType.label"),
|
|
108
|
+
options: g
|
|
109
|
+
}
|
|
110
|
+
),
|
|
111
|
+
h && /* @__PURE__ */ i(
|
|
112
|
+
v,
|
|
113
|
+
{
|
|
114
|
+
name: "hourlyRate",
|
|
115
|
+
label: e("fields.hourlyRate.label"),
|
|
116
|
+
min: 0,
|
|
117
|
+
isRequired: !0,
|
|
118
|
+
format: "currency"
|
|
119
|
+
}
|
|
120
|
+
),
|
|
121
|
+
/* @__PURE__ */ i(
|
|
122
|
+
I,
|
|
123
|
+
{
|
|
124
|
+
name: "startDate",
|
|
125
|
+
label: e("fields.startDate.label"),
|
|
126
|
+
description: e("fields.startDate.description"),
|
|
127
|
+
isRequired: !0
|
|
128
|
+
}
|
|
129
|
+
)
|
|
130
|
+
] }),
|
|
131
|
+
/* @__PURE__ */ r(x, { gap: 12, justifyContent: "flex-end", children: [
|
|
132
|
+
/* @__PURE__ */ i(l.Button, { type: "button", variant: "secondary", onClick: c, children: e("buttons.cancel") }),
|
|
133
|
+
/* @__PURE__ */ i(l.Button, { type: "submit", variant: "primary", isDisabled: n.isSubmitting, children: n.isSubmitting ? e(o ? "buttons.updating" : "buttons.creating") : e(o ? "buttons.update" : "buttons.create") })
|
|
134
|
+
] })
|
|
135
|
+
] }) }) });
|
|
136
|
+
}
|
|
137
|
+
export {
|
|
138
|
+
U as ContractorProfileForm
|
|
139
|
+
};
|
|
140
|
+
//# sourceMappingURL=ContractorProfileForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContractorProfileForm.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfileForm.tsx"],"sourcesContent":["import { FormProvider } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { useContractorProfile } from './useContractorProfile'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Flex } from '@/components/Common/Flex'\nimport { TextInputField } from '@/components/Common/Fields/TextInputField'\nimport { NumberInputField } from '@/components/Common/Fields/NumberInputField'\nimport { RadioGroupField } from '@/components/Common/Fields/RadioGroupField'\nimport { SwitchField } from '@/components/Common/Fields/SwitchField'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport { normalizeSSN } from '@/helpers/ssn'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n// Pure presentation component - takes all data as props\nexport type ContractorProfileFormProps = ReturnType<typeof useContractorProfile> & {\n className?: string\n}\n\nexport function ContractorProfileForm({\n formMethods,\n handleSubmit,\n formState,\n handleCancel,\n shouldShowEmailField,\n shouldShowBusinessFields,\n shouldShowIndividualFields,\n shouldShowHourlyRate,\n contractorTypeOptions,\n wageTypeOptions,\n isEditing,\n className,\n}: ContractorProfileFormProps) {\n const Components = useComponentContext()\n useI18n('Contractor.Profile')\n const { t } = useTranslation('Contractor.Profile')\n\n return (\n <section className={className}>\n <FormProvider {...formMethods}>\n <Form onSubmit={handleSubmit}>\n <Grid gridTemplateColumns=\"1fr\" gap={24} className=\"mb-8\">\n <header>\n <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n <Components.Text>{t('subtitle')}</Components.Text>\n </header>\n\n {/* Invite Contractor Card */}\n <Components.Card>\n <Grid gap={16}>\n {/* Invite Contractor Toggle */}\n <SwitchField\n name=\"inviteContractor\"\n label={t('fields.inviteContractor.label')}\n description={t('fields.inviteContractor.description')}\n />\n\n {/* Email Field - shown when inviting contractor */}\n {shouldShowEmailField && (\n <TextInputField\n name=\"email\"\n label={t('fields.email.label')}\n isRequired\n type=\"email\"\n />\n )}\n </Grid>\n </Components.Card>\n\n {/* Contractor Type */}\n <RadioGroupField\n name=\"contractorType\"\n label={t('fields.contractorType.label')}\n options={contractorTypeOptions}\n />\n\n {/* Individual Contractor Fields */}\n {shouldShowIndividualFields && (\n <>\n <Grid gridTemplateColumns={{ base: '1fr', medium: '1fr 1fr' }} gap={16}>\n <TextInputField name=\"firstName\" label={t('fields.firstName.label')} isRequired />\n <TextInputField name=\"middleInitial\" label={t('fields.middleInitial.label')} />\n </Grid>\n <TextInputField name=\"lastName\" label={t('fields.lastName.label')} isRequired />\n <TextInputField\n name=\"ssn\"\n label={t('fields.ssn.label')}\n placeholder={t('fields.ssn.placeholder')}\n transform={normalizeSSN}\n isRequired\n />\n </>\n )}\n\n {/* Business Contractor Fields */}\n {shouldShowBusinessFields && (\n <>\n <TextInputField\n name=\"businessName\"\n label={t('fields.businessName.label')}\n isRequired\n />\n <TextInputField\n name=\"ein\"\n label={t('fields.ein.label')}\n placeholder={t('fields.ein.placeholder')}\n transform={normalizeEin}\n isRequired\n />\n </>\n )}\n\n {/* Wage Type */}\n <RadioGroupField\n name=\"wageType\"\n label={t('fields.wageType.label')}\n options={wageTypeOptions}\n />\n\n {/* Hourly Rate - shown for hourly contractors */}\n {shouldShowHourlyRate && (\n <NumberInputField\n name=\"hourlyRate\"\n label={t('fields.hourlyRate.label')}\n min={0}\n isRequired\n format=\"currency\"\n />\n )}\n\n {/* Start Date */}\n <DatePickerField\n name=\"startDate\"\n label={t('fields.startDate.label')}\n description={t('fields.startDate.description')}\n isRequired\n />\n </Grid>\n\n {/* Actions */}\n <Flex gap={12} justifyContent=\"flex-end\">\n <Components.Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n {t('buttons.cancel')}\n </Components.Button>\n <Components.Button type=\"submit\" variant=\"primary\" isDisabled={formState.isSubmitting}>\n {formState.isSubmitting\n ? isEditing\n ? t('buttons.updating')\n : t('buttons.creating')\n : isEditing\n ? t('buttons.update')\n : t('buttons.create')}\n </Components.Button>\n </Flex>\n </Form>\n </FormProvider>\n </section>\n )\n}\n"],"names":["ContractorProfileForm","formMethods","handleSubmit","formState","handleCancel","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","contractorTypeOptions","wageTypeOptions","isEditing","className","Components","useComponentContext","useI18n","t","useTranslation","jsx","FormProvider","jsxs","Form","Grid","SwitchField","TextInputField","RadioGroupField","Fragment","normalizeSSN","normalizeEin","NumberInputField","DatePickerField","Flex"],"mappings":"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"}
|
|
@@ -0,0 +1,254 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const WageType: {
|
|
3
|
+
readonly Fixed: "Fixed";
|
|
4
|
+
readonly Hourly: "Hourly";
|
|
5
|
+
};
|
|
6
|
+
export declare const ContractorType: {
|
|
7
|
+
readonly Individual: "Individual";
|
|
8
|
+
readonly Business: "Business";
|
|
9
|
+
};
|
|
10
|
+
declare const ContractorProfileSchema: z.ZodObject<{
|
|
11
|
+
inviteContractor: z.ZodDefault<z.ZodBoolean>;
|
|
12
|
+
email: z.ZodOptional<z.ZodString>;
|
|
13
|
+
contractorType: z.ZodEnum<["Individual", "Business"]>;
|
|
14
|
+
wageType: z.ZodEnum<["Hourly", "Fixed"]>;
|
|
15
|
+
startDate: z.ZodDate;
|
|
16
|
+
firstName: z.ZodOptional<z.ZodString>;
|
|
17
|
+
middleInitial: z.ZodOptional<z.ZodString>;
|
|
18
|
+
lastName: z.ZodOptional<z.ZodString>;
|
|
19
|
+
ssn: z.ZodOptional<z.ZodString>;
|
|
20
|
+
businessName: z.ZodOptional<z.ZodString>;
|
|
21
|
+
ein: z.ZodOptional<z.ZodString>;
|
|
22
|
+
hourlyRate: z.ZodOptional<z.ZodNumber>;
|
|
23
|
+
}, "strip", z.ZodTypeAny, {
|
|
24
|
+
inviteContractor: boolean;
|
|
25
|
+
contractorType: "Individual" | "Business";
|
|
26
|
+
startDate: Date;
|
|
27
|
+
wageType: "Hourly" | "Fixed";
|
|
28
|
+
email?: string | undefined;
|
|
29
|
+
ssn?: string | undefined;
|
|
30
|
+
ein?: string | undefined;
|
|
31
|
+
firstName?: string | undefined;
|
|
32
|
+
lastName?: string | undefined;
|
|
33
|
+
businessName?: string | undefined;
|
|
34
|
+
hourlyRate?: number | undefined;
|
|
35
|
+
middleInitial?: string | undefined;
|
|
36
|
+
}, {
|
|
37
|
+
contractorType: "Individual" | "Business";
|
|
38
|
+
startDate: Date;
|
|
39
|
+
wageType: "Hourly" | "Fixed";
|
|
40
|
+
email?: string | undefined;
|
|
41
|
+
ssn?: string | undefined;
|
|
42
|
+
ein?: string | undefined;
|
|
43
|
+
firstName?: string | undefined;
|
|
44
|
+
lastName?: string | undefined;
|
|
45
|
+
businessName?: string | undefined;
|
|
46
|
+
hourlyRate?: number | undefined;
|
|
47
|
+
inviteContractor?: boolean | undefined;
|
|
48
|
+
middleInitial?: string | undefined;
|
|
49
|
+
}>;
|
|
50
|
+
export type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>;
|
|
51
|
+
export declare const createContractorProfileValidationSchema: (t: (key: string) => string) => z.ZodEffects<z.ZodObject<{
|
|
52
|
+
inviteContractor: z.ZodDefault<z.ZodBoolean>;
|
|
53
|
+
email: z.ZodOptional<z.ZodString>;
|
|
54
|
+
contractorType: z.ZodEnum<["Individual", "Business"]>;
|
|
55
|
+
wageType: z.ZodEnum<["Hourly", "Fixed"]>;
|
|
56
|
+
startDate: z.ZodDate;
|
|
57
|
+
firstName: z.ZodOptional<z.ZodString>;
|
|
58
|
+
middleInitial: z.ZodOptional<z.ZodString>;
|
|
59
|
+
lastName: z.ZodOptional<z.ZodString>;
|
|
60
|
+
ssn: z.ZodOptional<z.ZodString>;
|
|
61
|
+
businessName: z.ZodOptional<z.ZodString>;
|
|
62
|
+
ein: z.ZodOptional<z.ZodString>;
|
|
63
|
+
hourlyRate: z.ZodOptional<z.ZodNumber>;
|
|
64
|
+
}, "strip", z.ZodTypeAny, {
|
|
65
|
+
inviteContractor: boolean;
|
|
66
|
+
contractorType: "Individual" | "Business";
|
|
67
|
+
startDate: Date;
|
|
68
|
+
wageType: "Hourly" | "Fixed";
|
|
69
|
+
email?: string | undefined;
|
|
70
|
+
ssn?: string | undefined;
|
|
71
|
+
ein?: string | undefined;
|
|
72
|
+
firstName?: string | undefined;
|
|
73
|
+
lastName?: string | undefined;
|
|
74
|
+
businessName?: string | undefined;
|
|
75
|
+
hourlyRate?: number | undefined;
|
|
76
|
+
middleInitial?: string | undefined;
|
|
77
|
+
}, {
|
|
78
|
+
contractorType: "Individual" | "Business";
|
|
79
|
+
startDate: Date;
|
|
80
|
+
wageType: "Hourly" | "Fixed";
|
|
81
|
+
email?: string | undefined;
|
|
82
|
+
ssn?: string | undefined;
|
|
83
|
+
ein?: string | undefined;
|
|
84
|
+
firstName?: string | undefined;
|
|
85
|
+
lastName?: string | undefined;
|
|
86
|
+
businessName?: string | undefined;
|
|
87
|
+
hourlyRate?: number | undefined;
|
|
88
|
+
inviteContractor?: boolean | undefined;
|
|
89
|
+
middleInitial?: string | undefined;
|
|
90
|
+
}>, {
|
|
91
|
+
inviteContractor: boolean;
|
|
92
|
+
contractorType: "Individual" | "Business";
|
|
93
|
+
startDate: Date;
|
|
94
|
+
wageType: "Hourly" | "Fixed";
|
|
95
|
+
email?: string | undefined;
|
|
96
|
+
ssn?: string | undefined;
|
|
97
|
+
ein?: string | undefined;
|
|
98
|
+
firstName?: string | undefined;
|
|
99
|
+
lastName?: string | undefined;
|
|
100
|
+
businessName?: string | undefined;
|
|
101
|
+
hourlyRate?: number | undefined;
|
|
102
|
+
middleInitial?: string | undefined;
|
|
103
|
+
}, {
|
|
104
|
+
contractorType: "Individual" | "Business";
|
|
105
|
+
startDate: Date;
|
|
106
|
+
wageType: "Hourly" | "Fixed";
|
|
107
|
+
email?: string | undefined;
|
|
108
|
+
ssn?: string | undefined;
|
|
109
|
+
ein?: string | undefined;
|
|
110
|
+
firstName?: string | undefined;
|
|
111
|
+
lastName?: string | undefined;
|
|
112
|
+
businessName?: string | undefined;
|
|
113
|
+
hourlyRate?: number | undefined;
|
|
114
|
+
inviteContractor?: boolean | undefined;
|
|
115
|
+
middleInitial?: string | undefined;
|
|
116
|
+
}>;
|
|
117
|
+
export interface UseContractorProfileProps {
|
|
118
|
+
companyId: string;
|
|
119
|
+
contractorId?: string;
|
|
120
|
+
defaultValues?: Partial<ContractorProfileFormData>;
|
|
121
|
+
}
|
|
122
|
+
export declare function useContractorProfile({ companyId, contractorId, defaultValues, }: UseContractorProfileProps): {
|
|
123
|
+
formMethods: import('react-hook-form').UseFormReturn<{
|
|
124
|
+
inviteContractor: boolean;
|
|
125
|
+
contractorType: "Individual" | "Business";
|
|
126
|
+
startDate: Date;
|
|
127
|
+
wageType: "Hourly" | "Fixed";
|
|
128
|
+
email?: string | undefined;
|
|
129
|
+
ssn?: string | undefined;
|
|
130
|
+
ein?: string | undefined;
|
|
131
|
+
firstName?: string | undefined;
|
|
132
|
+
lastName?: string | undefined;
|
|
133
|
+
businessName?: string | undefined;
|
|
134
|
+
hourlyRate?: number | undefined;
|
|
135
|
+
middleInitial?: string | undefined;
|
|
136
|
+
}, any, {
|
|
137
|
+
inviteContractor: boolean;
|
|
138
|
+
contractorType: "Individual" | "Business";
|
|
139
|
+
startDate: Date;
|
|
140
|
+
wageType: "Hourly" | "Fixed";
|
|
141
|
+
email?: string | undefined;
|
|
142
|
+
ssn?: string | undefined;
|
|
143
|
+
ein?: string | undefined;
|
|
144
|
+
firstName?: string | undefined;
|
|
145
|
+
lastName?: string | undefined;
|
|
146
|
+
businessName?: string | undefined;
|
|
147
|
+
hourlyRate?: number | undefined;
|
|
148
|
+
middleInitial?: string | undefined;
|
|
149
|
+
}>;
|
|
150
|
+
handleSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
|
|
151
|
+
formState: {
|
|
152
|
+
isSubmitting: boolean;
|
|
153
|
+
isDirty: boolean;
|
|
154
|
+
isLoading: boolean;
|
|
155
|
+
isSubmitted: boolean;
|
|
156
|
+
isSubmitSuccessful: boolean;
|
|
157
|
+
isValidating: boolean;
|
|
158
|
+
isValid: boolean;
|
|
159
|
+
disabled: boolean;
|
|
160
|
+
submitCount: number;
|
|
161
|
+
defaultValues?: Readonly<{
|
|
162
|
+
inviteContractor?: boolean | undefined;
|
|
163
|
+
contractorType?: "Individual" | "Business" | undefined;
|
|
164
|
+
startDate?: Date | undefined;
|
|
165
|
+
wageType?: "Hourly" | "Fixed" | undefined;
|
|
166
|
+
email?: string | undefined;
|
|
167
|
+
ssn?: string | undefined;
|
|
168
|
+
ein?: string | undefined;
|
|
169
|
+
firstName?: string | undefined;
|
|
170
|
+
lastName?: string | undefined;
|
|
171
|
+
businessName?: string | undefined;
|
|
172
|
+
hourlyRate?: number | undefined;
|
|
173
|
+
middleInitial?: string | undefined;
|
|
174
|
+
}> | undefined;
|
|
175
|
+
dirtyFields: Partial<Readonly<{
|
|
176
|
+
inviteContractor?: boolean | undefined;
|
|
177
|
+
contractorType?: boolean | undefined;
|
|
178
|
+
startDate?: boolean | undefined;
|
|
179
|
+
wageType?: boolean | undefined;
|
|
180
|
+
email?: boolean | undefined;
|
|
181
|
+
ssn?: boolean | undefined;
|
|
182
|
+
ein?: boolean | undefined;
|
|
183
|
+
firstName?: boolean | undefined;
|
|
184
|
+
lastName?: boolean | undefined;
|
|
185
|
+
businessName?: boolean | undefined;
|
|
186
|
+
hourlyRate?: boolean | undefined;
|
|
187
|
+
middleInitial?: boolean | undefined;
|
|
188
|
+
}>>;
|
|
189
|
+
touchedFields: Partial<Readonly<{
|
|
190
|
+
inviteContractor?: boolean | undefined;
|
|
191
|
+
contractorType?: boolean | undefined;
|
|
192
|
+
startDate?: boolean | undefined;
|
|
193
|
+
wageType?: boolean | undefined;
|
|
194
|
+
email?: boolean | undefined;
|
|
195
|
+
ssn?: boolean | undefined;
|
|
196
|
+
ein?: boolean | undefined;
|
|
197
|
+
firstName?: boolean | undefined;
|
|
198
|
+
lastName?: boolean | undefined;
|
|
199
|
+
businessName?: boolean | undefined;
|
|
200
|
+
hourlyRate?: boolean | undefined;
|
|
201
|
+
middleInitial?: boolean | undefined;
|
|
202
|
+
}>>;
|
|
203
|
+
validatingFields: Partial<Readonly<{
|
|
204
|
+
inviteContractor?: boolean | undefined;
|
|
205
|
+
contractorType?: boolean | undefined;
|
|
206
|
+
startDate?: boolean | undefined;
|
|
207
|
+
wageType?: boolean | undefined;
|
|
208
|
+
email?: boolean | undefined;
|
|
209
|
+
ssn?: boolean | undefined;
|
|
210
|
+
ein?: boolean | undefined;
|
|
211
|
+
firstName?: boolean | undefined;
|
|
212
|
+
lastName?: boolean | undefined;
|
|
213
|
+
businessName?: boolean | undefined;
|
|
214
|
+
hourlyRate?: boolean | undefined;
|
|
215
|
+
middleInitial?: boolean | undefined;
|
|
216
|
+
}>>;
|
|
217
|
+
errors: import('react-hook-form').FieldErrors<{
|
|
218
|
+
inviteContractor: boolean;
|
|
219
|
+
contractorType: "Individual" | "Business";
|
|
220
|
+
startDate: Date;
|
|
221
|
+
wageType: "Hourly" | "Fixed";
|
|
222
|
+
email?: string | undefined;
|
|
223
|
+
ssn?: string | undefined;
|
|
224
|
+
ein?: string | undefined;
|
|
225
|
+
firstName?: string | undefined;
|
|
226
|
+
lastName?: string | undefined;
|
|
227
|
+
businessName?: string | undefined;
|
|
228
|
+
hourlyRate?: number | undefined;
|
|
229
|
+
middleInitial?: string | undefined;
|
|
230
|
+
}>;
|
|
231
|
+
isReady: boolean;
|
|
232
|
+
};
|
|
233
|
+
handleCancel: () => void;
|
|
234
|
+
shouldShowEmailField: boolean;
|
|
235
|
+
shouldShowBusinessFields: boolean;
|
|
236
|
+
shouldShowIndividualFields: boolean;
|
|
237
|
+
shouldShowHourlyRate: boolean;
|
|
238
|
+
contractorTypeOptions: ({
|
|
239
|
+
label: string;
|
|
240
|
+
value: "Individual";
|
|
241
|
+
} | {
|
|
242
|
+
label: string;
|
|
243
|
+
value: "Business";
|
|
244
|
+
})[];
|
|
245
|
+
wageTypeOptions: ({
|
|
246
|
+
label: string;
|
|
247
|
+
value: "Hourly";
|
|
248
|
+
} | {
|
|
249
|
+
label: string;
|
|
250
|
+
value: "Fixed";
|
|
251
|
+
})[];
|
|
252
|
+
isEditing: boolean;
|
|
253
|
+
};
|
|
254
|
+
export {};
|