@gusto/embedded-react-sdk 0.48.3 → 0.50.0

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api-v-2025-11-15/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  numberOfMonths: number\n  contractorPayments: ContractorPaymentGroupWithBlockers[]\n  onCreatePayment: () => void\n  onDateRangeChange: (numberOfMonths: number) => void\n  onViewPayment: (paymentId: string) => void\n  alerts?: InternalAlert[]\n  companyId: string\n  hasUnresolvedWireInRequests: boolean\n  onEvent: (type: EventType, data?: unknown) => void\n  paginationProps?: PaginationControlProps\n}\n\n/** @internal */\nexport const PaymentsListPresentation = ({\n  contractorPayments,\n  numberOfMonths,\n  onCreatePayment,\n  onDateRangeChange,\n  onViewPayment,\n  alerts = [],\n  companyId,\n  hasUnresolvedWireInRequests,\n  onEvent,\n  paginationProps,\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const dateRangeOptions = [\n    { value: '3', label: t('dateRanges.last3Months') },\n    { value: '6', label: t('dateRanges.last6Months') },\n  ]\n  const { ...dataViewProps } = useDataView({\n    data: contractorPayments,\n    columns: [\n      {\n        title: t('paymentDateColumnLabel'),\n        render: ({ checkDate }) => formatLongWithYear(checkDate) || 'N/A',\n      },\n      {\n        title: t('wageTotalColumnLabel'),\n        render: ({ totals }) => currencyFormatter(Number(totals?.wageAmount || 0)),\n      },\n      {\n        title: t('reimbursementTotalColumnLabel'),\n        render: ({ totals }) => currencyFormatter(Number(totals?.reimbursementAmount) || 0),\n      },\n    ],\n    itemMenu: ({ uuid }) => (\n      <ButtonIcon\n        aria-label={t('viewPaymentCta')}\n        variant=\"tertiary\"\n        onClick={() => {\n          onViewPayment(uuid || '')\n        }}\n      >\n        <EyeIcon aria-hidden />\n      </ButtonIcon>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"primary\" onClick={onCreatePayment}>\n            {t('createPaymentCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n    pagination: paginationProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\" styledAs=\"h2\">\n          {t('title')}\n        </Heading>\n      </Flex>\n\n      {hasUnresolvedWireInRequests && (\n        <ConfirmWireDetails companyId={companyId} onEvent={onEvent} />\n      )}\n\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              <Flex flexDirection=\"column\" gap={12}>\n                {typeof alert.content === 'string'\n                  ? t(`alerts.${alert.content}` as never)\n                  : (alert.content ?? null)}\n                {alert.onAction && alert.actionLabel && (\n                  <div>\n                    <Button variant=\"secondary\" onClick={alert.onAction}>\n                      {t(`alerts.${alert.actionLabel}` as never)}\n                    </Button>\n                  </div>\n                )}\n              </Flex>\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'flex-end',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('subtitle')}\n        </Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={numberOfMonths.toString()}\n            onChange={value => {\n              onDateRangeChange(Number(value))\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            shouldVisuallyHideLabel\n          />\n          <Button onClick={onCreatePayment} variant=\"secondary\" className={styles.nowrap}>\n            {t('createPaymentCta')}\n          </Button>\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","companyId","hasUnresolvedWireInRequests","onEvent","paginationProps","Button","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","totals","uuid","jsx","EyeIcon","EmptyData","ActionsLayout","jsxs","Flex","ConfirmWireDetails","alert","index","styles","value","DataView"],"mappings":";;;;;;;;;;;;;;;AA4BO,MAAMA,IAA2B,CAAC;AAAA,EACvC,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AAAA,EACT,WAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AACF,MAAsD;AACpD,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA;AACvD,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAoBC,EAAmB,UAAU,GACjD,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzBC,IAAmB;AAAA,IACvB,EAAE,OAAO,KAAK,OAAON,EAAE,wBAAwB,EAAA;AAAA,IAC/C,EAAE,OAAO,KAAK,OAAOA,EAAE,wBAAwB,EAAA;AAAA,EAAE,GAE7C,EAAE,GAAGO,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMzB;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOiB,EAAE,wBAAwB;AAAA,QACjC,QAAQ,CAAC,EAAE,WAAAS,QAAgBL,EAAmBK,CAAS,KAAK;AAAA,MAAA;AAAA,MAE9D;AAAA,QACE,OAAOT,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAC,EAAE,QAAAU,QAAaR,EAAkB,OAAOQ,GAAQ,cAAc,CAAC,CAAC;AAAA,MAAA;AAAA,MAE3E;AAAA,QACE,OAAOV,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAAC,EAAE,QAAAU,QAAaR,EAAkB,OAAOQ,GAAQ,mBAAmB,KAAK,CAAC;AAAA,MAAA;AAAA,IACpF;AAAA,IAEF,UAAU,CAAC,EAAE,MAAAC,EAAA,MACX,gBAAAC;AAAA,MAAChB;AAAA,MAAA;AAAA,QACC,cAAYI,EAAE,gBAAgB;AAAA,QAC9B,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAb,EAAcwB,KAAQ,EAAE;AAAA,QAC1B;AAAA,QAEA,UAAA,gBAAAC,EAACC,GAAA,EAAQ,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzB,YAAY,MACV,gBAAAD,EAACE,GAAA,EAAU,OAAOd,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAY,EAACG,KAAc,gBAAe,UAC5B,UAAA,gBAAAH,EAACnB,GAAA,EAAO,SAAQ,WAAU,SAASR,GAChC,UAAAe,EAAE,kBAAkB,EAAA,CACvB,EAAA,CACF,EAAA,CACF;AAAA,IAEF,YAAYR;AAAA,EAAA,CACb;AAED,SACE,gBAAAwB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAL,EAAClB,GAAA,EAAQ,IAAG,MAAK,UAAS,MACvB,UAAAM,EAAE,OAAO,GACZ,GACF;AAAA,IAECV,KACC,gBAAAsB,EAACM,GAAA,EAAmB,WAAA7B,GAAsB,SAAAE,EAAA,CAAkB;AAAA,IAG7DH,EAAO,SAAS,KACf,gBAAAwB,EAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA7B,EAAO,IAAI,CAAC+B,GAAOC,MAClB,gBAAAR;AAAA,MAACf;AAAA,MAAA;AAAA,QAEC,OAAOG,EAAE,UAAUmB,EAAM,KAAK,IAAaA,EAAM,iBAAiB;AAAA,QAClE,QAAQA,EAAM;AAAA,QACd,WAAWA,EAAM;AAAA,QAEjB,UAAA,gBAAAH,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,UAAA,OAAOE,EAAM,WAAY,WACtBnB,EAAE,UAAUmB,EAAM,OAAO,EAAW,IACnCA,EAAM,WAAW;AAAA,UACrBA,EAAM,YAAYA,EAAM,eACvB,gBAAAP,EAAC,OAAA,EACC,4BAACnB,GAAA,EAAO,SAAQ,aAAY,SAAS0B,EAAM,UACxC,UAAAnB,EAAE,UAAUmB,EAAM,WAAW,EAAW,GAC3C,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,MAhBK,GAAGA,EAAM,IAAI,IAAIA,EAAM,KAAK,IAAIC,CAAK;AAAA,IAAA,CAkB7C,GACH;AAAA,IAGF,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,KAAK;AAAA,QACL,YAAY;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,gBAAe;AAAA,QAEf,UAAA;AAAA,UAAA,gBAAAL,EAAClB,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAAM,EAAE,UAAU,GACf;AAAA,UACA,gBAAAgB,EAAC,OAAA,EAAI,WAAWK,EAAO,kBACrB,UAAA;AAAA,YAAA,gBAAAT;AAAA,cAACjB;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAOX,EAAe,SAAA;AAAA,gBACtB,UAAU,CAAAsC,MAAS;AACjB,kBAAApC,EAAkB,OAAOoC,CAAK,CAAC;AAAA,gBACjC;AAAA,gBACA,SAAShB;AAAA,gBACT,YAAU;AAAA,gBACV,OAAON,EAAE,WAAW;AAAA,gBACpB,yBAAuB;AAAA,cAAA;AAAA,YAAA;AAAA,YAEzB,gBAAAY,EAACnB,GAAA,EAAO,SAASR,GAAiB,SAAQ,aAAY,WAAWoC,EAAO,QACrE,UAAArB,EAAE,kBAAkB,EAAA,CACvB;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGDuB,GAAA,EAAS,OAAOvB,EAAE,UAAU,GAAI,GAAGO,EAAA,CAAe;AAAA,EAAA,GACrD;AAEJ;"}
+{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api-v-2025-11-15/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  numberOfMonths: number\n  contractorPayments: ContractorPaymentGroupWithBlockers[]\n  onCreatePayment: () => void\n  onDateRangeChange: (numberOfMonths: number) => void\n  onViewPayment: (paymentId: string) => void\n  alerts?: InternalAlert[]\n  companyId: string\n  hasUnresolvedWireInRequests: boolean\n  onEvent: (type: EventType, data?: unknown) => void\n  paginationProps?: PaginationControlProps\n}\n\n/** @internal */\nexport const PaymentsListPresentation = ({\n  contractorPayments,\n  numberOfMonths,\n  onCreatePayment,\n  onDateRangeChange,\n  onViewPayment,\n  alerts = [],\n  companyId,\n  hasUnresolvedWireInRequests,\n  onEvent,\n  paginationProps,\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const dateRangeOptions = [\n    { value: '3', label: t('dateRanges.last3Months') },\n    { value: '6', label: t('dateRanges.last6Months') },\n  ]\n  const { ...dataViewProps } = useDataView({\n    data: contractorPayments,\n    columns: [\n      {\n        title: t('paymentDateColumnLabel'),\n        render: ({ checkDate }) => formatLongWithYear(checkDate) || 'N/A',\n      },\n      {\n        title: t('wageTotalColumnLabel'),\n        justify: 'end',\n        render: ({ totals }) => currencyFormatter(Number(totals?.wageAmount || 0)),\n      },\n      {\n        title: t('reimbursementTotalColumnLabel'),\n        justify: 'end',\n        render: ({ totals }) => currencyFormatter(Number(totals?.reimbursementAmount) || 0),\n      },\n    ],\n    itemMenu: ({ uuid }) => (\n      <ButtonIcon\n        aria-label={t('viewPaymentCta')}\n        variant=\"tertiary\"\n        onClick={() => {\n          onViewPayment(uuid || '')\n        }}\n      >\n        <EyeIcon aria-hidden />\n      </ButtonIcon>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button\n            variant=\"secondary\"\n            icon={<PlusCircleIcon aria-hidden />}\n            onClick={onCreatePayment}\n          >\n            {t('createPaymentCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n    pagination: paginationProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\" styledAs=\"h2\">\n          {t('title')}\n        </Heading>\n      </Flex>\n\n      {hasUnresolvedWireInRequests && (\n        <ConfirmWireDetails companyId={companyId} onEvent={onEvent} />\n      )}\n\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              <Flex flexDirection=\"column\" gap={12}>\n                {typeof alert.content === 'string'\n                  ? t(`alerts.${alert.content}` as never)\n                  : (alert.content ?? null)}\n                {alert.onAction && alert.actionLabel && (\n                  <div>\n                    <Button variant=\"secondary\" onClick={alert.onAction}>\n                      {t(`alerts.${alert.actionLabel}` as never)}\n                    </Button>\n                  </div>\n                )}\n              </Flex>\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'center',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('subtitle')}\n        </Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={numberOfMonths.toString()}\n            onChange={value => {\n              onDateRangeChange(Number(value))\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            placeholder=\"\"\n            shouldVisuallyHideLabel\n          />\n          {contractorPayments.length > 0 && (\n            <Button\n              onClick={onCreatePayment}\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              className={styles.nowrap}\n            >\n              {t('createPaymentCta')}\n            </Button>\n          )}\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","companyId","hasUnresolvedWireInRequests","onEvent","paginationProps","Button","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","totals","uuid","jsx","EyeIcon","EmptyData","ActionsLayout","PlusCircleIcon","jsxs","Flex","ConfirmWireDetails","alert","index","styles","value","DataView"],"mappings":";;;;;;;;;;;;;;;;AA6BO,MAAMA,KAA2B,CAAC;AAAA,EACvC,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AAAA,EACT,WAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AACF,MAAsD;AACpD,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA;AACvD,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAoBC,EAAmB,UAAU,GACjD,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzBC,IAAmB;AAAA,IACvB,EAAE,OAAO,KAAK,OAAON,EAAE,wBAAwB,EAAA;AAAA,IAC/C,EAAE,OAAO,KAAK,OAAOA,EAAE,wBAAwB,EAAA;AAAA,EAAE,GAE7C,EAAE,GAAGO,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMzB;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOiB,EAAE,wBAAwB;AAAA,QACjC,QAAQ,CAAC,EAAE,WAAAS,QAAgBL,EAAmBK,CAAS,KAAK;AAAA,MAAA;AAAA,MAE9D;AAAA,QACE,OAAOT,EAAE,sBAAsB;AAAA,QAC/B,SAAS;AAAA,QACT,QAAQ,CAAC,EAAE,QAAAU,QAAaR,EAAkB,OAAOQ,GAAQ,cAAc,CAAC,CAAC;AAAA,MAAA;AAAA,MAE3E;AAAA,QACE,OAAOV,EAAE,+BAA+B;AAAA,QACxC,SAAS;AAAA,QACT,QAAQ,CAAC,EAAE,QAAAU,QAAaR,EAAkB,OAAOQ,GAAQ,mBAAmB,KAAK,CAAC;AAAA,MAAA;AAAA,IACpF;AAAA,IAEF,UAAU,CAAC,EAAE,MAAAC,EAAA,MACX,gBAAAC;AAAA,MAAChB;AAAA,MAAA;AAAA,QACC,cAAYI,EAAE,gBAAgB;AAAA,QAC9B,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAb,EAAcwB,KAAQ,EAAE;AAAA,QAC1B;AAAA,QAEA,UAAA,gBAAAC,EAACC,GAAA,EAAQ,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzB,YAAY,MACV,gBAAAD,EAACE,GAAA,EAAU,OAAOd,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAY,EAACG,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAAH;AAAA,MAACnB;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM,gBAAAmB,EAACI,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,QAClC,SAAS/B;AAAA,QAER,YAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA,GAEzB,EAAA,CACF;AAAA,IAEF,YAAYO;AAAA,EAAA,CACb;AAED,SACE,gBAAAyB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAN,EAACM,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAN,EAAClB,GAAA,EAAQ,IAAG,MAAK,UAAS,MACvB,UAAAM,EAAE,OAAO,GACZ,GACF;AAAA,IAECV,KACC,gBAAAsB,EAACO,GAAA,EAAmB,WAAA9B,GAAsB,SAAAE,EAAA,CAAkB;AAAA,IAG7DH,EAAO,SAAS,KACf,gBAAAwB,EAACM,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA9B,EAAO,IAAI,CAACgC,GAAOC,MAClB,gBAAAT;AAAA,MAACf;AAAA,MAAA;AAAA,QAEC,OAAOG,EAAE,UAAUoB,EAAM,KAAK,IAAaA,EAAM,iBAAiB;AAAA,QAClE,QAAQA,EAAM;AAAA,QACd,WAAWA,EAAM;AAAA,QAEjB,UAAA,gBAAAH,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,UAAA,OAAOE,EAAM,WAAY,WACtBpB,EAAE,UAAUoB,EAAM,OAAO,EAAW,IACnCA,EAAM,WAAW;AAAA,UACrBA,EAAM,YAAYA,EAAM,eACvB,gBAAAR,EAAC,OAAA,EACC,4BAACnB,GAAA,EAAO,SAAQ,aAAY,SAAS2B,EAAM,UACxC,UAAApB,EAAE,UAAUoB,EAAM,WAAW,EAAW,GAC3C,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,MAhBK,GAAGA,EAAM,IAAI,IAAIA,EAAM,KAAK,IAAIC,CAAK;AAAA,IAAA,CAkB7C,GACH;AAAA,IAGF,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,KAAK;AAAA,QACL,YAAY;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,gBAAe;AAAA,QAEf,UAAA;AAAA,UAAA,gBAAAN,EAAClB,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAAM,EAAE,UAAU,GACf;AAAA,UACA,gBAAAiB,EAAC,OAAA,EAAI,WAAWK,EAAO,kBACrB,UAAA;AAAA,YAAA,gBAAAV;AAAA,cAACjB;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAOX,EAAe,SAAA;AAAA,gBACtB,UAAU,CAAAuC,MAAS;AACjB,kBAAArC,EAAkB,OAAOqC,CAAK,CAAC;AAAA,gBACjC;AAAA,gBACA,SAASjB;AAAA,gBACT,YAAU;AAAA,gBACV,OAAON,EAAE,WAAW;AAAA,gBACpB,aAAY;AAAA,gBACZ,yBAAuB;AAAA,cAAA;AAAA,YAAA;AAAA,YAExBjB,EAAmB,SAAS,KAC3B,gBAAA6B;AAAA,cAACnB;AAAA,cAAA;AAAA,gBACC,SAASR;AAAA,gBACT,SAAQ;AAAA,gBACR,MAAM,gBAAA2B,EAACI,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,gBAClC,WAAWM,EAAO;AAAA,gBAEjB,YAAE,kBAAkB;AAAA,cAAA;AAAA,YAAA;AAAA,UACvB,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGDE,GAAA,EAAS,OAAOxB,EAAE,UAAU,GAAI,GAAGO,EAAA,CAAe;AAAA,EAAA,GACrD;AAEJ;"}

package/dist/components/Contractor/Profile/BusinessSelfOnboardingProfile.d.ts

@@ -0,0 +1,8 @@
+import { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractorProfile';
+/**
+ * Self-onboarding profile for a business contractor — collects business name
+ * and EIN.
+ *
+ * @internal
+ */
+export declare function BusinessSelfOnboardingProfile({ contractorId, onEvent, className, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;

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

@@ -0,0 +1,79 @@
+import { jsx as i, jsxs as o, Fragment as p } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
+import b from "classnames";
+import { useContractorDetailsForm as h } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import D from "./ContractorProfile.module.scss.js";
+import { BaseLayout as m } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { SDKFormProvider as E } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as O } from "../../Common/Form/Form.js";
+import { Flex as a } from "../../Common/Flex/Flex.js";
+import { useComponentContext as N } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { componentEvents as d } from "../../../shared/constants.js";
+const R = {
+  update: ["businessName", "ein"]
+};
+function A({
+  contractorId: c,
+  onEvent: l,
+  className: u
+}) {
+  const { t: e } = g("Contractor.Profile"), t = N(), n = h({
+    contractorId: c,
+    withSelfOnboardingField: !1,
+    defaultValues: { selfOnboarding: !0 },
+    optionalFieldsToRequire: R
+  });
+  if (n.isLoading)
+    return /* @__PURE__ */ i(m, { isLoading: !0, error: n.errorHandling.errors });
+  const { Fields: r } = n.form, f = async () => {
+    const s = await n.actions.onSubmit();
+    s && (l(d.CONTRACTOR_UPDATED, s.data), l(d.CONTRACTOR_PROFILE_DONE, {
+      contractorId: s.data.uuid,
+      selfOnboarding: !0
+    }));
+  };
+  return /* @__PURE__ */ i("section", { className: b(D.root, u), children: /* @__PURE__ */ i(m, { error: n.errorHandling.errors, children: /* @__PURE__ */ i(E, { formHookResult: n, children: /* @__PURE__ */ o(O, { onSubmit: () => {
+    f();
+  }, children: [
+    /* @__PURE__ */ o(a, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      /* @__PURE__ */ i("header", { children: /* @__PURE__ */ o(a, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ i(t.Heading, { as: "h2", children: e("selfOnboarding.title") }),
+        /* @__PURE__ */ i(t.Text, { variant: "supporting", children: e("selfOnboarding.businessDescription") })
+      ] }) }),
+      r.BusinessName && /* @__PURE__ */ o(p, { children: [
+        /* @__PURE__ */ i(
+          r.BusinessName,
+          {
+            label: e("fields.businessName.label"),
+            validationMessages: { REQUIRED: e("validations.businessName") }
+          }
+        ),
+        r.Ein && /* @__PURE__ */ i(
+          r.Ein,
+          {
+            label: e("fields.ein.label"),
+            validationMessages: {
+              INVALID_EIN: e("validations.einFormat"),
+              REQUIRED: e("validations.ein")
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i(a, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(
+      t.Button,
+      {
+        type: "submit",
+        variant: "primary",
+        isDisabled: n.status.isPending,
+        children: n.status.isPending ? e("selfOnboarding.submitting") : e("selfOnboarding.continue")
+      }
+    ) })
+  ] }) }) }) });
+}
+export {
+  A as BusinessSelfOnboardingProfile
+};
+//# sourceMappingURL=BusinessSelfOnboardingProfile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessSelfOnboardingProfile.js","sources":["../../../../src/components/Contractor/Profile/BusinessSelfOnboardingProfile.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport {\n  useContractorDetailsForm,\n  type ContractorDetailsOptionalFieldsToRequire,\n} from './shared/useContractorDetailsForm'\nimport type { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractorProfile'\nimport styles from './ContractorProfile.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nconst BUSINESS_REQUIRED_FIELDS: ContractorDetailsOptionalFieldsToRequire = {\n  update: ['businessName', 'ein'],\n}\n\n/**\n * Self-onboarding profile for a business contractor — collects business name\n * and EIN.\n *\n * @internal\n */\nexport function BusinessSelfOnboardingProfile({\n  contractorId,\n  onEvent,\n  className,\n}: ContractorSelfOnboardingProfileProps) {\n  const { t } = useTranslation('Contractor.Profile')\n  const Components = useComponentContext()\n\n  const contractor = useContractorDetailsForm({\n    contractorId,\n    withSelfOnboardingField: false,\n    defaultValues: { selfOnboarding: true },\n    optionalFieldsToRequire: BUSINESS_REQUIRED_FIELDS,\n  })\n\n  if (contractor.isLoading) {\n    return <BaseLayout isLoading error={contractor.errorHandling.errors} />\n  }\n\n  const { Fields } = contractor.form\n\n  const handleSubmit = async () => {\n    const result = await contractor.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.CONTRACTOR_UPDATED, result.data)\n    onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n      contractorId: result.data.uuid,\n      selfOnboarding: true,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors}>\n        <SDKFormProvider formHookResult={contractor}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n              <header>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{t('selfOnboarding.title')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">\n                    {t('selfOnboarding.businessDescription')}\n                  </Components.Text>\n                </Flex>\n              </header>\n\n              {Fields.BusinessName && (\n                <>\n                  <Fields.BusinessName\n                    label={t('fields.businessName.label')}\n                    validationMessages={{ REQUIRED: t('validations.businessName') }}\n                  />\n                  {Fields.Ein && (\n                    <Fields.Ein\n                      label={t('fields.ein.label')}\n                      validationMessages={{\n                        INVALID_EIN: t('validations.einFormat'),\n                        REQUIRED: t('validations.ein'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n            </Flex>\n\n            <Flex gap={12} justifyContent=\"flex-end\">\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={contractor.status.isPending}\n              >\n                {contractor.status.isPending\n                  ? t('selfOnboarding.submitting')\n                  : t('selfOnboarding.continue')}\n              </Components.Button>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["BUSINESS_REQUIRED_FIELDS","BusinessSelfOnboardingProfile","contractorId","onEvent","className","t","useTranslation","Components","useComponentContext","contractor","useContractorDetailsForm","BaseLayout","Fields","handleSubmit","result","componentEvents","jsx","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Fragment"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAqE;AAAA,EACzE,QAAQ,CAAC,gBAAgB,KAAK;AAChC;AAQO,SAASC,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GAEbC,IAAaC,EAAyB;AAAA,IAC1C,cAAAR;AAAA,IACA,yBAAyB;AAAA,IACzB,eAAe,EAAE,gBAAgB,GAAA;AAAA,IACjC,yBAAyBF;AAAA,EAAA,CAC1B;AAED,MAAIS,EAAW;AACb,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ;AAGvE,QAAM,EAAE,QAAAG,MAAWH,EAAW,MAExBI,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAML,EAAW,QAAQ,SAAA;AACxC,IAAKK,MAELX,EAAQY,EAAgB,oBAAoBD,EAAO,IAAI,GACvDX,EAAQY,EAAgB,yBAAyB;AAAA,MAC/C,cAAcD,EAAO,KAAK;AAAA,MAC1B,gBAAgB;AAAA,IAAA,CACjB;AAAA,EACH;AAEA,SACE,gBAAAE,EAAC,WAAA,EAAQ,WAAWC,EAAWC,EAAO,MAAMd,CAAS,GACnD,UAAA,gBAAAY,EAACL,GAAA,EAAW,OAAOF,EAAW,cAAc,QAC1C,UAAA,gBAAAO,EAACG,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKR,EAAA;AAAA,KACzB,UAAA;AAAA,IAAA,gBAAAO,EAACE,KAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC/C,UAAA;AAAA,MAAA,gBAAAN,EAAC,YACC,UAAA,gBAAAI,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAN,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,sBAAsB,GAAE;AAAA,QACvD,gBAAAW,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,oCAAoC,EAAA,CACzC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAECO,EAAO,gBACN,gBAAAQ,EAAAG,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAP;AAAA,UAACJ,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,2BAA2B;AAAA,YACpC,oBAAoB,EAAE,UAAUA,EAAE,0BAA0B,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAE/DO,EAAO,OACN,gBAAAI;AAAA,UAACJ,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,kBAAkB;AAAA,YAC3B,oBAAoB;AAAA,cAClB,aAAaA,EAAE,uBAAuB;AAAA,cACtC,UAAUA,EAAE,iBAAiB;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,MACF,EAAA,CAEJ;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAW,EAACM,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA,gBAAAN;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,YAAYE,EAAW,OAAO;AAAA,QAE7B,YAAW,OAAO,YACfJ,EAAE,2BAA2B,IAC7BA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA,EACjC,CACF;AAAA,EAAA,GACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Contractor/Profile/ContractorProfile.d.ts

@@ -1,27 +1,69 @@
-import { ContractorProfileFormData } from './useContractorProfile';
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
+import { ContractorDetailsFormData } from './shared/useContractorDetailsForm';
+import { BaseComponentInterface } from '../../Base/Base';
 /**
- * Props for {@link ContractorProfile}.
+ * Props for {@link ContractorProfile} in admin mode.
+ *
+ * @remarks
+ * Renders the admin create/edit form. When `contractorId` is omitted, the form
+ * creates a new contractor under `companyId`. When provided, it fetches and
+ * updates the existing contractor.
  *
  * @public
  */
-export interface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {
+export interface ContractorProfileAdminProps extends BaseComponentInterface<'Contractor.Profile'> {
     /** UUID of the company the contractor belongs to. */
     companyId: string;
+    /** Initial values for the contractor profile form fields. */
+    defaultValues?: Partial<ContractorDetailsFormData>;
+    /** When `true` (the default), renders the admin create/edit form. */
+    isAdmin?: true;
     /** UUID of an existing contractor to edit. When omitted, the form creates a new contractor. */
     contractorId?: string;
+}
+/**
+ * Props for {@link ContractorProfile} in self-onboarding mode.
+ *
+ * @remarks
+ * Renders the contractor self-onboarding profile. The contractor must already
+ * exist so its type (individual vs. business) can be resolved to determine
+ * which fields to display.
+ *
+ * @public
+ */
+export interface ContractorProfileSelfOnboardingProps extends BaseComponentInterface<'Contractor.Profile'> {
+    /** UUID of the company the contractor belongs to. */
+    companyId: string;
     /** Initial values for the contractor profile form fields. */
-    defaultValues?: Partial<ContractorProfileFormData>;
+    defaultValues?: Partial<ContractorDetailsFormData>;
+    /** When `false`, renders the contractor self-onboarding profile. */
+    isAdmin: false;
+    /** UUID of the existing contractor completing self-onboarding. Required in self-onboarding mode. */
+    contractorId: string;
 }
+/**
+ * Props for {@link ContractorProfile}.
+ *
+ * @remarks
+ * Discriminated by `isAdmin`. See {@link ContractorProfileAdminProps} and
+ * {@link ContractorProfileSelfOnboardingProps} for the specific prop shapes.
+ *
+ * @public
+ */
+export type ContractorProfileProps = ContractorProfileAdminProps | ContractorProfileSelfOnboardingProps;
 /**
  * Form for creating or editing a contractor profile, supporting both individual and business contractor types.
  *
  * @remarks
- * Renders different field sets depending on the contractor type (individual vs. business) and wage type
- * (hourly vs. fixed), and exposes a self-onboarding toggle that invites the contractor to complete their
- * own setup. When `contractorId` is provided, the form fetches the existing contractor and updates it on
- * submit; otherwise it creates a new contractor under `companyId`.
+ * In admin mode (the default), renders different field sets depending on the contractor type (individual
+ * vs. business) and wage type (hourly vs. fixed), and exposes a self-onboarding toggle that invites the
+ * contractor to complete their own setup. When `contractorId` is provided, the form fetches the existing
+ * contractor and updates it on submit; otherwise it creates a new contractor under `companyId`.
+ *
+ * When `isAdmin` is `false`, renders the contractor self-onboarding profile instead: it resolves the
+ * existing contractor's type and presents the individual (name + SSN) or business (business name + EIN)
+ * fields for the contractor to complete.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `contractor/created` | A new contractor was created successfully. | The created contractor entity |
@@ -32,4 +74,4 @@ export interface ContractorProfileProps extends CommonComponentInterface<'Contra
  * @returns The rendered contractor profile form.
  * @public
  */
-export declare function ContractorProfile(props: ContractorProfileProps & BaseComponentInterface): import("react").JSX.Element;
+export declare function ContractorProfile(props: ContractorProfileProps): import("react").JSX.Element;

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

@@ -1,41 +1,215 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useContractorsGetSuspense as m } from "@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet";
-import { useContractorProfile as f } from "./useContractorProfile.js";
-import { ContractorProfileForm as d } from "./ContractorProfileForm.js";
-import { BaseComponent as u } from "../../Base/Base.js";
-import { useComponentDictionary as l } from "../../../i18n/I18n.js";
-function D(o) {
-  return l("Contractor.Profile", o.dictionary), /* @__PURE__ */ t(u, { ...o, children: o.contractorId ? /* @__PURE__ */ t(C, { ...o, contractorId: o.contractorId, children: o.children }) : /* @__PURE__ */ t(c, { ...o, children: o.children }) });
+import { jsx as a, jsxs as r, Fragment as g } from "react/jsx-runtime";
+import { useMemo as p, useState as D, useEffect as I } from "react";
+import { useTranslation as v } from "react-i18next";
+import { useWatch as h } from "react-hook-form";
+import C from "classnames";
+import { useContractorDetailsForm as O } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import { ContractorType as y } from "./shared/useContractorDetailsForm/contractorDetailsSchema.js";
+import { SelfOnboardingContractorProfile as F } from "./SelfOnboardingContractorProfile.js";
+import S from "./ContractorProfile.module.scss.js";
+import { BaseBoundaries as A, BaseLayout as R } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { SDKFormProvider as T } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as M } from "../../Common/Form/Form.js";
+import { Flex as u } from "../../Common/Flex/Flex.js";
+import { Grid as N } from "../../Common/Grid/Grid.js";
+import { useComponentContext as P } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as L, useI18n as _ } from "../../../i18n/I18n.js";
+import { componentEvents as b, ContractorOnboardingStatus as x } from "../../../shared/constants.js";
+function B(i) {
+  const o = {
+    create: [],
+    update: ["firstName", "lastName", "businessName", "hourlyRate", "workState"]
+  };
+  return i ? o : {
+    create: [...o.create ?? [], "ssn", "ein"],
+    update: [...o.update ?? [], "ssn", "ein"]
+  };
 }
-function C(o) {
-  const {
-    data: { contractor: r }
-  } = m({ contractorUuid: o.contractorId });
-  return /* @__PURE__ */ t(c, { ...o, existingContractor: r });
+function ie(i) {
+  return L("Contractor.Profile", i.dictionary), /* @__PURE__ */ a(A, { componentName: "Contractor.Profile", FallbackComponent: i.FallbackComponent, children: i.isAdmin === !1 ? /* @__PURE__ */ a(
+    F,
+    {
+      contractorId: i.contractorId,
+      onEvent: i.onEvent,
+      className: i.className
+    }
+  ) : /* @__PURE__ */ a(U, { ...i }) });
 }
-function c({
-  companyId: o,
-  contractorId: r,
-  defaultValues: i,
-  existingContractor: n,
-  className: e
+function U({
+  companyId: i,
+  contractorId: o,
+  defaultValues: m,
+  className: f,
+  onEvent: e
 }) {
-  const a = f({
-    companyId: o,
-    contractorId: r,
-    defaultValues: i,
-    existingContractor: n
-  });
-  return /* @__PURE__ */ t(
-    d,
+  _("Contractor.Profile");
+  const n = p(
+    () => ({ type: y.Business, ...m }),
+    [m]
+  ), [s, t] = D(
+    !o && (n.selfOnboarding ?? !1)
+  ), l = p(
+    () => B(s),
+    [s]
+  ), d = O(
+    o ? {
+      companyId: i,
+      contractorId: o,
+      defaultValues: n,
+      optionalFieldsToRequire: l
+    } : {
+      companyId: i,
+      defaultValues: n,
+      optionalFieldsToRequire: l
+    }
+  );
+  return d.isLoading ? /* @__PURE__ */ a(R, { isLoading: !0, error: d.errorHandling.errors }) : /* @__PURE__ */ a(
+    Q,
     {
-      ...a,
-      existingContractor: n,
-      className: e
+      contractor: d,
+      onEvent: e,
+      className: f,
+      setSelfOnboardingActive: t
     }
   );
 }
+function Q({
+  contractor: i,
+  onEvent: o,
+  className: m,
+  setSelfOnboardingActive: f
+}) {
+  const { t: e } = v("Contractor.Profile"), n = P(), s = h({
+    control: i.form.hookFormInternals.formMethods.control,
+    name: "selfOnboarding"
+  });
+  I(() => {
+    f(s);
+  }, [s, f]);
+  const { Fields: t } = i.form, l = i.status.mode, d = async () => {
+    const E = i.data.contractor?.onboardingStatus, c = await i.actions.onSubmit();
+    c && (o(
+      c.mode === "create" ? b.CONTRACTOR_CREATED : b.CONTRACTOR_UPDATED,
+      c.data
+    ), o(b.CONTRACTOR_PROFILE_DONE, {
+      contractorId: c.data.uuid,
+      selfOnboarding: s && E !== x.ADMIN_ONBOARDING_REVIEW
+    }));
+  };
+  return /* @__PURE__ */ a("section", { className: C(S.root, m), children: /* @__PURE__ */ a(R, { error: i.errorHandling.errors, children: /* @__PURE__ */ a(T, { formHookResult: i, children: /* @__PURE__ */ r(M, { onSubmit: () => {
+    d();
+  }, children: [
+    /* @__PURE__ */ r(u, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      /* @__PURE__ */ a("header", { children: /* @__PURE__ */ r(u, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ a(n.Heading, { as: "h2", children: e("title") }),
+        /* @__PURE__ */ a(n.Text, { variant: "supporting", children: e("subtitle") })
+      ] }) }),
+      (t.SelfOnboarding || t.Email) && /* @__PURE__ */ a(n.Box, { children: /* @__PURE__ */ r(N, { gap: 16, children: [
+        t.SelfOnboarding && /* @__PURE__ */ a(
+          t.SelfOnboarding,
+          {
+            label: e("fields.selfOnboarding.label"),
+            description: e("fields.selfOnboarding.description")
+          }
+        ),
+        t.Email && /* @__PURE__ */ a(
+          t.Email,
+          {
+            label: e("fields.email.label"),
+            validationMessages: {
+              REQUIRED: e("validations.email"),
+              INVALID_EMAIL: e("validations.emailFormat")
+            }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ a(t.Type, { label: e("fields.contractorType.label") }),
+      t.FirstName && t.LastName && /* @__PURE__ */ r(g, { children: [
+        /* @__PURE__ */ r(N, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+          /* @__PURE__ */ a(
+            t.FirstName,
+            {
+              label: e("fields.firstName.label"),
+              validationMessages: {
+                REQUIRED: e("validations.firstName"),
+                INVALID_NAME: e("validations.firstNameFormat")
+              }
+            }
+          ),
+          t.MiddleInitial && /* @__PURE__ */ a(t.MiddleInitial, { label: e("fields.middleInitial.label") })
+        ] }),
+        /* @__PURE__ */ a(
+          t.LastName,
+          {
+            label: e("fields.lastName.label"),
+            validationMessages: {
+              REQUIRED: e("validations.lastName"),
+              INVALID_NAME: e("validations.lastNameFormat")
+            }
+          }
+        ),
+        t.Ssn && !s && /* @__PURE__ */ a(
+          t.Ssn,
+          {
+            label: e("fields.ssn.label"),
+            validationMessages: {
+              INVALID_SSN: e("validations.ssnFormat"),
+              REQUIRED: e("validations.ssn")
+            }
+          }
+        )
+      ] }),
+      t.BusinessName && /* @__PURE__ */ r(g, { children: [
+        /* @__PURE__ */ a(
+          t.BusinessName,
+          {
+            label: e("fields.businessName.label"),
+            validationMessages: { REQUIRED: e("validations.businessName") }
+          }
+        ),
+        t.Ein && !s && /* @__PURE__ */ a(
+          t.Ein,
+          {
+            label: e("fields.ein.label"),
+            validationMessages: {
+              INVALID_EIN: e("validations.einFormat"),
+              REQUIRED: e("validations.ein")
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(t.WageType, { label: e("fields.wageType.label") }),
+      t.HourlyRate && /* @__PURE__ */ a(
+        t.HourlyRate,
+        {
+          label: e("fields.hourlyRate.label"),
+          min: 0,
+          format: "currency",
+          validationMessages: { REQUIRED: e("validations.hourlyRate") }
+        }
+      ),
+      /* @__PURE__ */ a(
+        t.StartDate,
+        {
+          label: e("fields.startDate.label"),
+          description: e("fields.startDate.description"),
+          validationMessages: { REQUIRED: e("validations.startDate") }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(u, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ a(
+      n.Button,
+      {
+        type: "submit",
+        variant: "primary",
+        isDisabled: i.status.isPending,
+        children: i.status.isPending ? e(l === "create" ? "buttons.creating" : "buttons.updating") : e(l === "create" ? "buttons.create" : "buttons.update")
+      }
+    ) })
+  ] }) }) }) });
+}
 export {
-  D as ContractorProfile
+  ie as ContractorProfile
 };
 //# sourceMappingURL=ContractorProfile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfile.tsx"],"sourcesContent":["import { useContractorsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet'\nimport type { Contractor } from '@gusto/embedded-api-v-2025-11-15/models/components/contractor'\nimport type { ContractorProfileFormData } from './useContractorProfile'\nimport { useContractorProfile } 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'\nimport type { WithRequired } from '@/types/Helpers'\n\n/**\n * Props for {@link ContractorProfile}.\n *\n * @public\n */\nexport interface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n  /** UUID of an existing contractor to edit. When omitted, the form creates a new contractor. */\n  contractorId?: string\n  /** Initial values for the contractor profile form fields. */\n  defaultValues?: Partial<ContractorProfileFormData>\n}\n\ninterface ContractorProfileConditionalProps {\n  existingContractor?: Contractor\n}\n\n/**\n * Form for creating or editing a contractor profile, supporting both individual and business contractor types.\n *\n * @remarks\n * Renders different field sets depending on the contractor type (individual vs. business) and wage type\n * (hourly vs. fixed), and exposes a self-onboarding toggle that invites the contractor to complete their\n * own setup. When `contractorId` is provided, the form fetches the existing contractor and updates it on\n * submit; otherwise it creates a new contractor under `companyId`.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/created` | A new contractor was created successfully. | The created contractor entity |\n * | `contractor/updated` | An existing contractor was updated successfully. | The updated contractor entity |\n * | `contractor/profile/done` | The contractor profile step finished. | `{ contractorId: string, selfOnboarding: boolean }` |\n *\n * @param props - See {@link ContractorProfileProps}.\n * @returns The rendered contractor profile form.\n * @public\n */\nexport function ContractorProfile(props: ContractorProfileProps & BaseComponentInterface) {\n  useComponentDictionary('Contractor.Profile', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      {props.contractorId ? (\n        <RootWithContractor {...props} contractorId={props.contractorId}>\n          {props.children}\n        </RootWithContractor>\n      ) : (\n        <Root {...props}>{props.children}</Root>\n      )}\n    </BaseComponent>\n  )\n}\n\n/**Accounting for conditional logic where contractor data needs to be fetched only if contractorId is present */\nfunction RootWithContractor(props: WithRequired<ContractorProfileProps, 'contractorId'>) {\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: props.contractorId })\n  return <Root {...props} existingContractor={contractor} />\n}\n\nfunction Root({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n  className,\n}: ContractorProfileProps & ContractorProfileConditionalProps) {\n  const hookData = useContractorProfile({\n    companyId,\n    contractorId,\n    defaultValues,\n    existingContractor,\n  })\n  return (\n    <ContractorProfileForm\n      {...hookData}\n      existingContractor={existingContractor}\n      className={className}\n    />\n  )\n}\n"],"names":["ContractorProfile","props","useComponentDictionary","jsx","BaseComponent","RootWithContractor","Root","contractor","useContractorsGetSuspense","companyId","contractorId","defaultValues","existingContractor","className","hookData","useContractorProfile","ContractorProfileForm"],"mappings":";;;;;;AA+CO,SAASA,EAAkBC,GAAwD;AACxF,SAAAC,EAAuB,sBAAsBD,EAAM,UAAU,GAE3D,gBAAAE,EAACC,KAAe,GAAGH,GAChB,YAAM,eACL,gBAAAE,EAACE,GAAA,EAAoB,GAAGJ,GAAO,cAAcA,EAAM,cAChD,UAAAA,EAAM,UACT,IAEA,gBAAAE,EAACG,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CAErC;AAEJ;AAGA,SAASI,EAAmBJ,GAA6D;AACvF,QAAM;AAAA,IACJ,MAAM,EAAE,YAAAM,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBP,EAAM,cAAc;AACpE,SAAO,gBAAAE,EAACG,GAAA,EAAM,GAAGL,GAAO,oBAAoBM,GAAY;AAC1D;AAEA,SAASD,EAAK;AAAA,EACZ,WAAAG;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,GAA+D;AAC7D,QAAMC,IAAWC,EAAqB;AAAA,IACpC,WAAAN;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,CACD;AACD,SACE,gBAAAT;AAAA,IAACa;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,oBAAAF;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfile.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport classNames from 'classnames'\nimport {\n  useContractorDetailsForm,\n  ContractorType,\n  type ContractorDetailsFormData,\n  type ContractorDetailsOptionalFieldsToRequire,\n  type UseContractorDetailsFormReady,\n} from './shared/useContractorDetailsForm'\nimport { SelfOnboardingContractorProfile } from './SelfOnboardingContractorProfile'\nimport styles from './ContractorProfile.module.scss'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\n\n// The admin form restores the contractor profile's product requiredness on top\n// of the hook's API-aligned baseline (which leaves ssn/ein optional and\n// create-only fields optional on update). When the admin invites the contractor\n// to self-onboard, SSN/EIN are hidden and the contractor supplies them later, so\n// they are dropped from the required set. An SSN/EIN already on file is still\n// waived via redaction, so promoting them when not inviting is safe.\nfunction computeRequiredFields(\n  selfOnboardingActive: boolean,\n): ContractorDetailsOptionalFieldsToRequire {\n  const base: ContractorDetailsOptionalFieldsToRequire = {\n    create: [],\n    update: ['firstName', 'lastName', 'businessName', 'hourlyRate', 'workState'],\n  }\n  if (selfOnboardingActive) return base\n  return {\n    create: [...(base.create ?? []), 'ssn', 'ein'],\n    update: [...(base.update ?? []), 'ssn', 'ein'],\n  }\n}\n\n/**\n * Props for {@link ContractorProfile} in admin mode.\n *\n * @remarks\n * Renders the admin create/edit form. When `contractorId` is omitted, the form\n * creates a new contractor under `companyId`. When provided, it fetches and\n * updates the existing contractor.\n *\n * @public\n */\nexport interface ContractorProfileAdminProps extends BaseComponentInterface<'Contractor.Profile'> {\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n  /** Initial values for the contractor profile form fields. */\n  defaultValues?: Partial<ContractorDetailsFormData>\n  /** When `true` (the default), renders the admin create/edit form. */\n  isAdmin?: true\n  /** UUID of an existing contractor to edit. When omitted, the form creates a new contractor. */\n  contractorId?: string\n}\n\n/**\n * Props for {@link ContractorProfile} in self-onboarding mode.\n *\n * @remarks\n * Renders the contractor self-onboarding profile. The contractor must already\n * exist so its type (individual vs. business) can be resolved to determine\n * which fields to display.\n *\n * @public\n */\nexport interface ContractorProfileSelfOnboardingProps extends BaseComponentInterface<'Contractor.Profile'> {\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n  /** Initial values for the contractor profile form fields. */\n  defaultValues?: Partial<ContractorDetailsFormData>\n  /** When `false`, renders the contractor self-onboarding profile. */\n  isAdmin: false\n  /** UUID of the existing contractor completing self-onboarding. Required in self-onboarding mode. */\n  contractorId: string\n}\n\n/**\n * Props for {@link ContractorProfile}.\n *\n * @remarks\n * Discriminated by `isAdmin`. See {@link ContractorProfileAdminProps} and\n * {@link ContractorProfileSelfOnboardingProps} for the specific prop shapes.\n *\n * @public\n */\nexport type ContractorProfileProps =\n  ContractorProfileAdminProps | ContractorProfileSelfOnboardingProps\n\n/**\n * Form for creating or editing a contractor profile, supporting both individual and business contractor types.\n *\n * @remarks\n * In admin mode (the default), renders different field sets depending on the contractor type (individual\n * vs. business) and wage type (hourly vs. fixed), and exposes a self-onboarding toggle that invites the\n * contractor to complete their own setup. When `contractorId` is provided, the form fetches the existing\n * contractor and updates it on submit; otherwise it creates a new contractor under `companyId`.\n *\n * When `isAdmin` is `false`, renders the contractor self-onboarding profile instead: it resolves the\n * existing contractor's type and presents the individual (name + SSN) or business (business name + EIN)\n * fields for the contractor to complete.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/created` | A new contractor was created successfully. | The created contractor entity |\n * | `contractor/updated` | An existing contractor was updated successfully. | The updated contractor entity |\n * | `contractor/profile/done` | The contractor profile step finished. | `{ contractorId: string, selfOnboarding: boolean }` |\n *\n * @param props - See {@link ContractorProfileProps}.\n * @returns The rendered contractor profile form.\n * @public\n */\nexport function ContractorProfile(props: ContractorProfileProps) {\n  useComponentDictionary('Contractor.Profile', props.dictionary)\n  return (\n    <BaseBoundaries componentName=\"Contractor.Profile\" FallbackComponent={props.FallbackComponent}>\n      {props.isAdmin === false ? (\n        <SelfOnboardingContractorProfile\n          contractorId={props.contractorId}\n          onEvent={props.onEvent}\n          className={props.className}\n        />\n      ) : (\n        <ContractorProfileRoot {...props} />\n      )}\n    </BaseBoundaries>\n  )\n}\n\nfunction ContractorProfileRoot({\n  companyId,\n  contractorId,\n  defaultValues,\n  className,\n  onEvent,\n}: ContractorProfileProps) {\n  useI18n('Contractor.Profile')\n\n  const resolvedDefaults = useMemo<Partial<ContractorDetailsFormData>>(\n    () => ({ type: ContractorType.Business, ...defaultValues }),\n    [defaultValues],\n  )\n\n  // Mirrors the Employee AdminProfile loop: SSN/EIN requiredness depends on the\n  // self-onboarding toggle, which lives in the form the hook creates. Seed from\n  // the create-mode default, then sync from the watched value (see the ready child).\n  const [selfOnboardingActive, setSelfOnboardingActive] = useState(\n    !contractorId && (resolvedDefaults.selfOnboarding ?? false),\n  )\n\n  const optionalFieldsToRequire = useMemo(\n    () => computeRequiredFields(selfOnboardingActive),\n    [selfOnboardingActive],\n  )\n\n  const contractor = useContractorDetailsForm(\n    contractorId\n      ? {\n          companyId,\n          contractorId,\n          defaultValues: resolvedDefaults,\n          optionalFieldsToRequire,\n        }\n      : {\n          companyId,\n          defaultValues: resolvedDefaults,\n          optionalFieldsToRequire,\n        },\n  )\n\n  if (contractor.isLoading) {\n    return <BaseLayout isLoading error={contractor.errorHandling.errors} />\n  }\n\n  return (\n    <ContractorProfileReady\n      contractor={contractor}\n      onEvent={onEvent}\n      className={className}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n    />\n  )\n}\n\ninterface ContractorProfileReadyProps {\n  contractor: UseContractorDetailsFormReady\n  onEvent: ContractorProfileProps['onEvent']\n  className?: string\n  setSelfOnboardingActive: (value: boolean) => void\n}\n\nfunction ContractorProfileReady({\n  contractor,\n  onEvent,\n  className,\n  setSelfOnboardingActive,\n}: ContractorProfileReadyProps) {\n  const { t } = useTranslation('Contractor.Profile')\n  const Components = useComponentContext()\n\n  const watchedSelfOnboarding = useWatch({\n    control: contractor.form.hookFormInternals.formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  useEffect(() => {\n    setSelfOnboardingActive(watchedSelfOnboarding)\n  }, [watchedSelfOnboarding, setSelfOnboardingActive])\n\n  const { Fields } = contractor.form\n  const mode = contractor.status.mode\n\n  const handleSubmit = async () => {\n    const onboardingStatus = contractor.data.contractor?.onboardingStatus\n    const result = await contractor.actions.onSubmit()\n    if (!result) return\n\n    onEvent(\n      result.mode === 'create'\n        ? componentEvents.CONTRACTOR_CREATED\n        : componentEvents.CONTRACTOR_UPDATED,\n      result.data,\n    )\n\n    onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n      contractorId: result.data.uuid,\n      selfOnboarding:\n        watchedSelfOnboarding &&\n        onboardingStatus !== ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors}>\n        <SDKFormProvider formHookResult={contractor}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n              <header>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{t('subtitle')}</Components.Text>\n                </Flex>\n              </header>\n\n              {(Fields.SelfOnboarding || Fields.Email) && (\n                <Components.Box>\n                  <Grid gap={16}>\n                    {Fields.SelfOnboarding && (\n                      <Fields.SelfOnboarding\n                        label={t('fields.selfOnboarding.label')}\n                        description={t('fields.selfOnboarding.description')}\n                      />\n                    )}\n\n                    {Fields.Email && (\n                      <Fields.Email\n                        label={t('fields.email.label')}\n                        validationMessages={{\n                          REQUIRED: t('validations.email'),\n                          INVALID_EMAIL: t('validations.emailFormat'),\n                        }}\n                      />\n                    )}\n                  </Grid>\n                </Components.Box>\n              )}\n\n              <Fields.Type label={t('fields.contractorType.label')} />\n\n              {Fields.FirstName && Fields.LastName && (\n                <>\n                  <Grid gridTemplateColumns={{ base: '1fr', medium: '1fr 1fr' }} gap={16}>\n                    <Fields.FirstName\n                      label={t('fields.firstName.label')}\n                      validationMessages={{\n                        REQUIRED: t('validations.firstName'),\n                        INVALID_NAME: t('validations.firstNameFormat'),\n                      }}\n                    />\n                    {Fields.MiddleInitial && (\n                      <Fields.MiddleInitial label={t('fields.middleInitial.label')} />\n                    )}\n                  </Grid>\n                  <Fields.LastName\n                    label={t('fields.lastName.label')}\n                    validationMessages={{\n                      REQUIRED: t('validations.lastName'),\n                      INVALID_NAME: t('validations.lastNameFormat'),\n                    }}\n                  />\n                  {Fields.Ssn && !watchedSelfOnboarding && (\n                    <Fields.Ssn\n                      label={t('fields.ssn.label')}\n                      validationMessages={{\n                        INVALID_SSN: t('validations.ssnFormat'),\n                        REQUIRED: t('validations.ssn'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n\n              {Fields.BusinessName && (\n                <>\n                  <Fields.BusinessName\n                    label={t('fields.businessName.label')}\n                    validationMessages={{ REQUIRED: t('validations.businessName') }}\n                  />\n                  {Fields.Ein && !watchedSelfOnboarding && (\n                    <Fields.Ein\n                      label={t('fields.ein.label')}\n                      validationMessages={{\n                        INVALID_EIN: t('validations.einFormat'),\n                        REQUIRED: t('validations.ein'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n\n              <Fields.WageType label={t('fields.wageType.label')} />\n\n              {Fields.HourlyRate && (\n                <Fields.HourlyRate\n                  label={t('fields.hourlyRate.label')}\n                  min={0}\n                  format=\"currency\"\n                  validationMessages={{ REQUIRED: t('validations.hourlyRate') }}\n                />\n              )}\n\n              <Fields.StartDate\n                label={t('fields.startDate.label')}\n                description={t('fields.startDate.description')}\n                validationMessages={{ REQUIRED: t('validations.startDate') }}\n              />\n            </Flex>\n\n            <Flex gap={12} justifyContent=\"flex-end\">\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={contractor.status.isPending}\n              >\n                {contractor.status.isPending\n                  ? mode === 'create'\n                    ? t('buttons.creating')\n                    : t('buttons.updating')\n                  : mode === 'create'\n                    ? t('buttons.create')\n                    : t('buttons.update')}\n              </Components.Button>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["computeRequiredFields","selfOnboardingActive","base","ContractorProfile","props","useComponentDictionary","jsx","BaseBoundaries","SelfOnboardingContractorProfile","ContractorProfileRoot","companyId","contractorId","defaultValues","className","onEvent","useI18n","resolvedDefaults","useMemo","ContractorType","setSelfOnboardingActive","useState","optionalFieldsToRequire","contractor","useContractorDetailsForm","BaseLayout","ContractorProfileReady","t","useTranslation","Components","useComponentContext","watchedSelfOnboarding","useWatch","useEffect","Fields","mode","handleSubmit","onboardingStatus","result","componentEvents","ContractorOnboardingStatus","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Grid","Fragment"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+const o = "_root_gqrwc_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=ContractorProfile.module.scss.js.map

package/dist/components/Contractor/Profile/ContractorProfile.module.scss.js.map

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

package/dist/components/Contractor/Profile/IndividualSelfOnboardingProfile.d.ts

@@ -0,0 +1,8 @@
+import { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractorProfile';
+/**
+ * Self-onboarding profile for an individual contractor — collects legal name
+ * and SSN.
+ *
+ * @internal
+ */
+export declare function IndividualSelfOnboardingProfile({ contractorId, onEvent, className, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;