@gusto/embedded-react-sdk 0.41.0 → 0.43.0

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

@@ -1 +1 @@
-{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport {\n  CreatePaymentContextual,\n  type PaymentFlowContextInterface,\n  PaymentHistoryContextual,\n  PaymentListContextual,\n  PaymentStatementContextual,\n  PaymentSummaryContextual,\n  InformationRequestsContextual,\n} from './PaymentFlowComponents'\nimport { componentEvents, informationRequestEvents, payrollWireEvents } 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_CREATED]: ContractorPaymentGroup\n  [componentEvents.CONTRACTOR_PAYMENT_EXIT]: { uuid?: string | null }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS]: {\n    contractor: Contractor\n    paymentGroupId: string\n  }\n  [componentEvents.CONTRACTOR_PAYMENT_CANCEL]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND]: undefined\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_DONE]: undefined\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\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      })) as (context: unknown) => unknown,\n    },\n  },\n  paymentSummary: {\n    parent: 'landing',\n    item: {\n      id: 'paymentSummary',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentSummary',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('paymentSummary', ctx),\n      })) as (context: unknown) => unknown,\n    },\n  },\n  history: {\n    parent: 'landing',\n    item: {\n      id: 'history',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('history', ctx),\n        component: PaymentHistoryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  statement: {\n    parent: 'history',\n    item: {\n      id: 'statement',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentStatement',\n    },\n  },\n} as const\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            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW,\n      'history',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_VIEW>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('history', ctx),\n            component: PaymentHistoryContextual,\n            currentPaymentId: ev.payload.paymentId,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND,\n      'informationRequests',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND\n          >,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            component: InformationRequestsContextual,\n            progressBarType: null,\n          }\n        },\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATED,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATED>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('paymentSummary', ctx),\n            component: PaymentSummaryContextual,\n            createdPaymentGroupId: ev.payload.uuid,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  paymentSummary: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EXIT,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_EXIT>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            progressBarType: null,\n            component: PaymentListContextual,\n            createdPaymentGroupId: undefined,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS,\n      'statement',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS\n          >,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('statement', ctx, {\n              contractorName: getContractorDisplayName(ev.payload.contractor),\n            }),\n            component: PaymentStatementContextual,\n            currentContractorUuid: ev.payload.contractor.uuid,\n            currentPaymentId: ev.payload.paymentGroupId,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CANCEL,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CANCEL>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            progressBarType: null,\n            component: PaymentListContextual,\n            alerts: [\n              {\n                type: 'success',\n                title: 'paymentCancelledSuccessfully',\n              },\n            ],\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  statement: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('history'),\n  ),\n  informationRequests: state<MachineTransition>(\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_DONE,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof informationRequestEvents.INFORMATION_REQUEST_FORM_DONE\n          >,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            component: PaymentListContextual,\n            progressBarType: null,\n          }\n        },\n      ),\n    ),\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL\n          >,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            component: PaymentListContextual,\n            progressBarType: null,\n          }\n        },\n      ),\n    ),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","PaymentListContextual","updateBreadcrumbs","PaymentHistoryContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","ev","CreatePaymentContextual","InformationRequestsContextual","payrollWireEvents","PaymentSummaryContextual","getContractorDisplayName","PaymentStatementContextual","informationRequestEvents"],"mappings":"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"}
+{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport {\n  CreatePaymentContextual,\n  type PaymentFlowContextInterface,\n  PaymentHistoryContextual,\n  PaymentListContextual,\n  PaymentStatementContextual,\n  PaymentSummaryContextual,\n  InformationRequestsContextual,\n} from './PaymentFlowComponents'\nimport { componentEvents, informationRequestEvents, payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { patchBreadcrumbsHeader, 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_CREATED]: ContractorPaymentGroup\n  [componentEvents.CONTRACTOR_PAYMENT_EXIT]: { uuid?: string | null }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS]: {\n    contractor: Contractor\n    paymentGroupId: string\n  }\n  [componentEvents.CONTRACTOR_PAYMENT_CANCEL]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND]: undefined\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_DONE]: undefined\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\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        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\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      })) as (context: unknown) => unknown,\n    },\n  },\n  paymentSummary: {\n    parent: 'landing',\n    item: {\n      id: 'paymentSummary',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentSummary',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('paymentSummary', ctx),\n      })) as (context: unknown) => unknown,\n    },\n  },\n  history: {\n    parent: 'landing',\n    item: {\n      id: 'history',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('history', ctx),\n        component: PaymentHistoryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  statement: {\n    parent: 'history',\n    item: {\n      id: 'statement',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentStatement',\n    },\n  },\n} as const\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((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...updateBreadcrumbs('createPayment', ctx),\n          component: CreatePaymentContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW,\n      'history',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_VIEW>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('history', ctx),\n            component: PaymentHistoryContextual,\n            currentPaymentId: ev.payload.paymentId,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND,\n      'informationRequests',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: InformationRequestsContextual,\n        }\n      }),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATED,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATED>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('paymentSummary', ctx),\n            component: PaymentSummaryContextual,\n            createdPaymentGroupId: ev.payload.uuid,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  paymentSummary: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EXIT,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          createdPaymentGroupId: undefined,\n          alerts: undefined,\n        }\n      }),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS,\n      'statement',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS\n          >,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('statement', ctx, {\n              contractorName: getContractorDisplayName(ev.payload.contractor),\n            }),\n            component: PaymentStatementContextual,\n            currentContractorUuid: ev.payload.contractor.uuid,\n            currentPaymentId: ev.payload.paymentGroupId,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: [\n            {\n              type: 'success',\n              title: 'paymentCancelledSuccessfully',\n            },\n          ],\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  statement: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('history'),\n  ),\n  informationRequests: state<MachineTransition>(\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_DONE,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","PaymentListContextual","updateBreadcrumbs","PaymentHistoryContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","CreatePaymentContextual","ev","InformationRequestsContextual","payrollWireEvents","PaymentSummaryContextual","getContractorDisplayName","PaymentStatementContextual","informationRequestEvents"],"mappings":"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"}

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

@@ -1,53 +1,52 @@
 import { jsx as i, jsxs as r, Fragment as m } from "react/jsx-runtime";
 import { FormProvider as S } from "react-hook-form";
-import { useTranslation as T } from "react-i18next";
-import C from "./ContractorProfileForm.module.scss.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-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 { 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 { useTranslation as I } from "react-i18next";
+import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as x } from "../../../i18n/I18n.js";
+import { Form as C } from "../../Common/Form/Form.js";
+import { Grid as d } from "../../Common/Grid/Grid.js";
+import { usePlaceholderSSN as O, normalizeSSN as E } from "../../../helpers/ssn.js";
+import { usePlaceholderEin as j, normalizeEin as v } from "../../../helpers/federalEin.js";
+import { ContractorOnboardingStatus as w } from "../../../shared/constants.js";
+import { Flex as n } from "../../Common/Flex/Flex.js";
 import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.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,
+import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as B } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as G } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as z } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+function ee({
+  formMethods: f,
+  handleSubmit: c,
   formState: o,
   shouldShowEmailField: p,
   shouldShowBusinessFields: b,
-  shouldShowIndividualFields: c,
-  shouldShowHourlyRate: h,
-  shouldShowSsnField: g,
+  shouldShowIndividualFields: h,
+  shouldShowHourlyRate: g,
+  shouldShowSsnField: R,
   shouldShowEinField: N,
-  contractorTypeOptions: R,
-  wageTypeOptions: y,
+  contractorTypeOptions: y,
+  wageTypeOptions: q,
   isEditing: s,
-  className: F,
+  className: D,
   existingContractor: t
 }) {
-  const a = D();
-  I("Contractor.Profile");
-  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: [
+  const a = T();
+  x("Contractor.Profile");
+  const { t: e } = I("Contractor.Profile"), F = O(t?.hasSsn ?? !1), P = j(t?.hasEin ?? !1);
+  return /* @__PURE__ */ i("section", { className: D, children: /* @__PURE__ */ i(S, { ...f, children: /* @__PURE__ */ r(C, { onSubmit: c, children: [
+    /* @__PURE__ */ r(n, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      /* @__PURE__ */ i("header", { children: /* @__PURE__ */ r(n, { flexDirection: "column", gap: 4, children: [
         /* @__PURE__ */ i(a.Heading, { as: "h2", children: e("title") }),
-        /* @__PURE__ */ i(a.Text, { children: e("subtitle") })
-      ] }),
-      /* @__PURE__ */ i("div", { className: C.switchFieldContainer, children: /* @__PURE__ */ r(n, { gap: 16, children: [
+        /* @__PURE__ */ i(a.Text, { variant: "supporting", children: e("subtitle") })
+      ] }) }),
+      /* @__PURE__ */ i(a.Box, { children: /* @__PURE__ */ r(d, { gap: 16, children: [
         /* @__PURE__ */ i(
-          A,
+          G,
           {
             name: "selfOnboarding",
             label: e("fields.selfOnboarding.label"),
             description: e("fields.selfOnboarding.description"),
-            isDisabled: t && t.onboardingStatus !== v.ADMIN_ONBOARDING_INCOMPLETE
+            isDisabled: t && t.onboardingStatus !== w.ADMIN_ONBOARDING_INCOMPLETE
           }
         ),
         p && /* @__PURE__ */ i(
@@ -61,27 +60,27 @@ function re({
         )
       ] }) }),
       /* @__PURE__ */ i(
-        d,
+        u,
         {
           name: "contractorType",
           isRequired: !0,
           label: e("fields.contractorType.label"),
-          options: R
+          options: y
         }
       ),
-      c && /* @__PURE__ */ r(m, { children: [
-        /* @__PURE__ */ r(n, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+      h && /* @__PURE__ */ r(m, { children: [
+        /* @__PURE__ */ r(d, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
           /* @__PURE__ */ i(l, { name: "firstName", label: e("fields.firstName.label"), isRequired: !0 }),
           /* @__PURE__ */ i(l, { name: "middleInitial", label: e("fields.middleInitial.label") })
         ] }),
         /* @__PURE__ */ i(l, { name: "lastName", label: e("fields.lastName.label"), isRequired: !0 }),
-        g && /* @__PURE__ */ i(
+        R && /* @__PURE__ */ i(
           l,
           {
             name: "ssn",
             label: e("fields.ssn.label"),
-            placeholder: q,
-            transform: w,
+            placeholder: F,
+            transform: E,
             isRequired: !0
           }
         )
@@ -101,22 +100,22 @@ function re({
             name: "ein",
             label: e("fields.ein.label"),
             placeholder: P,
-            transform: j,
+            transform: v,
             isRequired: !0
           }
         )
       ] }),
       /* @__PURE__ */ i(
-        d,
+        u,
         {
           name: "wageType",
           isRequired: !0,
           label: e("fields.wageType.label"),
-          options: y
+          options: q
         }
       ),
-      h && /* @__PURE__ */ i(
-        G,
+      g && /* @__PURE__ */ i(
+        B,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -126,7 +125,7 @@ function re({
         }
       ),
       /* @__PURE__ */ i(
-        B,
+        z,
         {
           name: "startDate",
           label: e("fields.startDate.label"),
@@ -135,10 +134,10 @@ function re({
         }
       )
     ] }),
-    /* @__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") }) })
+    /* @__PURE__ */ i(n, { 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 {
-  re as ContractorProfileForm
+  ee as ContractorProfileForm
 };
 //# sourceMappingURL=ContractorProfileForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContractorProfileForm.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfileForm.tsx"],"sourcesContent":["import { FormProvider } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { useContractorProfile } from './useContractorProfile'\nimport styles from './ContractorProfileForm.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Flex } from '@/components/Common/Flex'\nimport { TextInputField } from '@/components/Common/Fields/TextInputField'\nimport { NumberInputField } from '@/components/Common/Fields/NumberInputField'\nimport { RadioGroupField } from '@/components/Common/Fields/RadioGroupField'\nimport { SwitchField } from '@/components/Common/Fields/SwitchField'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { normalizeEin, usePlaceholderEin } from '@/helpers/federalEin'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\n\n// Pure presentation component - takes all data as props\nexport type ContractorProfileFormProps = ReturnType<typeof useContractorProfile> & {\n  className?: string\n  existingContractor?: Contractor\n}\n\nexport function ContractorProfileForm({\n  formMethods,\n  handleSubmit,\n  formState,\n  shouldShowEmailField,\n  shouldShowBusinessFields,\n  shouldShowIndividualFields,\n  shouldShowHourlyRate,\n  shouldShowSsnField,\n  shouldShowEinField,\n  contractorTypeOptions,\n  wageTypeOptions,\n  isEditing,\n  className,\n  existingContractor,\n}: ContractorProfileFormProps) {\n  const Components = useComponentContext()\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const ssnPlaceholder = usePlaceholderSSN(existingContractor?.hasSsn ?? false)\n  const einPlaceholder = usePlaceholderEin(existingContractor?.hasEin ?? false)\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24} className=\"mb-8\">\n            <header>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('subtitle')}</Components.Text>\n            </header>\n\n            {/* Invite Contractor Card */}\n            <div className={styles.switchFieldContainer}>\n              <Grid gap={16}>\n                {/* Invite Contractor Toggle */}\n                <SwitchField\n                  name=\"selfOnboarding\"\n                  label={t('fields.selfOnboarding.label')}\n                  description={t('fields.selfOnboarding.description')}\n                  isDisabled={\n                    existingContractor &&\n                    existingContractor.onboardingStatus !==\n                      ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE\n                  }\n                />\n\n                {/* Email Field - shown when inviting contractor */}\n                {shouldShowEmailField && (\n                  <TextInputField\n                    name=\"email\"\n                    label={t('fields.email.label')}\n                    isRequired\n                    type=\"email\"\n                  />\n                )}\n              </Grid>\n            </div>\n\n            {/* Contractor Type */}\n            <RadioGroupField\n              name=\"contractorType\"\n              isRequired\n              label={t('fields.contractorType.label')}\n              options={contractorTypeOptions}\n            />\n\n            {/* Individual Contractor Fields */}\n            {shouldShowIndividualFields && (\n              <>\n                <Grid gridTemplateColumns={{ base: '1fr', medium: '1fr 1fr' }} gap={16}>\n                  <TextInputField name=\"firstName\" label={t('fields.firstName.label')} isRequired />\n                  <TextInputField name=\"middleInitial\" label={t('fields.middleInitial.label')} />\n                </Grid>\n                <TextInputField name=\"lastName\" label={t('fields.lastName.label')} isRequired />\n                {shouldShowSsnField && (\n                  <TextInputField\n                    name=\"ssn\"\n                    label={t('fields.ssn.label')}\n                    placeholder={ssnPlaceholder}\n                    transform={normalizeSSN}\n                    isRequired\n                  />\n                )}\n              </>\n            )}\n\n            {/* Business Contractor Fields */}\n            {shouldShowBusinessFields && (\n              <>\n                <TextInputField\n                  name=\"businessName\"\n                  label={t('fields.businessName.label')}\n                  isRequired\n                />\n                {shouldShowEinField && (\n                  <TextInputField\n                    name=\"ein\"\n                    label={t('fields.ein.label')}\n                    placeholder={einPlaceholder}\n                    transform={normalizeEin}\n                    isRequired\n                  />\n                )}\n              </>\n            )}\n\n            {/* Wage Type */}\n            <RadioGroupField\n              name=\"wageType\"\n              isRequired\n              label={t('fields.wageType.label')}\n              options={wageTypeOptions}\n            />\n\n            {/* Hourly Rate - shown for hourly contractors */}\n            {shouldShowHourlyRate && (\n              <NumberInputField\n                name=\"hourlyRate\"\n                label={t('fields.hourlyRate.label')}\n                min={0}\n                isRequired\n                format=\"currency\"\n              />\n            )}\n\n            {/* Start Date */}\n            <DatePickerField\n              name=\"startDate\"\n              label={t('fields.startDate.label')}\n              description={t('fields.startDate.description')}\n              isRequired\n            />\n          </Grid>\n\n          {/* Actions */}\n          <Flex gap={12} justifyContent=\"flex-end\">\n            <Components.Button type=\"submit\" variant=\"primary\" isDisabled={formState.isSubmitting}>\n              {formState.isSubmitting\n                ? isEditing\n                  ? t('buttons.updating')\n                  : t('buttons.creating')\n                : isEditing\n                  ? t('buttons.update')\n                  : t('buttons.create')}\n            </Components.Button>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["ContractorProfileForm","formMethods","handleSubmit","formState","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isEditing","className","existingContractor","Components","useComponentContext","useI18n","t","useTranslation","ssnPlaceholder","usePlaceholderSSN","einPlaceholder","usePlaceholderEin","jsx","FormProvider","jsxs","Form","Grid","styles","SwitchField","ContractorOnboardingStatus","TextInputField","RadioGroupField","Fragment","normalizeSSN","normalizeEin","NumberInputField","DatePickerField","Flex"],"mappings":"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"}
+{"version":3,"file":"ContractorProfileForm.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfileForm.tsx"],"sourcesContent":["import { FormProvider } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { useContractorProfile } from './useContractorProfile'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Flex } from '@/components/Common/Flex'\nimport { TextInputField } from '@/components/Common/Fields/TextInputField'\nimport { NumberInputField } from '@/components/Common/Fields/NumberInputField'\nimport { RadioGroupField } from '@/components/Common/Fields/RadioGroupField'\nimport { SwitchField } from '@/components/Common/Fields/SwitchField'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { normalizeEin, usePlaceholderEin } from '@/helpers/federalEin'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\n\n// Pure presentation component - takes all data as props\nexport type ContractorProfileFormProps = ReturnType<typeof useContractorProfile> & {\n  className?: string\n  existingContractor?: Contractor\n}\n\nexport function ContractorProfileForm({\n  formMethods,\n  handleSubmit,\n  formState,\n  shouldShowEmailField,\n  shouldShowBusinessFields,\n  shouldShowIndividualFields,\n  shouldShowHourlyRate,\n  shouldShowSsnField,\n  shouldShowEinField,\n  contractorTypeOptions,\n  wageTypeOptions,\n  isEditing,\n  className,\n  existingContractor,\n}: ContractorProfileFormProps) {\n  const Components = useComponentContext()\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const ssnPlaceholder = usePlaceholderSSN(existingContractor?.hasSsn ?? false)\n  const einPlaceholder = usePlaceholderEin(existingContractor?.hasEin ?? false)\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={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            {/* Invite Contractor Card */}\n            <Components.Box>\n              <Grid gap={16}>\n                {/* Invite Contractor Toggle */}\n                <SwitchField\n                  name=\"selfOnboarding\"\n                  label={t('fields.selfOnboarding.label')}\n                  description={t('fields.selfOnboarding.description')}\n                  isDisabled={\n                    existingContractor &&\n                    existingContractor.onboardingStatus !==\n                      ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE\n                  }\n                />\n\n                {/* Email Field - shown when inviting contractor */}\n                {shouldShowEmailField && (\n                  <TextInputField\n                    name=\"email\"\n                    label={t('fields.email.label')}\n                    isRequired\n                    type=\"email\"\n                  />\n                )}\n              </Grid>\n            </Components.Box>\n\n            {/* Contractor Type */}\n            <RadioGroupField\n              name=\"contractorType\"\n              isRequired\n              label={t('fields.contractorType.label')}\n              options={contractorTypeOptions}\n            />\n\n            {/* Individual Contractor Fields */}\n            {shouldShowIndividualFields && (\n              <>\n                <Grid gridTemplateColumns={{ base: '1fr', medium: '1fr 1fr' }} gap={16}>\n                  <TextInputField name=\"firstName\" label={t('fields.firstName.label')} isRequired />\n                  <TextInputField name=\"middleInitial\" label={t('fields.middleInitial.label')} />\n                </Grid>\n                <TextInputField name=\"lastName\" label={t('fields.lastName.label')} isRequired />\n                {shouldShowSsnField && (\n                  <TextInputField\n                    name=\"ssn\"\n                    label={t('fields.ssn.label')}\n                    placeholder={ssnPlaceholder}\n                    transform={normalizeSSN}\n                    isRequired\n                  />\n                )}\n              </>\n            )}\n\n            {/* Business Contractor Fields */}\n            {shouldShowBusinessFields && (\n              <>\n                <TextInputField\n                  name=\"businessName\"\n                  label={t('fields.businessName.label')}\n                  isRequired\n                />\n                {shouldShowEinField && (\n                  <TextInputField\n                    name=\"ein\"\n                    label={t('fields.ein.label')}\n                    placeholder={einPlaceholder}\n                    transform={normalizeEin}\n                    isRequired\n                  />\n                )}\n              </>\n            )}\n\n            {/* Wage Type */}\n            <RadioGroupField\n              name=\"wageType\"\n              isRequired\n              label={t('fields.wageType.label')}\n              options={wageTypeOptions}\n            />\n\n            {/* Hourly Rate - shown for hourly contractors */}\n            {shouldShowHourlyRate && (\n              <NumberInputField\n                name=\"hourlyRate\"\n                label={t('fields.hourlyRate.label')}\n                min={0}\n                isRequired\n                format=\"currency\"\n              />\n            )}\n\n            {/* Start Date */}\n            <DatePickerField\n              name=\"startDate\"\n              label={t('fields.startDate.label')}\n              description={t('fields.startDate.description')}\n              isRequired\n            />\n          </Flex>\n\n          {/* Actions */}\n          <Flex gap={12} justifyContent=\"flex-end\">\n            <Components.Button type=\"submit\" variant=\"primary\" isDisabled={formState.isSubmitting}>\n              {formState.isSubmitting\n                ? isEditing\n                  ? t('buttons.updating')\n                  : t('buttons.creating')\n                : isEditing\n                  ? t('buttons.update')\n                  : t('buttons.create')}\n            </Components.Button>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["ContractorProfileForm","formMethods","handleSubmit","formState","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isEditing","className","existingContractor","Components","useComponentContext","useI18n","t","useTranslation","ssnPlaceholder","usePlaceholderSSN","einPlaceholder","usePlaceholderEin","jsx","FormProvider","jsxs","Form","Flex","Grid","SwitchField","ContractorOnboardingStatus","TextInputField","RadioGroupField","Fragment","normalizeSSN","normalizeEin","NumberInputField","DatePickerField"],"mappings":"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"}

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

@@ -1,18 +1,20 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as a } from "../../../i18n/I18n.js";
-import { Flex as l } from "../../Common/Flex/Flex.js";
-const C = ({ onDone: n }) => {
-  a("Contractor.Submit");
-  const { Button: r, Heading: e, Text: i } = s(), { t: o } = c("Contractor.Submit");
-  return /* @__PURE__ */ m(l, { flexDirection: "column", alignItems: "center", children: [
-    /* @__PURE__ */ t(e, { as: "h2", children: o("doneTitle") }),
-    /* @__PURE__ */ t(i, { children: o("doneDescription") }),
-    /* @__PURE__ */ t(r, { variant: "secondary", onClick: n, children: o("doneCta") })
+import { useI18n as l } from "../../../i18n/I18n.js";
+import { Flex as e } from "../../Common/Flex/Flex.js";
+const g = ({ onDone: r }) => {
+  l("Contractor.Submit");
+  const { Button: i, Heading: c, Text: m } = s(), { t: n } = a("Contractor.Submit");
+  return /* @__PURE__ */ o(e, { flexDirection: "column", gap: 20, alignItems: "center", children: [
+    /* @__PURE__ */ o(e, { flexDirection: "column", gap: 4, alignItems: "center", children: [
+      /* @__PURE__ */ t(c, { as: "h2", children: n("doneTitle") }),
+      /* @__PURE__ */ t(m, { variant: "supporting", children: n("doneDescription") })
+    ] }),
+    /* @__PURE__ */ t(i, { variant: "secondary", onClick: r, children: n("doneCta") })
   ] });
 };
 export {
-  C as SubmitDone
+  g as SubmitDone
 };
 //# sourceMappingURL=SubmitDone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitDone.js","sources":["../../../../src/components/Contractor/Submit/SubmitDone.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex'\n\ninterface SubmitDoneProps {\n  onDone: () => void\n}\n\nexport const SubmitDone = ({ onDone }: SubmitDoneProps) => {\n  useI18n('Contractor.Submit')\n  const { Button, Heading, Text } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"center\">\n      <Heading as=\"h2\">{t('doneTitle')}</Heading>\n      <Text>{t('doneDescription')}</Text>\n      <Button variant=\"secondary\" onClick={onDone}>\n        {t('doneCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["SubmitDone","onDone","useI18n","Button","Heading","Text","useComponentContext","t","useTranslation","jsxs","Flex","jsx"],"mappings":";;;;;AASO,MAAMA,IAAa,CAAC,EAAE,QAAAC,QAA8B;AACzD,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAC5B,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB;AAEhD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,WAAW,GAAE;AAAA,IACjC,gBAAAI,EAACN,GAAA,EAAM,UAAAE,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAC5B,gBAAAI,EAACR,KAAO,SAAQ,aAAY,SAASF,GAClC,UAAAM,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SubmitDone.js","sources":["../../../../src/components/Contractor/Submit/SubmitDone.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex'\n\ninterface SubmitDoneProps {\n  onDone: () => void\n}\n\nexport const SubmitDone = ({ onDone }: SubmitDoneProps) => {\n  useI18n('Contractor.Submit')\n  const { Button, Heading, Text } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20} alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n        <Heading as=\"h2\">{t('doneTitle')}</Heading>\n        <Text variant=\"supporting\">{t('doneDescription')}</Text>\n      </Flex>\n      <Button variant=\"secondary\" onClick={onDone}>\n        {t('doneCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["SubmitDone","onDone","useI18n","Button","Heading","Text","useComponentContext","t","useTranslation","Flex","jsxs","jsx"],"mappings":";;;;;AASO,MAAMA,IAAa,CAAC,EAAE,QAAAC,QAA8B;AACzD,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAC5B,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB;AAEhD,2BACGC,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,UAC/C,UAAA;AAAA,IAAA,gBAAAC,EAACD,KAAK,eAAc,UAAS,KAAK,GAAG,YAAW,UAC9C,UAAA;AAAA,MAAA,gBAAAE,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,WAAW,GAAE;AAAA,wBAChCF,GAAA,EAAK,SAAQ,cAAc,UAAAE,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IACA,gBAAAI,EAACR,KAAO,SAAQ,aAAY,SAASF,GAClC,UAAAM,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -2,9 +2,9 @@ import { jsxs as A, jsx as i } from "react/jsx-runtime";
 import { useFormContext as l, useWatch as d } from "react-hook-form";
 import { useTranslation as T } from "react-i18next";
 import { useCompensation as O } from "./useCompensation.js";
-import { FlsaStatus as a } from "../../../shared/constants.js";
 import "classnames";
 import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { FlsaStatus as a } from "../../../shared/constants.js";
 import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 const h = () => {
   const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: m, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: I } = l(), c = d({ control: I, name: "flsaStatus" }), e = C();

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

@@ -3,59 +3,58 @@ import { useTranslation as p } from "react-i18next";
 import { useCompensation as d } from "./useCompensation.js";
 import C from "../../../assets/icons/pencil.svg.js";
 import c from "../../../assets/icons/trashcan.svg.js";
-import "../../../shared/constants.js";
 import "classnames";
 import { HamburgerMenu as f } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as y } from "../../Common/DataView/useDataView.js";
 import { DataView as g } from "../../Common/DataView/DataView.js";
-const U = () => {
-  const { employeeJobs: i, mode: o, isPending: r, handleEdit: l, handleDelete: s } = d(), { t: e } = p("Employee.Compensation"), { ...m } = y({
+const P = () => {
+  const { employeeJobs: i, mode: o, isPending: r, handleEdit: l, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
     data: i,
     columns: [
       {
         key: "title",
-        title: e("allCompensations.jobColumn"),
-        render: (t) => t.title || ""
+        title: t("allCompensations.jobColumn"),
+        render: (e) => e.title || ""
       },
       {
         key: "flsaStatus",
-        title: e("allCompensations.typeColumn"),
-        render: (t) => {
-          const n = t.compensations?.find(
-            (u) => u.uuid === t.currentCompensationUuid
+        title: t("allCompensations.typeColumn"),
+        render: (e) => {
+          const n = e.compensations?.find(
+            (u) => u.uuid === e.currentCompensationUuid
           )?.flsaStatus;
-          return n !== void 0 ? e(`flsaStatusLabels.${n}`) : null;
+          return n !== void 0 ? t(`flsaStatusLabels.${n}`) : null;
         }
       },
       {
         key: "rate",
-        title: e("allCompensations.amountColumn"),
-        render: (t) => t.rate?.toString() || ""
+        title: t("allCompensations.amountColumn"),
+        render: (e) => e.rate?.toString() || ""
       },
       {
         key: "paymentUnit",
-        title: e("allCompensations.perColumn"),
-        render: (t) => t.paymentUnit || ""
+        title: t("allCompensations.perColumn"),
+        render: (e) => e.paymentUnit || ""
       }
     ],
-    itemMenu: (t) => /* @__PURE__ */ a(
+    itemMenu: (e) => /* @__PURE__ */ a(
       f,
       {
-        triggerLabel: e("hamburgerTitle"),
+        triggerLabel: t("hamburgerTitle"),
         items: [
           {
-            label: e("allCompensations.editCta"),
+            label: t("allCompensations.editCta"),
             icon: /* @__PURE__ */ a(C, { "aria-hidden": !0 }),
             onClick: () => {
-              l(t.uuid);
+              l(e.uuid);
             }
           },
-          ...t.primary ? [] : [
+          ...e.primary ? [] : [
             {
-              label: e("allCompensations.deleteCta"),
+              label: t("allCompensations.deleteCta"),
               icon: /* @__PURE__ */ a(c, { "aria-hidden": !0 }),
               onClick: () => {
-                s(t.uuid);
+                s(e.uuid);
               }
             }
           ]
@@ -65,9 +64,9 @@ const U = () => {
     )
   });
   if (o === "LIST")
-    return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: e("allCompensations.tableLabel"), ...m });
+    return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: t("allCompensations.tableLabel"), ...m });
 };
 export {
-  U as List
+  P as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","t","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMT;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOM,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACI,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAOJ,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACI,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAYL,EAAE,oBAAoBK,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOL,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACI,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOJ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACI,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcR,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAO,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAZ,EAAWO,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOJ,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAO,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAZ,EAAaM,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWR;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAY,EAACI,KAAS,eAAY,aAAY,OAAOX,EAAE,6BAA6B,GAAI,GAAGE,GAAe;AAElG;"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAW,EAACI,KAAS,eAAY,aAAY,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAElG;"}

package/dist/components/Employee/Dashboard/DashboardComponents.d.ts

@@ -3,3 +3,5 @@ export interface DashboardContextInterface extends FlowContextInterface {
     employeeId: string;
 }
 export declare function DashboardViewContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function HomeAddressContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function WorkAddressContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Dashboard/DashboardComponents.js

@@ -1,12 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Dashboard as t } from "./Dashboard.js";
-import { useFlow as m } from "../../Flow/useFlow.js";
+import { Dashboard as m } from "./Dashboard.js";
+import { HomeAddress as d } from "../HomeAddress/management/HomeAddress.js";
+import { WorkAddress as s } from "../WorkAddress/management/WorkAddress.js";
+import { useFlow as t } from "../../Flow/useFlow.js";
 import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
-function a() {
-  const { employeeId: o, onEvent: e } = m();
-  return /* @__PURE__ */ r(t, { employeeId: n(o), onEvent: e });
+function c() {
+  const { employeeId: e, onEvent: o } = t();
+  return /* @__PURE__ */ r(m, { employeeId: n(e), onEvent: o });
+}
+function y() {
+  const { employeeId: e, onEvent: o } = t();
+  return /* @__PURE__ */ r(d, { employeeId: n(e), onEvent: o });
+}
+function I() {
+  const { employeeId: e, onEvent: o } = t();
+  return /* @__PURE__ */ r(s, { employeeId: n(e), onEvent: o });
 }
 export {
-  a as DashboardViewContextual
+  c as DashboardViewContextual,
+  y as HomeAddressContextual,
+  I as WorkAddressContextual
 };
 //# sourceMappingURL=DashboardComponents.js.map

package/dist/components/Employee/Dashboard/DashboardComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Employee/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { Dashboard } from './Dashboard'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface DashboardContextInterface extends FlowContextInterface {\n  employeeId: string\n}\n\nexport function DashboardViewContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Dashboard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["DashboardViewContextual","employeeId","onEvent","useFlow","Dashboard","ensureRequired"],"mappings":";;;;AAQO,SAASA,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAU,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC9E;"}
+{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Employee/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { Dashboard } from './Dashboard'\nimport { HomeAddress } from '@/components/Employee/HomeAddress/management/HomeAddress'\nimport { WorkAddress } from '@/components/Employee/WorkAddress/management/WorkAddress'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface DashboardContextInterface extends FlowContextInterface {\n  employeeId: string\n}\n\nexport function DashboardViewContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Dashboard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function HomeAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <HomeAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function WorkAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <WorkAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["DashboardViewContextual","employeeId","onEvent","useFlow","Dashboard","ensureRequired","HomeAddressContextual","HomeAddress","WorkAddressContextual","WorkAddress"],"mappings":";;;;;;AAUO,SAASA,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAU,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC9E;AAEO,SAASI,IAAwB;AACtC,QAAM,EAAE,YAAAL,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQI,GAAA,EAAY,YAAYF,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAChF;AAEO,SAASM,IAAwB;AACtC,QAAM,EAAE,YAAAP,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQM,GAAA,EAAY,YAAYJ,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAChF;"}

package/dist/components/Employee/Dashboard/dashboardStateMachine.d.ts

@@ -1,3 +1,5 @@
 export declare const dashboardStateMachine: {
     index: import('robot3').MachineState<any>;
+    homeAddress: import('robot3').MachineState<any>;
+    workAddress: import('robot3').MachineState<any>;
 };

package/dist/components/Employee/Dashboard/dashboardStateMachine.js

@@ -1,8 +1,59 @@
-import { state as t } from "robot3";
-const e = {
-  index: t()
+import { state as r, transition as o, reduce as n } from "robot3";
+import { DashboardViewContextual as d, HomeAddressContextual as m, WorkAddressContextual as s } from "./DashboardComponents.js";
+import { componentEvents as t } from "../../../shared/constants.js";
+const p = {
+  index: r(
+    o(
+      t.EMPLOYEE_HOME_ADDRESS,
+      "homeAddress",
+      n(
+        (e) => ({
+          ...e,
+          component: m,
+          header: { type: "minimal" }
+        })
+      )
+    ),
+    o(
+      t.EMPLOYEE_WORK_ADDRESS,
+      "workAddress",
+      n(
+        (e) => ({
+          ...e,
+          component: s,
+          header: { type: "minimal" }
+        })
+      )
+    )
+  ),
+  homeAddress: r(
+    o(
+      t.CANCEL,
+      "index",
+      n(
+        (e) => ({
+          ...e,
+          component: d,
+          header: null
+        })
+      )
+    )
+  ),
+  workAddress: r(
+    o(
+      t.CANCEL,
+      "index",
+      n(
+        (e) => ({
+          ...e,
+          component: d,
+          header: null
+        })
+      )
+    )
+  )
 };
 export {
-  e as dashboardStateMachine
+  p as dashboardStateMachine
 };
 //# sourceMappingURL=dashboardStateMachine.js.map

package/dist/components/Employee/Dashboard/dashboardStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardStateMachine.js","sources":["../../../../src/components/Employee/Dashboard/dashboardStateMachine.ts"],"sourcesContent":["import { state } from 'robot3'\nimport type { MachineTransition } from '@/types/Helpers'\n\nexport const dashboardStateMachine = {\n  index: state<MachineTransition>(),\n}\n"],"names":["dashboardStateMachine","state"],"mappings":";AAGO,MAAMA,IAAwB;AAAA,EACnC,OAAOC,EAAA;AACT;"}
+{"version":3,"file":"dashboardStateMachine.js","sources":["../../../../src/components/Employee/Dashboard/dashboardStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport {\n  DashboardViewContextual,\n  HomeAddressContextual,\n  WorkAddressContextual,\n  type DashboardContextInterface,\n} from './DashboardComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nexport const dashboardStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_HOME_ADDRESS,\n      'homeAddress',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: HomeAddressContextual,\n          header: { type: 'minimal' },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_WORK_ADDRESS,\n      'workAddress',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: WorkAddressContextual,\n          header: { type: 'minimal' },\n        }),\n      ),\n    ),\n  ),\n  homeAddress: state<MachineTransition>(\n    transition(\n      componentEvents.CANCEL,\n      'index',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: DashboardViewContextual,\n          header: null,\n        }),\n      ),\n    ),\n  ),\n  workAddress: state<MachineTransition>(\n    transition(\n      componentEvents.CANCEL,\n      'index',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: DashboardViewContextual,\n          header: null,\n        }),\n      ),\n    ),\n  ),\n}\n"],"names":["dashboardStateMachine","state","transition","componentEvents","reduce","ctx","HomeAddressContextual","WorkAddressContextual","DashboardViewContextual"],"mappings":";;;AAUO,MAAMA,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA+D;AAAA,UAC9D,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,QAAQ,EAAE,MAAM,UAAA;AAAA,QAAU;AAAA,MAC5B;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA+D;AAAA,UAC9D,GAAGA;AAAA,UACH,WAAWE;AAAA,UACX,QAAQ,EAAE,MAAM,UAAA;AAAA,QAAU;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaN;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA+D;AAAA,UAC9D,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaP;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA+D;AAAA,UAC9D,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAEJ;"}