@gusto/embedded-react-sdk 0.21.0 → 0.22.0

package/dist/components/Contractor/Payments/Overview/OverviewPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPresentation.js","sources":["../../../../../src/components/Contractor/Payments/Overview/OverviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentForGroup, ContractorPaymentGroup } from '../types'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PaymentSummary {\n  totalAmount: string\n  debitAmount: string\n  debitAccount: string\n  debitDate: string\n  contractorPayDate: string\n  checkDate: string\n  submitByDate: string\n}\n\ninterface ContractorPaymentOverviewPresentationProps {\n  paymentSummary: PaymentSummary\n  contractorPaymentGroup: ContractorPaymentGroup\n  onEdit: () => void\n  onSubmit: () => void\n}\n\nexport const OverviewPresentation = ({\n  paymentSummary,\n  contractorPaymentGroup,\n  onEdit,\n  onSubmit,\n}: ContractorPaymentOverviewPresentationProps) => {\n  const { Button, Text, Heading } = useComponentContext()\n  useI18n('Contractor.Payments.Overview')\n  const { t } = useTranslation('Contractor.Payments.Overview')\n  const { locale } = useLocale()\n\n  const formatWageType = (contractor: ContractorPaymentForGroup) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${formatNumberAsCurrency(parseFloat(contractor.hourlyRate), locale)}${t('perHour')}`\n    }\n    return contractor.wageType\n  }\n\n  const contractors: ContractorPaymentForGroup[] = contractorPaymentGroup.contractorPayments || []\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n        <Heading as=\"h2\">{t('reviewAndSubmitTitle')}</Heading>\n        <Text>{t('reviewSubtitle', { submitByDate: paymentSummary.submitByDate })}</Text>\n      </Flex>\n\n      {/* Payment Summary */}\n      <Flex flexDirection=\"column\" gap={16}>\n        <DataView\n          columns={[\n            {\n              title: t('summaryTableHeaders.totalAmount'),\n              render: () => (\n                <Text>\n                  {formatNumberAsCurrency(\n                    parseFloat(contractorPaymentGroup.totals?.amount || '0'),\n                    locale,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('summaryTableHeaders.debitAmount'),\n              render: () => (\n                <Text>\n                  {formatNumberAsCurrency(\n                    parseFloat(contractorPaymentGroup.totals?.debitAmount || '0'),\n                    locale,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('summaryTableHeaders.debitAccount'),\n              render: () => <Text>{paymentSummary.debitAccount}</Text>,\n            },\n            {\n              title: t('summaryTableHeaders.debitDate'),\n              render: () => (\n                <Text>{contractorPaymentGroup.debitDate || paymentSummary.debitDate}</Text>\n              ),\n            },\n            {\n              title: t('summaryTableHeaders.contractorPayDate'),\n              render: () => (\n                <Text>{contractorPaymentGroup.checkDate || paymentSummary.contractorPayDate}</Text>\n              ),\n            },\n          ]}\n          data={[contractorPaymentGroup]}\n          label=\"Payment Summary\"\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Heading as=\"h2\">{t('whatYourCompanyPays')}</Heading>\n          <Text variant=\"supporting\">\n            {t('dateLabel')}: {contractorPaymentGroup.checkDate}\n          </Text>\n        </Flex>\n\n        {/* Contractor Payments Table */}\n        <div style={{ width: '100%' }}>\n          <DataView\n            columns={[\n              {\n                title: t('contractorTableHeaders.contractor'),\n                render: contractor => <Text>{contractor.contractorUuid || 'N/A'}</Text>,\n              },\n              {\n                title: t('contractorTableHeaders.wageType'),\n                render: contractor => <Text>{formatWageType(contractor)}</Text>,\n              },\n              {\n                title: t('contractorTableHeaders.paymentMethod'),\n                render: contractor => <Text>{contractor.paymentMethod || 'N/A'}</Text>,\n              },\n              {\n                title: t('contractorTableHeaders.hours'),\n                render: contractor => (\n                  <Text>\n                    {contractor.wageType === 'Hourly' && contractor.hours\n                      ? formatHoursDisplay(parseFloat(contractor.hours))\n                      : ZERO_HOURS_DISPLAY}\n                  </Text>\n                ),\n              },\n              {\n                title: t('contractorTableHeaders.wage'),\n                render: contractor => (\n                  <Text>\n                    {contractor.wageType === 'Fixed' && contractor.wage\n                      ? formatNumberAsCurrency(parseFloat(contractor.wage), locale)\n                      : formatNumberAsCurrency(0, locale)}\n                  </Text>\n                ),\n              },\n              {\n                title: t('contractorTableHeaders.bonus'),\n                render: contractor => (\n                  <Text>\n                    {formatNumberAsCurrency(\n                      contractor.bonus ? parseFloat(contractor.bonus) : 0,\n                      locale,\n                    )}\n                  </Text>\n                ),\n              },\n              {\n                title: t('contractorTableHeaders.reimbursement'),\n                render: contractor => (\n                  <Text>\n                    {formatNumberAsCurrency(\n                      contractor.reimbursement ? parseFloat(contractor.reimbursement) : 0,\n                      locale,\n                    )}\n                  </Text>\n                ),\n              },\n              {\n                title: t('contractorTableHeaders.total'),\n                render: contractor => (\n                  <Text>\n                    {formatNumberAsCurrency(\n                      contractor.wageTotal ? parseFloat(contractor.wageTotal) : 0,\n                      locale,\n                    )}\n                  </Text>\n                ),\n              },\n            ]}\n            data={contractors}\n            label={t('whatYourCompanyPays')}\n          />\n        </div>\n      </Flex>\n\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Button onClick={onEdit} variant=\"secondary\">\n          {t('editButton')}\n        </Button>\n        <Button onClick={onSubmit} variant=\"primary\">\n          {t('submitButton')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","OverviewPresentation","paymentSummary","contractorPaymentGroup","onEdit","onSubmit","Button","Text","Heading","useComponentContext","useI18n","t","useTranslation","locale","useLocale","formatWageType","contractor","formatNumberAsCurrency","contractors","jsxs","Flex","jsx","DataView","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlow.d.ts

@@ -0,0 +1,2 @@
+import { PaymentFlowProps } from './PaymentFlowComponents';
+export declare const PaymentFlow: ({ companyId, onEvent }: PaymentFlowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as a } from "react";
+import { paymentMachine as i, paymentFlowBreadcrumbsNodes as p } from "./paymentStateMachine.js";
+import { PaymentListContextual as c } from "./PaymentFlowComponents.js";
+import { Flow as s } from "../../../Flow/Flow.js";
+import { buildBreadcrumbs as l } from "../../../../helpers/breadcrumbHelpers.js";
+const F = ({ companyId: r, onEvent: o }) => {
+  const m = a(
+    () => n("landing", i, (e) => ({
+      ...e,
+      component: c,
+      companyId: r,
+      progressBarType: null,
+      //landing step does not show progress bar/breadcrumbs
+      breadcrumbs: l(p),
+      currentBreadcrumb: "landing"
+    })),
+    [r]
+  );
+  return /* @__PURE__ */ t(s, { machine: m, onEvent: o });
+};
+export {
+  F as PaymentFlow
+};
+//# sourceMappingURL=PaymentFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { paymentFlowBreadcrumbsNodes, paymentMachine } from './paymentStateMachine'\nimport {\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  type PaymentFlowProps,\n} from './PaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport const PaymentFlow = ({ companyId, onEvent }: PaymentFlowProps) => {\n  const paymentFlow = useMemo(\n    () =>\n      createMachine('landing', paymentMachine, (initialContext: PaymentFlowContextInterface) => ({\n        ...initialContext,\n        component: PaymentListContextual,\n        companyId,\n        progressBarType: null, //landing step does not show progress bar/breadcrumbs\n        breadcrumbs: buildBreadcrumbs(paymentFlowBreadcrumbsNodes),\n        currentBreadcrumb: 'landing',\n      })),\n    [companyId],\n  )\n  return <Flow machine={paymentFlow} onEvent={onEvent} />\n}\n"],"names":["PaymentFlow","companyId","onEvent","paymentFlow","useMemo","createMachine","paymentMachine","initialContext","PaymentListContextual","buildBreadcrumbs","paymentFlowBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAWO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,iBAAiB;AAAA;AAAA,MACjB,aAAaQ,EAAiBC,CAA2B;AAAA,MACzD,mBAAmB;AAAA,IAAA,EACnB;AAAA,IACJ,CAACT,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.d.ts

@@ -0,0 +1,15 @@
+import { FlowContextInterface } from '../../../Flow/useFlow';
+import { BaseComponentInterface } from '../../../Base';
+import { BreadcrumbTrail } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export interface PaymentFlowProps extends BaseComponentInterface {
+    companyId: string;
+}
+export interface PaymentFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    breadcrumbs?: BreadcrumbTrail;
+}
+export declare function PaymentListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function CreatePaymentContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function EditPaymentContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function OverviewPaymentContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentHistoryContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import { PaymentsList as r } from "../PaymentsList/PaymentsList.js";
+import { CreatePayment as a } from "../CreatePayment/CreatePayment.js";
+import { EditPayment as i } from "../EditPayment/EditPayment.js";
+import { Overview as c } from "../Overview/Overview.js";
+import { useFlow as e } from "../../../Flow/useFlow.js";
+import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
+function I() {
+  const { companyId: t, onEvent: n } = e();
+  return /* @__PURE__ */ o(r, { onEvent: n, companyId: m(t) });
+}
+function P() {
+  const { companyId: t, onEvent: n } = e();
+  return /* @__PURE__ */ o(a, { onEvent: n, companyId: m(t) });
+}
+function x() {
+  const { companyId: t, onEvent: n } = e();
+  return /* @__PURE__ */ o(i, { onEvent: n, companyId: m(t) });
+}
+function C() {
+  const { companyId: t, onEvent: n } = e();
+  return /* @__PURE__ */ o(c, { onEvent: n, companyId: m(t) });
+}
+export {
+  P as CreatePaymentContextual,
+  x as EditPaymentContextual,
+  C as OverviewPaymentContextual,
+  I as PaymentListContextual
+};
+//# sourceMappingURL=PaymentFlowComponents.js.map

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsList } from '../PaymentsList/PaymentsList'\nimport { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { EditPayment } from '../EditPayment/EditPayment'\nimport { Overview } from '../Overview/Overview'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\n// import { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PaymentFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  breadcrumbs?: BreadcrumbTrail\n}\n\nexport function PaymentListContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function EditPaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <EditPayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function OverviewPaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <Overview onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n  return <div>PaymentHistoryContextual</div>\n}\n"],"names":["PaymentListContextual","companyId","onEvent","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","EditPaymentContextual","EditPayment","OverviewPaymentContextual","Overview"],"mappings":";;;;;;;AAmBO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAa,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC/E;AAEO,SAASK,IAA0B;AACxC,QAAM,EAAE,WAAAL,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAL,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAChF;AAEO,SAASO,IAAwB;AACtC,QAAM,EAAE,WAAAP,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQM,GAAA,EAAY,SAAAP,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC9E;AAEO,SAASS,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQQ,GAAA,EAAS,SAAAT,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC3E;"}

package/dist/components/Contractor/Payments/PaymentFlow/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { PaymentFlow } from './PaymentFlow';
+export type { PaymentFlowProps } from './PaymentFlowComponents';

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.d.ts

@@ -0,0 +1,8 @@
+import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export declare const paymentFlowBreadcrumbsNodes: BreadcrumbNodes;
+export declare const paymentMachine: {
+    landing: import('robot3').MachineState<any>;
+    createPayment: import('robot3').MachineState<any>;
+    editPayment: import('robot3').MachineState<any>;
+    overview: import('robot3').MachineState<any>;
+};

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js

@@ -0,0 +1,158 @@
+import { state as o, transition as r, reduce as n } from "robot3";
+import { PaymentListContextual as d, CreatePaymentContextual as c, OverviewPaymentContextual as l, EditPaymentContextual as y } from "./PaymentFlowComponents.js";
+import { componentEvents as m } from "../../../../shared/constants.js";
+import { updateBreadcrumbs as t } from "../../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as p } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const C = {
+  landing: {
+    parent: null,
+    item: {
+      id: "landing",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.PaymentsList",
+      onNavigate: ((e) => ({
+        ...e,
+        currentBreadcrumb: "landing",
+        progressBarType: null,
+        component: d
+      }))
+    }
+  },
+  createPayment: {
+    parent: "landing",
+    item: {
+      id: "createPayment",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.CreatePayment",
+      onNavigate: ((e) => ({
+        ...t("createPayment", e)
+        // component: PayrollConfigurationContextual,
+      }))
+    }
+  },
+  overview: {
+    parent: "createPayment",
+    item: {
+      id: "overview",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.Overview",
+      onNavigate: ((e) => ({
+        ...t("overview", e),
+        // component: PayrollOverviewContextual,
+        alerts: void 0
+      }))
+    }
+  },
+  editPayment: {
+    //TODO: this node is not used - should consider nulls for these
+    parent: "createPayment",
+    item: {
+      id: "editPayment",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.EditPayment"
+    }
+  },
+  history: {
+    parent: "overview",
+    item: {
+      id: "receipts",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollReceipts"
+    }
+  }
+}, s = (e) => (a) => ({
+  ...a,
+  ...e
+}), i = p(), g = {
+  landing: o(
+    r(
+      m.CONTRACTOR_PAYMENT_CREATE,
+      "createPayment",
+      n(
+        (e, a) => ({
+          ...t("createPayment", e),
+          component: c,
+          progressBarType: "breadcrumbs"
+        })
+      )
+    )
+  ),
+  createPayment: o(
+    r(
+      m.CONTRACTOR_PAYMENT_REVIEW,
+      "overview",
+      n(
+        (e, a) => ({
+          ...t("overview", e),
+          component: l
+        })
+      )
+    ),
+    r(
+      m.CONTRACTOR_PAYMENT_EDIT,
+      "editPayment",
+      n(
+        (e, a) => ({
+          ...t("editPayment", e),
+          component: y,
+          progressBarType: null
+        })
+      )
+    ),
+    i("landing")
+  ),
+  editPayment: o(
+    //TODO: should not update breadcrumbs here, just hide progress bar
+    r(
+      m.CONTRACTOR_PAYMENT_UPDATE,
+      "createPayment",
+      n(
+        (e, a) => ({
+          ...t("createPayment", e),
+          component: c,
+          currentBreadcrumbId: "createPayment"
+        })
+      )
+    ),
+    r(
+      m.CANCEL,
+      "createPayment",
+      n(
+        s({
+          progressBarType: "breadcrumbs",
+          component: c,
+          currentBreadcrumbId: "createPayment"
+        })
+      )
+    ),
+    i("landing")
+  ),
+  overview: o(
+    r(
+      m.CONTRACTOR_PAYMENT_SUBMIT,
+      "landing",
+      n(
+        (e, a) => ({
+          ...t("landing", e),
+          component: d,
+          progressBarType: null
+        })
+      )
+    ),
+    r(
+      m.CONTRACTOR_PAYMENT_CREATE,
+      "createPayment",
+      n(
+        (e, a) => ({
+          ...t("createPayment", e),
+          component: c
+        })
+      )
+    )
+  )
+};
+export {
+  C as paymentFlowBreadcrumbsNodes,
+  g as paymentMachine
+};
+//# sourceMappingURL=paymentStateMachine.js.map

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport {\n  CreatePaymentContextual,\n  EditPaymentContextual,\n  OverviewPaymentContextual,\n  type PaymentFlowContextInterface,\n  PaymentListContextual,\n} from './PaymentFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_REVIEW]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_EDIT]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_UPDATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_SUBMIT]: undefined\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n}\n\nexport const paymentFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentsList',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PaymentListContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  createPayment: {\n    parent: 'landing',\n    item: {\n      id: 'createPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.CreatePayment',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('createPayment', ctx),\n        // component: PayrollConfigurationContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'createPayment',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.Overview',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('overview', ctx),\n        // component: PayrollOverviewContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  editPayment: {\n    //TODO: this node is not used - should consider nulls for these\n    parent: 'createPayment',\n    item: {\n      id: 'editPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.EditPayment',\n    },\n  },\n  history: {\n    parent: 'overview',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PaymentFlowContextInterface>) => {\n  return (ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PaymentFlowContextInterface>()\n\nexport const paymentMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('createPayment', ctx),\n            component: CreatePaymentContextual,\n            progressBarType: 'breadcrumbs',\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_REVIEW,\n      'overview',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx),\n            component: OverviewPaymentContextual,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EDIT,\n      'editPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_EDIT>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('editPayment', ctx),\n            component: EditPaymentContextual,\n            progressBarType: null,\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  editPayment: state<MachineTransition>( //TODO: should not update breadcrumbs here, just hide progress bar\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_UPDATE,\n      'createPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_UPDATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('createPayment', ctx),\n            component: CreatePaymentContextual,\n            currentBreadcrumbId: 'createPayment',\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'createPayment',\n      reduce(\n        createReducer({\n          progressBarType: 'breadcrumbs',\n          component: CreatePaymentContextual,\n          currentBreadcrumbId: 'createPayment',\n        }),\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_SUBMIT,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_SUBMIT>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            component: PaymentListContextual,\n            progressBarType: null,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('createPayment', ctx),\n            component: CreatePaymentContextual,\n          }\n        },\n      ),\n    ),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","PaymentListContextual","updateBreadcrumbs","createReducer","props","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","ev","CreatePaymentContextual","OverviewPaymentContextual","EditPaymentContextual"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentInterface } from '../../../Base';
+interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {
+    companyId: string;
+}
+export declare function PaymentsList(props: PaymentsListProps): import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ companyId, dictionary, onEvent, children }: PaymentsListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import { PaymentsListPresentation as r } from "./PaymentsListPresentation.js";
+import { useComponentDictionary as a } from "../../../../i18n/I18n.js";
+import { BaseComponent as m } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+function l(e) {
+  return /* @__PURE__ */ t(m, { ...e, children: /* @__PURE__ */ t(i, { ...e, children: e.children }) });
+}
+const i = ({ companyId: e, dictionary: n, onEvent: o, children: c }) => (a("Contractor.Payments.PaymentsList", n), /* @__PURE__ */ t(
+  r,
+  {
+    onCreatePayment: () => {
+      o(s.CONTRACTOR_PAYMENT_CREATE);
+    },
+    paymentsList: [],
+    selectedDateRange: "Last 3 months",
+    onDateRangeChange: () => {
+    },
+    onDateSelected: () => {
+    },
+    showSuccessMessage: !1
+  }
+));
+export {
+  l as PaymentsList,
+  i as Root
+};
+//# sourceMappingURL=PaymentsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\ninterface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  companyId: string\n}\n\nexport function PaymentsList(props: PaymentsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, children }: PaymentsListProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n  return (\n    <PaymentsListPresentation\n      onCreatePayment={onCreatePayment}\n      paymentsList={[]}\n      selectedDateRange=\"Last 3 months\"\n      onDateRangeChange={() => {}}\n      onDateSelected={() => {}}\n      showSuccessMessage={false}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","children","useComponentDictionary","PaymentsListPresentation","componentEvents"],"mappings":";;;;;;AASO,SAASA,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,UAAAC,SACrDC,EAAuB,oCAAoCH,CAAU,GAMnE,gBAAAJ;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,iBALoB,MAAM;AAC5B,MAAAH,EAAQI,EAAgB,yBAAyB;AAAA,IACnD;AAAA,IAII,cAAc,CAAA;AAAA,IACd,mBAAkB;AAAA,IAClB,mBAAmB,MAAM;AAAA,IAAC;AAAA,IAC1B,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,oBAAoB;AAAA,EAAA;AAAA;"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.d.ts

@@ -0,0 +1,18 @@
+interface PaymentsListItem {
+    paymentDate: string;
+    reimbursementTotal: number;
+    wageTotal: number;
+    contractorsCount: number;
+}
+interface ContractorPaymentPaymentsListPresentationProps {
+    onCreatePayment: () => void;
+    paymentsList: PaymentsListItem[];
+    selectedDateRange: string;
+    onDateRangeChange: (dateRange: string) => void;
+    onDateSelected: (date: string) => void;
+    showSuccessMessage: boolean;
+    alertMessage?: string;
+    alertType?: 'success' | 'error' | 'warning' | 'info';
+}
+export declare const PaymentsListPresentation: ({ paymentsList, selectedDateRange, onCreatePayment, onDateRangeChange, onDateSelected, showSuccessMessage, alertMessage, alertType, }: ContractorPaymentPaymentsListPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,108 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as L } from "react-i18next";
+import d from "./PaymentsListPresentation.module.scss.js";
+import { Flex as s } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { EmptyData as v } from "../../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as w } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { useI18n as R } from "../../../../i18n/I18n.js";
+import { formatNumberAsCurrency as u } from "../../../../helpers/formattedStrings.js";
+import { useLocale as j } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { useDataView as T } from "../../../Common/DataView/useDataView.js";
+import { DataView as V } from "../../../Common/DataView/DataView.js";
+const K = ({
+  paymentsList: p,
+  selectedDateRange: h,
+  onCreatePayment: l,
+  onDateRangeChange: f,
+  onDateSelected: y,
+  showSuccessMessage: k,
+  alertMessage: a,
+  alertType: b = "info"
+}) => {
+  const { Button: o, Text: i, Alert: g, Heading: m, Select: C } = D();
+  R("Contractor.Payments.PaymentsList");
+  const { t } = L("Contractor.Payments.PaymentsList"), { locale: c } = j(), x = [
+    { value: "Last 3 months", label: t("dateRanges.last3Months") },
+    { value: "Last 6 months", label: t("dateRanges.last6Months") },
+    { value: "Last 12 months", label: t("dateRanges.last12Months") }
+  ], { ...P } = T({
+    data: p,
+    columns: [
+      {
+        title: t("paymentDate"),
+        render: ({ paymentDate: n }) => /* @__PURE__ */ e(
+          o,
+          {
+            variant: "tertiary",
+            onClick: () => {
+              y(n);
+            },
+            children: n
+          }
+        )
+      },
+      {
+        title: t("reimbursementTotal"),
+        render: ({ reimbursementTotal: n }) => /* @__PURE__ */ e(i, { children: u(n, c) })
+      },
+      {
+        title: t("wageTotal"),
+        render: ({ wageTotal: n }) => /* @__PURE__ */ e(i, { children: u(n, c) })
+      },
+      {
+        title: t("contractors"),
+        render: ({ contractorsCount: n }) => /* @__PURE__ */ e(i, { children: n })
+      }
+    ],
+    emptyState: () => /* @__PURE__ */ e(v, { title: t("noPaymentsFound"), description: t("noPaymentsDescription"), children: /* @__PURE__ */ e(w, { justifyContent: "center", children: /* @__PURE__ */ e(o, { variant: "primary", onClick: l, children: t("createPayment") }) }) })
+  });
+  return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ e(m, { as: "h1", children: t("title") }),
+      a && /* @__PURE__ */ e(g, { status: b, label: a, children: a })
+    ] }),
+    /* @__PURE__ */ r(
+      s,
+      {
+        flexDirection: {
+          base: "column",
+          small: "row"
+        },
+        gap: 16,
+        alignItems: {
+          base: "stretch",
+          small: "flex-end"
+        },
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ e(m, { as: "h2", children: t("subtitle") }),
+          /* @__PURE__ */ r("div", { className: d.actionsContainer, children: [
+            /* @__PURE__ */ e(
+              C,
+              {
+                id: "date-range-select",
+                value: h,
+                onChange: (n) => {
+                  f(n);
+                },
+                options: x,
+                isRequired: !0,
+                label: t("startDate"),
+                shouldVisuallyHideLabel: !0
+              }
+            ),
+            /* @__PURE__ */ e(o, { onClick: l, variant: "primary", className: d.nowrap, children: t("createPayment") })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(V, { label: t("subtitle"), ...P })
+  ] });
+};
+export {
+  K as PaymentsListPresentation
+};
+//# sourceMappingURL=PaymentsListPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\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 { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\ninterface PaymentsListItem {\n  paymentDate: string\n  reimbursementTotal: number\n  wageTotal: number\n  contractorsCount: number\n}\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  onCreatePayment: () => void\n  //TODO: confirm below props\n  paymentsList: PaymentsListItem[]\n  selectedDateRange: string\n  onDateRangeChange: (dateRange: string) => void\n  onDateSelected: (date: string) => void\n  showSuccessMessage: boolean\n  alertMessage?: string\n  alertType?: 'success' | 'error' | 'warning' | 'info'\n}\n\nexport const PaymentsListPresentation = ({\n  paymentsList,\n  selectedDateRange,\n  onCreatePayment,\n  onDateRangeChange,\n  onDateSelected,\n  showSuccessMessage,\n  alertMessage,\n  alertType = 'info',\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Text, Alert, Heading, Select } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const { locale } = useLocale()\n\n  const dateRangeOptions = [\n    { value: 'Last 3 months', label: t('dateRanges.last3Months') },\n    { value: 'Last 6 months', label: t('dateRanges.last6Months') },\n    { value: 'Last 12 months', label: t('dateRanges.last12Months') },\n  ]\n\n  const { ...dataViewProps } = useDataView({\n    data: paymentsList,\n    columns: [\n      {\n        title: t('paymentDate'),\n        render: ({ paymentDate }) => (\n          <Button\n            variant=\"tertiary\"\n            onClick={() => {\n              onDateSelected(paymentDate)\n            }}\n          >\n            {paymentDate}\n          </Button>\n        ),\n      },\n      {\n        title: t('reimbursementTotal'),\n        render: ({ reimbursementTotal }) => (\n          <Text>{formatNumberAsCurrency(reimbursementTotal, locale)}</Text>\n        ),\n      },\n      {\n        title: t('wageTotal'),\n        render: ({ wageTotal }) => <Text>{formatNumberAsCurrency(wageTotal, locale)}</Text>,\n      },\n      {\n        title: t('contractors'),\n        render: ({ contractorsCount }) => <Text>{contractorsCount}</Text>,\n      },\n    ],\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"primary\" onClick={onCreatePayment}>\n            {t('createPayment')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n\n        {alertMessage && (\n          <Alert status={alertType} label={alertMessage}>\n            {alertMessage}\n          </Alert>\n        )}\n      </Flex>\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\">{t('subtitle')}</Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={selectedDateRange}\n            onChange={value => {\n              onDateRangeChange(value)\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            shouldVisuallyHideLabel\n          />\n          <Button onClick={onCreatePayment} variant=\"primary\" className={styles.nowrap}>\n            {t('createPayment')}\n          </Button>\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","paymentsList","selectedDateRange","onCreatePayment","onDateRangeChange","onDateSelected","showSuccessMessage","alertMessage","alertType","Button","Text","Alert","Heading","Select","useComponentContext","useI18n","useTranslation","locale","useLocale","dateRangeOptions","dataViewProps","useDataView","paymentDate","jsx","reimbursementTotal","formatNumberAsCurrency","wageTotal","contractorsCount","EmptyData","ActionsLayout","jsxs","Flex","styles","value","DataView"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.module.scss.js

@@ -0,0 +1,10 @@
+const n = "_actionsContainer_1nbjv_1", o = "_nowrap_1nbjv_17", t = {
+  actionsContainer: n,
+  nowrap: o
+};
+export {
+  n as actionsContainer,
+  t as default,
+  o as nowrap
+};
+//# sourceMappingURL=PaymentsListPresentation.module.scss.js.map

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

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

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

@@ -6,15 +6,15 @@ import { useComponentContext as D } from "../../../contexts/ComponentAdapter/use
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { Form as O } from "../../Common/Form/Form.js";
 import { Grid as n } from "../../Common/Grid/Grid.js";
-import { Flex as x } from "../../Common/Flex/Flex.js";
+import { usePlaceholderSSN as x, normalizeSSN as w } from "../../../helpers/ssn.js";
+import { usePlaceholderEin as E, normalizeEin as j } from "../../../helpers/federalEin.js";
+import { ContractorOnboardingStatus as v } from "../../../shared/constants.js";
 import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as w } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { SwitchField as E } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { DatePickerField as j } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-import { usePlaceholderSSN as v, normalizeSSN as G } from "../../../helpers/ssn.js";
-import { usePlaceholderEin as z, normalizeEin as A } from "../../../helpers/federalEin.js";
-import { ContractorOnboardingStatus as B } from "../../../shared/constants.js";
+import { NumberInputField as G } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { Flex as z } from "../../Common/Flex/Flex.js";
+import { SwitchField as A } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as B } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 function re({
   formMethods: u,
   handleSubmit: f,
@@ -33,7 +33,7 @@ function re({
 }) {
   const a = D();
   I("Contractor.Profile");
-  const { t: e } = T("Contractor.Profile"), q = v(t?.hasSsn ?? !1), P = z(t?.hasEin ?? !1);
+  const { t: e } = T("Contractor.Profile"), q = x(t?.hasSsn ?? !1), P = E(t?.hasEin ?? !1);
   return /* @__PURE__ */ i("section", { className: F, children: /* @__PURE__ */ i(S, { ...u, children: /* @__PURE__ */ r(O, { onSubmit: f, children: [
     /* @__PURE__ */ r(n, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
       /* @__PURE__ */ r("header", { children: [
@@ -42,12 +42,12 @@ function re({
       ] }),
       /* @__PURE__ */ i("div", { className: C.switchFieldContainer, children: /* @__PURE__ */ r(n, { gap: 16, children: [
         /* @__PURE__ */ i(
-          E,
+          A,
           {
             name: "selfOnboarding",
             label: e("fields.selfOnboarding.label"),
             description: e("fields.selfOnboarding.description"),
-            isDisabled: t && t.onboardingStatus !== B.ADMIN_ONBOARDING_INCOMPLETE
+            isDisabled: t && t.onboardingStatus !== v.ADMIN_ONBOARDING_INCOMPLETE
           }
         ),
         p && /* @__PURE__ */ i(
@@ -81,7 +81,7 @@ function re({
             name: "ssn",
             label: e("fields.ssn.label"),
             placeholder: q,
-            transform: G,
+            transform: w,
             isRequired: !0
           }
         )
@@ -101,7 +101,7 @@ function re({
             name: "ein",
             label: e("fields.ein.label"),
             placeholder: P,
-            transform: A,
+            transform: j,
             isRequired: !0
           }
         )
@@ -116,7 +116,7 @@ function re({
         }
       ),
       h && /* @__PURE__ */ i(
-        w,
+        G,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -126,7 +126,7 @@ function re({
         }
       ),
       /* @__PURE__ */ i(
-        j,
+        B,
         {
           name: "startDate",
           label: e("fields.startDate.label"),
@@ -135,7 +135,7 @@ function re({
         }
       )
     ] }),
-    /* @__PURE__ */ i(x, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
+    /* @__PURE__ */ i(z, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
   ] }) }) });
 }
 export {