@gusto/embedded-react-sdk 0.10.7 → 0.11.0-rc.1

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 { 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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"}
+{"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

@@ -25,8 +25,8 @@ export declare const AdminInputsSchema: z.ZodObject<{
     startDate?: string | undefined;
 }, {
     email: string;
-    workAddress: string;
     startDate: Date;
+    workAddress: string;
 }>;
 interface AdminInputsProps {
     companyLocations: Location[];
@@ -83,8 +83,8 @@ declare const PersonalDetailsTotalSchema: z.ZodObject<{
     ssn: string;
     firstName: string;
     lastName: string;
-    workAddress: string;
     startDate: Date;
+    workAddress: string;
     enableSsn: boolean;
     dateOfBirth: Date;
     selfOnboarding: boolean;

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

@@ -3,7 +3,6 @@ import { z as r } from "zod";
 import { useFormContext as c } from "react-hook-form";
 import { useTranslation as i } from "react-i18next";
 import { Grid as b } from "../../Common/Grid/Grid.js";
-import "classnames";
 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";
@@ -15,7 +14,7 @@ const v = r.object({
   middleInitial: r.string().optional(),
   lastName: m
 });
-function C() {
+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: [
@@ -46,7 +45,7 @@ const O = r.object({
   startDate: r.date().transform((e) => e.toISOString().split("T")[0]),
   email: r.string().email()
 });
-function L({ companyLocations: e }) {
+function C({ companyLocations: e }) {
   const { t } = i("Employee.Profile"), {
     formState: { errors: n }
   } = c();
@@ -92,7 +91,7 @@ const y = r.object({
   ssn: r.string().transform((e) => S(e)).refine((e) => D.test(e)),
   enableSsn: r.boolean()
 });
-function z({ employee: e, onChange: t }) {
+function L({ employee: e, onChange: t }) {
   const { setValue: n } = c(), { t: o } = i("Employee.Profile"), u = h(e?.hasSsn);
   return /* @__PURE__ */ a(
     s,
@@ -112,7 +111,7 @@ function z({ employee: e, onChange: t }) {
 const A = r.object({
   dateOfBirth: r.date().transform((e) => e.toISOString().split("T")[0])
 });
-function G() {
+function z() {
   const { t: e } = i("Employee.Profile");
   return /* @__PURE__ */ a(
     p,
@@ -128,13 +127,13 @@ v.merge(O).merge(y).merge(A).extend({
   enableSsn: r.boolean()
 });
 export {
-  L as AdminInputs,
+  C as AdminInputs,
   O as AdminInputsSchema,
-  G as DateOfBirthInput,
+  z as DateOfBirthInput,
   A as DateOfBirthSchema,
-  C as NameInputs,
+  B as NameInputs,
   v as NameInputsSchema,
-  z as SocialSecurityNumberInput,
+  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 { 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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"}
+{"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

@@ -24,13 +24,5 @@ interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {
     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

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