@gusto/embedded-react-sdk 0.42.0 → 0.44.0

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -0,0 +1,104 @@
+import { jsx as i, jsxs as p, Fragment as g } from "react/jsx-runtime";
+import { useTranslation as f, Trans as r } from "react-i18next";
+import { BaseLayout as h } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Form as b } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function H({
+  federalTaxes: n,
+  onSubmit: s,
+  actions: a,
+  alert: d,
+  className: c,
+  children: u
+}) {
+  const { t: e } = f("Employee.FederalTaxes"), o = R(), t = n.form.Fields, m = (l) => {
+    switch (l) {
+      case "Single":
+        return e("filingStatusSingle");
+      case "Married":
+        return e("filingStatusMarried");
+      case "Head of Household":
+        return e("filingStatusHeadOfHousehold");
+      case "Exempt from withholding":
+        return e("filingStatusExemptFromWithholding");
+    }
+  };
+  return /* @__PURE__ */ i("section", { className: c, children: /* @__PURE__ */ i(h, { error: n.errorHandling.errors, children: /* @__PURE__ */ i(E, { formHookResult: n, children: /* @__PURE__ */ i(b, { onSubmit: s, children: u ?? /* @__PURE__ */ p(g, { children: [
+    d,
+    /* @__PURE__ */ i(o.Heading, { as: "h1", children: e("federalTaxesTitle") }),
+    /* @__PURE__ */ i(o.Text, { children: /* @__PURE__ */ i(
+      r,
+      {
+        i18nKey: "irsCalculator",
+        t: e,
+        components: {
+          IrsCalculatorLink: /* @__PURE__ */ i(o.Link, {}),
+          HelpCenterLink: /* @__PURE__ */ i(o.Link, {})
+        }
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      t.FilingStatus,
+      {
+        label: e("federalFilingStatus1c"),
+        placeholder: e("federalFilingStatusPlaceholder"),
+        description: e("selectWithholdingDescription"),
+        validationMessages: { REQUIRED: e("validations.federalFilingStatus") },
+        getOptionLabel: m
+      }
+    ),
+    /* @__PURE__ */ i(
+      t.TwoJobs,
+      {
+        label: e("multipleJobs2c"),
+        description: /* @__PURE__ */ i(
+          r,
+          {
+            i18nKey: "includesSpouseExplanation",
+            t: e,
+            components: {
+              IrsLink: /* @__PURE__ */ i(o.Link, {})
+            }
+          }
+        ),
+        validationMessages: { REQUIRED: e("validations.federalTwoJobs") },
+        getOptionLabel: (l) => e(l ? "twoJobYesLabel" : "twoJobNoLabel")
+      }
+    ),
+    /* @__PURE__ */ i(
+      t.DependentsAmount,
+      {
+        label: e("dependentsTotalIfApplicable"),
+        validationMessages: { REQUIRED: e("fieldIsRequired") }
+      }
+    ),
+    /* @__PURE__ */ i(
+      t.OtherIncome,
+      {
+        label: e("otherIncome"),
+        validationMessages: { REQUIRED: e("fieldIsRequired") }
+      }
+    ),
+    /* @__PURE__ */ i(
+      t.Deductions,
+      {
+        label: e("deductions"),
+        validationMessages: { REQUIRED: e("fieldIsRequired") }
+      }
+    ),
+    /* @__PURE__ */ i(
+      t.ExtraWithholding,
+      {
+        label: e("extraWithholding"),
+        validationMessages: { REQUIRED: e("fieldIsRequired") }
+      }
+    ),
+    a
+  ] }) }) }) }) });
+}
+export {
+  H as FederalTaxesView
+};
+//# sourceMappingURL=FederalTaxesView.js.map

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n}\n\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n}: FederalTaxesViewProps) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={federalTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={federalTaxes}>\n          <Form onSubmit={onSubmit}>\n            {children ?? (\n              <>\n                {alert}\n\n                <Components.Heading as=\"h1\">{t('federalTaxesTitle')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"irsCalculator\"\n                    t={t}\n                    components={{\n                      IrsCalculatorLink: <Components.Link />,\n                      HelpCenterLink: <Components.Link />,\n                    }}\n                  />\n                </Components.Text>\n\n                <Fields.FilingStatus\n                  label={t('federalFilingStatus1c')}\n                  placeholder={t('federalFilingStatusPlaceholder')}\n                  description={t('selectWithholdingDescription')}\n                  validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                  getOptionLabel={filingStatusLabel}\n                />\n                <Fields.TwoJobs\n                  label={t('multipleJobs2c')}\n                  description={\n                    <Trans\n                      i18nKey=\"includesSpouseExplanation\"\n                      t={t}\n                      components={{\n                        IrsLink: <Components.Link />,\n                      }}\n                    />\n                  }\n                  validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                  getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                />\n                <Fields.DependentsAmount\n                  label={t('dependentsTotalIfApplicable')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.OtherIncome\n                  label={t('otherIncome')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.Deductions\n                  label={t('deductions')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.ExtraWithholding\n                  label={t('extraWithholding')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n\n                {actions}\n              </>\n            )}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { FederalTaxesView, type FederalTaxesViewProps } from './FederalTaxesView';
+export * from './useFederalTaxesForm';

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/federalTaxesSchema.d.ts

@@ -0,0 +1,41 @@
+import { z } from 'zod';
+import { OptionalFieldsToRequire } from '../../../../../partner-hook-utils/form/buildFormSchema';
+export declare const FederalTaxesErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+};
+export type FederalTaxesErrorCode = (typeof FederalTaxesErrorCodes)[keyof typeof FederalTaxesErrorCodes];
+export declare const FILING_STATUS_VALUES: readonly ["Single", "Married", "Head of Household", "Exempt from withholding"];
+export type FilingStatusValue = (typeof FILING_STATUS_VALUES)[number];
+declare const fieldValidators: {
+    filingStatus: z.ZodString;
+    twoJobs: z.ZodPipe<z.ZodTransform<boolean | undefined, unknown>, z.ZodBoolean>;
+    dependentsAmount: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    otherIncome: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    deductions: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    extraWithholding: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+};
+export type FederalTaxesField = keyof typeof fieldValidators;
+export type FederalTaxesFormData = {
+    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
+};
+export type FederalTaxesFormOutputs = FederalTaxesFormData;
+declare const requiredFieldsConfig: {
+    twoJobs: "never";
+    dependentsAmount: "never";
+    otherIncome: "never";
+    deductions: "never";
+    extraWithholding: "never";
+};
+export type FederalTaxesOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+interface FederalTaxesSchemaOptions {
+    optionalFieldsToRequire?: FederalTaxesOptionalFieldsToRequire;
+}
+export declare function createFederalTaxesSchema(options?: FederalTaxesSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
+    filingStatus: z.ZodString;
+    twoJobs: z.ZodPipe<z.ZodTransform<boolean | undefined, unknown>, z.ZodBoolean>;
+    dependentsAmount: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    otherIncome: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    deductions: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    extraWithholding: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+}>;
+export {};

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/federalTaxesSchema.js

@@ -0,0 +1,40 @@
+import { z as e } from "zod";
+import { FilingStatus as r } from "@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes";
+import { buildFormSchema as i } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+import { coerceNaN as o, coerceStringBoolean as s } from "../../../../../partner-hook-utils/form/preprocessors.js";
+const d = {
+  REQUIRED: "REQUIRED"
+}, h = [
+  r.Single,
+  r.Married,
+  r.HeadOfHousehold,
+  r.ExemptFromWithholding
+], c = {
+  filingStatus: e.string(),
+  twoJobs: e.preprocess(s, e.boolean()),
+  dependentsAmount: e.preprocess(o(0), e.number()),
+  otherIncome: e.preprocess(o(0), e.number()),
+  deductions: e.preprocess(o(0), e.number()),
+  extraWithholding: e.preprocess(o(0), e.number())
+}, m = {
+  twoJobs: "never",
+  dependentsAmount: "never",
+  otherIncome: "never",
+  deductions: "never",
+  extraWithholding: "never"
+};
+function E(n = {}) {
+  const { optionalFieldsToRequire: t } = n;
+  return i(c, {
+    requiredFieldsConfig: m,
+    requiredErrorCode: d.REQUIRED,
+    mode: "update",
+    optionalFieldsToRequire: t
+  });
+}
+export {
+  h as FILING_STATUS_VALUES,
+  d as FederalTaxesErrorCodes,
+  E as createFederalTaxesSchema
+};
+//# sourceMappingURL=federalTaxesSchema.js.map

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/federalTaxesSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"federalTaxesSchema.js","sources":["../../../../../../src/components/Employee/FederalTaxes/shared/useFederalTaxesForm/federalTaxesSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { FilingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN, coerceStringBoolean } from '@/partner-hook-utils/form/preprocessors'\n\n// ── Error codes ────────────────────────────────────────────────────────\n\nexport const FederalTaxesErrorCodes = {\n  REQUIRED: 'REQUIRED',\n} as const\n\nexport type FederalTaxesErrorCode =\n  (typeof FederalTaxesErrorCodes)[keyof typeof FederalTaxesErrorCodes]\n\n// ── Filing status options ──────────────────────────────────────────────\n\nexport const FILING_STATUS_VALUES = [\n  FilingStatus.Single,\n  FilingStatus.Married,\n  FilingStatus.HeadOfHousehold,\n  FilingStatus.ExemptFromWithholding,\n] as const\n\nexport type FilingStatusValue = (typeof FILING_STATUS_VALUES)[number]\n\n// ── Field validators ───────────────────────────────────────────────────\n\n// `filingStatus` is typed as `string` (not `z.enum`) so the initial empty form state is valid\n// for parsing while still failing the required check via `buildFormSchema`. The actual value is\n// constrained at the UI layer via the Select's options, and cast back to `FilingStatus` at\n// submission time.\nconst fieldValidators = {\n  filingStatus: z.string(),\n  twoJobs: z.preprocess(coerceStringBoolean, z.boolean()),\n  dependentsAmount: z.preprocess(coerceNaN(0), z.number()),\n  otherIncome: z.preprocess(coerceNaN(0), z.number()),\n  deductions: z.preprocess(coerceNaN(0), z.number()),\n  extraWithholding: z.preprocess(coerceNaN(0), z.number()),\n}\n\nexport type FederalTaxesField = keyof typeof fieldValidators\n\nexport type FederalTaxesFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\nexport type FederalTaxesFormOutputs = FederalTaxesFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n\n// Only `filingStatus` is required by the API on update. The remaining fields are\n// optional by default so partners can decide their own UX; the bundled\n// `<FederalTaxes>` component promotes them to required via `optionalFieldsToRequire`\n// to preserve the original (all-required) behavior.\nconst requiredFieldsConfig = {\n  twoJobs: 'never',\n  dependentsAmount: 'never',\n  otherIncome: 'never',\n  deductions: 'never',\n  extraWithholding: 'never',\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n// ── Schema factory ─────────────────────────────────────────────────────\n\nexport type FederalTaxesOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\n\ninterface FederalTaxesSchemaOptions {\n  optionalFieldsToRequire?: FederalTaxesOptionalFieldsToRequire\n}\n\nexport function createFederalTaxesSchema(options: FederalTaxesSchemaOptions = {}) {\n  const { optionalFieldsToRequire } = options\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: FederalTaxesErrorCodes.REQUIRED,\n    mode: 'update',\n    optionalFieldsToRequire,\n  })\n}\n"],"names":["FederalTaxesErrorCodes","FILING_STATUS_VALUES","FilingStatus","fieldValidators","z","coerceStringBoolean","coerceNaN","requiredFieldsConfig","createFederalTaxesSchema","options","optionalFieldsToRequire","buildFormSchema"],"mappings":";;;;AAWO,MAAMA,IAAyB;AAAA,EACpC,UAAU;AACZ,GAOaC,IAAuB;AAAA,EAClCC,EAAa;AAAA,EACbA,EAAa;AAAA,EACbA,EAAa;AAAA,EACbA,EAAa;AACf,GAUMC,IAAkB;AAAA,EACtB,cAAcC,EAAE,OAAA;AAAA,EAChB,SAASA,EAAE,WAAWC,GAAqBD,EAAE,SAAS;AAAA,EACtD,kBAAkBA,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,QAAQ;AAAA,EACvD,aAAaA,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,QAAQ;AAAA,EAClD,YAAYA,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,QAAQ;AAAA,EACjD,kBAAkBA,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,QAAQ;AACzD,GAeMG,IAAuB;AAAA,EAC3B,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,kBAAkB;AACpB;AAYO,SAASC,EAAyBC,IAAqC,IAAI;AAChF,QAAM,EAAE,yBAAAC,MAA4BD;AAEpC,SAAOE,EAAgBR,GAAiB;AAAA,IACtC,sBAAAI;AAAA,IACA,mBAAmBP,EAAuB;AAAA,IAC1C,MAAM;AAAA,IACN,yBAAAU;AAAA,EAAA,CACD;AACH;"}

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/fields.d.ts

@@ -0,0 +1,18 @@
+import { FederalTaxesErrorCodes, FilingStatusValue } from './federalTaxesSchema';
+import { SelectHookFieldProps } from '../../../../../partner-hook-utils/form/fields/SelectHookField';
+import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
+import { NumberInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/NumberInputHookField';
+import { HookFieldProps } from '../../../../../partner-hook-utils/types';
+export type RequiredValidation = typeof FederalTaxesErrorCodes.REQUIRED;
+export type FilingStatusFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, FilingStatusValue>>;
+export declare function FilingStatusField(props: FilingStatusFieldProps): import("react/jsx-runtime").JSX.Element;
+export type TwoJobsFieldProps = HookFieldProps<RadioGroupHookFieldProps<RequiredValidation, boolean>>;
+export declare function TwoJobsField(props: TwoJobsFieldProps): import("react/jsx-runtime").JSX.Element;
+export type DependentsAmountFieldProps = HookFieldProps<NumberInputHookFieldProps<RequiredValidation>>;
+export declare function DependentsAmountField(props: DependentsAmountFieldProps): import("react/jsx-runtime").JSX.Element;
+export type OtherIncomeFieldProps = HookFieldProps<NumberInputHookFieldProps<RequiredValidation>>;
+export declare function OtherIncomeField(props: OtherIncomeFieldProps): import("react/jsx-runtime").JSX.Element;
+export type DeductionsFieldProps = HookFieldProps<NumberInputHookFieldProps<RequiredValidation>>;
+export declare function DeductionsField(props: DeductionsFieldProps): import("react/jsx-runtime").JSX.Element;
+export type ExtraWithholdingFieldProps = HookFieldProps<NumberInputHookFieldProps<RequiredValidation>>;
+export declare function ExtraWithholdingField(props: ExtraWithholdingFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/fields.js

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+import { NumberInputHookField as o } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { RadioGroupHookField as t } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { SelectHookField as r } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+function d(n) {
+  return /* @__PURE__ */ e(r, { ...n, name: "filingStatus" });
+}
+function a(n) {
+  return /* @__PURE__ */ e(t, { ...n, name: "twoJobs" });
+}
+function f(n) {
+  return /* @__PURE__ */ e(o, { ...n, name: "dependentsAmount", format: "currency", min: 0 });
+}
+function l(n) {
+  return /* @__PURE__ */ e(o, { ...n, name: "otherIncome", format: "currency", min: 0 });
+}
+function F(n) {
+  return /* @__PURE__ */ e(o, { ...n, name: "deductions", format: "currency", min: 0 });
+}
+function p(n) {
+  return /* @__PURE__ */ e(o, { ...n, name: "extraWithholding", format: "currency", min: 0 });
+}
+export {
+  F as DeductionsField,
+  f as DependentsAmountField,
+  p as ExtraWithholdingField,
+  d as FilingStatusField,
+  l as OtherIncomeField,
+  a as TwoJobsField
+};
+//# sourceMappingURL=fields.js.map

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/FederalTaxes/shared/useFederalTaxesForm/fields.tsx"],"sourcesContent":["import type { FederalTaxesErrorCodes, FilingStatusValue } from './federalTaxesSchema'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { NumberInputHookFieldProps } from '@/partner-hook-utils/form/fields/NumberInputHookField'\nimport {\n  SelectHookField,\n  RadioGroupHookField,\n  NumberInputHookField,\n} from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\nexport type RequiredValidation = typeof FederalTaxesErrorCodes.REQUIRED\n\nexport type FilingStatusFieldProps = HookFieldProps<\n  SelectHookFieldProps<RequiredValidation, FilingStatusValue>\n>\n\nexport function FilingStatusField(props: FilingStatusFieldProps) {\n  return <SelectHookField {...props} name=\"filingStatus\" />\n}\n\nexport type TwoJobsFieldProps = HookFieldProps<\n  RadioGroupHookFieldProps<RequiredValidation, boolean>\n>\n\nexport function TwoJobsField(props: TwoJobsFieldProps) {\n  return <RadioGroupHookField {...props} name=\"twoJobs\" />\n}\n\nexport type DependentsAmountFieldProps = HookFieldProps<\n  NumberInputHookFieldProps<RequiredValidation>\n>\n\nexport function DependentsAmountField(props: DependentsAmountFieldProps) {\n  return <NumberInputHookField {...props} name=\"dependentsAmount\" format=\"currency\" min={0} />\n}\n\nexport type OtherIncomeFieldProps = HookFieldProps<NumberInputHookFieldProps<RequiredValidation>>\n\nexport function OtherIncomeField(props: OtherIncomeFieldProps) {\n  return <NumberInputHookField {...props} name=\"otherIncome\" format=\"currency\" min={0} />\n}\n\nexport type DeductionsFieldProps = HookFieldProps<NumberInputHookFieldProps<RequiredValidation>>\n\nexport function DeductionsField(props: DeductionsFieldProps) {\n  return <NumberInputHookField {...props} name=\"deductions\" format=\"currency\" min={0} />\n}\n\nexport type ExtraWithholdingFieldProps = HookFieldProps<\n  NumberInputHookFieldProps<RequiredValidation>\n>\n\nexport function ExtraWithholdingField(props: ExtraWithholdingFieldProps) {\n  return <NumberInputHookField {...props} name=\"extraWithholding\" format=\"currency\" min={0} />\n}\n"],"names":["FilingStatusField","props","jsx","SelectHookField","TwoJobsField","RadioGroupHookField","DependentsAmountField","NumberInputHookField","OtherIncomeField","DeductionsField","ExtraWithholdingField"],"mappings":";;;;AAiBO,SAASA,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAAiB,GAAGF,GAAO,MAAK,gBAAe;AACzD;AAMO,SAASG,EAAaH,GAA0B;AACrD,SAAO,gBAAAC,EAACG,GAAA,EAAqB,GAAGJ,GAAO,MAAK,WAAU;AACxD;AAMO,SAASK,EAAsBL,GAAmC;AACvE,SAAO,gBAAAC,EAACK,KAAsB,GAAGN,GAAO,MAAK,oBAAmB,QAAO,YAAW,KAAK,EAAA,CAAG;AAC5F;AAIO,SAASO,EAAiBP,GAA8B;AAC7D,SAAO,gBAAAC,EAACK,KAAsB,GAAGN,GAAO,MAAK,eAAc,QAAO,YAAW,KAAK,EAAA,CAAG;AACvF;AAIO,SAASQ,EAAgBR,GAA6B;AAC3D,SAAO,gBAAAC,EAACK,KAAsB,GAAGN,GAAO,MAAK,cAAa,QAAO,YAAW,KAAK,EAAA,CAAG;AACtF;AAMO,SAASS,EAAsBT,GAAmC;AACvE,SAAO,gBAAAC,EAACK,KAAsB,GAAGN,GAAO,MAAK,oBAAmB,QAAO,YAAW,KAAK,EAAA,CAAG;AAC5F;"}

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/index.d.ts

@@ -0,0 +1,5 @@
+import "./types/i18next.d.ts"
+export { useFederalTaxesForm } from './useFederalTaxesForm';
+export type { FederalTaxesOptionalFieldsToRequire, UseFederalTaxesFormProps, UseFederalTaxesFormResult, UseFederalTaxesFormReady, FederalTaxesFieldsMetadata, FederalTaxesFormFields, FederalTaxesFields, } from './useFederalTaxesForm';
+export { createFederalTaxesSchema, FederalTaxesErrorCodes, FILING_STATUS_VALUES, type FederalTaxesErrorCode, type FederalTaxesFormData, type FederalTaxesFormOutputs, type FederalTaxesField, type FilingStatusValue, } from './federalTaxesSchema';
+export type { RequiredValidation as FederalTaxesRequiredValidation, FilingStatusFieldProps, TwoJobsFieldProps, DependentsAmountFieldProps, OtherIncomeFieldProps, DeductionsFieldProps, ExtraWithholdingFieldProps, } from './fields';

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/useFederalTaxesForm.d.ts

@@ -0,0 +1,37 @@
+import { UseFormProps } from 'react-hook-form';
+import { EmployeeFederalTax } from '@gusto/embedded-api/models/components/employeefederaltax';
+import { FederalTaxesOptionalFieldsToRequire, FederalTaxesFormData } from './federalTaxesSchema';
+import { FilingStatusField, TwoJobsField, DependentsAmountField, OtherIncomeField, DeductionsField, ExtraWithholdingField } from './fields';
+import { BaseFormHookReady, FieldsMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+export type { FederalTaxesOptionalFieldsToRequire } from './federalTaxesSchema';
+export interface UseFederalTaxesFormProps {
+    employeeId: string;
+    optionalFieldsToRequire?: FederalTaxesOptionalFieldsToRequire;
+    defaultValues?: Partial<FederalTaxesFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export interface FederalTaxesFields {
+    FilingStatus: typeof FilingStatusField;
+    TwoJobs: typeof TwoJobsField;
+    DependentsAmount: typeof DependentsAmountField;
+    OtherIncome: typeof OtherIncomeField;
+    Deductions: typeof DeductionsField;
+    ExtraWithholding: typeof ExtraWithholdingField;
+}
+export interface UseFederalTaxesFormReady extends BaseFormHookReady<FieldsMetadata, FederalTaxesFormData, FederalTaxesFields> {
+    data: {
+        employeeFederalTax: EmployeeFederalTax;
+    };
+    status: {
+        isPending: boolean;
+        mode: 'update';
+    };
+    actions: {
+        onSubmit: () => Promise<HookSubmitResult<EmployeeFederalTax> | undefined>;
+    };
+}
+export declare function useFederalTaxesForm({ employeeId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseFederalTaxesFormProps): HookLoadingResult | UseFederalTaxesFormReady;
+export type UseFederalTaxesFormResult = HookLoadingResult | UseFederalTaxesFormReady;
+export type FederalTaxesFieldsMetadata = UseFederalTaxesFormReady['form']['fieldsMetadata'];
+export type FederalTaxesFormFields = UseFederalTaxesFormReady['form']['Fields'];

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/useFederalTaxesForm.js

@@ -0,0 +1,140 @@
+import { useMemo as d } from "react";
+import { useForm as _ } from "react-hook-form";
+import { zodResolver as L } from "@hookform/resolvers/zod";
+import { useEmployeeTaxSetupGetFederalTaxes as U } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as D } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
+import { createFederalTaxesSchema as H, FILING_STATUS_VALUES as c } from "./federalTaxesSchema.js";
+import { ExtraWithholdingField as k, DeductionsField as G, OtherIncomeField as B, DependentsAmountField as P, TwoJobsField as R, FilingStatusField as q } from "./fields.js";
+import { useDeriveFieldsMetadata as z } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as C } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as K } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as S } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as Q } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as Y } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as b } from "../../../../../types/sdkError.js";
+function j(e) {
+  return e.w4DataType === "rev_2020_w4";
+}
+function X(e) {
+  return e ? c.find((r) => r === e) ?? "" : "";
+}
+function m(e) {
+  if (e == null || e === "") return;
+  const r = Number(e);
+  return Number.isNaN(r) ? void 0 : r;
+}
+function ce({
+  employeeId: e,
+  optionalFieldsToRequire: r,
+  defaultValues: n,
+  validationMode: g = "onSubmit",
+  shouldFocusError: x = !0
+}) {
+  const u = U({ employeeUuid: e }), o = u.data?.employeeFederalTax, [f, w] = d(
+    () => H({ optionalFieldsToRequire: r }),
+    [r]
+  ), T = d(
+    () => c.map((t) => ({ value: t, label: t })),
+    []
+  ), v = d(
+    () => [
+      { label: "Yes", value: "true" },
+      { label: "No", value: "false" }
+    ],
+    []
+  ), p = d(() => {
+    const t = o && j(o) ? o : void 0;
+    return {
+      filingStatus: X(t?.filingStatus) || n?.filingStatus || "",
+      twoJobs: t?.twoJobs ?? n?.twoJobs ?? !1,
+      dependentsAmount: m(t?.dependentsAmount) ?? n?.dependentsAmount ?? 0,
+      otherIncome: m(t?.otherIncome) ?? n?.otherIncome ?? 0,
+      deductions: m(t?.deductions) ?? n?.deductions ?? 0,
+      extraWithholding: m(t?.extraWithholding) ?? n?.extraWithholding ?? 0
+    };
+  }, [o, n]), a = _({
+    resolver: L(f),
+    mode: g,
+    shouldFocusError: x,
+    defaultValues: p,
+    values: p,
+    resetOptions: { keepDirtyValues: !0 }
+  }), { mutateAsync: I, isPending: A } = D(), {
+    baseSubmitHandler: y,
+    error: E,
+    setError: J
+  } = Y("FederalTaxesForm"), h = Q([u], { submitError: E, setSubmitError: J }), s = z(w, a.control), W = {
+    filingStatus: S(
+      s.filingStatus,
+      T,
+      c
+    ),
+    twoJobs: S(s.twoJobs, v, [!0, !1]),
+    dependentsAmount: s.dependentsAmount,
+    otherIncome: s.otherIncome,
+    deductions: s.deductions,
+    extraWithholding: s.extraWithholding
+  }, N = async () => {
+    let t;
+    return await new Promise((l) => {
+      a.handleSubmit(
+        async (O) => {
+          await y(O, async (i) => {
+            if (!o)
+              throw new b("Federal taxes record was not loaded before submit");
+            const V = {
+              filingStatus: i.filingStatus,
+              twoJobs: i.twoJobs,
+              dependentsAmount: i.dependentsAmount,
+              otherIncome: i.otherIncome,
+              deductions: i.deductions,
+              extraWithholding: i.extraWithholding,
+              w4DataType: "rev_2020_w4",
+              version: o.version
+            }, F = await I({
+              request: {
+                employeeUuid: e,
+                requestBody: V
+              }
+            });
+            if (!F.employeeFederalTax)
+              throw new b("Federal taxes update did not return an updated record");
+            t = { mode: "update", data: F.employeeFederalTax };
+          }), l();
+        },
+        () => {
+          l();
+        }
+      )();
+    }), t;
+  }, M = C(a);
+  return u.isLoading || !o ? { isLoading: !0, errorHandling: h } : {
+    isLoading: !1,
+    data: {
+      employeeFederalTax: o
+    },
+    status: {
+      isPending: A,
+      mode: "update"
+    },
+    actions: { onSubmit: N },
+    errorHandling: h,
+    form: {
+      Fields: {
+        FilingStatus: q,
+        TwoJobs: R,
+        DependentsAmount: P,
+        OtherIncome: B,
+        Deductions: G,
+        ExtraWithholding: k
+      },
+      fieldsMetadata: W,
+      hookFormInternals: M,
+      getFormSubmissionValues: K(a, f)
+    }
+  };
+}
+export {
+  ce as useFederalTaxesForm
+};
+//# sourceMappingURL=useFederalTaxesForm.js.map

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/useFederalTaxesForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFederalTaxesForm.js","sources":["../../../../../../src/components/Employee/FederalTaxes/shared/useFederalTaxesForm/useFederalTaxesForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeFederalTax } from '@gusto/embedded-api/models/components/employeefederaltax'\nimport type { EmployeeFederalTaxRev2020 } from '@gusto/embedded-api/models/components/employeefederaltaxrev2020'\nimport { useEmployeeTaxSetupGetFederalTaxes } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport type {\n  FilingStatus,\n  PutV1EmployeesEmployeeIdFederalTaxesRequestBody,\n} from '@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes'\nimport {\n  createFederalTaxesSchema,\n  FILING_STATUS_VALUES,\n  type FederalTaxesOptionalFieldsToRequire,\n  type FederalTaxesFormData,\n  type FederalTaxesFormOutputs,\n  type FilingStatusValue,\n} from './federalTaxesSchema'\nimport {\n  FilingStatusField,\n  TwoJobsField,\n  DependentsAmountField,\n  OtherIncomeField,\n  DeductionsField,\n  ExtraWithholdingField,\n} from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nexport type { FederalTaxesOptionalFieldsToRequire } from './federalTaxesSchema'\n\nexport interface UseFederalTaxesFormProps {\n  employeeId: string\n  optionalFieldsToRequire?: FederalTaxesOptionalFieldsToRequire\n  defaultValues?: Partial<FederalTaxesFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface FederalTaxesFields {\n  FilingStatus: typeof FilingStatusField\n  TwoJobs: typeof TwoJobsField\n  DependentsAmount: typeof DependentsAmountField\n  OtherIncome: typeof OtherIncomeField\n  Deductions: typeof DeductionsField\n  ExtraWithholding: typeof ExtraWithholdingField\n}\n\nexport interface UseFederalTaxesFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  FederalTaxesFormData,\n  FederalTaxesFields\n> {\n  data: {\n    employeeFederalTax: EmployeeFederalTax\n  }\n  status: { isPending: boolean; mode: 'update' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<EmployeeFederalTax> | undefined>\n  }\n}\n\nfunction isRev2020(federalTax: EmployeeFederalTax): federalTax is EmployeeFederalTaxRev2020 {\n  return federalTax.w4DataType === 'rev_2020_w4'\n}\n\nfunction toFilingStatus(value: string | null | undefined): FilingStatusValue | '' {\n  if (!value) return ''\n  return FILING_STATUS_VALUES.find(allowed => allowed === value) ?? ''\n}\n\nfunction toNumber(value: string | null | undefined): number | undefined {\n  if (value === null || value === undefined || value === '') return undefined\n  const parsed = Number(value)\n  return Number.isNaN(parsed) ? undefined : parsed\n}\n\nexport function useFederalTaxesForm({\n  employeeId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseFederalTaxesFormProps): HookLoadingResult | UseFederalTaxesFormReady {\n  const federalTaxesQuery = useEmployeeTaxSetupGetFederalTaxes({ employeeUuid: employeeId })\n\n  const employeeFederalTax = federalTaxesQuery.data?.employeeFederalTax\n\n  const [schema, metadataConfig] = useMemo(\n    () => createFederalTaxesSchema({ optionalFieldsToRequire }),\n    [optionalFieldsToRequire],\n  )\n\n  const filingStatusOptions = useMemo(\n    () => FILING_STATUS_VALUES.map(value => ({ value, label: value })),\n    [],\n  )\n\n  const twoJobsOptions = useMemo(\n    () => [\n      { label: 'Yes', value: 'true' },\n      { label: 'No', value: 'false' },\n    ],\n    [],\n  )\n\n  const resolvedDefaults: FederalTaxesFormData = useMemo(() => {\n    const rev2020Source =\n      employeeFederalTax && isRev2020(employeeFederalTax) ? employeeFederalTax : undefined\n\n    const fromServerFilingStatus = toFilingStatus(rev2020Source?.filingStatus)\n\n    return {\n      filingStatus: fromServerFilingStatus || partnerDefaults?.filingStatus || '',\n      twoJobs: rev2020Source?.twoJobs ?? partnerDefaults?.twoJobs ?? false,\n      dependentsAmount:\n        toNumber(rev2020Source?.dependentsAmount) ?? partnerDefaults?.dependentsAmount ?? 0,\n      otherIncome: toNumber(rev2020Source?.otherIncome) ?? partnerDefaults?.otherIncome ?? 0,\n      deductions: toNumber(rev2020Source?.deductions) ?? partnerDefaults?.deductions ?? 0,\n      extraWithholding:\n        toNumber(rev2020Source?.extraWithholding) ?? partnerDefaults?.extraWithholding ?? 0,\n    }\n  }, [employeeFederalTax, partnerDefaults])\n\n  const formMethods = useForm<FederalTaxesFormData, unknown, FederalTaxesFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { mutateAsync: updateFederalTaxes, isPending } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('FederalTaxesForm')\n\n  const errorHandling = composeErrorHandler([federalTaxesQuery], { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    filingStatus: withOptions<FilingStatusValue>(\n      baseMetadata.filingStatus,\n      filingStatusOptions,\n      FILING_STATUS_VALUES,\n    ),\n    twoJobs: withOptions<boolean>(baseMetadata.twoJobs, twoJobsOptions, [true, false]),\n    dependentsAmount: baseMetadata.dependentsAmount,\n    otherIncome: baseMetadata.otherIncome,\n    deductions: baseMetadata.deductions,\n    extraWithholding: baseMetadata.extraWithholding,\n  }\n\n  const onSubmit = async (): Promise<HookSubmitResult<EmployeeFederalTax> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeFederalTax> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: FederalTaxesFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            if (!employeeFederalTax) {\n              throw new SDKInternalError('Federal taxes record was not loaded before submit')\n            }\n\n            const requestBody: PutV1EmployeesEmployeeIdFederalTaxesRequestBody = {\n              filingStatus: payload.filingStatus as FilingStatus,\n              twoJobs: payload.twoJobs,\n              dependentsAmount: payload.dependentsAmount,\n              otherIncome: payload.otherIncome,\n              deductions: payload.deductions,\n              extraWithholding: payload.extraWithholding,\n              w4DataType: 'rev_2020_w4',\n              version: employeeFederalTax.version,\n            }\n\n            const response = await updateFederalTaxes({\n              request: {\n                employeeUuid: employeeId,\n                requestBody,\n              },\n            })\n\n            if (!response.employeeFederalTax) {\n              throw new SDKInternalError('Federal taxes update did not return an updated record')\n            }\n\n            submitResult = { mode: 'update', data: response.employeeFederalTax }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (federalTaxesQuery.isLoading || !employeeFederalTax) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      employeeFederalTax,\n    },\n    status: {\n      isPending,\n      mode: 'update' as const,\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        FilingStatus: FilingStatusField,\n        TwoJobs: TwoJobsField,\n        DependentsAmount: DependentsAmountField,\n        OtherIncome: OtherIncomeField,\n        Deductions: DeductionsField,\n        ExtraWithholding: ExtraWithholdingField,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseFederalTaxesFormResult = HookLoadingResult | UseFederalTaxesFormReady\nexport type FederalTaxesFieldsMetadata = UseFederalTaxesFormReady['form']['fieldsMetadata']\nexport type FederalTaxesFormFields = UseFederalTaxesFormReady['form']['Fields']\n"],"names":["isRev2020","federalTax","toFilingStatus","value","FILING_STATUS_VALUES","allowed","toNumber","parsed","useFederalTaxesForm","employeeId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","federalTaxesQuery","useEmployeeTaxSetupGetFederalTaxes","employeeFederalTax","schema","metadataConfig","useMemo","createFederalTaxesSchema","filingStatusOptions","twoJobsOptions","resolvedDefaults","rev2020Source","formMethods","useForm","zodResolver","updateFederalTaxes","isPending","useEmployeeTaxSetupUpdateFederalTaxesMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","submitResult","resolve","data","payload","SDKInternalError","requestBody","response","hookFormInternals","useHookFormInternals","FilingStatusField","TwoJobsField","DependentsAmountField","OtherIncomeField","DeductionsField","ExtraWithholdingField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Employee/Landing/Landing.js

@@ -2,34 +2,35 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
 import { useEmployeesGetSuspense as g } from "@gusto/embedded-api/react-query/employeesGet";
 import { useCompaniesGetSuspense as y } from "@gusto/embedded-api/react-query/companiesGet";
-import m from "dompurify";
+import s from "dompurify";
 import { useMemo as c } from "react";
 import { BaseComponent as x } from "../../Base/Base.js";
 import { useBase as E } from "../../Base/useBase.js";
 import { Flex as r } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as C } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as L } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as S, useComponentDictionary as D } from "../../../i18n/I18n.js";
-import { componentEvents as I } from "../../../shared/constants.js";
+import "classnames";
+import { componentEvents as C } from "../../../shared/constants.js";
+import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as D, useComponentDictionary as I } from "../../../i18n/I18n.js";
 import N from "../../../assets/icons/icon-arrow-right.svg.js";
-function P(o) {
-  return S("Employee.Landing"), D("Employee.Landing", o.dictionary), /* @__PURE__ */ e(x, { ...o, children: /* @__PURE__ */ e(v, { ...o, children: o.children }) });
+function w(o) {
+  return D("Employee.Landing"), I("Employee.Landing", o.dictionary), /* @__PURE__ */ e(x, { ...o, children: /* @__PURE__ */ e(v, { ...o, children: o.children }) });
 }
 const v = ({ employeeId: o, companyId: p, className: l }) => {
-  const { onEvent: d } = E(), t = L(), {
+  const { onEvent: d } = E(), t = S(), {
     data: { employee: a }
-  } = g({ employeeId: o }), f = c(() => m.sanitize(a.firstName), [a]), {
-    data: { company: s }
-  } = y({ companyId: p }), u = c(() => m.sanitize(s?.name ?? ""), [s]), { t: n } = h("Employee.Landing");
+  } = g({ employeeId: o }), f = c(() => s.sanitize(a.firstName), [a]), {
+    data: { company: m }
+  } = y({ companyId: p }), u = c(() => s.sanitize(m?.name ?? ""), [m]), { t: n } = h("Employee.Landing");
   return /* @__PURE__ */ e("section", { className: l, children: /* @__PURE__ */ e(
     t.Box,
     {
-      footer: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(
+      footer: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ i(
         t.Button,
         {
           variant: "secondary",
           onClick: () => {
-            d(I.EMPLOYEE_SELF_ONBOARDING_START);
+            d(C.EMPLOYEE_SELF_ONBOARDING_START);
           },
           children: [
             n("getStartedCta"),
@@ -60,6 +61,6 @@ const v = ({ employeeId: o, companyId: p, className: l }) => {
   ) });
 };
 export {
-  P as Landing
+  w as Landing
 };
 //# sourceMappingURL=Landing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\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 } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.Landing'> {\n  employeeId: string\n  companyId: string\n}\n\nexport function Landing(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(employee!.firstName), [employee])\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                firstName: sanitizedFirstName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[t('steps.personalInfo'), t('steps.taxInfo'), t('steps.bankInfo')]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","companyId","className","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","sanitizedFirstName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","t","useTranslation","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AAuBO,SAASA,EAAQC,GAA8C;AACpE,SAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,EAAM,UAAU,GAGzD,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAA8B;AACnE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAR,GAAY,GACpCS,IAAqBC,EAAQ,MAAMC,EAAU,SAASJ,EAAU,SAAS,GAAG,CAACA,CAAQ,CAAC,GAEtF;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAZ,GAAW,GACnCa,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC,GAEvF,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAAnB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,0BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACb,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQgB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,UAAA;AAAA,YAAAJ,EAAE,eAAe;AAAA,YAClB,gBAAAlB,EAACuB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,WAAWI;AAAA,YACX,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAjB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAU,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAG,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAU,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAlB;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,OAAO,CAACU,EAAE,oBAAoB,GAAGA,EAAE,eAAe,GAAGA,EAAE,gBAAgB,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1E,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\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 } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.Landing'> {\n  employeeId: string\n  companyId: string\n}\n\nexport function Landing(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(employee!.firstName), [employee])\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                firstName: sanitizedFirstName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[t('steps.personalInfo'), t('steps.taxInfo'), t('steps.bankInfo')]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","companyId","className","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","sanitizedFirstName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","t","useTranslation","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;;AAuBO,SAASA,EAAQC,GAA8C;AACpE,SAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,EAAM,UAAU,GAGzD,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAA8B;AACnE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAR,GAAY,GACpCS,IAAqBC,EAAQ,MAAMC,EAAU,SAASJ,EAAU,SAAS,GAAG,CAACA,CAAQ,CAAC,GAEtF;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAZ,GAAW,GACnCa,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC,GAEvF,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAAnB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,0BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACb,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQgB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,UAAA;AAAA,YAAAJ,EAAE,eAAe;AAAA,YAClB,gBAAAlB,EAACuB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,WAAWI;AAAA,YACX,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAjB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAU,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAG,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAU,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAlB;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,OAAO,CAACU,EAAE,oBAAoB,GAAGA,EAAE,eAAe,GAAGA,EAAE,gBAAgB,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1E,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.d.ts

@@ -1,5 +1,5 @@
 import { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount';
-import { ProfileDefaultValues } from '../Profile';
+import { ProfileDefaultValues } from '../Profile/onboarding/Profile';
 import { CompensationDefaultValues } from '../Compensation';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { EmployeeOnboardingStatus } from '../../../shared/constants';

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { FederalTaxes as p } from "../FederalTaxes/FederalTaxes.js";
-import { StateTaxes as s } from "../StateTaxes/StateTaxes.js";
+import { FederalTaxes as p } from "../FederalTaxes/onboarding/FederalTaxes.js";
+import { StateTaxes as s } from "../StateTaxes/onboarding/StateTaxes.js";
 import { EmployeeList as i } from "../EmployeeList/onboarding/EmployeeList.js";
 import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
 import { useFlow as n } from "../../Flow/useFlow.js";