@gusto/embedded-react-sdk 0.8.0 → 0.8.2

package/dist/components/Employee/Profile/HomeAddress.js

@@ -1,34 +1,35 @@
 import { jsxs as o, Fragment as l, jsx as r } from "react/jsx-runtime";
-import { useFormContext as h } from "react-hook-form";
+import { useFormContext as p } from "react-hook-form";
 import { useTranslation as u, Trans as a } from "react-i18next";
-import * as e from "valibot";
+import { z as t } from "zod";
 import { useProfile as g } from "./useProfile.js";
 import { STATES_ABBR as f } from "../../../shared/constants.js";
 import { Grid as b } from "../../Common/Grid/Grid.js";
 import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { TextInputField as n } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as T } from "../../Common/Fields/SelectField/SelectField.js";
-import { CheckboxField as v } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-const S = e.variant("selfOnboarding", [
-  e.object({
-    street1: e.pipe(e.string(), e.nonEmpty()),
-    street2: e.optional(e.string()),
-    city: e.pipe(e.string(), e.nonEmpty()),
-    state: e.pipe(e.string(), e.nonEmpty()),
-    zip: e.pipe(
-      e.string(),
-      e.check((t) => /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(t))
-    ),
-    courtesyWithholding: e.boolean(),
-    selfOnboarding: e.union([e.literal(!1), e.undefined()])
+import { CheckboxField as x } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+const j = t.union([
+  // Case 1: selfOnboarding is false or undefined
+  t.object({
+    street1: t.string().min(1),
+    street2: t.string().optional(),
+    city: t.string().min(1),
+    state: t.string().min(1),
+    zip: t.string().refine((e) => /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(e)),
+    courtesyWithholding: t.boolean(),
+    selfOnboarding: t.union([t.literal(!1), t.undefined()])
   }),
-  e.object({ selfOnboarding: e.literal(!0) })
-]), j = () => {
-  const { t } = u("Employee.HomeAddress"), i = y(), { isSelfOnboardingIntended: d, isAdmin: m } = g(), { watch: p } = h(), c = p("courtesyWithholding");
+  // Case 2: selfOnboarding is true
+  t.object({
+    selfOnboarding: t.literal(!0)
+  })
+]), q = () => {
+  const { t: e } = u("Employee.HomeAddress"), i = y(), { isSelfOnboardingIntended: d, isAdmin: m } = g(), { watch: c } = p(), h = c("courtesyWithholding");
   return m && d ? null : /* @__PURE__ */ o(l, { children: [
     /* @__PURE__ */ o("div", { children: [
-      /* @__PURE__ */ r(i.Heading, { as: "h2", children: t("formTitle") }),
-      /* @__PURE__ */ r(i.Text, { children: t("desc") })
+      /* @__PURE__ */ r(i.Heading, { as: "h2", children: e("formTitle") }),
+      /* @__PURE__ */ r(i.Text, { children: e("desc") })
     ] }),
     /* @__PURE__ */ o(
       b,
@@ -43,19 +44,19 @@ const S = e.variant("selfOnboarding", [
             n,
             {
               name: "street1",
-              label: t("street1"),
+              label: e("street1"),
               isRequired: !0,
-              errorMessage: t("validations.street1")
+              errorMessage: e("validations.street1")
             }
           ),
-          /* @__PURE__ */ r(n, { name: "street2", label: t("street2") }),
+          /* @__PURE__ */ r(n, { name: "street2", label: e("street2") }),
           /* @__PURE__ */ r(
             n,
             {
               name: "city",
               isRequired: !0,
-              label: t("city"),
-              errorMessage: t("validations.city")
+              label: e("city"),
+              errorMessage: e("validations.city")
             }
           ),
           /* @__PURE__ */ r(
@@ -63,12 +64,12 @@ const S = e.variant("selfOnboarding", [
             {
               name: "state",
               options: f.map((s) => ({
-                label: t(`statesHash.${s}`, { ns: "common" }),
+                label: e(`statesHash.${s}`, { ns: "common" }),
                 value: s
               })),
-              label: t("state"),
-              placeholder: t("statePlaceholder"),
-              errorMessage: t("validations.state"),
+              label: e("state"),
+              placeholder: e("statePlaceholder"),
+              errorMessage: e("validations.state"),
               isRequired: !0
             }
           ),
@@ -77,29 +78,29 @@ const S = e.variant("selfOnboarding", [
             {
               name: "zip",
               isRequired: !0,
-              label: t("zip"),
-              errorMessage: t("validations.zip")
+              label: e("zip"),
+              errorMessage: e("validations.zip")
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ r(
-      v,
+      x,
       {
         name: "courtesyWithholding",
-        label: t("courtesyWithholdingLabel"),
+        label: e("courtesyWithholdingLabel"),
         description: /* @__PURE__ */ o(l, { children: [
-          t("courtesyWhithholdingDescription"),
-          /* @__PURE__ */ r(a, { t, i18nKey: "learnMoreCta", components: { learnMore: /* @__PURE__ */ r(i.Link, {}) } })
+          e("courtesyWhithholdingDescription"),
+          /* @__PURE__ */ r(a, { t: e, i18nKey: "learnMoreCta", components: { learnMore: /* @__PURE__ */ r(i.Link, {}) } })
         ] })
       }
     ),
-    c && /* @__PURE__ */ r(i.Alert, { label: t("withholdingTitle"), status: "warning", children: /* @__PURE__ */ r(a, { t, i18nKey: "withholdingNote" }) })
+    h && /* @__PURE__ */ r(i.Alert, { label: e("withholdingTitle"), status: "warning", children: /* @__PURE__ */ r(a, { t: e, i18nKey: "withholdingNote" }) })
   ] });
 };
 export {
-  j as HomeAddress,
-  S as HomeAddressSchema
+  q as HomeAddress,
+  j as HomeAddressSchema
 };
 //# sourceMappingURL=HomeAddress.js.map

package/dist/components/Employee/Profile/HomeAddress.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddress.js","sources":["../../../../src/components/Employee/Profile/HomeAddress.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport * as v from 'valibot'\nimport { useProfile } from './useProfile'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { CheckboxField, Grid, SelectField, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const HomeAddressSchema = v.variant('selfOnboarding', [\n  v.object({\n    street1: v.pipe(v.string(), v.nonEmpty()),\n    street2: v.optional(v.string()),\n    city: v.pipe(v.string(), v.nonEmpty()),\n    state: v.pipe(v.string(), v.nonEmpty()),\n    zip: v.pipe(\n      v.string(),\n      v.check(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip)),\n    ),\n    courtesyWithholding: v.boolean(),\n    selfOnboarding: v.union([v.literal(false), v.undefined()]),\n  }),\n  v.object({ selfOnboarding: v.literal(true) }),\n])\n\nexport type HomeAddressInputs = v.InferInput<typeof HomeAddressSchema>\n\nexport const HomeAddress = () => {\n  const { t } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const { isSelfOnboardingIntended, isAdmin } = useProfile()\n\n  const { watch } = useFormContext<HomeAddressInputs>()\n  const watchedCourtesyWithholding = watch('courtesyWithholding')\n\n  if (isAdmin && isSelfOnboardingIntended) {\n    return null\n  }\n\n  return (\n    <>\n      <div>\n        <Components.Heading as=\"h2\">{t('formTitle')}</Components.Heading>\n        <Components.Text>{t('desc')}</Components.Text>\n      </div>\n      <Grid\n        gridTemplateColumns={{\n          base: '1fr',\n          small: ['1fr', '1fr'],\n        }}\n        gap={20}\n      >\n        <TextInputField\n          name=\"street1\"\n          label={t('street1')}\n          isRequired\n          errorMessage={t('validations.street1')}\n        />\n        <TextInputField name=\"street2\" label={t('street2')} />\n        <TextInputField\n          name=\"city\"\n          isRequired\n          label={t('city')}\n          errorMessage={t('validations.city')}\n        />\n        <SelectField\n          name=\"state\"\n          options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n            label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n            value: stateAbbr,\n          }))}\n          label={t('state')}\n          placeholder={t('statePlaceholder')}\n          errorMessage={t('validations.state')}\n          isRequired\n        />\n        <TextInputField\n          name=\"zip\"\n          isRequired\n          label={t('zip')}\n          errorMessage={t('validations.zip')}\n        />\n      </Grid>\n      <CheckboxField\n        name=\"courtesyWithholding\"\n        label={t('courtesyWithholdingLabel')}\n        description={\n          <>\n            {t('courtesyWhithholdingDescription')}\n            <Trans t={t} i18nKey=\"learnMoreCta\" components={{ learnMore: <Components.Link /> }} />\n          </>\n        }\n      />\n      {watchedCourtesyWithholding && (\n        <Components.Alert label={t('withholdingTitle')} status=\"warning\">\n          <Trans t={t} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      )}\n    </>\n  )\n}\n"],"names":["HomeAddressSchema","v","zip","HomeAddress","useTranslation","Components","useComponentContext","isSelfOnboardingIntended","isAdmin","useProfile","watch","useFormContext","watchedCourtesyWithholding","jsxs","Fragment","jsx","Grid","TextInputField","SelectField","STATES_ABBR","stateAbbr","CheckboxField","Trans"],"mappings":"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"}
+{"version":3,"file":"HomeAddress.js","sources":["../../../../src/components/Employee/Profile/HomeAddress.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useProfile } from './useProfile'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { CheckboxField, Grid, SelectField, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const HomeAddressSchema = z.union([\n  // Case 1: selfOnboarding is false or undefined\n  z.object({\n    street1: z.string().min(1),\n    street2: z.string().optional(),\n    city: z.string().min(1),\n    state: z.string().min(1),\n    zip: z.string().refine(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip)),\n    courtesyWithholding: z.boolean(),\n    selfOnboarding: z.union([z.literal(false), z.undefined()]),\n  }),\n  // Case 2: selfOnboarding is true\n  z.object({\n    selfOnboarding: z.literal(true),\n  }),\n])\n\nexport type HomeAddressInputs = z.infer<typeof HomeAddressSchema>\n\nexport const HomeAddress = () => {\n  const { t } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const { isSelfOnboardingIntended, isAdmin } = useProfile()\n\n  const { watch } = useFormContext<HomeAddressInputs>()\n  const watchedCourtesyWithholding = watch('courtesyWithholding')\n\n  if (isAdmin && isSelfOnboardingIntended) {\n    return null\n  }\n\n  return (\n    <>\n      <div>\n        <Components.Heading as=\"h2\">{t('formTitle')}</Components.Heading>\n        <Components.Text>{t('desc')}</Components.Text>\n      </div>\n      <Grid\n        gridTemplateColumns={{\n          base: '1fr',\n          small: ['1fr', '1fr'],\n        }}\n        gap={20}\n      >\n        <TextInputField\n          name=\"street1\"\n          label={t('street1')}\n          isRequired\n          errorMessage={t('validations.street1')}\n        />\n        <TextInputField name=\"street2\" label={t('street2')} />\n        <TextInputField\n          name=\"city\"\n          isRequired\n          label={t('city')}\n          errorMessage={t('validations.city')}\n        />\n        <SelectField\n          name=\"state\"\n          options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n            label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n            value: stateAbbr,\n          }))}\n          label={t('state')}\n          placeholder={t('statePlaceholder')}\n          errorMessage={t('validations.state')}\n          isRequired\n        />\n        <TextInputField\n          name=\"zip\"\n          isRequired\n          label={t('zip')}\n          errorMessage={t('validations.zip')}\n        />\n      </Grid>\n      <CheckboxField\n        name=\"courtesyWithholding\"\n        label={t('courtesyWithholdingLabel')}\n        description={\n          <>\n            {t('courtesyWhithholdingDescription')}\n            <Trans t={t} i18nKey=\"learnMoreCta\" components={{ learnMore: <Components.Link /> }} />\n          </>\n        }\n      />\n      {watchedCourtesyWithholding && (\n        <Components.Alert label={t('withholdingTitle')} status=\"warning\">\n          <Trans t={t} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      )}\n    </>\n  )\n}\n"],"names":["HomeAddressSchema","z","zip","HomeAddress","t","useTranslation","Components","useComponentContext","isSelfOnboardingIntended","isAdmin","useProfile","watch","useFormContext","watchedCourtesyWithholding","jsxs","Fragment","jsx","Grid","TextInputField","SelectField","STATES_ABBR","stateAbbr","CheckboxField","Trans"],"mappings":"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"}

package/dist/components/Employee/Profile/PersonalDetailsInputs.d.ts

@@ -1,49 +1,98 @@
+import { z } from 'zod';
 import { Location } from '@gusto/embedded-api/models/components/location';
 import { Employee } from '@gusto/embedded-api/models/components/employee';
-import * as v from 'valibot';
-export declare const NameInputsSchema: v.ObjectSchema<{
-    readonly firstName: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>, v.RegexAction<string, undefined>]>;
-    readonly middleInitial: v.OptionalSchema<v.StringSchema<undefined>, never>;
-    readonly lastName: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>, v.RegexAction<string, undefined>]>;
-}, undefined>;
+export declare const NameInputsSchema: z.ZodObject<{
+    firstName: z.ZodString;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    firstName: string;
+    lastName: string;
+    middleInitial?: string | undefined;
+}, {
+    firstName: string;
+    lastName: string;
+    middleInitial?: string | undefined;
+}>;
 export declare function NameInputs(): import("react/jsx-runtime").JSX.Element;
-export declare const AdminInputsSchema: v.ObjectSchema<{
-    readonly workAddress: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
-    readonly startDate: v.SchemaWithPipe<[v.InstanceSchema<DateConstructor, undefined>, v.TransformAction<Date, string | undefined>]>;
-    readonly email: v.SchemaWithPipe<[v.StringSchema<undefined>, v.EmailAction<string, undefined>]>;
-}, undefined>;
+export declare const AdminInputsSchema: z.ZodObject<{
+    workAddress: z.ZodString;
+    startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+    email: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    workAddress: string;
+    startDate?: string | undefined;
+}, {
+    email: string;
+    workAddress: string;
+    startDate: Date;
+}>;
 interface AdminInputsProps {
     companyLocations: Location[];
 }
 export declare function AdminInputs({ companyLocations }: AdminInputsProps): import("react/jsx-runtime").JSX.Element;
-export declare const SocialSecurityNumberSchema: v.ObjectSchema<{
-    readonly ssn: v.SchemaWithPipe<[v.StringSchema<undefined>, v.TransformAction<string, string>, v.CheckAction<string, undefined>]>;
-    readonly enableSsn: v.BooleanSchema<undefined>;
-}, undefined>;
+export declare const SocialSecurityNumberSchema: z.ZodObject<{
+    ssn: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+    enableSsn: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    ssn: string;
+    enableSsn: boolean;
+}, {
+    ssn: string;
+    enableSsn: boolean;
+}>;
 interface SocialSecurityNumberInputProps {
     employee?: Employee;
     onChange?: (updatedValue: string) => void;
 }
 export declare function SocialSecurityNumberInput({ employee, onChange }: SocialSecurityNumberInputProps): import("react/jsx-runtime").JSX.Element;
-export declare const DateOfBirthSchema: v.ObjectSchema<{
-    readonly dateOfBirth: v.SchemaWithPipe<[v.InstanceSchema<DateConstructor, undefined>, v.TransformAction<Date, string | undefined>]>;
-}, undefined>;
+export declare const DateOfBirthSchema: z.ZodObject<{
+    dateOfBirth: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+}, "strip", z.ZodTypeAny, {
+    dateOfBirth?: string | undefined;
+}, {
+    dateOfBirth: Date;
+}>;
 export declare function DateOfBirthInput(): import("react/jsx-runtime").JSX.Element;
-declare const PersonalDetailsTotalSchema: v.ObjectSchema<{
-    readonly selfOnboarding: v.BooleanSchema<undefined>;
-    readonly enableSsn: v.BooleanSchema<undefined>;
-    readonly dateOfBirth: v.SchemaWithPipe<[v.InstanceSchema<DateConstructor, undefined>, v.TransformAction<Date, string | undefined>]>;
-    readonly ssn: v.SchemaWithPipe<[v.StringSchema<undefined>, v.TransformAction<string, string>, v.CheckAction<string, undefined>]>;
-    readonly workAddress: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
-    readonly startDate: v.SchemaWithPipe<[v.InstanceSchema<DateConstructor, undefined>, v.TransformAction<Date, string | undefined>]>;
-    readonly email: v.SchemaWithPipe<[v.StringSchema<undefined>, v.EmailAction<string, undefined>]>;
-    readonly firstName: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>, v.RegexAction<string, undefined>]>;
-    readonly middleInitial: v.OptionalSchema<v.StringSchema<undefined>, never>;
-    readonly lastName: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>, v.RegexAction<string, undefined>]>;
-}, undefined>;
+declare const PersonalDetailsTotalSchema: z.ZodObject<{
+    firstName: z.ZodString;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+    workAddress: z.ZodString;
+    startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+    email: z.ZodString;
+    ssn: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+    dateOfBirth: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+} & {
+    selfOnboarding: z.ZodBoolean;
+    enableSsn: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    ssn: string;
+    firstName: string;
+    lastName: string;
+    workAddress: string;
+    enableSsn: boolean;
+    selfOnboarding: boolean;
+    middleInitial?: string | undefined;
+    startDate?: string | undefined;
+    dateOfBirth?: string | undefined;
+}, {
+    email: string;
+    ssn: string;
+    firstName: string;
+    lastName: string;
+    workAddress: string;
+    startDate: Date;
+    enableSsn: boolean;
+    dateOfBirth: Date;
+    selfOnboarding: boolean;
+    middleInitial?: string | undefined;
+}>;
 type NullableDatesMapper<Source> = {
     [Property in keyof Source]: Source[Property] extends Date ? Source[Property] | null : Source[Property];
 };
-export type PersonalDetailsPayload = v.InferOutput<typeof PersonalDetailsTotalSchema>;
-export type PersonalDetailsInputs = NullableDatesMapper<v.InferInput<typeof PersonalDetailsTotalSchema>>;
+export type PersonalDetailsPayload = z.infer<typeof PersonalDetailsTotalSchema>;
+export type PersonalDetailsInputs = NullableDatesMapper<z.input<typeof PersonalDetailsTotalSchema>>;
 export {};

package/dist/components/Employee/Profile/PersonalDetailsInputs.js

@@ -1,55 +1,52 @@
 import { jsxs as l, Fragment as d, jsx as a } from "react/jsx-runtime";
-import * as e from "valibot";
+import { z as r } from "zod";
 import { useFormContext as c } from "react-hook-form";
-import { useTranslation as o } from "react-i18next";
+import { useTranslation as i } from "react-i18next";
 import { Grid as b } from "../../Common/Grid/Grid.js";
 import { removeNonDigits as S, addressInline as g } from "../../../helpers/formattedStrings.js";
 import { usePlaceholderSSN as h, normalizeSSN as N } from "../../../helpers/ssn.js";
-import { SSN_REGEX as D, nameValidation as m } from "../../../helpers/validations.js";
-import { TextInputField as i } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { nameValidation as m, SSN_REGEX as D } from "../../../helpers/validations.js";
+import { TextInputField as s } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as I } from "../../Common/Fields/SelectField/SelectField.js";
 import { DatePickerField as p } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-const v = e.object({
+const v = r.object({
   firstName: m,
-  middleInitial: e.optional(e.string()),
+  middleInitial: r.string().optional(),
   lastName: m
 });
-function T() {
-  const { t } = o("Employee.Profile");
+function B() {
+  const { t: e } = i("Employee.Profile");
   return /* @__PURE__ */ l(d, { children: [
     /* @__PURE__ */ l(b, { gap: { base: 20, small: 8 }, gridTemplateColumns: { base: "1fr", small: ["1fr", 200] }, children: [
       /* @__PURE__ */ a(
-        i,
+        s,
         {
           name: "firstName",
           isRequired: !0,
-          label: t("firstName"),
-          errorMessage: t("validations.firstName")
+          label: e("firstName"),
+          errorMessage: e("validations.firstName")
         }
       ),
-      /* @__PURE__ */ a(i, { name: "middleInitial", label: t("middleInitial") })
+      /* @__PURE__ */ a(s, { name: "middleInitial", label: e("middleInitial") })
     ] }),
     /* @__PURE__ */ a(
-      i,
+      s,
       {
         name: "lastName",
         isRequired: !0,
-        label: t("lastName"),
-        errorMessage: t("validations.lastName")
+        label: e("lastName"),
+        errorMessage: e("validations.lastName")
       }
     )
   ] });
 }
-const y = e.object({
-  workAddress: e.pipe(e.string(), e.nonEmpty()),
-  startDate: e.pipe(
-    e.instance(Date),
-    e.transform((t) => t.toISOString().split("T")[0])
-  ),
-  email: e.pipe(e.string(), e.email())
+const O = r.object({
+  workAddress: r.string().min(1),
+  startDate: r.date().transform((e) => e.toISOString().split("T")[0]),
+  email: r.string().email()
 });
-function B({ companyLocations: t }) {
-  const { t: r } = o("Employee.Profile"), {
+function C({ companyLocations: e }) {
+  const { t } = i("Employee.Profile"), {
     formState: { errors: n }
   } = c();
   return /* @__PURE__ */ l(d, { children: [
@@ -57,14 +54,14 @@ function B({ companyLocations: t }) {
       I,
       {
         name: "workAddress",
-        options: t.map((s) => ({
-          value: s.uuid,
-          label: g(s)
+        options: e.map((o) => ({
+          value: o.uuid,
+          label: g(o)
         })),
-        label: r("workAddress"),
-        description: r("workAddressDescription"),
-        placeholder: r("workAddressPlaceholder"),
-        errorMessage: r("validations.location", { ns: "common" }),
+        label: t("workAddress"),
+        description: t("workAddressDescription"),
+        placeholder: t("workAddressPlaceholder"),
+        errorMessage: t("validations.location", { ns: "common" }),
         isRequired: !0
       }
     ),
@@ -72,82 +69,71 @@ function B({ companyLocations: t }) {
       p,
       {
         name: "startDate",
-        label: r("startDateLabel"),
-        description: r("startDateDescription"),
-        errorMessage: n.startDate?.type === "custom" ? r("validations.startDateOutOfRange") : r("validations.startDate")
+        label: t("startDateLabel"),
+        description: t("startDateDescription"),
+        errorMessage: n.startDate?.type === "custom" ? t("validations.startDateOutOfRange") : t("validations.startDate")
       }
     ),
     /* @__PURE__ */ a(
-      i,
+      s,
       {
         name: "email",
-        label: r("email"),
-        description: r("emailDescription"),
-        errorMessage: r("validations.email"),
+        label: t("email"),
+        description: t("emailDescription"),
+        errorMessage: t("validations.email"),
         isRequired: !0,
         type: "email"
       }
     )
   ] });
 }
-const O = e.object({
-  ssn: e.pipe(
-    e.string(),
-    e.transform((t) => S(t)),
-    e.check((t) => D.test(t))
-  ),
-  enableSsn: e.boolean()
+const y = r.object({
+  ssn: r.string().transform((e) => S(e)).refine((e) => D.test(e)),
+  enableSsn: r.boolean()
 });
-function C({ employee: t, onChange: r }) {
-  const { setValue: n } = c(), { t: s } = o("Employee.Profile"), u = h(t?.hasSsn);
+function L({ employee: e, onChange: t }) {
+  const { setValue: n } = c(), { t: o } = i("Employee.Profile"), u = h(e?.hasSsn);
   return /* @__PURE__ */ a(
-    i,
+    s,
     {
       isRequired: !0,
       name: "ssn",
-      label: s("ssnLabel"),
-      errorMessage: s("validations.ssn", { ns: "common" }),
+      label: o("ssnLabel"),
+      errorMessage: o("validations.ssn", { ns: "common" }),
       placeholder: u,
       transform: N,
       onChange: (f) => {
-        n("enableSsn", !0), r?.(f);
+        n("enableSsn", !0), t?.(f);
       }
     }
   );
 }
-const j = e.object({
-  dateOfBirth: e.pipe(
-    e.instance(Date),
-    e.transform((t) => t.toISOString().split("T")[0])
-  )
+const A = r.object({
+  dateOfBirth: r.date().transform((e) => e.toISOString().split("T")[0])
 });
-function L() {
-  const { t } = o("Employee.Profile");
+function z() {
+  const { t: e } = i("Employee.Profile");
   return /* @__PURE__ */ a(
     p,
     {
       name: "dateOfBirth",
-      label: t("dobLabel"),
-      errorMessage: t("validations.dob", { ns: "common" })
+      label: e("dobLabel"),
+      errorMessage: e("validations.dob", { ns: "common" })
     }
   );
 }
-e.object({
-  ...v.entries,
-  ...y.entries,
-  ...O.entries,
-  ...j.entries,
-  selfOnboarding: e.boolean(),
-  enableSsn: e.boolean()
+v.merge(O).merge(y).merge(A).extend({
+  selfOnboarding: r.boolean(),
+  enableSsn: r.boolean()
 });
 export {
-  B as AdminInputs,
-  y as AdminInputsSchema,
-  L as DateOfBirthInput,
-  j as DateOfBirthSchema,
-  T as NameInputs,
+  C as AdminInputs,
+  O as AdminInputsSchema,
+  z as DateOfBirthInput,
+  A as DateOfBirthSchema,
+  B as NameInputs,
   v as NameInputsSchema,
-  C as SocialSecurityNumberInput,
-  O as SocialSecurityNumberSchema
+  L as SocialSecurityNumberInput,
+  y as SocialSecurityNumberSchema
 };
 //# sourceMappingURL=PersonalDetailsInputs.js.map

package/dist/components/Employee/Profile/PersonalDetailsInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonalDetailsInputs.js","sources":["../../../../src/components/Employee/Profile/PersonalDetailsInputs.tsx"],"sourcesContent":["import * as v from 'valibot'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { SelectField, TextInputField, Grid, DatePickerField } from '@/components/Common'\nimport { addressInline, removeNonDigits } from '@/helpers/formattedStrings'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { nameValidation, SSN_REGEX } from '@/helpers/validations'\n\nexport const NameInputsSchema = v.object({\n  firstName: nameValidation,\n  middleInitial: v.optional(v.string()),\n  lastName: nameValidation,\n})\n\nexport function NameInputs() {\n  const { t } = useTranslation('Employee.Profile')\n\n  return (\n    <>\n      <Grid gap={{ base: 20, small: 8 }} gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}>\n        <TextInputField\n          name=\"firstName\"\n          isRequired\n          label={t('firstName')}\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField name=\"middleInitial\" label={t('middleInitial')} />\n      </Grid>\n      <TextInputField\n        name=\"lastName\"\n        isRequired\n        label={t('lastName')}\n        errorMessage={t('validations.lastName')}\n      />\n    </>\n  )\n}\n\nexport const AdminInputsSchema = v.object({\n  workAddress: v.pipe(v.string(), v.nonEmpty()),\n  startDate: v.pipe(\n    v.instance(Date),\n    v.transform(date => date.toISOString().split('T')[0]),\n  ),\n  email: v.pipe(v.string(), v.email()),\n})\n\ntype AdminInputsSchemaType = v.InferInput<typeof AdminInputsSchema>\n\ninterface AdminInputsProps {\n  companyLocations: Location[]\n}\n\nexport function AdminInputs({ companyLocations }: AdminInputsProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const {\n    formState: { errors },\n  } = useFormContext<AdminInputsSchemaType>()\n\n  return (\n    <>\n      <SelectField\n        name=\"workAddress\"\n        options={companyLocations.map(location => ({\n          value: location.uuid,\n          label: addressInline(location),\n        }))}\n        label={t('workAddress')}\n        description={t('workAddressDescription')}\n        placeholder={t('workAddressPlaceholder')}\n        errorMessage={t('validations.location', { ns: 'common' })}\n        isRequired\n      />\n      <DatePickerField\n        name=\"startDate\"\n        label={t('startDateLabel')}\n        description={t('startDateDescription')}\n        errorMessage={\n          errors.startDate?.type === 'custom'\n            ? t('validations.startDateOutOfRange')\n            : t('validations.startDate')\n        }\n      />\n      <TextInputField\n        name=\"email\"\n        label={t('email')}\n        description={t('emailDescription')}\n        errorMessage={t('validations.email')}\n        isRequired\n        type=\"email\"\n      />\n    </>\n  )\n}\n\nexport const SocialSecurityNumberSchema = v.object({\n  ssn: v.pipe(\n    v.string(),\n    v.transform(input => removeNonDigits(input)),\n    v.check(input => {\n      return SSN_REGEX.test(input)\n    }),\n  ),\n  enableSsn: v.boolean(),\n})\n\ntype SocialSecurityNumberSchemaType = v.InferInput<typeof SocialSecurityNumberSchema>\n\ninterface SocialSecurityNumberInputProps {\n  employee?: Employee\n  onChange?: (updatedValue: string) => void\n}\n\nexport function SocialSecurityNumberInput({ employee, onChange }: SocialSecurityNumberInputProps) {\n  const { setValue } = useFormContext<SocialSecurityNumberSchemaType>()\n  const { t } = useTranslation('Employee.Profile')\n  const placeholderSSN = usePlaceholderSSN(employee?.hasSsn)\n  return (\n    <TextInputField\n      isRequired\n      name=\"ssn\"\n      label={t('ssnLabel')}\n      errorMessage={t('validations.ssn', { ns: 'common' })}\n      placeholder={placeholderSSN}\n      transform={normalizeSSN}\n      onChange={updatedValue => {\n        setValue('enableSsn', true)\n        onChange?.(updatedValue)\n      }}\n    />\n  )\n}\n\nexport const DateOfBirthSchema = v.object({\n  dateOfBirth: v.pipe(\n    v.instance(Date),\n    v.transform(date => date.toISOString().split('T')[0]),\n  ),\n})\n\nexport function DateOfBirthInput() {\n  const { t } = useTranslation('Employee.Profile')\n  return (\n    <DatePickerField\n      name=\"dateOfBirth\"\n      label={t('dobLabel')}\n      errorMessage={t('validations.dob', { ns: 'common' })}\n    />\n  )\n}\n\n// All possible inputs for PersonalDetails forms\nconst PersonalDetailsTotalSchema = v.object({\n  ...NameInputsSchema.entries,\n  ...AdminInputsSchema.entries,\n  ...SocialSecurityNumberSchema.entries,\n  ...DateOfBirthSchema.entries,\n  selfOnboarding: v.boolean(),\n  enableSsn: v.boolean(),\n})\n\ntype NullableDatesMapper<Source> = {\n  [Property in keyof Source]: Source[Property] extends Date\n    ? Source[Property] | null\n    : Source[Property]\n}\n\nexport type PersonalDetailsPayload = v.InferOutput<typeof PersonalDetailsTotalSchema>\n\n//Typescript magic to mark date fields as nullable for correct defaultvalues\nexport type PersonalDetailsInputs = NullableDatesMapper<\n  v.InferInput<typeof PersonalDetailsTotalSchema>\n>\n"],"names":["NameInputsSchema","v","nameValidation","NameInputs","useTranslation","jsxs","Fragment","Grid","jsx","TextInputField","AdminInputsSchema","date","AdminInputs","companyLocations","t","errors","useFormContext","SelectField","location","addressInline","DatePickerField","SocialSecurityNumberSchema","input","removeNonDigits","SSN_REGEX","SocialSecurityNumberInput","employee","onChange","setValue","placeholderSSN","usePlaceholderSSN","normalizeSSN","updatedValue","DateOfBirthSchema","DateOfBirthInput"],"mappings":"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"}
+{"version":3,"file":"PersonalDetailsInputs.js","sources":["../../../../src/components/Employee/Profile/PersonalDetailsInputs.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { SelectField, TextInputField, Grid, DatePickerField } from '@/components/Common'\nimport { addressInline, removeNonDigits } from '@/helpers/formattedStrings'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { nameValidation, SSN_REGEX } from '@/helpers/validations'\n\nexport const NameInputsSchema = z.object({\n  firstName: nameValidation,\n  middleInitial: z.string().optional(),\n  lastName: nameValidation,\n})\n\nexport function NameInputs() {\n  const { t } = useTranslation('Employee.Profile')\n\n  return (\n    <>\n      <Grid gap={{ base: 20, small: 8 }} gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}>\n        <TextInputField\n          name=\"firstName\"\n          isRequired\n          label={t('firstName')}\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField name=\"middleInitial\" label={t('middleInitial')} />\n      </Grid>\n      <TextInputField\n        name=\"lastName\"\n        isRequired\n        label={t('lastName')}\n        errorMessage={t('validations.lastName')}\n      />\n    </>\n  )\n}\n\nexport const AdminInputsSchema = z.object({\n  workAddress: z.string().min(1),\n  startDate: z.date().transform(date => date.toISOString().split('T')[0]),\n  email: z.string().email(),\n})\n\ntype AdminInputsSchemaType = z.infer<typeof AdminInputsSchema>\n\ninterface AdminInputsProps {\n  companyLocations: Location[]\n}\n\nexport function AdminInputs({ companyLocations }: AdminInputsProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const {\n    formState: { errors },\n  } = useFormContext<AdminInputsSchemaType>()\n\n  return (\n    <>\n      <SelectField\n        name=\"workAddress\"\n        options={companyLocations.map(location => ({\n          value: location.uuid,\n          label: addressInline(location),\n        }))}\n        label={t('workAddress')}\n        description={t('workAddressDescription')}\n        placeholder={t('workAddressPlaceholder')}\n        errorMessage={t('validations.location', { ns: 'common' })}\n        isRequired\n      />\n      <DatePickerField\n        name=\"startDate\"\n        label={t('startDateLabel')}\n        description={t('startDateDescription')}\n        errorMessage={\n          errors.startDate?.type === 'custom'\n            ? t('validations.startDateOutOfRange')\n            : t('validations.startDate')\n        }\n      />\n      <TextInputField\n        name=\"email\"\n        label={t('email')}\n        description={t('emailDescription')}\n        errorMessage={t('validations.email')}\n        isRequired\n        type=\"email\"\n      />\n    </>\n  )\n}\n\nexport const SocialSecurityNumberSchema = z.object({\n  ssn: z\n    .string()\n    .transform(input => removeNonDigits(input))\n    .refine(input => SSN_REGEX.test(input)),\n  enableSsn: z.boolean(),\n})\n\ntype SocialSecurityNumberSchemaType = z.infer<typeof SocialSecurityNumberSchema>\n\ninterface SocialSecurityNumberInputProps {\n  employee?: Employee\n  onChange?: (updatedValue: string) => void\n}\n\nexport function SocialSecurityNumberInput({ employee, onChange }: SocialSecurityNumberInputProps) {\n  const { setValue } = useFormContext<SocialSecurityNumberSchemaType>()\n  const { t } = useTranslation('Employee.Profile')\n  const placeholderSSN = usePlaceholderSSN(employee?.hasSsn)\n  return (\n    <TextInputField\n      isRequired\n      name=\"ssn\"\n      label={t('ssnLabel')}\n      errorMessage={t('validations.ssn', { ns: 'common' })}\n      placeholder={placeholderSSN}\n      transform={normalizeSSN}\n      onChange={updatedValue => {\n        setValue('enableSsn', true)\n        onChange?.(updatedValue)\n      }}\n    />\n  )\n}\n\nexport const DateOfBirthSchema = z.object({\n  dateOfBirth: z.date().transform(date => date.toISOString().split('T')[0]),\n})\n\nexport function DateOfBirthInput() {\n  const { t } = useTranslation('Employee.Profile')\n  return (\n    <DatePickerField\n      name=\"dateOfBirth\"\n      label={t('dobLabel')}\n      errorMessage={t('validations.dob', { ns: 'common' })}\n    />\n  )\n}\n\n// All possible inputs for PersonalDetails forms\nconst PersonalDetailsTotalSchema = NameInputsSchema.merge(AdminInputsSchema)\n  .merge(SocialSecurityNumberSchema)\n  .merge(DateOfBirthSchema)\n  .extend({\n    selfOnboarding: z.boolean(),\n    enableSsn: z.boolean(),\n  })\n\ntype NullableDatesMapper<Source> = {\n  [Property in keyof Source]: Source[Property] extends Date\n    ? Source[Property] | null\n    : Source[Property]\n}\n\nexport type PersonalDetailsPayload = z.infer<typeof PersonalDetailsTotalSchema>\n\n//Typescript magic to mark date fields as nullable for correct defaultvalues\nexport type PersonalDetailsInputs = NullableDatesMapper<z.input<typeof PersonalDetailsTotalSchema>>\n"],"names":["NameInputsSchema","z","nameValidation","NameInputs","t","useTranslation","jsxs","Fragment","Grid","jsx","TextInputField","AdminInputsSchema","date","AdminInputs","companyLocations","errors","useFormContext","SelectField","location","addressInline","DatePickerField","SocialSecurityNumberSchema","input","removeNonDigits","SSN_REGEX","SocialSecurityNumberInput","employee","onChange","setValue","placeholderSSN","usePlaceholderSSN","normalizeSSN","updatedValue","DateOfBirthSchema","DateOfBirthInput"],"mappings":"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"}

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

@@ -16,7 +16,7 @@ export type ProfileDefaultValues = RequireAtLeastOne<{
         zip?: string;
     }>;
 }>;
-interface ProfileProps extends CommonComponentInterface {
+interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {
     employeeId?: string;
     companyId: string;
     defaultValues?: ProfileDefaultValues;