@gusto/embedded-react-sdk 0.6.0 → 0.8.0

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js

@@ -0,0 +1,83 @@
+import { jsx as e, jsxs as s, Fragment as h } from "react/jsx-runtime";
+import { useTranslation as E } from "react-i18next";
+import I from "classnames";
+import { useEmployeesGetSuspense as C } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeesGetOnboardingStatusSuspense as D } from "@gusto/embedded-api/react-query/employeesGetOnboardingStatus";
+import i from "./OnboardingSummary.module.scss.js";
+import { BaseComponent as v } from "../../Base/Base.js";
+import { useBase as A } from "../../Base/useBase.js";
+import { Flex as d } from "../../Common/Flex/Flex.js";
+import { ActionsLayout as g } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as R } from "../../../i18n/I18n.js";
+import { componentEvents as f, EmployeeOnboardingStatus as S } from "../../../shared/constants.js";
+import T from "../../../assets/icons/success_check.svg.js";
+import _ from "../../../assets/icons/unchecked_circular.svg.js";
+import { useFlow as w } from "../../Flow/useFlow.js";
+function G(n) {
+  return R("Employee.OnboardingSummary"), /* @__PURE__ */ e(v, { ...n, children: /* @__PURE__ */ e(L, { ...n, children: n.children }) });
+}
+const L = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
+  const { onEvent: a } = A(), { t } = E("Employee.OnboardingSummary"), o = B(), {
+    data: { employee: y }
+  } = C({ employeeId: n }), { firstName: N, lastName: O } = y, { data: b } = D({ employeeId: n }), { onboardingStatus: p, onboardingSteps: l } = b.employeeOnboardingStatus, x = l?.length && l.findIndex((r) => r.required && !r.completed) > -1, u = p === S.ONBOARDING_COMPLETED || !x && p === S.SELF_ONBOARDING_PENDING_INVITE;
+  return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ s(d, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(d, { alignItems: "center", flexDirection: "column", gap: 8, children: m ? u ? /* @__PURE__ */ s(h, { children: [
+      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", { name: `${N} ${O}` }) }),
+      /* @__PURE__ */ e(o.Text, { className: i.description, children: t("onboardedAdminDescription") })
+    ] }) : /* @__PURE__ */ s(d, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: [
+      /* @__PURE__ */ e(o.Heading, { as: "h2", children: t("missingRequirementsSubtitle") }),
+      /* @__PURE__ */ e(o.Text, { children: t("missingRequirementsDescription") }),
+      /* @__PURE__ */ e("ul", { className: i.list, children: l?.sort((r, P) => r.completed ? -1 : 1).map((r) => /* @__PURE__ */ s("li", { className: i.listItem, children: [
+        r.completed ? /* @__PURE__ */ e(T, { width: 24, height: 24, className: i.listItemIcon }) : /* @__PURE__ */ e(
+          _,
+          {
+            width: 24,
+            height: 24,
+            className: I(i.listItemIcon, i.incomplete)
+          }
+        ),
+        /* @__PURE__ */ e(o.Heading, { as: "h4", children: t(`steps.${r.id}`, r.title) })
+      ] }, r.id)) })
+    ] }) : /* @__PURE__ */ s(h, { children: [
+      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
+      /* @__PURE__ */ e(o.Text, { className: i.description, children: t("onboardedSelfDescription") }),
+      /* @__PURE__ */ e(g, { justifyContent: u ? "center" : "start", children: /* @__PURE__ */ e(
+        o.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            a(f.EMPLOYEE_ONBOARDING_DONE);
+          },
+          children: t("doneCta")
+        }
+      ) })
+    ] }) }),
+    m && /* @__PURE__ */ e(g, { justifyContent: "center", children: /* @__PURE__ */ e(
+      o.Button,
+      {
+        variant: "secondary",
+        onClick: () => {
+          a(f.EMPLOYEES_LIST);
+        },
+        children: t("doneCta")
+      }
+    ) })
+  ] }) });
+}, Z = () => {
+  const { employeeId: n, onEvent: c, isAdmin: m } = w(), { t: a } = E("common");
+  if (!n)
+    throw new Error(
+      a("errors.missingParamsOrContext", {
+        component: "Summary",
+        param: "employeeId",
+        provider: "FlowProvider"
+      })
+    );
+  return /* @__PURE__ */ e(G, { employeeId: n, onEvent: c, isAdmin: m });
+};
+export {
+  G as OnboardingSummary,
+  Z as OnboardingSummaryContextual
+};
+//# sourceMappingURL=OnboardingSummary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Employee/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/employeesGetOnboardingStatus'\nimport styles from './OnboardingSummary.module.scss'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport SuccessCheck from '@/assets/icons/success_check.svg?react'\nimport UncheckedCircular from '@/assets/icons/unchecked_circular.svg?react'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ninterface SummaryProps extends CommonComponentInterface {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function OnboardingSummary(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.OnboardingSummary')\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, isAdmin = false }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const { t } = useTranslation('Employee.OnboardingSummary')\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const { firstName, lastName } = employee!\n\n  const { data } = useEmployeesGetOnboardingStatusSuspense({ employeeId })\n  const { onboardingStatus, onboardingSteps } = data.employeeOnboardingStatus!\n\n  const hasMissingRequirements =\n    onboardingSteps?.length &&\n    onboardingSteps.findIndex(step => step.required && !step.completed) > -1\n\n  const isOnboardingCompleted =\n    onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    (!hasMissingRequirements &&\n      onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          {isAdmin ? (\n            isOnboardingCompleted ? (\n              <>\n                <Components.Heading as=\"h2\" textAlign=\"center\">\n                  {t('onboardedAdminSubtitle', { name: `${firstName} ${lastName}` })}\n                </Components.Heading>\n                <Components.Text className={styles.description}>\n                  {t('onboardedAdminDescription')}\n                </Components.Text>\n              </>\n            ) : (\n              <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n                <Components.Heading as=\"h2\">{t('missingRequirementsSubtitle')}</Components.Heading>\n                <Components.Text>{t('missingRequirementsDescription')}</Components.Text>\n                <ul className={styles.list}>\n                  {onboardingSteps\n                    ?.sort((a, b) => (a.completed ? -1 : 1))\n                    .map(step => {\n                      return (\n                        <li key={step.id} className={styles.listItem}>\n                          {step.completed ? (\n                            <SuccessCheck width={24} height={24} className={styles.listItemIcon} />\n                          ) : (\n                            <UncheckedCircular\n                              width={24}\n                              height={24}\n                              className={classNames(styles.listItemIcon, styles.incomplete)}\n                            />\n                          )}\n                          <Components.Heading as=\"h4\">\n                            {/* @ts-expect-error: id has typeof keyof steps */}\n                            {t(`steps.${step.id}`, step.title)}\n                          </Components.Heading>\n                        </li>\n                      )\n                    })}\n                </ul>\n              </Flex>\n            )\n          ) : (\n            <>\n              <Components.Heading as=\"h2\" textAlign=\"center\">\n                {t('onboardedSelfSubtitle')}\n              </Components.Heading>\n              <Components.Text className={styles.description}>\n                {t('onboardedSelfDescription')}\n              </Components.Text>\n              <ActionsLayout justifyContent={isOnboardingCompleted ? 'center' : 'start'}>\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={() => {\n                    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n                  }}\n                >\n                  {t('doneCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </>\n          )}\n        </Flex>\n\n        {isAdmin && (\n          <ActionsLayout justifyContent={'center'}>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEES_LIST)\n              }}\n            >\n              {t('doneCta')}\n            </Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n    </section>\n  )\n}\n\nexport const OnboardingSummaryContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<EmployeeOnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Summary',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <OnboardingSummary employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["OnboardingSummary","props","useI18n","jsx","BaseComponent","Root","employeeId","className","isAdmin","onEvent","useBase","useTranslation","Components","useComponentContext","employee","useEmployeesGetSuspense","firstName","lastName","data","useEmployeesGetOnboardingStatusSuspense","onboardingStatus","onboardingSteps","hasMissingRequirements","step","isOnboardingCompleted","EmployeeOnboardingStatus","jsxs","Flex","Fragment","styles","a","b","SuccessCheck","UncheckedCircular","classNames","ActionsLayout","componentEvents","OnboardingSummaryContextual","useFlow","t"],"mappings":"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"}

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.module.scss.js

@@ -0,0 +1,16 @@
+const t = "_description_dm8or_1", o = "_list_dm8or_4", s = "_listItem_dm8or_8", e = "_listItemIcon_dm8or_13", i = "_incomplete_dm8or_16", c = {
+  description: t,
+  list: o,
+  listItem: s,
+  listItemIcon: e,
+  incomplete: i
+};
+export {
+  c as default,
+  t as description,
+  i as incomplete,
+  o as list,
+  s as listItem,
+  e as listItemIcon
+};
+//# sourceMappingURL=OnboardingSummary.module.scss.js.map

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.module.scss.js.map

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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;AACrB,QAAA,EAAE,WAAAC,GAAW,cAAAC,GAAc,WAAAC,GAAW,cAAAC,GAAc,aAAAC,GAAa,MAAAC,MAASC,EAAiB,GAC3F,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAaC,EAAoB;AAEvC,2BACGC,GACG,EAAA,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,UACP,gBAAAO,EAAAH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,eAAe,GACpB;AAAA,IAED,gBAAAK,EAAAH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWP,GACzC,UAAAK,EAAEF,MAAS,SAASA,MAAS,UAAU,YAAY,WAAW,EACjE,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,10 @@
+import { InferNonNullableInput } from 'valibot';
+export declare const BankAccountSchema: import('valibot').ObjectSchema<{
+    readonly name: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').NonEmptyAction<string, "f">]>;
+    readonly routingNumber: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').RegexAction<string, undefined>]>;
+    readonly accountNumber: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').RegexAction<string, undefined>]>;
+    readonly accountType: import('valibot').PicklistSchema<["Checking", "Savings"], undefined>;
+    readonly hasBankPayload: import('valibot').LiteralSchema<true, undefined>;
+}, undefined>;
+export type BankAccountInputs = InferNonNullableInput<typeof BankAccountSchema>;
+export type BankAccountDefaults = InferNonNullableInput<typeof BankAccountSchema>;

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

@@ -0,0 +1,13 @@
+import { object as t, literal as n, picklist as o, pipe as a, string as i, nonEmpty as r } from "valibot";
+import { accountNumberValidation as c, routingNumberValidation as e } from "../../../helpers/validations.js";
+const p = t({
+  name: a(i(), r("f")),
+  routingNumber: e,
+  accountNumber: c,
+  accountType: o(["Checking", "Savings"]),
+  hasBankPayload: n(!0)
+});
+export {
+  p as BankAccountSchema
+};
+//# sourceMappingURL=BankAccount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BankAccount.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccount.ts"],"sourcesContent":["import {\n  object,\n  pipe,\n  string,\n  nonEmpty,\n  picklist,\n  type InferNonNullableInput,\n  literal,\n} from 'valibot'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\n\nexport const BankAccountSchema = object({\n  name: pipe(string(), nonEmpty('f')),\n  routingNumber: routingNumberValidation,\n  accountNumber: accountNumberValidation,\n  accountType: picklist(['Checking', 'Savings']),\n  hasBankPayload: literal(true),\n})\n\nexport type BankAccountInputs = InferNonNullableInput<typeof BankAccountSchema>\nexport type BankAccountDefaults = InferNonNullableInput<typeof BankAccountSchema>\n"],"names":["BankAccountSchema","object","pipe","string","nonEmpty","routingNumberValidation","accountNumberValidation","picklist","literal"],"mappings":";;AAWO,MAAMA,IAAoBC,EAAO;AAAA,EACtC,MAAMC,EAAKC,EAAU,GAAAC,EAAS,GAAG,CAAC;AAAA,EAClC,eAAeC;AAAA,EACf,eAAeC;AAAA,EACf,aAAaC,EAAS,CAAC,YAAY,SAAS,CAAC;AAAA,EAC7C,gBAAgBC,EAAQ,EAAI;AAC9B,CAAC;"}

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

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

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

@@ -0,0 +1,56 @@
+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 c } from "react-i18next";
+import { usePaymentMethod as s } from "./usePaymentMethod.js";
+import { PAYMENT_METHODS as l } from "./Constants.js";
+import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const h = () => {
+  const { mode: a, watchedType: t } = s(), { t: e } = c("Employee.PaymentMethod"), { setValue: n } = m();
+  if (!(a !== "ADD" && a !== "INITIAL" || t === 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",
+          label: e("accountTypeLabel"),
+          options: [
+            { value: "Checking", label: e("accountTypeChecking") },
+            { value: "Savings", label: e("accountTypeSavings") }
+          ]
+        }
+      )
+    ] });
+};
+export {
+  h as BankAccountForm
+};
+//# sourceMappingURL=BankAccountEdit.js.map

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

@@ -0,0 +1 @@
+{"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 { PAYMENT_METHODS } from './Constants'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\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        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,EAAY,IAAIC,EAAiB,GACzC,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,UAAAC,EAAS,IAAIC,EAAkC;AAEvD,MAAK,EAAAN,MAAS,SAASA,MAAS,aAAcC,MAAgBM,EAAgB;AAI9E,WAAAF,EAAS,kBAAkB,EAAI,GAI3B,gBAAAG,EAAAC,GAAA,EAAA,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,MAC3C;AAAA,MAEA,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,MAC7C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,cAAcA,EAAE,2BAA2B;AAAA,UAC3C,YAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAEA,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOT,EAAE,kBAAkB;AAAA,UAC3B,SAAS;AAAA,YACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAE;AAAA,YACrD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAE;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IACF,GACF;AAEJ;"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"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 '@/components/Common/hooks/useNumberFormatter'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport function BankAccountsList() {\n  const { bankAccounts, paymentMethod, mode, handleDelete, isPending } = 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          return format(\n            paymentMethod.splits?.find(split => split.uuid === bankAccount.uuid)?.splitAmount ?? 0,\n          )\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={isPending}\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","isPending","usePaymentMethod","useTranslation","format","useNumberFormatter","dataViewProps","useDataView","bankAccount","split","jsx","HamburgerMenu","TrashCanSvg","DataView"],"mappings":";;;;;;;;AAOO,SAASA,IAAmB;AACjC,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,MAAAC,GAAM,cAAAC,GAAc,WAAAC,MAAcC,EAAiB,GAClF,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAASC,EAAmBP,EAAc,YAAY,WAAW,aAAa,SAAS,GAEvF,EAAE,GAAGQ,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMV;AAAA,IACN,SAAS;AAAA,MACP,EAAE,KAAK,QAAQ,OAAO,EAAE,gBAAgB,EAAE;AAAA,MAC1C,EAAE,KAAK,iBAAiB,OAAO,EAAE,qBAAqB,EAAE;AAAA,MACxD,EAAE,KAAK,eAAe,OAAO,EAAE,mBAAmB,EAAE;AAAA,MACpD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAeW,MACdJ;AAAA,UACLN,EAAc,QAAQ,KAAK,CAAAW,MAASA,EAAM,SAASD,EAAY,IAAI,GAAG,eAAe;AAAA,QACvF;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,UAAU,CAAeA,MAErB,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAX,EAAaQ,EAAY,IAAI;AAAA,YAC/B;AAAA,YACA,MAAM,gBAAAE,EAACE,GAAY,EAAA,eAAW,GAAC,CAAA;AAAA,UAAA;AAAA,QAEnC;AAAA,QACA,cAAc,EAAE,gBAAgB;AAAA,QAChC,WAAWX;AAAA,MAAA;AAAA,IACb;AAAA,EAEJ,CACD;AAED,MAAIF,MAAS;AAEb,6BAAQc,GAAS,EAAA,OAAO,EAAE,uBAAuB,GAAI,GAAGP,GAAe;AACzE;"}

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

@@ -0,0 +1,8 @@
+export declare enum PAYMENT_METHODS {
+    check = "Check",
+    directDeposit = "Direct Deposit"
+}
+export declare enum SPLIT_BY {
+    percentage = "Percentage",
+    amount = "Amount"
+}

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

@@ -0,0 +1,6 @@
+var r = /* @__PURE__ */ ((e) => (e.check = "Check", e.directDeposit = "Direct Deposit", e))(r || {}), t = /* @__PURE__ */ ((e) => (e.percentage = "Percentage", e.amount = "Amount", e))(t || {});
+export {
+  r as PAYMENT_METHODS,
+  t as SPLIT_BY
+};
+//# sourceMappingURL=Constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Constants.js","sources":["../../../../src/components/Employee/PaymentMethod/Constants.ts"],"sourcesContent":["export enum PAYMENT_METHODS {\n  check = 'Check',\n  directDeposit = 'Direct Deposit',\n}\n\nexport enum SPLIT_BY {\n  percentage = 'Percentage',\n  amount = 'Amount',\n}\n"],"names":["PAYMENT_METHODS","SPLIT_BY"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,gBAAgB,kBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;"}

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

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

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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,EAAK,IAAIC,EAAiB,GAC5BC,IAAaC,EAAoB;AAEnC,MAAA,EAAAH,MAAS,aAAaA,MAAS;AAEjC,WAAA,gBAAAI,EAAAC,GAAA,EACE,UAAC,gBAAAD,EAAAF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAJ,EAAE,OAAO,EAAA,CAAE,EAC1C,CAAA;AAEJ;"}

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

@@ -0,0 +1,8 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+interface PaymentMethodProps extends CommonComponentInterface {
+    employeeId: string;
+    defaultValues?: never;
+}
+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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { valibotResolver } from '@hookform/resolvers/valibot'\nimport { useEmployeePaymentMethodCreateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodCreate'\nimport { useEmployeePaymentMethodDeleteBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount'\nimport {\n  useEmployeePaymentMethodsGetBankAccountsSuspense,\n  invalidateAllEmployeePaymentMethodsGetBankAccounts,\n} from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport {\n  useEmployeePaymentMethodGetSuspense,\n  invalidateAllEmployeePaymentMethodGet,\n} from '@gusto/embedded-api/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodUpdateBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdate'\nimport { useQueryClient } from '@gusto/embedded-api/ReactSDKProvider'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type DefaultValues, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport {\n  CombinedSchema,\n  type CombinedSchemaInputs,\n  type CombinedSchemaOutputs,\n  type MODE,\n  PaymentMethodProvider,\n} from './usePaymentMethod'\nimport { PAYMENT_METHODS, SPLIT_BY } from './Constants'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Actions } from '@/components/Employee/PaymentMethod/Actions'\nimport { BankAccountForm } from '@/components/Employee/PaymentMethod/BankAccountEdit'\nimport { BankAccountsList } from '@/components/Employee/PaymentMethod/BankAccountsList'\nimport { Head } from '@/components/Employee/PaymentMethod/Head'\nimport { PaymentTypeForm } from '@/components/Employee/PaymentMethod/PaymentTypeForm'\nimport { Split } from '@/components/Employee/PaymentMethod/Split'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ninterface PaymentMethodProps extends CommonComponentInterface {\n  employeeId: string\n  defaultValues?: never\n}\n\nexport function PaymentMethod(props: PaymentMethodProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className }: PaymentMethodProps) => {\n  useI18n('Employee.PaymentMethod')\n  const { baseSubmitHandler, onEvent } = useBase()\n  const queryClient = useQueryClient()\n\n  const {\n    data: { employeePaymentMethod },\n  } = useEmployeePaymentMethodGetSuspense({ employeeId })\n  const paymentMethod = employeePaymentMethod!\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const bankAccounts = bankAccountsList.employeeBankAccountList!\n  const paymentMethodMutation = useEmployeePaymentMethodUpdateMutation()\n  const deleteBankAccountMutation = useEmployeePaymentMethodDeleteBankAccountMutation()\n  const addBankAccountMutation = useEmployeePaymentMethodCreateMutation()\n  const updateBankAccountMutation = useEmployeePaymentMethodUpdateBankAccountMutation()\n\n  const invalidateAll = useCallback(async () => {\n    await invalidateAllEmployeePaymentMethodGet(queryClient)\n    await invalidateAllEmployeePaymentMethodsGetBankAccounts(queryClient)\n  }, [queryClient])\n\n  const [mode, setMode] = useState<MODE>(bankAccounts.length < 1 ? 'INITIAL' : 'LIST')\n  if (mode !== 'INITIAL' && bankAccounts.length < 1) {\n    setMode('INITIAL')\n  }\n\n  const baseDefaultValues: Partial<CombinedSchemaOutputs> = useMemo(() => {\n    return {\n      type: 'Direct Deposit',\n      isSplit: false,\n      hasBankPayload: false,\n      name: '',\n      routingNumber: '',\n      accountNumber: '',\n      accountType: 'Checking',\n      splitBy: undefined,\n      splitAmount: {},\n      priority: {},\n    } as Partial<CombinedSchemaOutputs>\n  }, [])\n\n  const defaultValues: CombinedSchemaOutputs = useMemo(() => {\n    return {\n      ...baseDefaultValues,\n      type: paymentMethod.type ?? 'Direct Deposit',\n      splitBy: paymentMethod.splitBy ?? undefined,\n      ...paymentMethod.splits?.reduce(\n        (acc, { uuid, splitAmount, priority }) => ({\n          splitAmount: { ...acc.splitAmount, [uuid]: splitAmount ?? null },\n          priority: { ...acc.priority, [uuid]: Number(priority) },\n        }),\n        { splitAmount: {}, priority: {} },\n      ),\n      remainder:\n        paymentMethod.type === 'Direct Deposit' && paymentMethod.splits\n          ? paymentMethod.splits.reduce(\n              (acc, curr) =>\n                curr.splitAmount === null ? curr.uuid : (paymentMethod.splits?.at(-1)?.uuid ?? acc),\n              '',\n            )\n          : undefined,\n    } as CombinedSchemaOutputs\n  }, [baseDefaultValues, paymentMethod.type, paymentMethod.splitBy, paymentMethod.splits])\n\n  const formMethods = useForm<CombinedSchemaInputs>({\n    resolver: valibotResolver(CombinedSchema),\n    defaultValues: defaultValues as DefaultValues<CombinedSchemaInputs>,\n  })\n\n  const watchedType = formMethods.watch('type')\n\n  const { reset: resetForm } = formMethods\n  const { mutateAsync: mutatePaymentMethod } = paymentMethodMutation\n\n  useEffect(() => {\n    void (async () => {\n      if (paymentMethod.splits?.length === 1 && paymentMethod.type === 'Direct Deposit') {\n        await mutatePaymentMethod({\n          request: {\n            employeeId,\n            requestBody: {\n              splitBy: SPLIT_BY.percentage,\n              splits: paymentMethod.splits.map(split => ({\n                ...split,\n                splitAmount: 100,\n                priority: 1,\n              })),\n              version: paymentMethod.version as string,\n              type: 'Direct Deposit',\n            },\n          },\n        })\n        await invalidateAll()\n      }\n    })()\n  }, [employeeId, invalidateAll, paymentMethod, queryClient, mutatePaymentMethod])\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [bankAccounts.length, paymentMethod, defaultValues, resetForm])\n\n  const onSubmit: SubmitHandler<CombinedSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { type } = payload\n      if (\n        type === 'Direct Deposit' &&\n        payload.hasBankPayload &&\n        (mode === 'ADD' || mode === 'INITIAL')\n      ) {\n        const bankAccountResponse = await addBankAccountMutation.mutateAsync({\n          request: {\n            employeeId,\n            requestBody: {\n              name: payload.name,\n              routingNumber: payload.routingNumber,\n              accountNumber: payload.accountNumber,\n              accountType: payload.accountType,\n            },\n          },\n        })\n        await invalidateAll()\n\n        onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, bankAccountResponse)\n      } else {\n        //Adding bank account updates payment method\n        const body =\n          type === PAYMENT_METHODS.check\n            ? { version: paymentMethod.version as string }\n            : {\n                ...paymentMethod,\n                version: paymentMethod.version as string,\n                splitBy: payload.isSplit\n                  ? payload.splitBy\n                  : (paymentMethod.splitBy ?? SPLIT_BY.percentage),\n                splits:\n                  payload.isSplit && paymentMethod.splits\n                    ? paymentMethod.splits.map(split => ({\n                        ...split,\n                        splitAmount: payload.splitAmount[split.uuid],\n                        priority: payload.priority[split.uuid],\n                      }))\n                    : (paymentMethod.splits ?? []),\n              }\n        const paymentMethodResponse = await paymentMethodMutation.mutateAsync({\n          request: { employeeId, requestBody: { ...body, type } },\n        })\n        await invalidateAll()\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      }\n      //Cleanup after submission bank/split submission\n      formMethods.setValue('isSplit', false)\n      formMethods.setValue('hasBankPayload', false)\n      //Notify that this component is ready to proceed\n      if (mode === 'LIST' || type === PAYMENT_METHODS.check) {\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE)\n      } else {\n        setMode('LIST')\n      }\n    })\n  }\n\n  const handleDelete = async (uuid: string) => {\n    const data = await deleteBankAccountMutation.mutateAsync({\n      request: { employeeId, bankAccountUuid: uuid },\n    })\n    await invalidateAll()\n    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, data)\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n    resetForm(defaultValues)\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    resetForm(defaultValues)\n  }\n  const handleSplit = () => {\n    setMode('SPLIT')\n  }\n\n  return (\n    <section className={className}>\n      <PaymentMethodProvider\n        value={{\n          bankAccounts,\n          isPending:\n            deleteBankAccountMutation.isPending ||\n            paymentMethodMutation.isPending ||\n            addBankAccountMutation.isPending ||\n            updateBankAccountMutation.isPending,\n          watchedType,\n          mode,\n          paymentMethod,\n          handleCancel,\n          handleAdd,\n          handleDelete,\n          handleSplit,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Head />\n            <PaymentTypeForm />\n            <BankAccountsList />\n            <BankAccountForm />\n            <Split />\n            <Actions />\n          </Form>\n        </FormProvider>\n      </PaymentMethodProvider>\n    </section>\n  )\n}\n\nexport const PaymentMethodContextual = () => {\n  const { employeeId, onEvent } = useFlow<EmployeeOnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'PaymentMethod',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <PaymentMethod employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["PaymentMethod","props","jsx","BaseComponent","Root","employeeId","className","useI18n","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","employeePaymentMethod","useEmployeePaymentMethodGetSuspense","paymentMethod","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","bankAccounts","paymentMethodMutation","useEmployeePaymentMethodUpdateMutation","deleteBankAccountMutation","useEmployeePaymentMethodDeleteBankAccountMutation","addBankAccountMutation","useEmployeePaymentMethodCreateMutation","updateBankAccountMutation","useEmployeePaymentMethodUpdateBankAccountMutation","invalidateAll","useCallback","invalidateAllEmployeePaymentMethodGet","invalidateAllEmployeePaymentMethodsGetBankAccounts","mode","setMode","useState","baseDefaultValues","useMemo","defaultValues","acc","uuid","splitAmount","priority","curr","formMethods","useForm","valibotResolver","CombinedSchema","watchedType","resetForm","mutatePaymentMethod","useEffect","SPLIT_BY","split","onSubmit","data","payload","type","bankAccountResponse","componentEvents","body","PAYMENT_METHODS","paymentMethodResponse","handleDelete","handleAdd","handleCancel","handleSplit","PaymentMethodProvider","FormProvider","jsxs","Form","Head","PaymentTypeForm","BankAccountsList","BankAccountForm","Split","Actions","PaymentMethodContextual","useFlow","t","useTranslation"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import * as v from 'valibot';
+export declare const PaymentTypeSchema: v.ObjectSchema<{
+    readonly type: v.PicklistSchema<["Check", "Direct Deposit"], undefined>;
+}, undefined>;
+export type PaymentTypeInputs = v.InferInput<typeof PaymentTypeSchema>;
+export type PaymentTypePayload = v.InferOutput<typeof PaymentTypeSchema>;
+export declare function PaymentTypeForm(): import("react/jsx-runtime").JSX.Element | undefined;