@gusto/embedded-react-sdk 0.44.2 → 0.46.0

package/dist/components/Employee/DocumentSigner/stateMachine.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Employee/DocumentSigner/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DocumentSignerContextInterface, EventPayloads } from './documentSignerStateMachine'\nimport {\n  SignatureFormContextual,\n  DocumentListContextual,\n  I9SignatureFormContextual,\n  EmploymentEligibilityContextual,\n} from './documentSignerStateMachine'\nimport { componentEvents, I9_FORM_NAME } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport const documentSignerMachine = {\n  employmentEligibility: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE\n          >,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n  ),\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN,\n      'signatureForm',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN>,\n        ): DocumentSignerContextInterface => {\n          const isI9Form = ev.payload.name === I9_FORM_NAME\n          return {\n            ...ctx,\n            formId: ev.payload.uuid,\n            isI9Form,\n            component: isI9Form ? I9SignatureFormContextual : SignatureFormContextual,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_FORMS_DONE, 'done'),\n  ),\n  signatureForm: state<MachineTransition>(\n    transition(\n      componentEvents.CANCEL,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CANCEL>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          isI9Form: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SIGN_FORM,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_SIGN_FORM>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          isI9Form: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS,\n      'employmentEligibility',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS\n          >,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          isI9Form: undefined,\n          component: EmploymentEligibilityContextual,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["documentSignerMachine","state","transition","componentEvents","reduce","ctx","ev","DocumentListContextual","isI9Form","I9_FORM_NAME","I9SignatureFormContextual","SignatureFormContextual","EmploymentEligibilityContextual","final"],"mappings":";;;AAWO,MAAMA,IAAwB;AAAA,EACnC,uBAAuBC;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIoC;AAAA,UACpC,GAAGD;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAON;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,MACmC;AACnC,gBAAME,IAAWF,EAAG,QAAQ,SAASG;AACrC,iBAAO;AAAA,YACL,GAAGJ;AAAA,YACH,QAAQC,EAAG,QAAQ;AAAA,YACnB,UAAAE;AAAA,YACA,WAAWA,IAAWE,IAA4BC;AAAA,UAAA;AAAA,QAEtD;AAAA,MAAA;AAAA,IACF;AAAA,IAEFT,EAAWC,EAAgB,qBAAqB,MAAM;AAAA,EAAA;AAAA,EAExD,eAAeF;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWO;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMC,EAAA;AACR;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmployeeDocuments.js","sources":["../../../../src/components/Employee/EmployeeDocuments/EmployeeDocuments.tsx"],"sourcesContent":["import { useIsMutating } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n  useEmployeesUpdateOnboardingDocumentsConfigMutation,\n  mutationKeyEmployeesUpdateOnboardingDocumentsConfig,\n} from '@gusto/embedded-api/react-query/employeesUpdateOnboardingDocumentsConfig'\nimport {\n  EmployeeDocumentsPresentation,\n  type EmployeeDocumentsFormValues,\n} from './EmployeeDocumentsPresentation'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n  type EventType,\n} from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { OnboardingContextInterface } from '@/components/Employee/OnboardingFlow/OnboardingFlowComponents'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\ninterface EmployeeDocumentsProps extends BaseComponentInterface<'Employee.EmployeeDocuments'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function EmployeeDocuments(props: EmployeeDocumentsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmployeeDocumentsProps) => {\n  useComponentDictionary('Employee.EmployeeDocuments', dictionary)\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useEmployeesGetSuspense({ employeeId })\n  const employee = data.employee\n  const currentI9Status = employee?.onboardingDocumentsConfig?.i9Document ?? false\n\n  const isEmployeeSelfOnboarding = employee?.onboardingStatus\n    ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n      EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus) ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n    : false\n\n  const { mutateAsync: updateOnboardingDocumentsConfig } =\n    useEmployeesUpdateOnboardingDocumentsConfigMutation()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyEmployeesUpdateOnboardingDocumentsConfig(),\n  })\n  const isPending = isMutating > 0\n\n  const onSubmit = async (formData: EmployeeDocumentsFormValues) => {\n    await baseSubmitHandler(formData, async () => {\n      const response = await updateOnboardingDocumentsConfig({\n        request: {\n          employeeId,\n          employeeOnboardingDocumentsConfigRequest: {\n            i9Document: formData.includeI9,\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED, response)\n      onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n    })\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n  }\n\n  return (\n    <EmployeeDocumentsPresentation\n      isEmployeeSelfOnboarding={isEmployeeSelfOnboarding}\n      currentI9Status={currentI9Status}\n      onSubmit={onSubmit}\n      onDone={handleDone}\n      isPending={isPending}\n    />\n  )\n}\n\nexport const EmployeeDocumentsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n\n  return <EmployeeDocuments employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["EmployeeDocuments","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","onEvent","baseSubmitHandler","useBase","data","useEmployeesGetSuspense","employee","currentI9Status","isEmployeeSelfOnboarding","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","updateOnboardingDocumentsConfig","useEmployeesUpdateOnboardingDocumentsConfigMutation","isPending","useIsMutating","mutationKeyEmployeesUpdateOnboardingDocumentsConfig","EmployeeDocumentsPresentation","formData","response","componentEvents","EmployeeDocumentsContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AA4BO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAAyC;AACnE,EAAAC,EAAuB,8BAA8BD,CAAU;AAC/D,QAAM,EAAE,SAAAE,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwB,EAAE,YAAAP,GAAY,GACjDQ,IAAWF,EAAK,UAChBG,IAAkBD,GAAU,2BAA2B,cAAc,IAErEE,IAA2BF,GAAU;AAAA;AAAA,IAEvCG,EAA+B,IAAIH,EAAS,gBAAgB,KAC5DA,EAAS,qBAAqBI,EAAyB;AAAA,MACvD,IAEE,EAAE,aAAaC,EAAA,IACnBC,EAAA,GAKIC,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAoD,CAClE,IAC8B;AAsB/B,SACE,gBAAApB;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,0BAAAR;AAAA,MACA,iBAAAD;AAAA,MACA,UAxBa,OAAOU,MAA0C;AAChE,cAAMf,EAAkBe,GAAU,YAAY;AAC5C,gBAAMC,IAAW,MAAMP,EAAgC;AAAA,YACrD,SAAS;AAAA,cACP,YAAAb;AAAA,cACA,0CAA0C;AAAA,gBACxC,YAAYmB,EAAS;AAAA,cAAA;AAAA,YACvB;AAAA,UACF,CACD;AAED,UAAAhB,EAAQkB,EAAgB,8CAA8CD,CAAQ,GAC9EjB,EAAQkB,EAAgB,uBAAuB;AAAA,QACjD,CAAC;AAAA,MACH;AAAA,MAWI,QATe,MAAM;AACvB,QAAAlB,EAAQkB,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MAQI,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaO,IAA8B,MAAM;AAC/C,QAAM,EAAE,YAAAtB,GAAY,SAAAG,EAAA,IAAYoB,EAAA;AAEhC,2BAAQ5B,GAAA,EAAkB,YAAY6B,EAAexB,CAAU,GAAG,SAAAG,GAAkB;AACtF;"}

package/dist/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.js

@@ -1,115 +0,0 @@
-import { jsx as e, Fragment as x, jsxs as r } from "react/jsx-runtime";
-import { useTranslation as y, Trans as h } from "react-i18next";
-import { useForm as I, FormProvider as L } from "react-hook-form";
-import { zodResolver as E } from "@hookform/resolvers/zod";
-import { z as p } from "zod";
-import { Flex as l, FlexItem as o } from "../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { Form as v } from "../../Common/Form/Form.js";
-import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as C } from "../../../i18n/I18n.js";
-import { CheckboxField as F } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-const u = "gusto-sdk-employee-documents-form", T = p.object({
-  includeI9: p.boolean()
-}), B = ({
-  isEmployeeSelfOnboarding: a,
-  currentI9Status: g,
-  onSubmit: f,
-  onDone: b,
-  isPending: O
-}) => {
-  C("Employee.EmployeeDocuments");
-  const { t: n } = y("Employee.EmployeeDocuments"), { Alert: d, Heading: t, Text: i, Button: s, Link: m, UnorderedList: D } = w(), c = I({
-    resolver: E(T),
-    defaultValues: {
-      includeI9: g
-    }
-  }), S = c.watch("includeI9");
-  return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
-    a ? /* @__PURE__ */ e(L, { ...c, children: /* @__PURE__ */ e(v, { id: u, onSubmit: c.handleSubmit(f), children: /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ r(o, { children: [
-        /* @__PURE__ */ e(t, { as: "h2", children: n("selfOnboarding.title") }),
-        /* @__PURE__ */ e(i, { variant: "supporting", children: n("selfOnboarding.description") })
-      ] }),
-      /* @__PURE__ */ e(t, { as: "h3", children: n("selfOnboarding.documentsIncludedLabel") }),
-      /* @__PURE__ */ r(o, { children: [
-        /* @__PURE__ */ e(i, { weight: "medium", children: n("selfOnboarding.taxWithholdingLabel") }),
-        /* @__PURE__ */ e(i, { variant: "supporting", children: n("selfOnboarding.taxWithholdingDescription") })
-      ] }),
-      /* @__PURE__ */ r(o, { children: [
-        /* @__PURE__ */ e(i, { weight: "medium", children: n("selfOnboarding.directDepositLabel") }),
-        /* @__PURE__ */ e(i, { variant: "supporting", children: n("selfOnboarding.directDepositDescription") })
-      ] }),
-      /* @__PURE__ */ e(t, { as: "h3", children: n("selfOnboarding.includeI9Heading") }),
-      /* @__PURE__ */ e(
-        F,
-        {
-          name: "includeI9",
-          label: n("selfOnboarding.includeI9Label"),
-          description: n("selfOnboarding.includeI9Description")
-        }
-      ),
-      S ? /* @__PURE__ */ e(d, { status: "warning", label: n("selfOnboarding.alerts.includedTitle"), children: /* @__PURE__ */ e(
-        D,
-        {
-          items: [
-            /* @__PURE__ */ e(
-              h,
-              {
-                i18nKey: "selfOnboarding.alerts.includedDescription",
-                t: n,
-                components: {
-                  Link: /* @__PURE__ */ e(m, {})
-                }
-              },
-              "included-description-1"
-            ),
-            /* @__PURE__ */ e("span", { children: n("selfOnboarding.alerts.includedDescription2") }, "included-description-2")
-          ]
-        }
-      ) }) : /* @__PURE__ */ e(d, { status: "info", label: n("selfOnboarding.alerts.notIncludedTitle"), children: /* @__PURE__ */ e(
-        h,
-        {
-          i18nKey: "selfOnboarding.alerts.notIncludedDescription",
-          t: n,
-          components: {
-            Link: /* @__PURE__ */ e(m, {})
-          }
-        }
-      ) })
-    ] }) }) }) : /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ r(o, { children: [
-        /* @__PURE__ */ e(t, { as: "h2", children: n("notSelfOnboarding.title") }),
-        /* @__PURE__ */ e(i, { children: n("notSelfOnboarding.description") })
-      ] }),
-      /* @__PURE__ */ r(o, { children: [
-        /* @__PURE__ */ e(i, { weight: "medium", children: n("notSelfOnboarding.employmentEligibilityLabel") }),
-        /* @__PURE__ */ e(i, { children: n("notSelfOnboarding.employmentEligibilityDescription") })
-      ] }),
-      /* @__PURE__ */ r(o, { children: [
-        /* @__PURE__ */ e(i, { weight: "medium", children: n("notSelfOnboarding.taxWithholdingLabel") }),
-        /* @__PURE__ */ e(i, { children: n("notSelfOnboarding.taxWithholdingDescription") })
-      ] }),
-      /* @__PURE__ */ r(o, { children: [
-        /* @__PURE__ */ e(i, { weight: "medium", children: n("notSelfOnboarding.directDepositLabel") }),
-        /* @__PURE__ */ e(i, { children: n("notSelfOnboarding.directDepositDescription") })
-      ] }),
-      /* @__PURE__ */ e(d, { status: "info", label: n("notSelfOnboarding.alertTitle"), disableScrollIntoView: !0 })
-    ] }),
-    /* @__PURE__ */ e(l, { justifyContent: "flex-end", gap: 12, children: a ? /* @__PURE__ */ e(
-      s,
-      {
-        variant: "primary",
-        type: "submit",
-        form: u,
-        isLoading: O,
-        children: n("continueCta")
-      }
-    ) : /* @__PURE__ */ e(s, { variant: "primary", onClick: b, children: n("continueCta") }) })
-  ] }) });
-};
-export {
-  B as EmployeeDocumentsPresentation
-};
-//# sourceMappingURL=EmployeeDocumentsPresentation.js.map

package/dist/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../src/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Flex, CheckboxField, FlexItem } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEE_DOCUMENTS_FORM_ID = 'gusto-sdk-employee-documents-form'\n\nconst EmployeeDocumentsSchema = z.object({\n  includeI9: z.boolean(),\n})\n\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\nexport const EmployeeDocumentsPresentation = ({\n  isEmployeeSelfOnboarding,\n  currentI9Status,\n  onSubmit,\n  onDone,\n  isPending,\n}: EmployeeDocumentsPresentationProps) => {\n  useI18n('Employee.EmployeeDocuments')\n  const { t } = useTranslation('Employee.EmployeeDocuments')\n  const { Alert, Heading, Text, Button, Link, UnorderedList } = useComponentContext()\n\n  const formMethods = useForm<EmployeeDocumentsFormValues>({\n    resolver: zodResolver(EmployeeDocumentsSchema),\n    defaultValues: {\n      includeI9: currentI9Status,\n    },\n  })\n\n  const includeI9 = formMethods.watch('includeI9')\n\n  const renderSelfOnboarding = () => (\n    <FormProvider {...formMethods}>\n      <Form id={EMPLOYEE_DOCUMENTS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <FlexItem>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.documentsIncludedLabel')}</Heading>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.taxWithholdingLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.taxWithholdingDescription')}</Text>\n          </FlexItem>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.directDepositLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.directDepositDescription')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.includeI9Heading')}</Heading>\n          <CheckboxField\n            name=\"includeI9\"\n            label={t('selfOnboarding.includeI9Label')}\n            description={t('selfOnboarding.includeI9Description')}\n          />\n\n          {includeI9 ? (\n            <Alert status=\"warning\" label={t('selfOnboarding.alerts.includedTitle')}>\n              <UnorderedList\n                items={[\n                  <Trans\n                    key=\"included-description-1\"\n                    i18nKey={'selfOnboarding.alerts.includedDescription'}\n                    t={t}\n                    components={{\n                      Link: <Link />,\n                    }}\n                  />,\n                  <span key=\"included-description-2\">\n                    {t('selfOnboarding.alerts.includedDescription2')}\n                  </span>,\n                ]}\n              />\n            </Alert>\n          ) : (\n            <Alert status=\"info\" label={t('selfOnboarding.alerts.notIncludedTitle')}>\n              <Trans\n                i18nKey={'selfOnboarding.alerts.notIncludedDescription'}\n                t={t}\n                components={{\n                  Link: <Link />,\n                }}\n              />\n            </Alert>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n\n  const renderNotSelfOnboarding = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text>{t('notSelfOnboarding.description')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n        <Text>{t('notSelfOnboarding.employmentEligibilityDescription')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n        <Text>{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n        <Text>{t('notSelfOnboarding.directDepositDescription')}</Text>\n      </FlexItem>\n\n      <Alert status=\"info\" label={t('notSelfOnboarding.alertTitle')} disableScrollIntoView></Alert>\n    </Flex>\n  )\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={16}>\n        {isEmployeeSelfOnboarding ? renderSelfOnboarding() : renderNotSelfOnboarding()}\n\n        <Flex justifyContent=\"flex-end\" gap={12}>\n          {isEmployeeSelfOnboarding ? (\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              form={EMPLOYEE_DOCUMENTS_FORM_ID}\n              isLoading={isPending}\n            >\n              {t('continueCta')}\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={onDone}>\n              {t('continueCta')}\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </>\n  )\n}\n"],"names":["EMPLOYEE_DOCUMENTS_FORM_ID","EmployeeDocumentsSchema","z","EmployeeDocumentsPresentation","isEmployeeSelfOnboarding","currentI9Status","onSubmit","onDone","isPending","useI18n","t","useTranslation","Alert","Heading","Text","Button","Link","UnorderedList","useComponentContext","formMethods","useForm","zodResolver","includeI9","jsxs","Flex","jsx","FormProvider","Form","FlexItem","CheckboxField","Trans"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/Actions.d.ts

@@ -1 +0,0 @@
-export declare const Actions: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +0,0 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
-import { usePaymentMethod as l } from "./usePaymentMethod.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { ActionsLayout as p } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const P = () => {
-  const { handleAdd: i, handleCancel: a, isPending: r, bankAccounts: s, handleSplit: c, mode: t } = l(), { t: n } = m("Employee.PaymentMethod"), o = u();
-  return /* @__PURE__ */ d(p, { children: [
-    (t === "ADD" || t === "SPLIT") && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: a, children: n("cancelAddCta") }),
-    t === "LIST" && s.length > 1 && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: c, children: n("splitCta") }),
-    t === "LIST" && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: i, children: n("addAnotherCta") }),
-    /* @__PURE__ */ e(o.Button, { type: "submit", isLoading: r, children: n(t === "ADD" || t === "SPLIT" ? "saveCta" : "submitCta") })
-  ] });
-};
-export {
-  P as Actions
-};
-//# sourceMappingURL=Actions.js.map

package/dist/components/Employee/PaymentMethod/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/PaymentMethod/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { handleAdd, handleCancel, isPending, bankAccounts, handleSplit, mode } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {(mode === 'ADD' || mode === 'SPLIT') && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleCancel}>\n          {t('cancelAddCta')}\n        </Components.Button>\n      )}\n      {mode === 'LIST' && bankAccounts.length > 1 && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleSplit}>\n          {t('splitCta')}\n        </Components.Button>\n      )}\n      {mode === 'LIST' && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleAdd}>\n          {t('addAnotherCta')}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t(mode === 'ADD' || mode === 'SPLIT' ? 'saveCta' : 'submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","handleAdd","handleCancel","isPending","bankAccounts","handleSplit","mode","usePaymentMethod","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,WAAAC,GAAW,cAAAC,GAAc,aAAAC,GAAa,MAAAC,EAAA,IAASC,EAAA,GAC1E,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACG,UAAA;AAAA,KAAAN,MAAS,SAASA,MAAS,YAC3B,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASR,GAC3D,UAAAM,EAAE,cAAc,GACnB;AAAA,IAEDF,MAAS,UAAUF,EAAa,SAAS,uBACvCM,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASL,GAC3D,UAAAG,EAAE,UAAU,GACf;AAAA,IAEDF,MAAS,UACR,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,eAAe,GACpB;AAAA,IAEF,gBAAAK,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWP,GACzC,UAAAK,EAAEF,MAAS,SAASA,MAAS,UAAU,YAAY,WAAW,EAAA,CACjE;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/PaymentMethod/BankAccount.d.ts

@@ -1,13 +0,0 @@
-import { z } from 'zod';
-export declare const BankAccountSchema: z.ZodObject<{
-    name: z.ZodString;
-    routingNumber: z.ZodString;
-    accountNumber: z.ZodString;
-    accountType: z.ZodEnum<{
-        Checking: "Checking";
-        Savings: "Savings";
-    }>;
-    hasBankPayload: z.ZodLiteral<true>;
-}, z.core.$strip>;
-export type BankAccountInputs = z.input<typeof BankAccountSchema>;
-export type BankAccountDefaults = z.input<typeof BankAccountSchema>;

package/dist/components/Employee/PaymentMethod/BankAccount.js

@@ -1,13 +0,0 @@
-import { z as n } from "zod";
-import { accountNumberValidation as a, routingNumberValidation as o } from "../../../helpers/validations.js";
-const e = n.object({
-  name: n.string().min(1),
-  routingNumber: o,
-  accountNumber: a,
-  accountType: n.enum(["Checking", "Savings"]),
-  hasBankPayload: n.literal(!0)
-});
-export {
-  e as BankAccountSchema
-};
-//# sourceMappingURL=BankAccount.js.map

package/dist/components/Employee/PaymentMethod/BankAccount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BankAccount.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccount.ts"],"sourcesContent":["import { z } from 'zod'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\n\nexport const BankAccountSchema = z.object({\n  name: z.string().min(1),\n  routingNumber: routingNumberValidation,\n  accountNumber: accountNumberValidation,\n  accountType: z.enum(['Checking', 'Savings']),\n  hasBankPayload: z.literal(true),\n})\n\nexport type BankAccountInputs = z.input<typeof BankAccountSchema>\nexport type BankAccountDefaults = z.input<typeof BankAccountSchema>\n"],"names":["BankAccountSchema","z","routingNumberValidation","accountNumberValidation"],"mappings":";;AAGO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,eAAeC;AAAA,EACf,eAAeC;AAAA,EACf,aAAaF,EAAE,KAAK,CAAC,YAAY,SAAS,CAAC;AAAA,EAC3C,gBAAgBA,EAAE,QAAQ,EAAI;AAChC,CAAC;"}

package/dist/components/Employee/PaymentMethod/BankAccountEdit.d.ts

@@ -1 +0,0 @@
-export declare const BankAccountForm: () => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/Employee/PaymentMethod/BankAccountEdit.js

@@ -1,58 +0,0 @@
-import { jsxs as i, Fragment as u, jsx as r } from "react/jsx-runtime";
-import { useFormContext as m } from "react-hook-form";
-import { useTranslation as s } from "react-i18next";
-import { usePaymentMethod as c } from "./usePaymentMethod.js";
-import "classnames";
-import { PAYMENT_METHODS as l } from "../../../shared/constants.js";
-import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const v = () => {
-  const { mode: t, watchedType: a } = c(), { t: e } = s("Employee.PaymentMethod"), { setValue: n } = m();
-  if (!(t !== "ADD" && t !== "INITIAL" || a === l.check))
-    return n("hasBankPayload", !0), /* @__PURE__ */ i(u, { children: [
-      /* @__PURE__ */ r(
-        o,
-        {
-          name: "name",
-          isRequired: !0,
-          label: e("nameLabel"),
-          errorMessage: e("validations.accountName")
-        }
-      ),
-      /* @__PURE__ */ r(
-        o,
-        {
-          name: "routingNumber",
-          label: e("routingNumberLabel"),
-          isRequired: !0,
-          description: e("routingNumberDescription"),
-          errorMessage: e("validations.routingNumber")
-        }
-      ),
-      /* @__PURE__ */ r(
-        o,
-        {
-          name: "accountNumber",
-          label: e("accountNumberLabel"),
-          errorMessage: e("validations.accountNumber"),
-          isRequired: !0
-        }
-      ),
-      /* @__PURE__ */ r(
-        p,
-        {
-          name: "accountType",
-          isRequired: !0,
-          label: e("accountTypeLabel"),
-          options: [
-            { value: "Checking", label: e("accountTypeChecking") },
-            { value: "Savings", label: e("accountTypeSavings") }
-          ]
-        }
-      )
-    ] });
-};
-export {
-  v as BankAccountForm
-};
-//# sourceMappingURL=BankAccountEdit.js.map

package/dist/components/Employee/PaymentMethod/BankAccountEdit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BankAccountEdit.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccountEdit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { BankAccountInputs } from './BankAccount'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const BankAccountForm = () => {\n  const { mode, watchedType } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const { setValue } = useFormContext<BankAccountInputs>()\n\n  if ((mode !== 'ADD' && mode !== 'INITIAL') || watchedType === PAYMENT_METHODS.check) {\n    return\n  }\n  //Used by form schema to determine variant\n  setValue('hasBankPayload', true)\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","mode","watchedType","usePaymentMethod","t","useTranslation","setValue","useFormContext","PAYMENT_METHODS","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;;AAOO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,MAAAC,GAAM,aAAAC,EAAA,IAAgBC,EAAA,GACxB,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,UAAAC,EAAA,IAAaC,EAAA;AAErB,MAAK,EAAAN,MAAS,SAASA,MAAS,aAAcC,MAAgBM,EAAgB;AAI9E,WAAAF,EAAS,kBAAkB,EAAI,GAG7B,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOR,EAAE,WAAW;AAAA,UACpB,cAAcA,EAAE,yBAAyB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3C,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,YAAU;AAAA,UACV,aAAaA,EAAE,0BAA0B;AAAA,UACzC,cAAcA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7C,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,cAAcA,EAAE,2BAA2B;AAAA,UAC3C,YAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGZ,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOT,EAAE,kBAAkB;AAAA,UAC3B,SAAS;AAAA,YACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,YACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,UAAE;AAAA,QACrD;AAAA,MAAA;AAAA,IACF,GACF;AAEJ;"}

package/dist/components/Employee/PaymentMethod/BankAccountsList.d.ts

@@ -1 +0,0 @@
-export declare function BankAccountsList(): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/Employee/PaymentMethod/BankAccountsList.js

@@ -1,51 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { usePaymentMethod as f } from "./usePaymentMethod.js";
-import y from "../../../assets/icons/trashcan.svg.js";
-import "classnames";
-import { SPLIT_BY as b } from "../../../shared/constants.js";
-import k from "../../../hooks/useNumberFormatter.js";
-import { centsToDollars as g } from "../../../helpers/currencyHelpers.js";
-import { HamburgerMenu as A } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as T } from "../../Common/DataView/useDataView.js";
-import { DataView as h } from "../../Common/DataView/DataView.js";
-function I() {
-  const { bankAccounts: i, paymentMethod: o, mode: m, handleDelete: u, deletePendingBankAccountUuid: a } = f(), { t } = d("Employee.PaymentMethod"), l = k(o.splitBy === "Amount" ? "currency" : "percent"), { ...s } = T({
-    data: i,
-    columns: [
-      { key: "name", title: t("nicknameColumn") },
-      { key: "routingNumber", title: t("routingNumberColumn") },
-      { key: "accountType", title: t("accountTypeColumn") },
-      {
-        key: "splitAmount",
-        title: t("allocationColumn"),
-        render: (e) => {
-          const r = o.splits?.find((p) => p.uuid === e.uuid)?.splitAmount ?? 0, c = o.splitBy === b.amount ? g(r) ?? 0 : r;
-          return l(c);
-        }
-      }
-    ],
-    itemMenu: (e) => /* @__PURE__ */ n(
-      A,
-      {
-        items: [
-          {
-            label: t("deleteBankAccountCta"),
-            onClick: () => {
-              u(e.uuid);
-            },
-            icon: /* @__PURE__ */ n(y, { "aria-hidden": !0 })
-          }
-        ],
-        triggerLabel: t("hamburgerTitle"),
-        isLoading: a === e.uuid
-      }
-    )
-  });
-  if (m === "LIST")
-    return /* @__PURE__ */ n(h, { label: t("bankAccountsListLabel"), ...s });
-}
-export {
-  I as BankAccountsList
-};
-//# sourceMappingURL=BankAccountsList.js.map

package/dist/components/Employee/PaymentMethod/BankAccountsList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BankAccountsList.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccountsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { SPLIT_BY } from '@/shared/constants'\nimport { centsToDollars } from '@/helpers/currencyHelpers'\n\nexport function BankAccountsList() {\n  const { bankAccounts, paymentMethod, mode, handleDelete, deletePendingBankAccountUuid } =\n    usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const format = useNumberFormatter(paymentMethod.splitBy === 'Amount' ? 'currency' : 'percent')\n\n  const { ...dataViewProps } = useDataView({\n    data: bankAccounts,\n    columns: [\n      { key: 'name', title: t('nicknameColumn') },\n      { key: 'routingNumber', title: t('routingNumberColumn') },\n      { key: 'accountType', title: t('accountTypeColumn') },\n      {\n        key: 'splitAmount',\n        title: t('allocationColumn'),\n        render: bankAccount => {\n          const splitAmount =\n            paymentMethod.splits?.find(split => split.uuid === bankAccount.uuid)?.splitAmount ?? 0\n          const displayValue =\n            paymentMethod.splitBy === SPLIT_BY.amount\n              ? (centsToDollars(splitAmount) ?? 0)\n              : splitAmount\n          return format(displayValue)\n        },\n      },\n    ],\n    itemMenu: bankAccount => {\n      return (\n        <HamburgerMenu\n          items={[\n            {\n              label: t('deleteBankAccountCta'),\n              onClick: () => {\n                handleDelete(bankAccount.uuid)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n          triggerLabel={t('hamburgerTitle')}\n          isLoading={deletePendingBankAccountUuid === bankAccount.uuid}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST') return\n\n  return <DataView label={t('bankAccountsListLabel')} {...dataViewProps} />\n}\n"],"names":["BankAccountsList","bankAccounts","paymentMethod","mode","handleDelete","deletePendingBankAccountUuid","usePaymentMethod","useTranslation","format","useNumberFormatter","dataViewProps","useDataView","bankAccount","splitAmount","split","displayValue","SPLIT_BY","centsToDollars","jsx","HamburgerMenu","TrashCanSvg","DataView"],"mappings":";;;;;;;;;;;AASO,SAASA,IAAmB;AACjC,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,MAAAC,GAAM,cAAAC,GAAc,8BAAAC,EAAA,IACvDC,EAAA,GACI,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAASC,EAAmBP,EAAc,YAAY,WAAW,aAAa,SAAS,GAEvF,EAAE,GAAGQ,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMV;AAAA,IACN,SAAS;AAAA,MACP,EAAE,KAAK,QAAQ,OAAO,EAAE,gBAAgB,EAAA;AAAA,MACxC,EAAE,KAAK,iBAAiB,OAAO,EAAE,qBAAqB,EAAA;AAAA,MACtD,EAAE,KAAK,eAAe,OAAO,EAAE,mBAAmB,EAAA;AAAA,MAClD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAW,MAAe;AACrB,gBAAMC,IACJX,EAAc,QAAQ,KAAK,CAAAY,MAASA,EAAM,SAASF,EAAY,IAAI,GAAG,eAAe,GACjFG,IACJb,EAAc,YAAYc,EAAS,SAC9BC,EAAeJ,CAAW,KAAK,IAChCA;AACN,iBAAOL,EAAOO,CAAY;AAAA,QAC5B;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,UAAU,CAAAH,MAEN,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAf,EAAaQ,EAAY,IAAI;AAAA,YAC/B;AAAA,YACA,MAAM,gBAAAM,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,QAEF,cAAc,EAAE,gBAAgB;AAAA,QAChC,WAAWf,MAAiCO,EAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9D,CACD;AAED,MAAIT,MAAS;AAEb,6BAAQkB,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGX,GAAe;AACzE;"}

package/dist/components/Employee/PaymentMethod/Head.d.ts

@@ -1 +0,0 @@
-export declare function Head(): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/Employee/PaymentMethod/Head.js

@@ -1,13 +0,0 @@
-import { jsx as o, Fragment as r } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
-import { usePaymentMethod as i } from "./usePaymentMethod.js";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function f() {
-  const { t: e } = m("Employee.PaymentMethod"), { mode: t } = i(), n = s();
-  if (!(t !== "INITIAL" && t !== "LIST"))
-    return /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n.Heading, { as: "h2", children: e("title") }) });
-}
-export {
-  f as Head
-};
-//# sourceMappingURL=Head.js.map

package/dist/components/Employee/PaymentMethod/Head.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/PaymentMethod/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const { mode } = usePaymentMethod()\n  const Components = useComponentContext()\n\n  if (mode !== 'INITIAL' && mode !== 'LIST') return\n  return (\n    <>\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n    </>\n  )\n}\n"],"names":["Head","t","useTranslation","mode","usePaymentMethod","Components","useComponentContext","jsx","Fragment"],"mappings":";;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAaC,EAAA;AAEnB,MAAI,EAAAH,MAAS,aAAaA,MAAS;AACnC,WACE,gBAAAI,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAJ,EAAE,OAAO,EAAA,CAAE,EAAA,CAC1C;AAEJ;"}

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

@@ -1,9 +0,0 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {
-    employeeId: string;
-    defaultValues?: never;
-    isAdmin?: boolean;
-}
-export declare function PaymentMethod(props: PaymentMethodProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare const PaymentMethodContextual: () => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Employee/PaymentMethod/PaymentMethod.js

@@ -1,183 +0,0 @@
-import { jsx as n, jsxs as H } from "react/jsx-runtime";
-import { zodResolver as V } from "@hookform/resolvers/zod";
-import { useEmployeePaymentMethodCreateMutation as j } from "@gusto/embedded-api/react-query/employeePaymentMethodCreate";
-import { useEmployeePaymentMethodDeleteBankAccountMutation as G } from "@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount";
-import { useEmployeePaymentMethodsGetBankAccountsSuspense as K } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
-import { useEmployeePaymentMethodGetSuspense as z } from "@gusto/embedded-api/react-query/employeePaymentMethodGet";
-import { useEmployeePaymentMethodUpdateBankAccountMutation as Q } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount";
-import { useEmployeePaymentMethodUpdateMutation as J } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdate";
-import { useQueryClient as W } from "@tanstack/react-query";
-import { useState as X, useMemo as b, useEffect as N } from "react";
-import { useForm as Z, FormProvider as $ } from "react-hook-form";
-import { useTranslation as tt } from "react-i18next";
-import { CombinedSchema as et, PaymentMethodProvider as ot } from "./usePaymentMethod.js";
-import { BaseComponent as nt } from "../../Base/Base.js";
-import { useBase as st } from "../../Base/useBase.js";
-import { Form as it } from "../../Common/Form/Form.js";
-import { Actions as rt } from "./Actions.js";
-import { BankAccountForm as mt } from "./BankAccountEdit.js";
-import { BankAccountsList as ut } from "./BankAccountsList.js";
-import { Head as at } from "./Head.js";
-import { PaymentTypeForm as ct } from "./PaymentTypeForm.js";
-import { Split as pt } from "./Split.js";
-import { useI18n as lt, useComponentDictionary as dt } from "../../../i18n/I18n.js";
-import { SPLIT_BY as A, componentEvents as h, PAYMENT_METHODS as g } from "../../../shared/constants.js";
-import { useFlow as yt } from "../../Flow/useFlow.js";
-import { centsToDollars as At, dollarsToCents as ht } from "../../../helpers/currencyHelpers.js";
-function ft(o) {
-  return /* @__PURE__ */ n(nt, { ...o, children: /* @__PURE__ */ n(Pt, { ...o, children: o.children }) });
-}
-const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) => {
-  lt("Employee.PaymentMethod"), dt("Employee.PaymentMethod", P);
-  const { baseSubmitHandler: L, onEvent: p } = st(), C = W(), {
-    data: { employeePaymentMethod: I }
-  } = z({ employeeId: o }), t = I, { data: _ } = K({
-    employeeId: o
-  }), l = _.employeeBankAccounts, M = J(), d = G(), T = j(), w = Q(), [u, a] = X(l.length < 1 ? "INITIAL" : "LIST");
-  u !== "INITIAL" && l.length < 1 && a("INITIAL");
-  const S = b(() => ({
-    type: "Direct Deposit",
-    isSplit: !1,
-    hasBankPayload: !1,
-    name: "",
-    routingNumber: "",
-    accountNumber: "",
-    accountType: "Checking",
-    splitBy: void 0,
-    splitAmount: {},
-    priority: {}
-  }), []), c = b(() => {
-    const i = t.splitBy === A.amount;
-    return {
-      ...S,
-      type: t.type ?? "Direct Deposit",
-      splitBy: t.splitBy ?? void 0,
-      ...t.splits?.reduce(
-        (e, { uuid: s, splitAmount: m, priority: B }) => ({
-          splitAmount: {
-            ...e.splitAmount,
-            [s]: i ? At(m ?? null) : m ?? null
-          },
-          priority: { ...e.priority, [s]: Number(B) }
-        }),
-        { splitAmount: {}, priority: {} }
-      ),
-      remainder: t.type === "Direct Deposit" && t.splits ? t.splits.reduce(
-        (e, s) => s.splitAmount === null ? s.uuid : t.splits?.at(-1)?.uuid ?? e,
-        ""
-      ) : void 0
-    };
-  }, [S, t.type, t.splitBy, t.splits]), r = Z({
-    resolver: V(et),
-    defaultValues: c
-  }), O = r.watch("type"), { reset: y } = r, { mutateAsync: k } = M;
-  N(() => {
-    (async () => t.splits?.length === 1 && t.type === "Direct Deposit" && await k({
-      request: {
-        employeeId: o,
-        requestBody: {
-          splitBy: A.percentage,
-          splits: t.splits.map((i) => ({
-            ...i,
-            splitAmount: 100,
-            priority: 1
-          })),
-          version: t.version,
-          type: "Direct Deposit"
-        }
-      }
-    }))();
-  }, [o, t, C, k]), N(() => {
-    y(c);
-  }, [l.length, t, c, y]);
-  const q = async (i) => {
-    await L(i, async (e) => {
-      const { type: s } = e;
-      if (s === "Direct Deposit" && e.hasBankPayload && (u === "ADD" || u === "INITIAL")) {
-        const m = await T.mutateAsync({
-          request: {
-            employeeId: o,
-            employeeBankAccountRequest: {
-              name: e.name,
-              routingNumber: e.routingNumber,
-              accountNumber: e.accountNumber,
-              accountType: e.accountType
-            }
-          }
-        });
-        p(h.EMPLOYEE_BANK_ACCOUNT_CREATED, m);
-      } else {
-        const m = s === g.check ? { version: t.version } : {
-          ...t,
-          version: t.version,
-          splitBy: e.isSplit ? e.splitBy : t.splitBy ?? A.percentage,
-          splits: e.isSplit && t.splits ? t.splits.map((D) => {
-            const v = e.splitAmount[D.uuid] ?? null, x = e.splitBy === A.amount;
-            return {
-              ...D,
-              splitAmount: x ? ht(v) : v,
-              priority: e.priority[D.uuid]
-            };
-          }) : t.splits ?? []
-        }, B = await M.mutateAsync({
-          request: { employeeId: o, requestBody: { ...m, type: s } }
-        });
-        p(h.EMPLOYEE_PAYMENT_METHOD_UPDATED, B);
-      }
-      r.setValue("isSplit", !1), r.setValue("hasBankPayload", !1), u === "LIST" || s === g.check ? p(h.EMPLOYEE_PAYMENT_METHOD_DONE) : a("LIST");
-    });
-  }, F = async (i) => {
-    const e = await d.mutateAsync({
-      request: { employeeId: o, bankAccountUuid: i }
-    });
-    p(h.EMPLOYEE_BANK_ACCOUNT_DELETED, e);
-  }, U = () => {
-    a("ADD"), y(c);
-  }, Y = () => {
-    a("LIST"), y(c);
-  }, R = () => {
-    a("SPLIT");
-  };
-  return /* @__PURE__ */ n("section", { className: f, children: /* @__PURE__ */ n(
-    ot,
-    {
-      value: {
-        bankAccounts: l,
-        isPending: d.isPending || M.isPending || T.isPending || w.isPending,
-        deletePendingBankAccountUuid: d.isPending ? d.variables.request.bankAccountUuid : void 0,
-        watchedType: O,
-        mode: u,
-        paymentMethod: t,
-        handleCancel: Y,
-        handleAdd: U,
-        handleDelete: F,
-        handleSplit: R,
-        isAdmin: E
-      },
-      children: /* @__PURE__ */ n($, { ...r, children: /* @__PURE__ */ H(it, { onSubmit: r.handleSubmit(q), children: [
-        /* @__PURE__ */ n(at, {}),
-        /* @__PURE__ */ n(ct, {}),
-        /* @__PURE__ */ n(ut, {}),
-        /* @__PURE__ */ n(mt, {}),
-        /* @__PURE__ */ n(pt, {}),
-        /* @__PURE__ */ n(rt, {})
-      ] }) })
-    }
-  ) });
-}, Gt = () => {
-  const { employeeId: o, onEvent: f, isAdmin: P } = yt(), { t: E } = tt("common");
-  if (!o)
-    throw new Error(
-      E("errors.missingParamsOrContext", {
-        component: "PaymentMethod",
-        param: "employeeId",
-        provider: "FlowProvider"
-      })
-    );
-  return /* @__PURE__ */ n(ft, { employeeId: o, onEvent: f, isAdmin: P });
-};
-export {
-  ft as PaymentMethod,
-  Gt as PaymentMethodContextual
-};
-//# sourceMappingURL=PaymentMethod.js.map