@gusto/embedded-react-sdk 0.39.0 → 0.41.0

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

@@ -0,0 +1,358 @@
+import { jsx as o, jsxs as c, Fragment as F } from "react/jsx-runtime";
+import { useState as P, useMemo as y, useEffect as q } from "react";
+import { useForm as z, useWatch as K, FormProvider as j } from "react-hook-form";
+import { useTranslation as H, Trans as T } from "react-i18next";
+import V from "classnames";
+import C from "./AdminProfile.module.scss.js";
+import { useEmployeeDetailsForm as Z } from "./shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import { useHomeAddressForm as $ } from "./shared/useHomeAddressForm/useHomeAddressForm.js";
+import { useWorkAddressForm as J } from "./shared/useWorkAddressForm/useWorkAddressForm.js";
+import { SDKFormProvider as k } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { composeSubmitHandler as X } from "../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { composeErrorHandler as ee } from "../../../partner-hook-utils/composeErrorHandler.js";
+import { Grid as M } from "../../Common/Grid/Grid.js";
+import { componentEvents as E, STATES_ABBR as oe, EmployeeOnboardingStatus as N } from "../../../shared/constants.js";
+import { ActionsLayout as te } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as ie } from "../../Common/Form/Form.js";
+import { BaseLayout as w } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useI18n as U, useComponentDictionary as se } from "../../../i18n/I18n.js";
+import { useComponentContext as re } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as ae } from "../../Common/Fields/SelectField/SelectField.js";
+import { DatePickerField as ne } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+const le = (t) => t?.onboarded === !0 || t?.onboardingStatus === N.ONBOARDING_COMPLETED || t?.onboardingStatus === N.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t?.onboardingStatus === N.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE;
+function de(t) {
+  return t ? {
+    create: ["email"],
+    update: ["firstName", "lastName", "email"]
+  } : {
+    create: ["email", "dateOfBirth", "ssn"],
+    update: ["firstName", "lastName", "email", "dateOfBirth", "ssn"]
+  };
+}
+function Te({
+  companyId: t,
+  employeeId: l,
+  defaultValues: s,
+  isSelfOnboardingEnabled: D = !0,
+  className: I = "",
+  dictionary: g,
+  onEvent: R
+}) {
+  U("Employee.Profile"), U("Employee.HomeAddress"), se("Employee.Profile", g);
+  const [f, n] = P(l), p = !f, e = p && D && (s?.inviteEmployeeDefault ?? !1), [i, d] = P(e), b = y(
+    () => de(i),
+    [i]
+  ), O = y(
+    () => ({
+      ...s?.employee,
+      ...p && { selfOnboarding: e }
+    }),
+    [s, p, e]
+  ), u = Z({
+    companyId: t,
+    employeeId: f,
+    withSelfOnboardingField: !0,
+    optionalFieldsToRequire: b,
+    defaultValues: O,
+    shouldFocusError: !1
+  }), a = $({
+    employeeId: f,
+    withEffectiveDateField: !1,
+    defaultValues: {
+      street1: s?.homeAddress?.street1,
+      street2: s?.homeAddress?.street2,
+      city: s?.homeAddress?.city,
+      state: s?.homeAddress?.state,
+      zip: s?.homeAddress?.zip
+    },
+    shouldFocusError: !1
+  }), m = J({
+    companyId: t,
+    employeeId: f,
+    withEffectiveDateField: !1,
+    shouldFocusError: !1
+  });
+  if (u.isLoading || a.isLoading || m.isLoading) {
+    const L = ee([u, a, m]);
+    return /* @__PURE__ */ o(w, { isLoading: !0, error: L.errors });
+  }
+  return /* @__PURE__ */ o(
+    me,
+    {
+      employeeDetails: u,
+      homeAddress: a,
+      workAddress: m,
+      isSelfOnboardingEnabled: D,
+      isCreateMode: p,
+      employeeId: l,
+      setResolvedEmployeeId: n,
+      setSelfOnboardingActive: d,
+      onEvent: R,
+      className: I
+    }
+  );
+}
+function me({
+  employeeDetails: t,
+  homeAddress: l,
+  workAddress: s,
+  isSelfOnboardingEnabled: D,
+  isCreateMode: I,
+  employeeId: g,
+  setResolvedEmployeeId: R,
+  setSelfOnboardingActive: f,
+  onEvent: n,
+  className: p
+}) {
+  const { t: e } = H("Employee.Profile"), { t: i } = H("Employee.HomeAddress"), d = re(), b = t.data.employee ?? void 0, O = le(b), u = z({
+    defaultValues: { startDate: b?.jobs?.[0]?.hireDate ?? "" },
+    mode: "onSubmit",
+    shouldFocusError: !1
+  }), a = t.form.Fields, m = l.form.Fields, L = s.form.Fields, S = K({
+    control: t.form.hookFormInternals.formMethods.control,
+    name: "selfOnboarding"
+  });
+  q(() => {
+    f(S);
+  }, [S, f]);
+  const _ = !S || O, W = !S || O, B = [
+    t,
+    ..._ ? [l] : [],
+    s,
+    u
+  ], { handleSubmit: Q, errorHandling: Y } = X(B, async () => {
+    const h = await t.actions.onSubmit({
+      onEmployeeCreated: (r) => {
+        n(E.EMPLOYEE_CREATED, r);
+      },
+      onEmployeeUpdated: (r) => {
+        n(E.EMPLOYEE_UPDATED, r);
+      },
+      onOnboardingStatusUpdated: (r) => {
+        n(E.EMPLOYEE_ONBOARDING_STATUS_UPDATED, r);
+      }
+    });
+    if (!h) return;
+    const A = h.data.uuid, v = u.getValues("startDate");
+    if (_) {
+      const r = await l.actions.onSubmit({
+        employeeId: A
+      });
+      if (!r) {
+        g || R(A);
+        return;
+      }
+      r.mode === "create" ? n(E.EMPLOYEE_HOME_ADDRESS_CREATED, r.data) : n(E.EMPLOYEE_HOME_ADDRESS_UPDATED, r.data);
+    }
+    if (!await s.actions.onSubmit(
+      {
+        onWorkAddressCreated: (r) => {
+          n(E.EMPLOYEE_WORK_ADDRESS_CREATED, r);
+        },
+        onWorkAddressUpdated: (r) => {
+          n(E.EMPLOYEE_WORK_ADDRESS_UPDATED, r);
+        }
+      },
+      {
+        employeeId: A,
+        effectiveDate: I && v || void 0
+      }
+    )) {
+      g || R(A);
+      return;
+    }
+    n(E.EMPLOYEE_PROFILE_DONE, {
+      ...h.data,
+      startDate: v
+    });
+  }), G = t.status.isPending || l.status.isPending || s.status.isPending, x = l.form.hookFormInternals.formMethods.watch("courtesyWithholding");
+  return /* @__PURE__ */ o("section", { className: V(C.container, p), children: /* @__PURE__ */ o(w, { error: Y.errors, children: /* @__PURE__ */ c(ie, { onSubmit: Q, children: [
+    /* @__PURE__ */ c(M, { gridTemplateColumns: "1fr", gap: 24, children: [
+      /* @__PURE__ */ c("div", { children: [
+        /* @__PURE__ */ o(d.Heading, { as: "h2", children: e("title") }),
+        /* @__PURE__ */ o(d.Text, { children: e("description") })
+      ] }),
+      D && a.SelfOnboarding && /* @__PURE__ */ o("div", { className: C.switchFieldContainer, children: /* @__PURE__ */ o(
+        a.SelfOnboarding,
+        {
+          label: e("selfOnboardingLabel"),
+          description: e("selfOnboardingDescription"),
+          formHookResult: t
+        }
+      ) }),
+      /* @__PURE__ */ c(
+        M,
+        {
+          gap: { base: 20, small: 8 },
+          gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
+          children: [
+            /* @__PURE__ */ o(
+              a.FirstName,
+              {
+                label: e("firstName"),
+                formHookResult: t,
+                validationMessages: {
+                  REQUIRED: e("validations.firstName"),
+                  INVALID_NAME: e("validations.firstName")
+                }
+              }
+            ),
+            /* @__PURE__ */ o(
+              a.MiddleInitial,
+              {
+                label: e("middleInitial"),
+                formHookResult: t
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        a.LastName,
+        {
+          label: e("lastName"),
+          formHookResult: t,
+          validationMessages: {
+            REQUIRED: e("validations.lastName"),
+            INVALID_NAME: e("validations.lastName")
+          }
+        }
+      ),
+      /* @__PURE__ */ o(k, { formHookResult: s, children: /* @__PURE__ */ o(
+        L.Location,
+        {
+          label: e("workAddress"),
+          description: e("workAddressDescription"),
+          validationMessages: { REQUIRED: e("validations.location", { ns: "common" }) }
+        }
+      ) }),
+      /* @__PURE__ */ o(j, { ...u, children: /* @__PURE__ */ o(
+        ne,
+        {
+          name: "startDate",
+          label: e("startDateLabel"),
+          description: e("startDateDescription"),
+          isRequired: !0,
+          errorMessage: e("validations.startDate")
+        }
+      ) }),
+      /* @__PURE__ */ o(
+        a.Email,
+        {
+          label: e("email"),
+          description: e("emailDescription"),
+          formHookResult: t,
+          validationMessages: {
+            REQUIRED: e("validations.email"),
+            INVALID_EMAIL: e("validations.email"),
+            EMAIL_REQUIRED_FOR_SELF_ONBOARDING: e("validations.email")
+          }
+        }
+      ),
+      W && /* @__PURE__ */ c(F, { children: [
+        /* @__PURE__ */ o(
+          a.Ssn,
+          {
+            label: e("ssnLabel"),
+            formHookResult: t,
+            validationMessages: {
+              INVALID_SSN: e("validations.ssn", { ns: "common" }),
+              REQUIRED: e("validations.ssnRequired", { ns: "common" })
+            }
+          }
+        ),
+        /* @__PURE__ */ o(
+          a.DateOfBirth,
+          {
+            label: e("dobLabel"),
+            formHookResult: t,
+            validationMessages: { REQUIRED: e("validations.dob", { ns: "common" }) }
+          }
+        )
+      ] }),
+      _ && /* @__PURE__ */ c(k, { formHookResult: l, children: [
+        /* @__PURE__ */ c("div", { children: [
+          /* @__PURE__ */ o(d.Heading, { as: "h2", children: i("formTitle") }),
+          /* @__PURE__ */ o(d.Text, { children: i("desc") })
+        ] }),
+        /* @__PURE__ */ c(
+          M,
+          {
+            gridTemplateColumns: {
+              base: "1fr",
+              small: ["1fr", "1fr"]
+            },
+            gap: 20,
+            children: [
+              /* @__PURE__ */ o(
+                m.Street1,
+                {
+                  label: i("street1"),
+                  validationMessages: { REQUIRED: i("validations.street1") }
+                }
+              ),
+              /* @__PURE__ */ o(m.Street2, { label: i("street2") }),
+              /* @__PURE__ */ o(
+                m.City,
+                {
+                  label: i("city"),
+                  validationMessages: { REQUIRED: i("validations.city") }
+                }
+              ),
+              /* @__PURE__ */ o(
+                ae,
+                {
+                  name: "state",
+                  options: oe.map((h) => ({
+                    label: i(`statesHash.${h}`, { ns: "common" }),
+                    value: h
+                  })),
+                  label: i("state"),
+                  placeholder: i("statePlaceholder"),
+                  errorMessage: i("validations.state"),
+                  isRequired: !0
+                }
+              ),
+              /* @__PURE__ */ o(
+                m.Zip,
+                {
+                  label: i("zip"),
+                  validationMessages: {
+                    REQUIRED: i("validations.zip"),
+                    INVALID_ZIP: i("validations.zip")
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(
+          m.CourtesyWithholding,
+          {
+            label: i("courtesyWithholdingLabel"),
+            description: /* @__PURE__ */ c(F, { children: [
+              i("courtesyWithholdingDescription"),
+              /* @__PURE__ */ o(
+                T,
+                {
+                  t: i,
+                  i18nKey: "learnMoreCta",
+                  components: {
+                    LearnMoreLink: /* @__PURE__ */ o(d.Link, {})
+                  }
+                }
+              )
+            ] })
+          }
+        ),
+        x && /* @__PURE__ */ o(d.Alert, { label: i("withholdingTitle"), status: "warning", children: /* @__PURE__ */ o(T, { t: i, i18nKey: "withholdingNote" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ o(te, { children: /* @__PURE__ */ o(d.Button, { type: "submit", isLoading: G, children: e("submitCta") }) })
+  ] }) }) });
+}
+export {
+  Te as AdminProfile
+};
+//# sourceMappingURL=AdminProfile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminProfile.js","sources":["../../../../src/components/Employee/Profile/AdminProfile.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { ProfileProps } from './Profile'\nimport styles from './AdminProfile.module.scss'\nimport { useEmployeeDetailsForm } from './shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from './shared/useEmployeeDetailsForm'\nimport { useHomeAddressForm } from './shared/useHomeAddressForm'\nimport { useWorkAddressForm } from './shared/useWorkAddressForm'\nimport type { UseEmployeeDetailsFormReady } from './shared/useEmployeeDetailsForm'\nimport type { UseHomeAddressFormReady } from './shared/useHomeAddressForm'\nimport type { UseWorkAddressFormReady } from './shared/useWorkAddressForm'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, DatePickerField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { SelectField } from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeOnboardingStatus,\n  STATES_ABBR,\n  type EventType,\n} from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst checkHasCompletedSelfOnboarding = (employee?: Employee) => {\n  return (\n    employee?.onboarded === true ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  )\n}\n\nfunction computeOptionalFieldsToRequire(\n  selfOnboardingActive: boolean,\n): EmployeeDetailsOptionalFieldsToRequire {\n  if (selfOnboardingActive) {\n    return {\n      create: ['email'],\n      update: ['firstName', 'lastName', 'email'],\n    }\n  }\n  return {\n    create: ['email', 'dateOfBirth', 'ssn'],\n    update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n  }\n}\n\nexport function AdminProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n  const isCreateMode = !resolvedEmployeeId\n\n  const createModeSelfOnboarding =\n    isCreateMode && isSelfOnboardingEnabled && (defaultValues?.inviteEmployeeDefault ?? false)\n\n  const [selfOnboardingActive, setSelfOnboardingActive] = useState(createModeSelfOnboarding)\n\n  const optionalFieldsToRequire = useMemo(\n    () => computeOptionalFieldsToRequire(selfOnboardingActive),\n    [selfOnboardingActive],\n  )\n\n  const employeeDetailsDefaults = useMemo(\n    () => ({\n      ...defaultValues?.employee,\n      ...(isCreateMode && { selfOnboarding: createModeSelfOnboarding }),\n    }),\n    [defaultValues, isCreateMode, createModeSelfOnboarding],\n  )\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: true,\n    optionalFieldsToRequire,\n    defaultValues: employeeDetailsDefaults,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useHomeAddressForm({\n    employeeId: resolvedEmployeeId,\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddress = useWorkAddressForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withEffectiveDateField: false,\n    shouldFocusError: false,\n  })\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddress.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([employeeDetails, homeAddress, workAddress])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  return (\n    <AdminProfileReady\n      employeeDetails={employeeDetails}\n      homeAddress={homeAddress}\n      workAddress={workAddress}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      isCreateMode={isCreateMode}\n      employeeId={employeeId}\n      setResolvedEmployeeId={setResolvedEmployeeId}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n      onEvent={onEvent}\n      className={className}\n    />\n  )\n}\n\ninterface AdminProfileReadyProps {\n  employeeDetails: UseEmployeeDetailsFormReady\n  homeAddress: UseHomeAddressFormReady\n  workAddress: UseWorkAddressFormReady\n  isSelfOnboardingEnabled: boolean\n  isCreateMode: boolean\n  employeeId?: string\n  setResolvedEmployeeId: (id: string) => void\n  setSelfOnboardingActive: (active: boolean) => void\n  onEvent: (event: EventType, data?: unknown) => void\n  className: string\n}\n\nfunction AdminProfileReady({\n  employeeDetails,\n  homeAddress,\n  workAddress,\n  isSelfOnboardingEnabled,\n  isCreateMode,\n  employeeId,\n  setResolvedEmployeeId,\n  setSelfOnboardingActive,\n  onEvent,\n  className,\n}: AdminProfileReadyProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n\n  const employee = employeeDetails.data.employee ?? undefined\n  const completedSelfOnboarding = checkHasCompletedSelfOnboarding(employee)\n\n  const startDateForm = useForm<{ startDate: string }>({\n    defaultValues: { startDate: employee?.jobs?.[0]?.hireDate ?? '' },\n    mode: 'onSubmit',\n    shouldFocusError: false,\n  })\n\n  const EmployeeFields = employeeDetails.form.Fields\n  const HomeAddressFields = homeAddress.form.Fields\n  const WorkAddressFields = workAddress.form.Fields\n\n  const watchedSelfOnboarding = useWatch({\n    control: employeeDetails.form.hookFormInternals.formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  useEffect(() => {\n    setSelfOnboardingActive(watchedSelfOnboarding)\n  }, [watchedSelfOnboarding, setSelfOnboardingActive])\n\n  const shouldShowHomeAddress = !watchedSelfOnboarding || completedSelfOnboarding\n  const shouldShowSsnDob = !watchedSelfOnboarding || completedSelfOnboarding\n\n  const activeForms = [\n    employeeDetails,\n    ...(shouldShowHomeAddress ? [homeAddress] : []),\n    workAddress,\n    startDateForm,\n  ]\n\n  const { handleSubmit, errorHandling } = composeSubmitHandler(activeForms, async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n      onOnboardingStatusUpdated: status => {\n        onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, status)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n    const enteredStartDate = startDateForm.getValues('startDate')\n\n    if (shouldShowHomeAddress) {\n      const homeResult = await homeAddress.actions.onSubmit({\n        employeeId: newEmployeeId,\n      })\n      if (!homeResult) {\n        if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n        return\n      }\n      if (homeResult.mode === 'create') {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n      }\n    }\n\n    const workResult = await workAddress.actions.onSubmit(\n      {\n        onWorkAddressCreated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, wa)\n        },\n        onWorkAddressUpdated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, wa)\n        },\n      },\n      {\n        employeeId: newEmployeeId,\n        effectiveDate: isCreateMode ? enteredStartDate || undefined : undefined,\n      },\n    )\n    if (!workResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n      ...employeeResult.data,\n      startDate: enteredStartDate,\n    })\n  })\n\n  const isPending =\n    employeeDetails.status.isPending || homeAddress.status.isPending || workAddress.status.isPending\n\n  const watchedCourtesyWithholding =\n    homeAddress.form.hookFormInternals.formMethods.watch('courtesyWithholding')\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            {isSelfOnboardingEnabled && EmployeeFields.SelfOnboarding && (\n              <div className={styles.switchFieldContainer}>\n                <EmployeeFields.SelfOnboarding\n                  label={t('selfOnboardingLabel')}\n                  description={t('selfOnboardingDescription')}\n                  formHookResult={employeeDetails}\n                />\n              </div>\n            )}\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <EmployeeFields.FirstName\n                label={t('firstName')}\n                formHookResult={employeeDetails}\n                validationMessages={{\n                  REQUIRED: t('validations.firstName'),\n                  INVALID_NAME: t('validations.firstName'),\n                }}\n              />\n              <EmployeeFields.MiddleInitial\n                label={t('middleInitial')}\n                formHookResult={employeeDetails}\n              />\n            </Grid>\n            <EmployeeFields.LastName\n              label={t('lastName')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.lastName'),\n                INVALID_NAME: t('validations.lastName'),\n              }}\n            />\n\n            <SDKFormProvider formHookResult={workAddress}>\n              <WorkAddressFields.Location\n                label={t('workAddress')}\n                description={t('workAddressDescription')}\n                validationMessages={{ REQUIRED: t('validations.location', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <FormProvider {...startDateForm}>\n              <DatePickerField\n                name=\"startDate\"\n                label={t('startDateLabel')}\n                description={t('startDateDescription')}\n                isRequired\n                errorMessage={t('validations.startDate')}\n              />\n            </FormProvider>\n\n            <EmployeeFields.Email\n              label={t('email')}\n              description={t('emailDescription')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.email'),\n                INVALID_EMAIL: t('validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('validations.email'),\n              }}\n            />\n\n            {shouldShowSsnDob && (\n              <>\n                <EmployeeFields.Ssn\n                  label={t('ssnLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{\n                    INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                    REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                  }}\n                />\n                <EmployeeFields.DateOfBirth\n                  label={t('dobLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n                />\n              </>\n            )}\n\n            {shouldShowHomeAddress && (\n              <SDKFormProvider formHookResult={homeAddress}>\n                <div>\n                  <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                  <Components.Text>{tHome('desc')}</Components.Text>\n                </div>\n                <Grid\n                  gridTemplateColumns={{\n                    base: '1fr',\n                    small: ['1fr', '1fr'],\n                  }}\n                  gap={20}\n                >\n                  <HomeAddressFields.Street1\n                    label={tHome('street1')}\n                    validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                  />\n                  <HomeAddressFields.Street2 label={tHome('street2')} />\n                  <HomeAddressFields.City\n                    label={tHome('city')}\n                    validationMessages={{ REQUIRED: tHome('validations.city') }}\n                  />\n                  <SelectField\n                    name=\"state\"\n                    options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                      label: tHome(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                      value: stateAbbr,\n                    }))}\n                    label={tHome('state')}\n                    placeholder={tHome('statePlaceholder')}\n                    errorMessage={tHome('validations.state')}\n                    isRequired\n                  />\n                  <HomeAddressFields.Zip\n                    label={tHome('zip')}\n                    validationMessages={{\n                      REQUIRED: tHome('validations.zip'),\n                      INVALID_ZIP: tHome('validations.zip'),\n                    }}\n                  />\n                </Grid>\n                <HomeAddressFields.CourtesyWithholding\n                  label={tHome('courtesyWithholdingLabel')}\n                  description={\n                    <>\n                      {tHome('courtesyWithholdingDescription')}\n                      <Trans\n                        t={tHome}\n                        i18nKey=\"learnMoreCta\"\n                        components={{\n                          LearnMoreLink: <Components.Link />,\n                        }}\n                      />\n                    </>\n                  }\n                />\n                {watchedCourtesyWithholding && (\n                  <Components.Alert label={tHome('withholdingTitle')} status=\"warning\">\n                    <Trans t={tHome} i18nKey=\"withholdingNote\" />\n                  </Components.Alert>\n                )}\n              </SDKFormProvider>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["checkHasCompletedSelfOnboarding","employee","EmployeeOnboardingStatus","computeOptionalFieldsToRequire","selfOnboardingActive","AdminProfile","companyId","employeeId","defaultValues","isSelfOnboardingEnabled","className","dictionary","onEvent","useI18n","useComponentDictionary","resolvedEmployeeId","setResolvedEmployeeId","useState","isCreateMode","createModeSelfOnboarding","setSelfOnboardingActive","optionalFieldsToRequire","useMemo","employeeDetailsDefaults","employeeDetails","useEmployeeDetailsForm","homeAddress","useHomeAddressForm","workAddress","useWorkAddressForm","loadingErrorHandling","composeErrorHandler","BaseLayout","jsx","AdminProfileReady","t","useTranslation","tHome","Components","useComponentContext","completedSelfOnboarding","startDateForm","useForm","EmployeeFields","HomeAddressFields","WorkAddressFields","watchedSelfOnboarding","useWatch","useEffect","shouldShowHomeAddress","shouldShowSsnDob","activeForms","handleSubmit","errorHandling","composeSubmitHandler","employeeResult","emp","componentEvents","status","newEmployeeId","enteredStartDate","homeResult","wa","isPending","watchedCourtesyWithholding","classNames","styles","jsxs","Form","Grid","SDKFormProvider","FormProvider","DatePickerField","Fragment","SelectField","STATES_ABBR","stateAbbr","Trans","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Profile/AdminProfile.module.scss.js

@@ -0,0 +1,10 @@
+const n = "_container_v19ck_1", t = "_switchFieldContainer_v19ck_5", e = {
+  container: n,
+  switchFieldContainer: t
+};
+export {
+  n as container,
+  e as default,
+  t as switchFieldContainer
+};
+//# sourceMappingURL=AdminProfile.module.scss.js.map

package/dist/components/Employee/Profile/AdminProfile.module.scss.js.map

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

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

@@ -0,0 +1,2 @@
+import { ProfileProps } from './Profile';
+export declare function EmployeeProfile({ companyId, employeeId, defaultValues, className, dictionary, onEvent, }: ProfileProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,211 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as O } from "react";
+import { useTranslation as I } from "react-i18next";
+import C from "classnames";
+import { useEmployeeAddressesGetWorkAddresses as k } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import b from "./EmployeeProfile.module.scss.js";
+import { useEmployeeDetailsForm as w } from "./shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import { useHomeAddressForm as U } from "./shared/useHomeAddressForm/useHomeAddressForm.js";
+import { SDKFormProvider as S } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { composeSubmitHandler as x } from "../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { composeErrorHandler as v } from "../../../partner-hook-utils/composeErrorHandler.js";
+import { STATES_ABBR as Q, componentEvents as c } from "../../../shared/constants.js";
+import { Grid as A } from "../../Common/Grid/Grid.js";
+import { ActionsLayout as B } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as z } from "../../Common/Form/Form.js";
+import { BaseLayout as L } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useI18n as N, useComponentDictionary as Y } from "../../../i18n/I18n.js";
+import { useComponentContext as q } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { getStreet as W, getCityStateZip as Z } from "../../../helpers/formattedStrings.js";
+import { SelectField as j } from "../../Common/Fields/SelectField/SelectField.js";
+const G = {
+  create: ["dateOfBirth", "ssn"],
+  update: ["firstName", "lastName", "dateOfBirth", "ssn"]
+};
+function ye({
+  companyId: P,
+  employeeId: g,
+  defaultValues: d,
+  className: T = "",
+  dictionary: F,
+  onEvent: n
+}) {
+  N("Employee.Profile"), N("Employee.HomeAddress"), Y("Employee.Profile", F);
+  const { t: s } = I("Employee.Profile"), { t: o } = I("Employee.HomeAddress"), r = q(), [p, M] = O(g), a = w({
+    companyId: P,
+    employeeId: p,
+    withSelfOnboardingField: !1,
+    optionalFieldsToRequire: G,
+    defaultValues: d?.employee,
+    shouldFocusError: !1
+  }), l = U({
+    employeeId: p,
+    withEffectiveDateField: !1,
+    defaultValues: {
+      street1: d?.homeAddress?.street1,
+      street2: d?.homeAddress?.street2,
+      city: d?.homeAddress?.city,
+      state: d?.homeAddress?.state,
+      zip: d?.homeAddress?.zip
+    },
+    shouldFocusError: !1
+  }), E = k(
+    { employeeId: p ?? "" },
+    { enabled: !!p }
+  ), u = E.data?.employeeWorkAddressesList?.find((t) => t.active);
+  if (a.isLoading || l.isLoading || E.isLoading) {
+    const t = v([
+      a,
+      l,
+      E
+    ]);
+    return /* @__PURE__ */ e(L, { isLoading: !0, error: t.errors });
+  }
+  const m = a.form.Fields, f = l.form.Fields, D = x([a, l], async () => {
+    const t = await a.actions.onSubmit({
+      onEmployeeCreated: (y) => {
+        n(c.EMPLOYEE_CREATED, y);
+      },
+      onEmployeeUpdated: (y) => {
+        n(c.EMPLOYEE_UPDATED, y);
+      }
+    });
+    if (!t) return;
+    const R = t.data.uuid, h = await l.actions.onSubmit({
+      employeeId: R
+    });
+    if (!h) {
+      g || M(R);
+      return;
+    }
+    h.mode === "create" ? n(c.EMPLOYEE_HOME_ADDRESS_CREATED, h.data) : n(c.EMPLOYEE_HOME_ADDRESS_UPDATED, h.data), n(c.EMPLOYEE_PROFILE_DONE, t.data);
+  }), H = v([D, E]), _ = a.status.isPending || l.status.isPending;
+  return /* @__PURE__ */ e("section", { className: C(b.container, T), children: /* @__PURE__ */ e(L, { error: H.errors, children: /* @__PURE__ */ i(z, { onSubmit: D.handleSubmit, children: [
+    /* @__PURE__ */ i(A, { gridTemplateColumns: "1fr", gap: 24, children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e(r.Heading, { as: "h2", children: s("title") }),
+        /* @__PURE__ */ e(r.Text, { children: s("description") })
+      ] }),
+      /* @__PURE__ */ i(S, { formHookResult: a, children: [
+        /* @__PURE__ */ i(
+          A,
+          {
+            gap: { base: 20, small: 8 },
+            gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
+            children: [
+              /* @__PURE__ */ e(
+                m.FirstName,
+                {
+                  label: s("firstName"),
+                  validationMessages: {
+                    REQUIRED: s("validations.firstName"),
+                    INVALID_NAME: s("validations.firstName")
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(m.MiddleInitial, { label: s("middleInitial") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          m.LastName,
+          {
+            label: s("lastName"),
+            validationMessages: {
+              REQUIRED: s("validations.lastName"),
+              INVALID_NAME: s("validations.lastName")
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          m.Ssn,
+          {
+            label: s("ssnLabel"),
+            validationMessages: {
+              INVALID_SSN: s("validations.ssn", { ns: "common" }),
+              REQUIRED: s("validations.ssnRequired", { ns: "common" })
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          m.DateOfBirth,
+          {
+            label: s("dobLabel"),
+            validationMessages: { REQUIRED: s("validations.dob", { ns: "common" }) }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(S, { formHookResult: l, children: [
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r.Heading, { as: "h2", children: o("formTitle") }),
+          /* @__PURE__ */ e(r.Text, { children: o("desc") })
+        ] }),
+        /* @__PURE__ */ i(
+          A,
+          {
+            gridTemplateColumns: {
+              base: "1fr",
+              small: ["1fr", "1fr"]
+            },
+            gap: 20,
+            children: [
+              /* @__PURE__ */ e(
+                f.Street1,
+                {
+                  label: o("street1"),
+                  validationMessages: { REQUIRED: o("validations.street1") }
+                }
+              ),
+              /* @__PURE__ */ e(f.Street2, { label: o("street2") }),
+              /* @__PURE__ */ e(
+                f.City,
+                {
+                  label: o("city"),
+                  validationMessages: { REQUIRED: o("validations.city") }
+                }
+              ),
+              /* @__PURE__ */ e(
+                j,
+                {
+                  name: "state",
+                  options: Q.map((t) => ({
+                    label: o(`statesHash.${t}`, { ns: "common" }),
+                    value: t
+                  })),
+                  label: o("state"),
+                  placeholder: o("statePlaceholder"),
+                  errorMessage: o("validations.state"),
+                  isRequired: !0
+                }
+              ),
+              /* @__PURE__ */ e(
+                f.Zip,
+                {
+                  label: o("zip"),
+                  validationMessages: {
+                    REQUIRED: o("validations.zip"),
+                    INVALID_ZIP: o("validations.zip")
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ] }),
+      u && /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e(r.Heading, { as: "h2", children: s("workAddressSectionTitle") }),
+        /* @__PURE__ */ e(r.Text, { children: s("workAddressSectionDescription") }),
+        /* @__PURE__ */ i("address", { className: b.address, children: [
+          /* @__PURE__ */ e(r.Text, { children: W(u) }),
+          /* @__PURE__ */ e(r.Text, { children: Z(u) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(r.Button, { type: "submit", isLoading: _, children: s("submitCta") }) })
+  ] }) }) });
+}
+export {
+  ye as EmployeeProfile
+};
+//# sourceMappingURL=EmployeeProfile.js.map