@gusto/embedded-react-sdk 0.6.0 → 0.8.0

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

@@ -0,0 +1,105 @@
+import { jsxs as o, Fragment as l, jsx as r } from "react/jsx-runtime";
+import { useFormContext as h } from "react-hook-form";
+import { useTranslation as u, Trans as a } from "react-i18next";
+import * as e from "valibot";
+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()])
+  }),
+  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");
+  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__ */ o(
+      b,
+      {
+        gridTemplateColumns: {
+          base: "1fr",
+          small: ["1fr", "1fr"]
+        },
+        gap: 20,
+        children: [
+          /* @__PURE__ */ r(
+            n,
+            {
+              name: "street1",
+              label: t("street1"),
+              isRequired: !0,
+              errorMessage: t("validations.street1")
+            }
+          ),
+          /* @__PURE__ */ r(n, { name: "street2", label: t("street2") }),
+          /* @__PURE__ */ r(
+            n,
+            {
+              name: "city",
+              isRequired: !0,
+              label: t("city"),
+              errorMessage: t("validations.city")
+            }
+          ),
+          /* @__PURE__ */ r(
+            T,
+            {
+              name: "state",
+              options: f.map((s) => ({
+                label: t(`statesHash.${s}`, { ns: "common" }),
+                value: s
+              })),
+              label: t("state"),
+              placeholder: t("statePlaceholder"),
+              errorMessage: t("validations.state"),
+              isRequired: !0
+            }
+          ),
+          /* @__PURE__ */ r(
+            n,
+            {
+              name: "zip",
+              isRequired: !0,
+              label: t("zip"),
+              errorMessage: t("validations.zip")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      v,
+      {
+        name: "courtesyWithholding",
+        label: t("courtesyWithholdingLabel"),
+        description: /* @__PURE__ */ o(l, { children: [
+          t("courtesyWhithholdingDescription"),
+          /* @__PURE__ */ r(a, { t, 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" }) })
+  ] });
+};
+export {
+  j as HomeAddress,
+  S as HomeAddressSchema
+};
+//# sourceMappingURL=HomeAddress.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,49 @@
+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 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>;
+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>;
+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 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>;
+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 {};

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

@@ -0,0 +1,153 @@
+import { jsxs as l, Fragment as d, jsx as a } from "react/jsx-runtime";
+import * as e from "valibot";
+import { useFormContext as c } from "react-hook-form";
+import { useTranslation as o } 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 { SelectField as I } from "../../Common/Fields/SelectField/SelectField.js";
+import { DatePickerField as p } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+const v = e.object({
+  firstName: m,
+  middleInitial: e.optional(e.string()),
+  lastName: m
+});
+function T() {
+  const { t } = o("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,
+        {
+          name: "firstName",
+          isRequired: !0,
+          label: t("firstName"),
+          errorMessage: t("validations.firstName")
+        }
+      ),
+      /* @__PURE__ */ a(i, { name: "middleInitial", label: t("middleInitial") })
+    ] }),
+    /* @__PURE__ */ a(
+      i,
+      {
+        name: "lastName",
+        isRequired: !0,
+        label: t("lastName"),
+        errorMessage: t("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())
+});
+function B({ companyLocations: t }) {
+  const { t: r } = o("Employee.Profile"), {
+    formState: { errors: n }
+  } = c();
+  return /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ a(
+      I,
+      {
+        name: "workAddress",
+        options: t.map((s) => ({
+          value: s.uuid,
+          label: g(s)
+        })),
+        label: r("workAddress"),
+        description: r("workAddressDescription"),
+        placeholder: r("workAddressPlaceholder"),
+        errorMessage: r("validations.location", { ns: "common" }),
+        isRequired: !0
+      }
+    ),
+    /* @__PURE__ */ a(
+      p,
+      {
+        name: "startDate",
+        label: r("startDateLabel"),
+        description: r("startDateDescription"),
+        errorMessage: n.startDate?.type === "custom" ? r("validations.startDateOutOfRange") : r("validations.startDate")
+      }
+    ),
+    /* @__PURE__ */ a(
+      i,
+      {
+        name: "email",
+        label: r("email"),
+        description: r("emailDescription"),
+        errorMessage: r("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()
+});
+function C({ employee: t, onChange: r }) {
+  const { setValue: n } = c(), { t: s } = o("Employee.Profile"), u = h(t?.hasSsn);
+  return /* @__PURE__ */ a(
+    i,
+    {
+      isRequired: !0,
+      name: "ssn",
+      label: s("ssnLabel"),
+      errorMessage: s("validations.ssn", { ns: "common" }),
+      placeholder: u,
+      transform: N,
+      onChange: (f) => {
+        n("enableSsn", !0), r?.(f);
+      }
+    }
+  );
+}
+const j = e.object({
+  dateOfBirth: e.pipe(
+    e.instance(Date),
+    e.transform((t) => t.toISOString().split("T")[0])
+  )
+});
+function L() {
+  const { t } = o("Employee.Profile");
+  return /* @__PURE__ */ a(
+    p,
+    {
+      name: "dateOfBirth",
+      label: t("dobLabel"),
+      errorMessage: t("validations.dob", { ns: "common" })
+    }
+  );
+}
+e.object({
+  ...v.entries,
+  ...y.entries,
+  ...O.entries,
+  ...j.entries,
+  selfOnboarding: e.boolean(),
+  enableSsn: e.boolean()
+});
+export {
+  B as AdminInputs,
+  y as AdminInputsSchema,
+  L as DateOfBirthInput,
+  j as DateOfBirthSchema,
+  T as NameInputs,
+  v as NameInputsSchema,
+  C as SocialSecurityNumberInput,
+  O as SocialSecurityNumberSchema
+};
+//# sourceMappingURL=PersonalDetailsInputs.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,36 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+import { RequireAtLeastOne } from '../../../types/Helpers';
+export type ProfileDefaultValues = RequireAtLeastOne<{
+    employee?: RequireAtLeastOne<{
+        firstName?: string;
+        middleInitial?: string;
+        lastName?: string;
+        email?: string;
+        dateOfBirth?: string;
+    }>;
+    homeAddress?: RequireAtLeastOne<{
+        street1?: string;
+        street2?: string;
+        city?: string;
+        state?: string;
+        zip?: string;
+    }>;
+}>;
+interface ProfileProps extends CommonComponentInterface {
+    employeeId?: string;
+    companyId: string;
+    defaultValues?: ProfileDefaultValues;
+    isAdmin?: boolean;
+    isSelfOnboardingEnabled?: boolean;
+}
+export declare function Profile(props: ProfileProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace Profile {
+    var Head: () => import("react/jsx-runtime").JSX.Element;
+    var Actions: () => import("react/jsx-runtime").JSX.Element;
+    var AdminPersonalDetails: () => import("react/jsx-runtime").JSX.Element | null;
+    var SelfPersonalDetails: () => import("react/jsx-runtime").JSX.Element | null;
+    var HomeAddress: () => import("react/jsx-runtime").JSX.Element | null;
+    var WorkAddress: typeof import("./WorkAddress").WorkAddress;
+}
+export declare const ProfileContextual: () => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,265 @@
+import { jsx as t, jsxs as ce, Fragment as pe } from "react/jsx-runtime";
+import { valibotResolver as ye } from "@hookform/resolvers/valibot";
+import { useRef as Ae } from "react";
+import { useForm as Ee, useWatch as fe, FormProvider as he } from "react-hook-form";
+import * as De from "valibot";
+import { useLocationsGetSuspense as Oe } from "@gusto/embedded-api/react-query/locationsGet";
+import { useEmployeesCreateMutation as Se } from "@gusto/embedded-api/react-query/employeesCreate";
+import { useEmployeesGetSuspense as Pe } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeeAddressesGetSuspense as ge } from "@gusto/embedded-api/react-query/employeeAddressesGet";
+import { useEmployeeAddressesCreateMutation as be } from "@gusto/embedded-api/react-query/employeeAddressesCreate";
+import { useEmployeeAddressesUpdateMutation as Ne } from "@gusto/embedded-api/react-query/employeeAddressesUpdate";
+import { useEmployeeAddressesUpdateWorkAddressMutation as Ie } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
+import { useEmployeesUpdateMutation as _e } from "@gusto/embedded-api/react-query/employeesUpdate";
+import { useEmployeeAddressesGetWorkAddressesSuspense as we } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useEmployeeAddressesCreateWorkAddressMutation as ke } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
+import { RFCDate as Me } from "@gusto/embedded-api/types/rfcdate";
+import { useEmployeesUpdateOnboardingStatusMutation as Re } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
+import { invalidateEmployeesList as ve } from "@gusto/embedded-api/react-query/employeesList";
+import { useQueryClient as Le } from "@gusto/embedded-api/ReactSDKProvider";
+import { AdminPersonalDetailsSchema as Be, AdminPersonalDetails as v } from "./AdminPersonalDetails.js";
+import { SelfPersonalDetailsSchema as Ce, SelfPersonalDetails as L } from "./SelfPersonalDetails.js";
+import { Head as B } from "./Head.js";
+import { Actions as C } from "./Actions.js";
+import { HomeAddressSchema as We, HomeAddress as W } from "./HomeAddress.js";
+import { WorkAddress as U } from "./WorkAddress.js";
+import { ProfileProvider as Ue } from "./useProfile.js";
+import { getEmployeeAddressForProfile as qe } from "./getEmployeeAddressForProfile.js";
+import { Form as Te } from "../../Common/Form/Form.js";
+import { BaseComponent as He } from "../../Base/Base.js";
+import { useBase as Ge } from "../../Base/useBase.js";
+import { useI18n as R } from "../../../i18n/I18n.js";
+import { EmployeeOnboardingStatus as l, EmployeeSelfOnboardingStatuses as Fe, componentEvents as d } from "../../../shared/constants.js";
+import { useFlow as Ve } from "../../Flow/useFlow.js";
+import { ensureRequired as Ye } from "../../../helpers/ensureRequired.js";
+function m(r) {
+  return /* @__PURE__ */ t(He, { ...r, children: r.employeeId ? /* @__PURE__ */ t(xe, { ...r, employeeId: r.employeeId, children: r.children }) : /* @__PURE__ */ t(q, { ...r, children: r.children }) });
+}
+function xe({ employeeId: r, ...a }) {
+  const {
+    data: { employee: u }
+  } = Pe({ employeeId: r }), {
+    data: { employeeAddressList: i }
+  } = ge({ employeeId: r }), {
+    data: { employeeWorkAddressList: c }
+  } = we({ employeeId: r });
+  return /* @__PURE__ */ t(
+    q,
+    {
+      ...a,
+      employee: u,
+      homeAddresses: i,
+      workAddresses: c
+    }
+  );
+}
+const q = ({
+  isAdmin: r = !1,
+  isSelfOnboardingEnabled: a = !0,
+  ...u
+}) => {
+  R("Employee.Profile"), R("Employee.HomeAddress");
+  const {
+    companyId: i,
+    employee: c,
+    homeAddresses: f,
+    workAddresses: S,
+    children: P,
+    className: T = "",
+    defaultValues: s
+  } = u, { onEvent: n, baseSubmitHandler: H } = Ge(), G = Le(), { data: F } = Oe({ companyId: i }), V = F.locationList, { mutateAsync: Y, isPending: x } = Se(), { mutateAsync: j, isPending: z } = _e(), { mutateAsync: K, isPending: Q } = ke(), { mutateAsync: J, isPending: X } = Ie(), { mutateAsync: Z, isPending: $ } = be(), { mutateAsync: ee, isPending: re } = Ne(), {
+    mutateAsync: te,
+    isPending: oe
+  } = Re({
+    onSettled: () => ve(G, [i])
+  }), g = { employee: c, workAddresses: S }, se = qe(f), ne = g.workAddresses?.find((O) => O.active), e = Ae({
+    employee: g.employee,
+    homeAddress: se,
+    workAddress: ne
+  }), h = {
+    firstName: e.current.employee?.firstName ?? s?.employee?.firstName ?? "",
+    middleInitial: e.current.employee?.middleInitial ?? s?.employee?.middleInitial ?? "",
+    lastName: e.current.employee?.lastName ?? s?.employee?.lastName ?? "",
+    workAddress: e.current.workAddress?.locationUuid,
+    startDate: e.current.employee?.jobs?.[0]?.hireDate ? new Date(e.current.employee.jobs[0].hireDate) : null,
+    // By default employee response contains only current job - therefore jobs[0]
+    email: e.current.employee?.email ?? s?.employee?.email ?? "",
+    dateOfBirth: e.current.employee?.dateOfBirth ? new Date(e.current.employee.dateOfBirth) : s?.employee?.dateOfBirth ? new Date(s.employee.dateOfBirth) : null,
+    street1: e.current.homeAddress?.street1 ?? s?.homeAddress?.street1 ?? "",
+    street2: e.current.homeAddress?.street2 ?? s?.homeAddress?.street2 ?? "",
+    city: e.current.homeAddress?.city ?? s?.homeAddress?.city ?? "",
+    zip: e.current.homeAddress?.zip ?? s?.homeAddress?.zip ?? "",
+    state: e.current.homeAddress?.state ?? s?.homeAddress?.state ?? "",
+    courtesyWithholding: e.current.homeAddress?.courtesyWithholding ?? !1
+  }, de = e.current.employee?.onboarded || e.current.employee?.onboardingStatus === l.ONBOARDING_COMPLETED || e.current.employee?.onboardingStatus !== void 0 && e.current.employee.onboardingStatus !== l.ADMIN_ONBOARDING_INCOMPLETE ? { ...h, enableSsn: !1, selfOnboarding: !0 } : {
+    ...h,
+    selfOnboarding: a && e.current.employee?.onboardingStatus ? (
+      // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
+      Fe.has(e.current.employee.onboarding_status)
+    ) : !1,
+    enableSsn: !e.current.employee?.hasSsn,
+    ssn: ""
+  }, ie = {
+    ...h,
+    enableSsn: !e.current.employee?.hasSsn,
+    ssn: ""
+  }, D = Ee({
+    resolver: ye(
+      De.intersect([
+        r ? Be : Ce,
+        We
+      ])
+    ),
+    defaultValues: r ? de : ie
+  }), { handleSubmit: me } = D, b = fe({ control: D.control, name: "selfOnboarding" }), ae = async (O) => {
+    await H(O, async (A) => {
+      const { workAddress: N, startDate: ue, selfOnboarding: E, ...I } = A;
+      if (e.current.employee) {
+        if (E && e.current.employee.onboardingStatus === l.ADMIN_ONBOARDING_INCOMPLETE || !E && e.current.employee.onboardingStatus === l.SELF_ONBOARDING_PENDING_INVITE) {
+          const { employeeOnboardingStatus: p } = await te({
+            request: {
+              employeeId: e.current.employee.uuid,
+              requestBody: {
+                onboardingStatus: E ? l.SELF_ONBOARDING_PENDING_INVITE : l.ADMIN_ONBOARDING_INCOMPLETE
+              }
+            }
+          });
+          e.current.employee = {
+            ...e.current.employee,
+            onboardingStatus: p.onboardingStatus
+          }, n(d.EMPLOYEE_ONBOARDING_STATUS_UPDATED, p);
+        }
+        const { employee: o } = await j({
+          request: {
+            employeeId: e.current.employee.uuid,
+            requestBody: { ...I, version: e.current.employee.version }
+          }
+        });
+        e.current = { ...e.current, employee: o }, n(d.EMPLOYEE_UPDATED, o);
+      } else {
+        const { employee: o } = await Y({
+          request: {
+            companyId: i,
+            requestBody: { ...I, selfOnboarding: E }
+          }
+        });
+        e.current = { ...e.current, employee: o }, n(d.EMPLOYEE_CREATED, o);
+      }
+      if (typeof e.current.employee?.uuid != "string")
+        throw new Error("Employee id is not available");
+      if ((!b || !r) && !A.selfOnboarding) {
+        const { street1: o, street2: p, city: _, state: w, zip: k, courtesyWithholding: M } = A;
+        if (e.current.homeAddress) {
+          const { employeeAddress: y } = await ee({
+            request: {
+              homeAddressUuid: e.current.homeAddress.uuid,
+              requestBody: {
+                version: e.current.homeAddress.version,
+                street1: o,
+                street2: p,
+                city: _,
+                state: w,
+                zip: k,
+                courtesyWithholding: M
+              }
+            }
+          });
+          e.current = { ...e.current, homeAddress: y }, n(d.EMPLOYEE_HOME_ADDRESS_UPDATED, y);
+        } else {
+          const { employeeAddress: y } = await Z({
+            request: {
+              employeeId: e.current.employee.uuid,
+              requestBody: {
+                street1: o,
+                street2: p,
+                city: _,
+                state: w,
+                zip: k,
+                courtesyWithholding: M
+              }
+            }
+          });
+          e.current = { ...e.current, homeAddress: y }, n(d.EMPLOYEE_HOME_ADDRESS_CREATED, y);
+        }
+      }
+      if (r)
+        if (e.current.workAddress) {
+          const { employeeWorkAddress: o } = await J({
+            request: {
+              workAddressUuid: e.current.workAddress.uuid,
+              requestBody: {
+                version: e.current.workAddress.version,
+                locationUuid: N
+              }
+            }
+          });
+          e.current = { ...e.current, workAddress: o }, n(d.EMPLOYEE_WORK_ADDRESS_UPDATED, o);
+        } else {
+          const { employeeWorkAddress: o } = await K({
+            request: {
+              employeeId: e.current.employee?.uuid,
+              requestBody: {
+                locationUuid: N,
+                effectiveDate: new Me(A.startDate || /* @__PURE__ */ new Date())
+              }
+            }
+          });
+          e.current = { ...e.current, workAddress: o }, n(d.EMPLOYEE_WORK_ADDRESS_CREATED, o);
+        }
+      n(d.EMPLOYEE_PROFILE_DONE, {
+        ...e.current.employee,
+        startDate: ue
+      });
+    });
+  }, le = () => {
+    n(d.CANCEL);
+  };
+  return /* @__PURE__ */ t("section", { className: T, children: /* @__PURE__ */ t(
+    Ue,
+    {
+      value: {
+        companyLocations: V,
+        workAddresses: S,
+        employee: e.current.employee ?? void 0,
+        isSelfOnboardingIntended: b,
+        handleCancel: le,
+        isAdmin: r,
+        isSelfOnboardingEnabled: a,
+        isPending: z || X || $ || re || x || Q || oe
+      },
+      children: /* @__PURE__ */ t(he, { ...D, children: /* @__PURE__ */ t(Te, { onSubmit: me(ae), children: P || /* @__PURE__ */ ce(pe, { children: [
+        /* @__PURE__ */ t(B, {}),
+        /* @__PURE__ */ t(v, {}),
+        /* @__PURE__ */ t(L, {}),
+        /* @__PURE__ */ t(W, {}),
+        /* @__PURE__ */ t(U, {}),
+        /* @__PURE__ */ t(C, {})
+      ] }) }) })
+    }
+  ) });
+};
+m.Head = B;
+m.Actions = C;
+m.AdminPersonalDetails = v;
+m.SelfPersonalDetails = L;
+m.HomeAddress = W;
+m.WorkAddress = U;
+const Nr = () => {
+  const { companyId: r, employeeId: a, onEvent: u, isAdmin: i, defaultValues: c, isSelfOnboardingEnabled: f } = Ve();
+  return /* @__PURE__ */ t(
+    m,
+    {
+      companyId: Ye(r),
+      employeeId: a,
+      onEvent: u,
+      isAdmin: i,
+      defaultValues: c?.profile,
+      isSelfOnboardingEnabled: f
+    }
+  );
+};
+export {
+  m as Profile,
+  Nr as ProfileContextual
+};
+//# sourceMappingURL=Profile.js.map