@gusto/embedded-react-sdk 0.7.0 → 0.8.0

package/dist/components/Employee/Taxes/Taxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { valibotResolver } from '@hookform/resolvers/valibot'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport * as v from 'valibot'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\ninterface TaxesProps extends CommonComponentInterface {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const defaultValues = {\n    ...employeeFederalTax,\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\n    twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n    deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n    dependentsAmount: employeeFederalTax.dependentsAmount\n      ? Number(employeeFederalTax.dependentsAmount)\n      : 0,\n    otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n    extraWithholding: employeeFederalTax.extraWithholding\n      ? Number(employeeFederalTax.extraWithholding)\n      : 0,\n    states: employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n      acc[state.state] = state.questions.reduce((acc: Record<string, unknown>, question) => {\n        const value = question.answers[0]?.value\n        const key = snakeCaseToCamelCase(question.key)\n        // Default new hire report to true if not specified\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value ?? ''\n        }\n        return acc\n      }, {})\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: valibotResolver(\n      v.object({ ...FederalFormSchema.entries, ...StateFormSchema.entries }),\n    ),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    //If list of field specific errors from API is present, mark corresponding fields as invalid\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.key.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...federalPayload,\n            twoJobs: federalPayload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      //State Taxes\n      const body = {\n        states: employeeStateTaxes.map(state => ({\n          state: state.state,\n          questions: state.questions.map(question => ({\n            key: question.key,\n            answers: [\n              {\n                validFrom: question.answers[0]?.validFrom ?? '2010-01-01', //Currently always that date\n                validUpTo: question.answers[0]?.validUpTo ?? null, //Currently always null\n                value: statesPayload[state.state]?.[snakeCaseToCamelCase(question.key)] as string,\n              },\n            ],\n          })),\n        })),\n      }\n      const stateTaxesResponse = await updateStateTaxes({\n        request: { employeeUuid: employeeId, requestBody: body },\n      })\n      onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <FederalHead />\n                <FederalForm />\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\nTaxes.FederalHead = FederalHead\nTaxes.FederalForm = FederalForm\nTaxes.StateForm = StateForm\nTaxes.Actions = Actions\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<EmployeeOnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","formMethods","useForm","valibotResolver","v","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","federalTaxesResponse","componentEvents","body","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions","TaxesContextual","useFlow","t","useTranslation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCO,SAASA,EAAMC,GAA4C;AAE9D,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMG,KAAO,CAACH,MAAsB;AAClC,QAAM,EAAE,YAAAI,GAAY,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,OAAUP,GACvD,EAAE,SAAAQ,GAAS,aAAAC,GAAa,mBAAAC,EAAA,IAAsBC,EAAQ;AAC5D,EAAAC,GAAQ,gBAAgB;AAExB,QAAM,EAAE,MAAMC,EAAQ,IAAIC,EAA2C;AAAA,IACnE,cAAcV;AAAA,EAAA,CACf,GACKW,IAAqBF,EAAQ,oBAE7B,EAAE,aAAaG,GAAoB,WAAWC,EAAA,IAClDC,EAA8C,GAE1C,EAAE,MAAMC,EAAU,IAAIC,EAAyC;AAAA,IACnE,cAAchB;AAAA,EAAA,CACf,GACKiB,IAAqBF,EAAU,wBAC/B,EAAE,aAAaG,GAAkB,WAAWC,EAAA,IAChDC,EAA4C,GAExCC,IAAgB;AAAA,IACpB,GAAGV;AAAA,IACH,cAAcA,EAAmB,gBAAgB;AAAA,IACjD,SAASA,EAAmB,UAAU,SAAS;AAAA,IAC/C,YAAYA,EAAmB,aAAa,OAAOA,EAAmB,UAAU,IAAI;AAAA,IACpF,kBAAkBA,EAAmB,mBACjC,OAAOA,EAAmB,gBAAgB,IAC1C;AAAA,IACJ,aAAaA,EAAmB,cAAc,OAAOA,EAAmB,WAAW,IAAI;AAAA,IACvF,kBAAkBA,EAAmB,mBACjC,OAAOA,EAAmB,gBAAgB,IAC1C;AAAA,IACJ,QAAQM,EAAmB,OAAO,CAACK,GAA8BC,OAC3DD,EAAAC,EAAM,KAAK,IAAIA,EAAM,UAAU,OAAO,CAACD,GAA8BE,MAAa;AACpF,YAAMC,IAAQD,EAAS,QAAQ,CAAC,GAAG,OAC7BE,IAAMC,EAAqBH,EAAS,GAAG;AAE7C,aAAIE,MAAQ,sBACVJ,EAAII,CAAG,IAAI,OAAOD,IAAU,MAAc,KAAOA,IAEjDH,EAAII,CAAG,IAAID,KAAS,IAEfH;AAAAA,IACT,GAAG,EAAE,GACEA,IACN,CAAE,CAAA;AAAA,EACP,GAEMM,IAAcC,EAA2E;AAAA,IAC7F,UAAUC;AAAA,MACRC,EAAE,OAAO,EAAE,GAAGC,EAAkB,SAAS,GAAGC,EAAgB,QAAS,CAAA;AAAA,IACvE;AAAA,IACA,eAAAZ;AAAA,EAAA,CACD,GACK,EAAE,cAAAa,GAAc,UAAUC,EAAc,IAAAP;AAE9C,SAAAQ,EAAU,MAAM;AAEV,IAAA/B,KAAeA,EAAY,SAAS,KACtCA,EAAY,QAAQ,CAAagC,MAAA;AAC/B,YAAMX,IAAMW,EAAU,IAAI,QAAQ,UAAU,EAAE;AAC9C,MAAAF,EAAUT,GAAgC,EAAE,MAAM,UAAU,SAASW,EAAU,SAAS;AAAA,IAAA,CACzF;AAAA,EACH,GACC,CAAChC,GAAa8B,CAAS,CAAC,GAyCzB,gBAAAtC,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACyC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,oBAAArB;AAAA,QACA,SAAAd;AAAA,QACA,WAAWU,KAAyBM;AAAA,MACtC;AAAA,MAEA,UAAC,gBAAAtB,EAAA0C,GAAA,EAAc,GAAGX,GAChB,UAAC,gBAAA/B,EAAA2C,IAAA,EAAK,UAAUN,EAhD+C,OAAMO,MAAQ;AAC7E,cAAAnC,EAAkBmC,GAAM,OAAMC,MAAW;AAC7C,gBAAM,EAAE,QAAQC,GAAe,GAAGC,EAAmB,IAAAF,GAC/CG,IAAuB,MAAMjC,EAAmB;AAAA,YACpD,SAAS;AAAA,cACP,cAAcZ;AAAA,cACd,aAAa;AAAA,gBACX,GAAG4C;AAAA,gBACH,SAASA,EAAe,YAAY;AAAA,gBACpC,SAASjC,EAAmB;AAAA,cAAA;AAAA,YAC9B;AAAA,UACF,CACD;AACO,UAAAP,EAAA0C,EAAgB,gCAAgCD,CAAoB;AAE5E,gBAAME,IAAO;AAAA,YACX,QAAQ9B,EAAmB,IAAI,CAAUM,OAAA;AAAA,cACvC,OAAOA,EAAM;AAAA,cACb,WAAWA,EAAM,UAAU,IAAI,CAAaC,OAAA;AAAA,gBAC1C,KAAKA,EAAS;AAAA,gBACd,SAAS;AAAA,kBACP;AAAA,oBACE,WAAWA,EAAS,QAAQ,CAAC,GAAG,aAAa;AAAA;AAAA,oBAC7C,WAAWA,EAAS,QAAQ,CAAC,GAAG,aAAa;AAAA;AAAA,oBAC7C,OAAOmB,EAAcpB,EAAM,KAAK,IAAII,EAAqBH,EAAS,GAAG,CAAC;AAAA,kBAAA;AAAA,gBACxE;AAAA,cACF,EACA;AAAA,YAAA,EACF;AAAA,UACJ,GACMwB,IAAqB,MAAM9B,EAAiB;AAAA,YAChD,SAAS,EAAE,cAAclB,GAAY,aAAa+C,EAAK;AAAA,UAAA,CACxD;AACO,UAAA3C,EAAA0C,EAAgB,8BAA8BE,CAAkB,GACxE5C,EAAQ0C,EAAgB,mBAAmB;AAAA,QAAA,CAC5C;AAAA,MACH,CAY6C,GAClC,UACC5C,KAGE,gBAAA+C,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAArD,EAACsD,GAAY,EAAA;AAAA,0BACZC,GAAY,EAAA;AAAA,0BACZC,GAAU,EAAA;AAAA,0BACVC,GAAQ,CAAA,CAAA;AAAA,MAAA,EACX,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AACA3D,EAAM,cAAcwD;AACpBxD,EAAM,cAAcyD;AACpBzD,EAAM,YAAY0D;AAClB1D,EAAM,UAAU2D;AAET,MAAMC,KAAkB,MAAM;AACnC,QAAM,EAAE,YAAAvD,GAAY,SAAAI,GAAS,SAAAD,EAAA,IAAYqD,GAA4C,GAC/E,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAC7B,MAAI,CAAC1D;AACH,UAAM,IAAI;AAAA,MACRyD,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU;AAAA,MACX,CAAA;AAAA,IACH;AAEF,2BAAQ9D,GAAM,EAAA,YAAAK,GAAwB,SAAAI,GAAkB,SAASD,KAAW,IAAO;AACrF;"}

package/dist/components/Employee/Taxes/index.d.ts

@@ -0,0 +1 @@
+export * from './Taxes';

package/dist/components/Employee/Taxes/useTaxes.d.ts

@@ -0,0 +1,8 @@
+import { EmployeeStateTax } from '@gusto/embedded-api/models/components/employeestatetax';
+type TaxesContextType = {
+    employeeStateTaxes: EmployeeStateTax[];
+    isPending: boolean;
+    isAdmin: boolean;
+};
+declare const useTaxes: () => TaxesContextType, TaxesProvider: import('react').Provider<TaxesContextType | null>;
+export { useTaxes, TaxesProvider };

package/dist/components/Employee/Taxes/useTaxes.js

@@ -0,0 +1,17 @@
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "../../Base/useBase.js";
+import "dompurify";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
+const [T, c] = o("TaxesContext");
+export {
+  c as TaxesProvider,
+  T as useTaxes
+};
+//# sourceMappingURL=useTaxes.js.map

package/dist/components/Employee/Taxes/useTaxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTax } from '@gusto/embedded-api/models/components/employeestatetax'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTax[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}

package/dist/components/Employee/index.d.ts

@@ -0,0 +1,9 @@
+export { EmployeeList } from './EmployeeList/EmployeeList';
+export { Deductions } from './Deductions';
+export { OnboardingSummary } from './OnboardingSummary';
+export { Profile } from './Profile';
+export { Compensation } from './Compensation';
+export { Taxes } from './Taxes';
+export { PaymentMethod } from './PaymentMethod';
+export { Landing } from './Landing';
+export { DocumentSignerFlow } from './DocumentSigner';

package/dist/components/Employee/index.js

@@ -0,0 +1,21 @@
+import { EmployeeList as e } from "./EmployeeList/EmployeeList.js";
+import { Deductions as t } from "./Deductions/Deductions.js";
+import { OnboardingSummary as f } from "./OnboardingSummary/OnboardingSummary.js";
+import { Profile as x } from "./Profile/Profile.js";
+import { Compensation as a } from "./Compensation/Compensation.js";
+import { Taxes as s } from "./Taxes/Taxes.js";
+import { PaymentMethod as l } from "./PaymentMethod/PaymentMethod.js";
+import { Landing as y } from "./Landing/Landing.js";
+import { DocumentSignerFlow as D } from "./DocumentSigner/DocumentSignerFlow.js";
+export {
+  a as Compensation,
+  t as Deductions,
+  D as DocumentSignerFlow,
+  e as EmployeeList,
+  y as Landing,
+  f as OnboardingSummary,
+  l as PaymentMethod,
+  x as Profile,
+  s as Taxes
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Employee/index.js.map

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

package/dist/components/Flow/EmployeeOnboardingFlow.d.ts

@@ -0,0 +1,27 @@
+import { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount';
+import { CompensationDefaultValues } from '../Employee/Compensation';
+import { ProfileDefaultValues } from '../Employee/Profile';
+import { FlowContextInterface } from './useFlow';
+import { BaseComponentInterface } from '../Base';
+import { EmployeeOnboardingStatus } from '../../shared/constants';
+import { RequireAtLeastOne } from '../../types/Helpers';
+export type EmployeeOnboardingDefaultValues = RequireAtLeastOne<{
+    profile?: ProfileDefaultValues;
+    compensation?: CompensationDefaultValues;
+}>;
+export interface EmployeeOnboardingFlowProps extends BaseComponentInterface {
+    companyId: string;
+    defaultValues?: RequireAtLeastOne<EmployeeOnboardingDefaultValues>;
+    isSelfOnboardingEnabled?: boolean;
+}
+export interface EmployeeOnboardingContextInterface extends FlowContextInterface {
+    companyId: string;
+    employeeId?: string;
+    isAdmin?: boolean;
+    onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus];
+    startDate?: string;
+    paymentMethod?: PaymentMethodBankAccount;
+    defaultValues?: EmployeeOnboardingDefaultValues;
+    isSelfOnboardingEnabled?: boolean;
+}
+export declare const EmployeeOnboardingFlow: ({ companyId, onEvent, defaultValues, isSelfOnboardingEnabled, }: EmployeeOnboardingFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Flow/EmployeeOnboardingFlow.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as p } from "robot3";
+import { EmployeeListContextual as a } from "../Employee/EmployeeList/EmployeeList.js";
+import { Flow as c } from "./Flow.js";
+import { employeeOnboardingMachine as l } from "./StateMachines/employeeOnboarding.js";
+const y = ({
+  companyId: o,
+  onEvent: e,
+  defaultValues: m,
+  isSelfOnboardingEnabled: r = !0
+}) => {
+  const n = p(
+    "index",
+    l,
+    (t) => ({
+      ...t,
+      component: a,
+      companyId: o,
+      isAdmin: !0,
+      defaultValues: m,
+      isSelfOnboardingEnabled: r
+    })
+  );
+  return /* @__PURE__ */ i(c, { machine: n, onEvent: e });
+};
+export {
+  y as EmployeeOnboardingFlow
+};
+//# sourceMappingURL=EmployeeOnboardingFlow.js.map

package/dist/components/Flow/EmployeeOnboardingFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeOnboardingFlow.js","sources":["../../../src/components/Flow/EmployeeOnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport type { CompensationDefaultValues } from '../Employee/Compensation'\nimport { EmployeeListContextual } from '../Employee/EmployeeList/EmployeeList'\nimport type { ProfileDefaultValues } from '../Employee/Profile'\nimport type { FlowContextInterface } from './useFlow'\nimport { Flow } from '@/components/Flow/Flow'\nimport { employeeOnboardingMachine } from '@/components/Flow/StateMachines'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type EmployeeOnboardingDefaultValues = RequireAtLeastOne<{\n  profile?: ProfileDefaultValues\n  compensation?: CompensationDefaultValues\n}>\nexport interface EmployeeOnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: RequireAtLeastOne<EmployeeOnboardingDefaultValues>\n  isSelfOnboardingEnabled?: boolean\n}\nexport interface EmployeeOnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isAdmin?: boolean\n  onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  startDate?: string\n  paymentMethod?: PaymentMethodBankAccount\n  defaultValues?: EmployeeOnboardingDefaultValues\n  isSelfOnboardingEnabled?: boolean\n}\n\nexport const EmployeeOnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n}: EmployeeOnboardingFlowProps) => {\n  const manageEmployees = createMachine(\n    'index',\n    employeeOnboardingMachine,\n    (initialContext: EmployeeOnboardingContextInterface) => ({\n      ...initialContext,\n      component: EmployeeListContextual,\n      companyId,\n      isAdmin: true,\n      defaultValues,\n      isSelfOnboardingEnabled,\n    }),\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["EmployeeOnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","manageEmployees","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;AAgCO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAC5B,MAAmC;AACjC,QAAMC,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAAwD;AAAA,MACvD,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,MACA,SAAS;AAAA,MACT,eAAAE;AAAA,MACA,yBAAAC;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAM,EAAAC,GAAA,EAAK,SAASN,GAAiB,SAAAH,EAAkB,CAAA;AAC3D;"}

package/dist/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingComponents.d.ts

@@ -0,0 +1,5 @@
+export declare function Landing(): import("react/jsx-runtime").JSX.Element;
+export declare function Profile(): import("react/jsx-runtime").JSX.Element;
+export declare function Taxes(): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentMethod(): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingSummary(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingComponents.js

@@ -0,0 +1,58 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useFlow as r } from "../useFlow.js";
+import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
+import { Landing as i } from "../../Employee/Landing/Landing.js";
+import { OnboardingSummary as a } from "../../Employee/OnboardingSummary/OnboardingSummary.js";
+import { PaymentMethod as d } from "../../Employee/PaymentMethod/PaymentMethod.js";
+import { Taxes as p } from "../../Employee/Taxes/Taxes.js";
+import { Profile as s } from "../../Employee/Profile/Profile.js";
+function v() {
+  const { companyId: e, employeeId: o, onEvent: t } = r();
+  return /* @__PURE__ */ m(
+    i,
+    {
+      companyId: n(e),
+      employeeId: n(o),
+      onEvent: t
+    }
+  );
+}
+function x() {
+  const { companyId: e, employeeId: o, onEvent: t } = r();
+  return /* @__PURE__ */ m(
+    s,
+    {
+      companyId: n(e),
+      employeeId: n(o),
+      onEvent: t,
+      isAdmin: !1
+    }
+  );
+}
+function E() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ m(p, { employeeId: n(e), onEvent: o });
+}
+function $() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ m(d, { employeeId: n(e), onEvent: o });
+}
+function b() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ m(
+    a,
+    {
+      employeeId: n(e),
+      onEvent: o,
+      isAdmin: !1
+    }
+  );
+}
+export {
+  v as Landing,
+  b as OnboardingSummary,
+  $ as PaymentMethod,
+  x as Profile,
+  E as Taxes
+};
+//# sourceMappingURL=EmployeeSelfOnboardingComponents.js.map

package/dist/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeSelfOnboardingComponents.js","sources":["../../../../src/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingComponents.tsx"],"sourcesContent":["import { useFlow } from '../useFlow'\nimport type { EmployeeSelfOnboardingContextInterface } from './EmployeeSelfOnboardingFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport * as Employee from '@/components/Employee'\n\nexport function Landing() {\n  const { companyId, employeeId, onEvent } = useFlow<EmployeeSelfOnboardingContextInterface>()\n  return (\n    <Employee.Landing\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function Profile() {\n  const { companyId, employeeId, onEvent } = useFlow<EmployeeSelfOnboardingContextInterface>()\n  return (\n    <Employee.Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n\nexport function Taxes() {\n  const { employeeId, onEvent } = useFlow<EmployeeSelfOnboardingContextInterface>()\n  return <Employee.Taxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function PaymentMethod() {\n  const { employeeId, onEvent } = useFlow<EmployeeSelfOnboardingContextInterface>()\n  return <Employee.PaymentMethod employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function OnboardingSummary() {\n  const { employeeId, onEvent } = useFlow<EmployeeSelfOnboardingContextInterface>()\n  return (\n    <Employee.OnboardingSummary\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      isAdmin={false}\n    />\n  )\n}\n"],"names":["Landing","companyId","employeeId","onEvent","useFlow","jsx","Employee.Landing","ensureRequired","Profile","Employee.Profile","Taxes","Employee.Taxes","PaymentMethod","Employee.PaymentMethod","OnboardingSummary","Employee.OnboardingSummary"],"mappings":";;;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAgD;AAEzF,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,IAAA;AAAA,EACF;AAEJ;AAEO,SAASK,IAAU;AACxB,QAAM,EAAE,WAAAP,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAgD;AAEzF,SAAA,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEO,SAASO,IAAQ;AACtB,QAAM,EAAE,YAAAR,GAAY,SAAAC,EAAQ,IAAIC,EAAgD;AACzE,SAAA,gBAAAC,EAACM,GAAA,EAAe,YAAYJ,EAAeL,CAAU,GAAG,SAAAC,GAAkB;AACnF;AAEO,SAASS,IAAgB;AAC9B,QAAM,EAAE,YAAAV,GAAY,SAAAC,EAAQ,IAAIC,EAAgD;AACzE,SAAA,gBAAAC,EAACQ,GAAA,EAAuB,YAAYN,EAAeL,CAAU,GAAG,SAAAC,GAAkB;AAC3F;AAEO,SAASW,IAAoB;AAClC,QAAM,EAAE,YAAAZ,GAAY,SAAAC,EAAQ,IAAIC,EAAgD;AAE9E,SAAA,gBAAAC;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,YAAYR,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/dist/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow.d.ts

@@ -0,0 +1,13 @@
+import { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount';
+import { FlowContextInterface } from '../useFlow';
+import { BaseComponentInterface } from '../../Base';
+export interface EmployeeSelfOnboardingFlowProps extends BaseComponentInterface {
+    companyId: string;
+    employeeId: string;
+}
+export interface EmployeeSelfOnboardingContextInterface extends FlowContextInterface {
+    companyId: string;
+    employeeId: string;
+    paymentMethod?: PaymentMethodBankAccount;
+}
+export declare const EmployeeSelfOnboardingFlow: ({ companyId, employeeId, onEvent, }: EmployeeSelfOnboardingFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as t } from "robot3";
+import { Landing as p } from "./EmployeeSelfOnboardingComponents.js";
+import { Flow as a } from "../Flow.js";
+import { employeeSelfOnboardingMachine as c } from "../StateMachines/employeeSelfOnboarding.js";
+const h = ({
+  companyId: o,
+  employeeId: e,
+  onEvent: m
+}) => {
+  const n = t(
+    "index",
+    c,
+    (r) => ({
+      ...r,
+      component: p,
+      companyId: o,
+      employeeId: e
+    })
+  );
+  return /* @__PURE__ */ i(a, { machine: n, onEvent: m });
+};
+export {
+  h as EmployeeSelfOnboardingFlow
+};
+//# sourceMappingURL=EmployeeSelfOnboardingFlow.js.map

package/dist/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeSelfOnboardingFlow.js","sources":["../../../../src/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport type { FlowContextInterface } from '../useFlow'\nimport { Landing } from './EmployeeSelfOnboardingComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { employeeSelfOnboardingMachine } from '@/components/Flow/StateMachines'\nimport type { BaseComponentInterface } from '@/components/Base'\n\nexport interface EmployeeSelfOnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  employeeId: string\n}\nexport interface EmployeeSelfOnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId: string\n  paymentMethod?: PaymentMethodBankAccount\n}\n\nexport const EmployeeSelfOnboardingFlow = ({\n  companyId,\n  employeeId,\n  onEvent,\n}: EmployeeSelfOnboardingFlowProps) => {\n  const manageEmployees = createMachine(\n    'index',\n    employeeSelfOnboardingMachine,\n    (initialContext: EmployeeSelfOnboardingContextInterface) => ({\n      ...initialContext,\n      component: Landing,\n      companyId,\n      employeeId,\n    }),\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["EmployeeSelfOnboardingFlow","companyId","employeeId","onEvent","manageEmployees","createMachine","employeeSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;AAkBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,MAAuC;AACrC,QAAMC,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAA4D;AAAA,MAC3D,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,YAAAC;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAO,EAAAC,GAAA,EAAK,SAASN,GAAiB,SAAAD,EAAkB,CAAA;AAC3D;"}

package/dist/components/Flow/Flow.d.ts

@@ -0,0 +1,10 @@
+import { Machine } from 'robot3';
+import { OnEventType } from '../Base/useBase';
+import { FlowContextInterface } from './useFlow';
+import { EventType } from '../../shared/constants';
+type FlowProps = {
+    machine: Machine<object, FlowContextInterface>;
+    onEvent: OnEventType<EventType, unknown>;
+};
+export declare const Flow: ({ onEvent, machine }: FlowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Flow/Flow.js

@@ -0,0 +1,37 @@
+import { jsx as s, Fragment as d, jsxs as f } from "react/jsx-runtime";
+import { useMachine as h } from "react-robot";
+import { useTranslation as g } from "react-i18next";
+import { FlowContext as v } from "./useFlow.js";
+import { useComponentContext as w } from "../../contexts/ComponentAdapter/useComponentContext.js";
+const j = ({ onEvent: l, machine: m }) => {
+  const p = w(), { t: i } = g(), [o, a, c] = h(m, {
+    onEvent: x,
+    component: null
+  }), u = o.context.showProgress ?? !1, t = o.context.totalSteps ?? null, n = o.context.currentStep ?? null;
+  function x(e, r) {
+    c.child ? c.child.send({ type: e, payload: r }) : a({ type: e, payload: r }), l(e, r);
+  }
+  return /* @__PURE__ */ s(d, { children: /* @__PURE__ */ f(
+    v.Provider,
+    {
+      value: {
+        ...o.context
+      },
+      children: [
+        u && n && t && /* @__PURE__ */ s(
+          p.ProgressBar,
+          {
+            totalSteps: t,
+            currentStep: n,
+            label: i("progressBarLabel", { totalSteps: t, currentStep: n })
+          }
+        ),
+        o.context.component && /* @__PURE__ */ s(o.context.component, {})
+      ]
+    }
+  ) });
+};
+export {
+  j as Flow
+};
+//# sourceMappingURL=Flow.js.map

package/dist/components/Flow/Flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype FlowProps = {\n  machine: Machine<object, FlowContextInterface>\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const Flow = ({ onEvent, machine }: FlowProps) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n  })\n\n  const showProgress = current.context.showProgress ?? false\n  const totalSteps = current.context.totalSteps ?? null\n  const currentStep = current.context.currentStep ?? null\n\n  function handleEvent(type: EventType, data: unknown): void {\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      //@ts-expect-error: not sure why 'type' type is incorrectly derived here\n      service.child.send({ type: type, payload: data })\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      send({ type: type, payload: data })\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  return (\n    <>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        {showProgress && currentStep && totalSteps && (\n          <Components.ProgressBar\n            totalSteps={totalSteps}\n            currentStep={currentStep}\n            label={t('progressBarLabel', { totalSteps, currentStep })}\n          />\n        )}\n        {current.context.component && <current.context.component />}\n      </FlowContext.Provider>\n    </>\n  )\n}\n"],"names":["Flow","onEvent","machine","Components","useComponentContext","t","useTranslation","current","send","service","useMachine","handleEvent","showProgress","totalSteps","currentStep","type","data","jsx","Fragment","jsxs","FlowContext"],"mappings":";;;;;AAcO,MAAMA,IAAO,CAAC,EAAE,SAAAC,GAAS,SAAAC,QAAyB;AACvD,QAAMC,IAAaC,EAAoB,GACjC,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvB,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWR,GAAS;AAAA,IACnD,SAASS;AAAA,IACT,WAAW;AAAA,EAAA,CACZ,GAEKC,IAAeL,EAAQ,QAAQ,gBAAgB,IAC/CM,IAAaN,EAAQ,QAAQ,cAAc,MAC3CO,IAAcP,EAAQ,QAAQ,eAAe;AAE1C,WAAAI,EAAYI,GAAiBC,GAAqB;AAEzD,IAAIP,EAAQ,QAEVA,EAAQ,MAAM,KAAK,EAAE,MAAAM,GAAY,SAASC,GAAM,IAGhDR,EAAK,EAAE,MAAAO,GAAY,SAASC,EAAA,CAAM,GAGpCf,EAAQc,GAAMC,CAAI;AAAA,EAAA;AAGpB,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGb,EAAQ;AAAA,MACb;AAAA,MAEC,UAAA;AAAA,QAAAK,KAAgBE,KAAeD,KAC9B,gBAAAI;AAAA,UAACd,EAAW;AAAA,UAAX;AAAA,YACC,YAAAU;AAAA,YACA,aAAAC;AAAA,YACA,OAAOT,EAAE,oBAAoB,EAAE,YAAAQ,GAAY,aAAAC,EAAa,CAAA;AAAA,UAAA;AAAA,QAC1D;AAAA,QAEDP,EAAQ,QAAQ,+BAAcA,EAAQ,QAAQ,WAAhB,CAA0B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7D;AAEJ;"}

package/dist/components/Flow/StateMachines/employeeOnboarding.d.ts

@@ -0,0 +1,10 @@
+export declare const employeeOnboardingMachine: {
+    index: import('robot3').MachineState<"employee/create" | "employee/update" | "employee/onboarding/done">;
+    employeeProfile: import('robot3').MachineState<"employee/profile/done" | "CANCEL">;
+    compensation: import('robot3').MachineState<"employee/compensations/done" | "CANCEL">;
+    employeeTaxes: import('robot3').MachineState<"employee/taxes/done" | "CANCEL">;
+    paymentMethod: import('robot3').MachineState<"employee/paymentMethod/done" | "CANCEL">;
+    deductions: import('robot3').MachineState<"employee/deductions/done" | "CANCEL">;
+    summary: import('robot3').MachineState<"company/employees">;
+    final: import('robot3').MachineState<string>;
+};

package/dist/components/Flow/StateMachines/employeeOnboarding.js

@@ -0,0 +1,136 @@
+import { state as a, transition as e, reduce as t, guard as i } from "robot3";
+import { componentEvents as n, EmployeeSelfOnboardingStatuses as O, EmployeeOnboardingStatus as u } from "../../../shared/constants.js";
+import { EmployeeListContextual as l } from "../../Employee/EmployeeList/EmployeeList.js";
+import { OnboardingSummaryContextual as y } from "../../Employee/OnboardingSummary/OnboardingSummary.js";
+import { DeductionsContextual as r } from "../../Employee/Deductions/Deductions.js";
+import { PaymentMethodContextual as c } from "../../Employee/PaymentMethod/PaymentMethod.js";
+import { TaxesContextual as N } from "../../Employee/Taxes/Taxes.js";
+import { CompensationContextual as P } from "../../Employee/Compensation/Compensation.js";
+import { ProfileContextual as p } from "../../Employee/Profile/Profile.js";
+const E = (o, m) => e(
+  n.CANCEL,
+  o,
+  t(
+    (s) => ({
+      ...s,
+      component: l
+    })
+  )
+), d = (o) => o.onboardingStatus ? !// prettier-ignore
+// @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
+(O.has(o.onboardingStatus) || o.onboardingStatus === u.SELF_ONBOARDING_PENDING_INVITE) : !0, T = {
+  index: a(
+    e(
+      n.EMPLOYEE_CREATE,
+      "employeeProfile",
+      t(
+        (o) => ({
+          ...o,
+          employeeId: void 0,
+          component: p
+        })
+      )
+    ),
+    e(
+      n.EMPLOYEE_UPDATE,
+      "employeeProfile",
+      t(
+        (o, m) => ({
+          ...o,
+          component: p,
+          employeeId: m.payload.employeeId,
+          onboardingStatus: m.payload.onboardingStatus
+        })
+      )
+    ),
+    e(n.EMPLOYEE_ONBOARDING_DONE, "final")
+  ),
+  employeeProfile: a(
+    e(
+      n.EMPLOYEE_PROFILE_DONE,
+      "compensation",
+      t(
+        (o, m) => ({
+          ...o,
+          component: P,
+          employeeId: m.payload.uuid,
+          onboardingStatus: m.payload.onboardingStatus,
+          startDate: m.payload.startDate
+        })
+      )
+    ),
+    E("index")
+  ),
+  compensation: a(
+    e(
+      n.EMPLOYEE_COMPENSATION_DONE,
+      "employeeTaxes",
+      t((o) => ({
+        ...o,
+        component: N
+      })),
+      i(d)
+    ),
+    e(
+      n.EMPLOYEE_COMPENSATION_DONE,
+      "deductions",
+      t((o) => ({
+        ...o,
+        component: r
+      }))
+    ),
+    E("index")
+  ),
+  employeeTaxes: a(
+    e(
+      n.EMPLOYEE_TAXES_DONE,
+      "paymentMethod",
+      t((o) => ({
+        ...o,
+        component: c
+      })),
+      i(d)
+    ),
+    E("index")
+  ),
+  paymentMethod: a(
+    e(
+      n.EMPLOYEE_PAYMENT_METHOD_DONE,
+      "deductions",
+      t((o) => ({
+        ...o,
+        component: r
+      }))
+    ),
+    E("index")
+  ),
+  deductions: a(
+    e(
+      n.EMPLOYEE_DEDUCTION_DONE,
+      "summary",
+      t((o) => ({
+        ...o,
+        component: y
+      }))
+    ),
+    E("index")
+  ),
+  summary: a(
+    e(
+      n.EMPLOYEES_LIST,
+      "index",
+      t(
+        (o) => ({
+          ...o,
+          employeeId: void 0,
+          component: l
+        })
+      )
+    )
+  ),
+  final: a()
+};
+export {
+  T as employeeOnboardingMachine
+};
+//# sourceMappingURL=employeeOnboarding.js.map

package/dist/components/Flow/StateMachines/employeeOnboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeOnboarding.js","sources":["../../../../src/components/Flow/StateMachines/employeeOnboarding.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  EmployeeOnboardingStatus,\n  EmployeeSelfOnboardingStatuses,\n  componentEvents,\n} from '@/shared/constants'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { type MachineEventType } from '@/types/Helpers'\nimport { CompensationContextual } from '@/components/Employee/Compensation'\nimport { DeductionsContextual } from '@/components/Employee/Deductions'\nimport { EmployeeListContextual } from '@/components/Employee/EmployeeList/EmployeeList'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile'\nimport { TaxesContextual } from '@/components/Employee/Taxes'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: {\n    employeeId: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  }\n  [componentEvents.EMPLOYEE_PROFILE_DONE]: {\n    uuid: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n    startDate: string\n  }\n}\n\nconst cancelTransition = (target: string, component?: React.ComponentType) =>\n  transition(\n    componentEvents.CANCEL,\n    target,\n    reduce(\n      (ctx: EmployeeOnboardingContextInterface): EmployeeOnboardingContextInterface => ({\n        ...ctx,\n        component: component ?? EmployeeListContextual,\n      }),\n    ),\n  )\n\nconst selfOnboardingGuard = (ctx: EmployeeOnboardingContextInterface) =>\n  ctx.onboardingStatus\n    ? !(\n        // prettier-ignore\n        // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n        (EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) ||\n        ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n      )\n    : true\n\nexport const employeeOnboardingMachine = {\n  index: state(\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'employeeProfile',\n      reduce(\n        (ctx: EmployeeOnboardingContextInterface): EmployeeOnboardingContextInterface => ({\n          ...ctx,\n          employeeId: undefined,\n          component: ProfileContextual,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'employeeProfile',\n      reduce(\n        (\n          ctx: EmployeeOnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): EmployeeOnboardingContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            employeeId: ev.payload.employeeId,\n            onboardingStatus: ev.payload.onboardingStatus,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_ONBOARDING_DONE, 'final'),\n  ),\n  employeeProfile: state(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'compensation',\n      reduce(\n        (\n          ctx: EmployeeOnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_PROFILE_DONE>,\n        ): EmployeeOnboardingContextInterface => ({\n          ...ctx,\n          component: CompensationContextual,\n          employeeId: ev.payload.uuid,\n          onboardingStatus: ev.payload.onboardingStatus,\n          startDate: ev.payload.startDate,\n        }),\n      ),\n    ),\n    cancelTransition('index'),\n  ),\n  compensation: state(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'employeeTaxes',\n      reduce((ctx: EmployeeOnboardingContextInterface) => ({\n        ...ctx,\n        component: TaxesContextual,\n      })),\n      guard(selfOnboardingGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'deductions',\n      reduce((ctx: EmployeeOnboardingContextInterface) => ({\n        ...ctx,\n        component: DeductionsContextual,\n      })),\n    ),\n    cancelTransition('index'),\n  ),\n  employeeTaxes: state(\n    transition(\n      componentEvents.EMPLOYEE_TAXES_DONE,\n      'paymentMethod',\n      reduce((ctx: EmployeeOnboardingContextInterface) => ({\n        ...ctx,\n        component: PaymentMethodContextual,\n      })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  paymentMethod: state(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'deductions',\n      reduce((ctx: EmployeeOnboardingContextInterface) => ({\n        ...ctx,\n        component: DeductionsContextual,\n      })),\n    ),\n    cancelTransition('index'),\n  ),\n  deductions: state(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'summary',\n      reduce((ctx: EmployeeOnboardingContextInterface) => ({\n        ...ctx,\n        component: OnboardingSummaryContextual,\n      })),\n    ),\n\n    cancelTransition('index'),\n  ),\n  summary: state(\n    transition(\n      componentEvents.EMPLOYEES_LIST,\n      'index',\n      reduce(\n        (ctx: EmployeeOnboardingContextInterface): EmployeeOnboardingContextInterface => ({\n          ...ctx,\n          employeeId: undefined,\n          component: EmployeeListContextual,\n        }),\n      ),\n    ),\n  ),\n  final: state(),\n}\n"],"names":["cancelTransition","target","component","transition","componentEvents","reduce","ctx","EmployeeListContextual","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","employeeOnboardingMachine","state","ProfileContextual","ev","CompensationContextual","TaxesContextual","guard","DeductionsContextual","PaymentMethodContextual","OnboardingSummaryContextual"],"mappings":"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"}

package/dist/components/Flow/StateMachines/employeeSelfOnboarding.d.ts

@@ -0,0 +1,7 @@
+export declare const employeeSelfOnboardingMachine: {
+    index: import('robot3').MachineState<"employee/selfOnboarding/start">;
+    employeeProfile: import('robot3').MachineState<"employee/profile/done">;
+    employeeTaxes: import('robot3').MachineState<"employee/taxes/done">;
+    employeePaymentMethod: import('robot3').MachineState<"employee/paymentMethod/done">;
+    employeeDocumentSigner: import('robot3').MachineState<any>;
+};

package/dist/components/Flow/StateMachines/employeeSelfOnboarding.js

@@ -0,0 +1,73 @@
+import { invoke as i, state as t, createMachine as r, transition as o, reduce as n } from "robot3";
+import { componentEvents as m } from "../../../shared/constants.js";
+import { OnboardingSummary as E, PaymentMethod as p, Taxes as c, Profile as a } from "../EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingComponents.js";
+import { DocumentListContextual as O } from "../../Employee/DocumentSigner/documentSignerStateMachine.js";
+import { documentSignerMachine as l } from "../../Employee/DocumentSigner/stateMachine.js";
+const y = r(
+  "index",
+  l,
+  (e) => ({
+    ...e,
+    component: O
+  })
+), s = {
+  index: t(
+    o(
+      m.EMPLOYEE_SELF_ONBOARDING_START,
+      "employeeProfile",
+      n(
+        (e) => ({
+          ...e,
+          component: a
+        })
+      )
+    )
+  ),
+  employeeProfile: t(
+    o(
+      m.EMPLOYEE_PROFILE_DONE,
+      "employeeTaxes",
+      n(
+        (e) => ({
+          ...e,
+          component: c
+        })
+      )
+    )
+  ),
+  employeeTaxes: t(
+    o(
+      m.EMPLOYEE_TAXES_DONE,
+      "employeePaymentMethod",
+      n((e) => ({
+        ...e,
+        component: p
+      }))
+    )
+  ),
+  employeePaymentMethod: t(
+    o(
+      m.EMPLOYEE_PAYMENT_METHOD_DONE,
+      "employeeDocumentSigner",
+      n((e) => ({
+        ...e
+      }))
+    )
+  ),
+  //Invoking nested state machine
+  employeeDocumentSigner: i(
+    y,
+    o(
+      m.ROBOT_MACHINE_DONE,
+      "index",
+      n((e) => ({
+        ...e,
+        component: E
+      }))
+    )
+  )
+};
+export {
+  s as employeeSelfOnboardingMachine
+};
+//# sourceMappingURL=employeeSelfOnboarding.js.map

package/dist/components/Flow/StateMachines/employeeSelfOnboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeSelfOnboarding.js","sources":["../../../../src/components/Flow/StateMachines/employeeSelfOnboarding.ts"],"sourcesContent":["import { transition, reduce, state, invoke, createMachine } from 'robot3'\nimport { componentEvents } from '@/shared/constants'\nimport {\n  Profile,\n  Taxes,\n  PaymentMethod,\n  OnboardingSummary,\n} from '@/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingComponents'\nimport type { EmployeeSelfOnboardingContextInterface } from '@/components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow'\nimport type { DocumentSignerContextInterface } from '@/components/Employee/DocumentSigner/documentSignerStateMachine'\nimport { DocumentListContextual } from '@/components/Employee/DocumentSigner/documentSignerStateMachine'\nimport { documentSignerMachine } from '@/components/Employee/DocumentSigner/stateMachine'\n\nconst documentSigner = createMachine(\n  'index',\n  documentSignerMachine,\n  (initialContext: DocumentSignerContextInterface) => ({\n    ...initialContext,\n    component: DocumentListContextual,\n  }),\n)\n\nexport const employeeSelfOnboardingMachine = {\n  index: state(\n    transition(\n      componentEvents.EMPLOYEE_SELF_ONBOARDING_START,\n      'employeeProfile',\n      reduce(\n        (ctx: EmployeeSelfOnboardingContextInterface): EmployeeSelfOnboardingContextInterface => ({\n          ...ctx,\n          component: Profile,\n        }),\n      ),\n    ),\n  ),\n  employeeProfile: state(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'employeeTaxes',\n      reduce(\n        (ctx: EmployeeSelfOnboardingContextInterface): EmployeeSelfOnboardingContextInterface => ({\n          ...ctx,\n          component: Taxes,\n        }),\n      ),\n    ),\n  ),\n  employeeTaxes: state(\n    transition(\n      componentEvents.EMPLOYEE_TAXES_DONE,\n      'employeePaymentMethod',\n      reduce((ctx: EmployeeSelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: PaymentMethod,\n      })),\n    ),\n  ),\n  employeePaymentMethod: state(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'employeeDocumentSigner',\n      reduce((ctx: EmployeeSelfOnboardingContextInterface) => ({\n        ...ctx,\n      })),\n    ),\n  ),\n  //Invoking nested state machine\n  employeeDocumentSigner: invoke(\n    documentSigner,\n    transition(\n      componentEvents.ROBOT_MACHINE_DONE,\n      'index',\n      reduce((ctx: EmployeeSelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: OnboardingSummary,\n      })),\n    ),\n  ),\n}\n"],"names":["documentSigner","createMachine","documentSignerMachine","initialContext","DocumentListContextual","employeeSelfOnboardingMachine","state","transition","componentEvents","reduce","ctx","Profile","Taxes","PaymentMethod","invoke","OnboardingSummary"],"mappings":";;;;;AAaA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACAC;AAAA,EACA,CAACC,OAAoD;AAAA,IACnD,GAAGA;AAAA,IACH,WAAWC;AAAA,EACb;AACF,GAEaC,IAAgC;AAAA,EAC3C,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAyF;AAAA,UACxF,GAAGA;AAAA,UACH,WAAWC;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiBL;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAyF;AAAA,UACxF,GAAGA;AAAA,UACH,WAAWE;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,eAAeN;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,uBAAuBP;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiD;AAAA,QACvD,GAAGA;AAAA,MAAA,EACH;AAAA,IAAA;AAAA,EAEN;AAAA;AAAA,EAEA,wBAAwBI;AAAA,IACtBd;AAAA,IACAO;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWK;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

package/dist/components/Flow/StateMachines/index.d.ts

@@ -0,0 +1,2 @@
+export * from './employeeOnboarding';
+export * from './employeeSelfOnboarding';

package/dist/components/Flow/index.d.ts

@@ -0,0 +1,2 @@
+export { EmployeeOnboardingFlow } from './EmployeeOnboardingFlow';
+export { EmployeeSelfOnboardingFlow } from './EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow';

package/dist/components/Flow/index.js

@@ -0,0 +1,7 @@
+import { EmployeeOnboardingFlow as r } from "./EmployeeOnboardingFlow.js";
+import { EmployeeSelfOnboardingFlow as m } from "./EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow.js";
+export {
+  r as EmployeeOnboardingFlow,
+  m as EmployeeSelfOnboardingFlow
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Flow/index.js.map

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