@gusto/embedded-react-sdk 0.53.0 → 0.54.0

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

@@ -27,4 +27,4 @@ export interface ProfileEditFormProps extends BaseComponentInterface<'Employee.M
  * @returns The employee profile edit form.
  * @public
  */
-export declare function ProfileEditForm({ FallbackComponent, ...props }: ProfileEditFormProps): import("react").JSX.Element;
+export declare function ProfileEditForm({ FallbackComponent, LoaderComponent, ...props }: ProfileEditFormProps): import("react").JSX.Element;

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

@@ -1,68 +1,86 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { useState as I } from "react";
-import { useTranslation as g } from "react-i18next";
-import L from "classnames";
-import { useEmployeeDetailsForm as M } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
-import b from "./Profile.module.scss.js";
-import { BaseBoundaries as h, BaseLayout as d } from "../../../Base/Base.js";
+import { useState as g } from "react";
+import { useTranslation as M } from "react-i18next";
+import b from "classnames";
+import { useEmployeeDetailsForm as h } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import v from "./Profile.module.scss.js";
+import { BaseBoundaries as L, BaseLayout as c } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { Grid as v } from "../../../Common/Grid/Grid.js";
-import { ActionsLayout as A } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as R } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as y } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useI18n as P, useComponentDictionary as F } from "../../../../i18n/I18n.js";
-import { componentEvents as f } from "../../../../shared/constants.js";
-import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function z({ FallbackComponent: r, ...t }) {
+import { Grid as A } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as R } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as y } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as P } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useI18n as F, useComponentDictionary as S } from "../../../../i18n/I18n.js";
+import { componentEvents as E } from "../../../../shared/constants.js";
+import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function J({
+  FallbackComponent: t,
+  LoaderComponent: a,
+  ...n
+}) {
   return /* @__PURE__ */ o(
-    h,
+    L,
     {
       componentName: "Employee.Management.Profile",
-      FallbackComponent: r,
-      children: /* @__PURE__ */ o(C, { ...t })
+      FallbackComponent: t,
+      LoaderComponent: a,
+      children: /* @__PURE__ */ o(C, { LoaderComponent: a, ...n })
     }
   );
 }
-function C({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
-  P("Employee.Management.Profile"), F("Employee.Management.Profile", c);
-  const { t: e } = g("Employee.Management.Profile"), s = S(), i = M({
-    employeeId: r,
+function C({
+  employeeId: t,
+  className: a,
+  dictionary: n,
+  onEvent: d,
+  LoaderComponent: f
+}) {
+  F("Employee.Management.Profile"), S("Employee.Management.Profile", n);
+  const { t: e } = M("Employee.Management.Profile"), r = _(), i = h({
+    employeeId: t,
     withSelfOnboardingField: !1,
     optionalFieldsToRequire: {
       update: ["firstName", "lastName", "email", "dateOfBirth", "ssn"]
     }
-  }), [E, n] = I(!1);
+  }), [u, l] = g(!1);
   if (i.isLoading)
-    return /* @__PURE__ */ o(d, { isLoading: !0, error: i.errorHandling.errors });
-  const a = i.form.Fields, p = async () => {
-    n(!1), await i.actions.onSubmit({
-      onEmployeeUpdated: (D) => {
-        l(f.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED, D);
+    return /* @__PURE__ */ o(
+      c,
+      {
+        isLoading: !0,
+        error: i.errorHandling.errors,
+        LoaderComponent: f
+      }
+    );
+  const s = i.form.Fields, p = async () => {
+    l(!1), await i.actions.onSubmit({
+      onEmployeeUpdated: (I) => {
+        d(E.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED, I);
       }
-    }) && n(!0);
-  }, u = () => {
-    l(f.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED);
-  }, N = E ? /* @__PURE__ */ o(
-    s.Alert,
+    }) && l(!0);
+  }, N = () => {
+    d(E.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED);
+  }, D = u ? /* @__PURE__ */ o(
+    r.Alert,
     {
       status: "success",
       label: e("form.successAlert"),
       onDismiss: () => {
-        n(!1);
+        l(!1);
       }
     }
   ) : void 0;
-  return /* @__PURE__ */ o("section", { className: L(b.container, t), children: /* @__PURE__ */ o(d, { error: i.errorHandling.errors, children: /* @__PURE__ */ o(y, { formHookResult: i, children: /* @__PURE__ */ m(R, { onSubmit: p, children: [
-    N,
-    /* @__PURE__ */ o(s.Heading, { as: "h1", children: e("form.title") }),
+  return /* @__PURE__ */ o("section", { className: b(v.container, a), children: /* @__PURE__ */ o(c, { error: i.errorHandling.errors, LoaderComponent: f, children: /* @__PURE__ */ o(P, { formHookResult: i, children: /* @__PURE__ */ m(y, { onSubmit: p, children: [
+    D,
+    /* @__PURE__ */ o(r.Heading, { as: "h1", children: e("form.title") }),
     /* @__PURE__ */ m(
-      v,
+      A,
       {
         gap: { base: 20, small: 8 },
         gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
         children: [
           /* @__PURE__ */ o(
-            a.FirstName,
+            s.FirstName,
             {
               label: e("form.firstName"),
               validationMessages: {
@@ -71,12 +89,12 @@ function C({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
               }
             }
           ),
-          /* @__PURE__ */ o(a.MiddleInitial, { label: e("form.middleInitial") })
+          /* @__PURE__ */ o(s.MiddleInitial, { label: e("form.middleInitial") })
         ]
       }
     ),
     /* @__PURE__ */ o(
-      a.LastName,
+      s.LastName,
       {
         label: e("form.lastName"),
         validationMessages: {
@@ -86,7 +104,7 @@ function C({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
       }
     ),
     /* @__PURE__ */ o(
-      a.Email,
+      s.Email,
       {
         label: e("form.email"),
         description: e("form.emailDescription"),
@@ -97,7 +115,7 @@ function C({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
       }
     ),
     /* @__PURE__ */ o(
-      a.Ssn,
+      s.Ssn,
       {
         label: e("form.ssnLabel"),
         validationMessages: {
@@ -107,19 +125,19 @@ function C({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
       }
     ),
     /* @__PURE__ */ o(
-      a.DateOfBirth,
+      s.DateOfBirth,
       {
         label: e("form.dobLabel"),
         validationMessages: { REQUIRED: e("validations.dob", { ns: "common" }) }
       }
     ),
-    /* @__PURE__ */ m(A, { children: [
-      /* @__PURE__ */ o(s.Button, { variant: "secondary", onClick: u, children: e("form.cancelCta") }),
-      /* @__PURE__ */ o(s.Button, { type: "submit", isLoading: i.status.isPending, children: e("form.saveCta") })
+    /* @__PURE__ */ m(R, { children: [
+      /* @__PURE__ */ o(r.Button, { variant: "secondary", onClick: N, children: e("form.cancelCta") }),
+      /* @__PURE__ */ o(r.Button, { type: "submit", isLoading: i.status.isPending, children: e("form.saveCta") })
     ] })
   ] }) }) }) });
 }
 export {
-  z as ProfileEditForm
+  J as ProfileEditForm
 };
 //# sourceMappingURL=ProfileEditForm.js.map

package/dist/components/Employee/Profile/management/ProfileEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileEditForm.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileEditForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport styles from './Profile.module.scss'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link ProfileEditForm}.\n *\n * @public\n */\nexport interface ProfileEditFormProps extends BaseComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Standalone edit form for an employee's basic profile details.\n *\n * @remarks\n * Renders fields for first name, middle initial, last name, email, SSN, and\n * date of birth — all required on update — and shows a success alert when\n * the save completes. Save and Cancel both emit events so the parent can\n * return to the read view.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link APIModels.Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user clicks Cancel | — |\n *\n * @param input - See {@link ProfileEditFormProps}.\n * @returns The employee profile edit form.\n * @public\n */\nexport function ProfileEditForm({ FallbackComponent, ...props }: ProfileEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileEditFormRoot({ employeeId, className, dictionary, onEvent }: ProfileEditFormProps) {\n  useI18n('Employee.Management.Profile')\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const employeeDetails = useEmployeeDetailsForm({\n    employeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: {\n      update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n    },\n  })\n\n  const [showSuccess, setShowSuccess] = useState(false)\n\n  if (employeeDetails.isLoading) {\n    return <BaseLayout isLoading error={employeeDetails.errorHandling.errors} />\n  }\n\n  const Fields = employeeDetails.form.Fields\n\n  const handleSubmit = async () => {\n    setShowSuccess(false)\n    const result = await employeeDetails.actions.onSubmit({\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED, emp)\n      },\n    })\n    if (!result) return\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('form.successAlert')}\n      onDismiss={() => {\n        setShowSuccess(false)\n      }}\n    />\n  ) : undefined\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={employeeDetails.errorHandling.errors}>\n        <SDKFormProvider formHookResult={employeeDetails}>\n          <Form onSubmit={handleSubmit}>\n            {alert}\n            <Components.Heading as=\"h1\">{t('form.title')}</Components.Heading>\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <Fields.FirstName\n                label={t('form.firstName')}\n                validationMessages={{\n                  REQUIRED: t('form.validations.firstName'),\n                  INVALID_NAME: t('form.validations.firstName'),\n                }}\n              />\n              <Fields.MiddleInitial label={t('form.middleInitial')} />\n            </Grid>\n            <Fields.LastName\n              label={t('form.lastName')}\n              validationMessages={{\n                REQUIRED: t('form.validations.lastName'),\n                INVALID_NAME: t('form.validations.lastName'),\n              }}\n            />\n            <Fields.Email\n              label={t('form.email')}\n              description={t('form.emailDescription')}\n              validationMessages={{\n                REQUIRED: t('form.validations.email'),\n                INVALID_EMAIL: t('form.validations.email'),\n              }}\n            />\n            <Fields.Ssn\n              label={t('form.ssnLabel')}\n              validationMessages={{\n                INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n              }}\n            />\n            <Fields.DateOfBirth\n              label={t('form.dobLabel')}\n              validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n            />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('form.cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n                {t('form.saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["ProfileEditForm","FallbackComponent","props","jsx","BaseBoundaries","ProfileEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","employeeDetails","useEmployeeDetailsForm","showSuccess","setShowSuccess","useState","BaseLayout","Fields","handleSubmit","emp","componentEvents","handleCancel","alert","classNames","styles","SDKFormProvider","jsxs","Form","Grid","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"ProfileEditForm.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileEditForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport styles from './Profile.module.scss'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link ProfileEditForm}.\n *\n * @public\n */\nexport interface ProfileEditFormProps extends BaseComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Standalone edit form for an employee's basic profile details.\n *\n * @remarks\n * Renders fields for first name, middle initial, last name, email, SSN, and\n * date of birth — all required on update — and shows a success alert when\n * the save completes. Save and Cancel both emit events so the parent can\n * return to the read view.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link APIModels.Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user clicks Cancel | — |\n *\n * @param input - See {@link ProfileEditFormProps}.\n * @returns The employee profile edit form.\n * @public\n */\nexport function ProfileEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ProfileEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ProfileEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: ProfileEditFormProps) {\n  useI18n('Employee.Management.Profile')\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const employeeDetails = useEmployeeDetailsForm({\n    employeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: {\n      update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n    },\n  })\n\n  const [showSuccess, setShowSuccess] = useState(false)\n\n  if (employeeDetails.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={employeeDetails.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const Fields = employeeDetails.form.Fields\n\n  const handleSubmit = async () => {\n    setShowSuccess(false)\n    const result = await employeeDetails.actions.onSubmit({\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED, emp)\n      },\n    })\n    if (!result) return\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('form.successAlert')}\n      onDismiss={() => {\n        setShowSuccess(false)\n      }}\n    />\n  ) : undefined\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={employeeDetails.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={employeeDetails}>\n          <Form onSubmit={handleSubmit}>\n            {alert}\n            <Components.Heading as=\"h1\">{t('form.title')}</Components.Heading>\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <Fields.FirstName\n                label={t('form.firstName')}\n                validationMessages={{\n                  REQUIRED: t('form.validations.firstName'),\n                  INVALID_NAME: t('form.validations.firstName'),\n                }}\n              />\n              <Fields.MiddleInitial label={t('form.middleInitial')} />\n            </Grid>\n            <Fields.LastName\n              label={t('form.lastName')}\n              validationMessages={{\n                REQUIRED: t('form.validations.lastName'),\n                INVALID_NAME: t('form.validations.lastName'),\n              }}\n            />\n            <Fields.Email\n              label={t('form.email')}\n              description={t('form.emailDescription')}\n              validationMessages={{\n                REQUIRED: t('form.validations.email'),\n                INVALID_EMAIL: t('form.validations.email'),\n              }}\n            />\n            <Fields.Ssn\n              label={t('form.ssnLabel')}\n              validationMessages={{\n                INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n              }}\n            />\n            <Fields.DateOfBirth\n              label={t('form.dobLabel')}\n              validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n            />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('form.cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n                {t('form.saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["ProfileEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","ProfileEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","employeeDetails","useEmployeeDetailsForm","showSuccess","setShowSuccess","useState","BaseLayout","Fields","handleSubmit","emp","componentEvents","handleCancel","alert","classNames","styles","SDKFormProvider","jsxs","Form","Grid","ActionsLayout"],"mappings":"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"}

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

@@ -1,3 +1,3 @@
 import { ProfileProps } from './Profile';
 /** @internal */
-export declare function AdminProfile({ companyId, employeeId, defaultValues, isSelfOnboardingEnabled, className, dictionary, onEvent, }: ProfileProps): import("react").JSX.Element;
+export declare function AdminProfile({ companyId, employeeId, defaultValues, isSelfOnboardingEnabled, className, dictionary, onEvent, LoaderComponent, }: ProfileProps): import("react").JSX.Element;

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

@@ -1,27 +1,27 @@
-import { jsx as o, jsxs as m, Fragment as P } from "react/jsx-runtime";
-import { useState as y, useMemo as H, useEffect as K } from "react";
-import { useForm as q, useWatch as V, FormProvider as j } from "react-hook-form";
-import { useTranslation as v, Trans as C } from "react-i18next";
-import Z from "classnames";
-import { useEmployeeDetailsForm as $ } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
-import { useCurrentHomeAddressForm as J } from "../shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
-import { useCurrentWorkAddressForm as X } from "../shared/useWorkAddressForm/useCurrentWorkAddressForm.js";
-import ee from "./AdminProfile.module.scss.js";
-import { SDKFormProvider as T } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { composeSubmitHandler as oe } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { composeErrorHandler as te } from "../../../../partner-hook-utils/composeErrorHandler.js";
-import { Grid as N } from "../../../Common/Grid/Grid.js";
-import { Flex as k } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as ie } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as re } from "../../../Common/Form/Form.js";
-import { BaseLayout as w } from "../../../Base/Base.js";
+import { jsx as o, jsxs as m, Fragment as y } from "react/jsx-runtime";
+import { useState as H, useMemo as C, useEffect as q } from "react";
+import { useForm as V, useWatch as j, FormProvider as Z } from "react-hook-form";
+import { useTranslation as N, Trans as T } from "react-i18next";
+import $ from "classnames";
+import { useEmployeeDetailsForm as J } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import { useCurrentHomeAddressForm as X } from "../shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
+import { useCurrentWorkAddressForm as ee } from "../shared/useWorkAddressForm/useCurrentWorkAddressForm.js";
+import oe from "./AdminProfile.module.scss.js";
+import { SDKFormProvider as k } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { composeSubmitHandler as te } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { composeErrorHandler as ie } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { Grid as F } from "../../../Common/Grid/Grid.js";
+import { Flex as U } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as re } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as se } 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 { componentEvents as f, EmployeeOnboardingStatus as F } from "../../../../shared/constants.js";
-import { useComponentContext as ae } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { DatePickerField as ne } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-const le = (t) => t?.onboarded === !0 || t?.onboardingStatus === F.ONBOARDING_COMPLETED || t?.onboardingStatus === F.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t?.onboardingStatus === F.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE;
-function de(t) {
+import { useI18n as w, useComponentDictionary as ae } from "../../../../i18n/I18n.js";
+import { componentEvents as f, EmployeeOnboardingStatus as _ } from "../../../../shared/constants.js";
+import { useComponentContext as ne } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { DatePickerField as le } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+const de = (t) => t?.onboarded === !0 || t?.onboardingStatus === _.ONBOARDING_COMPLETED || t?.onboardingStatus === _.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t?.onboardingStatus === _.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE;
+function me(t) {
   return t ? {
     create: ["email"],
     update: ["firstName", "lastName", "email"]
@@ -30,34 +30,35 @@ function de(t) {
     update: ["firstName", "lastName", "email", "dateOfBirth", "ssn"]
   };
 }
-function Ce({
+function Te({
   companyId: t,
   employeeId: d,
   defaultValues: r,
   isSelfOnboardingEnabled: D = !0,
   className: I = "",
   dictionary: R,
-  onEvent: b
+  onEvent: b,
+  LoaderComponent: g
 }) {
-  U("Employee.Profile"), U("Employee.HomeAddress"), se("Employee.Profile", R);
-  const [u, n] = y(d), p = !u, e = p && D && (r?.inviteEmployeeDefault ?? !1), [i, L] = y(e), l = H(
-    () => de(i),
+  w("Employee.Profile"), w("Employee.HomeAddress"), ae("Employee.Profile", R);
+  const [a, L] = H(d), E = !a, e = E && D && (r?.inviteEmployeeDefault ?? !1), [i, M] = H(e), l = C(
+    () => me(i),
     [i]
-  ), O = H(
+  ), O = C(
     () => ({
       ...r?.employee,
-      ...p && { selfOnboarding: e }
+      ...E && { selfOnboarding: e }
     }),
-    [r, p, e]
-  ), h = $({
+    [r, E, e]
+  ), p = J({
     companyId: t,
-    employeeId: u,
+    employeeId: a,
     withSelfOnboardingField: !0,
     optionalFieldsToRequire: l,
     defaultValues: O,
     shouldFocusError: !1
-  }), E = J({
-    employeeId: u ?? "",
+  }), u = X({
+    employeeId: a ?? "",
     withEffectiveDateField: !1,
     defaultValues: {
       street1: r?.homeAddress?.street1,
@@ -67,33 +68,34 @@ function Ce({
       zip: r?.homeAddress?.zip
     },
     shouldFocusError: !1
-  }), a = X({
+  }), n = ee({
     companyId: t,
-    employeeId: u ?? "",
+    employeeId: a ?? "",
     withEffectiveDateField: !1,
     shouldFocusError: !1
   });
-  if (h.isLoading || E.isLoading || a.isLoading) {
-    const c = te([h, E, a]);
-    return /* @__PURE__ */ o(w, { isLoading: !0, error: c.errors });
+  if (p.isLoading || u.isLoading || n.isLoading) {
+    const c = ie([p, u, n]);
+    return /* @__PURE__ */ o(W, { isLoading: !0, error: c.errors, LoaderComponent: g });
   }
   return /* @__PURE__ */ o(
-    me,
+    ce,
     {
-      employeeDetails: h,
-      homeAddress: E,
-      workAddress: a,
+      employeeDetails: p,
+      homeAddress: u,
+      workAddress: n,
       isSelfOnboardingEnabled: D,
-      isCreateMode: p,
+      isCreateMode: E,
       employeeId: d,
-      setResolvedEmployeeId: n,
-      setSelfOnboardingActive: L,
+      setResolvedEmployeeId: L,
+      setSelfOnboardingActive: M,
       onEvent: b,
-      className: I
+      className: I,
+      LoaderComponent: g
     }
   );
 }
-function me({
+function ce({
   employeeDetails: t,
   homeAddress: d,
   workAddress: r,
@@ -101,41 +103,42 @@ function me({
   isCreateMode: I,
   employeeId: R,
   setResolvedEmployeeId: b,
-  setSelfOnboardingActive: u,
-  onEvent: n,
-  className: p
+  setSelfOnboardingActive: g,
+  onEvent: a,
+  className: L,
+  LoaderComponent: E
 }) {
-  const { t: e } = v("Employee.Profile"), { t: i } = v("Employee.HomeAddress"), { t: L } = v("common"), l = ae(), O = t.data.employee ?? void 0, h = le(O), E = q({
+  const { t: e } = N("Employee.Profile"), { t: i } = N("Employee.HomeAddress"), { t: M } = N("common"), l = ne(), O = t.data.employee ?? void 0, p = de(O), u = V({
     defaultValues: { startDate: O?.jobs?.[0]?.hireDate ?? "" },
     mode: "onSubmit",
     shouldFocusError: !1
-  }), a = t.form.Fields, c = d.form.Fields, W = r.form.Fields, A = V({
+  }), n = t.form.Fields, c = d.form.Fields, B = r.form.Fields, A = j({
     control: t.form.hookFormInternals.formMethods.control,
     name: "selfOnboarding"
   });
-  K(() => {
-    u(A);
-  }, [A, u]);
-  const M = !A || h, B = !A || h, x = [
+  q(() => {
+    g(A);
+  }, [A, g]);
+  const v = !A || p, x = !A || p, Q = [
     t,
-    ...M ? [d] : [],
+    ...v ? [d] : [],
     r,
-    E
-  ], { handleSubmit: Q, errorHandling: Y } = oe(x, async () => {
-    const g = await t.actions.onSubmit({
+    u
+  ], { handleSubmit: Y, errorHandling: G } = te(Q, async () => {
+    const h = await t.actions.onSubmit({
       onEmployeeCreated: (s) => {
-        n(f.EMPLOYEE_CREATED, s);
+        a(f.EMPLOYEE_CREATED, s);
       },
       onEmployeeUpdated: (s) => {
-        n(f.EMPLOYEE_UPDATED, s);
+        a(f.EMPLOYEE_UPDATED, s);
       },
       onOnboardingStatusUpdated: (s) => {
-        n(f.EMPLOYEE_ONBOARDING_STATUS_UPDATED, s);
+        a(f.EMPLOYEE_ONBOARDING_STATUS_UPDATED, s);
       }
     });
-    if (!g) return;
-    const S = g.data.uuid, _ = E.getValues("startDate");
-    if (M) {
+    if (!h) return;
+    const S = h.data.uuid, P = u.getValues("startDate");
+    if (v) {
       const s = await d.actions.onSubmit({
         employeeId: S
       });
@@ -143,38 +146,38 @@ function me({
         R || b(S);
         return;
       }
-      s.mode === "create" ? n(f.EMPLOYEE_HOME_ADDRESS_CREATED, s.data) : n(f.EMPLOYEE_HOME_ADDRESS_UPDATED, s.data);
+      s.mode === "create" ? a(f.EMPLOYEE_HOME_ADDRESS_CREATED, s.data) : a(f.EMPLOYEE_HOME_ADDRESS_UPDATED, s.data);
     }
     if (!await r.actions.onSubmit(
       {
         onWorkAddressCreated: (s) => {
-          n(f.EMPLOYEE_WORK_ADDRESS_CREATED, s);
+          a(f.EMPLOYEE_WORK_ADDRESS_CREATED, s);
         },
         onWorkAddressUpdated: (s) => {
-          n(f.EMPLOYEE_WORK_ADDRESS_UPDATED, s);
+          a(f.EMPLOYEE_WORK_ADDRESS_UPDATED, s);
         }
       },
       {
         employeeId: S,
-        effectiveDate: I && _ || void 0
+        effectiveDate: I && P || void 0
       }
     )) {
       R || b(S);
       return;
     }
-    n(f.EMPLOYEE_PROFILE_DONE, {
-      ...g.data,
-      startDate: _
+    a(f.EMPLOYEE_PROFILE_DONE, {
+      ...h.data,
+      startDate: P
     });
-  }), G = t.status.isPending || d.status.isPending || r.status.isPending, z = d.form.hookFormInternals.formMethods.watch("courtesyWithholding");
-  return /* @__PURE__ */ o("section", { className: Z(ee.container, p), children: /* @__PURE__ */ o(w, { error: Y.errors, children: /* @__PURE__ */ m(re, { onSubmit: Q, children: [
-    /* @__PURE__ */ m(N, { gridTemplateColumns: "1fr", gap: 24, children: [
-      /* @__PURE__ */ m(k, { flexDirection: "column", gap: 4, children: [
+  }), z = t.status.isPending || d.status.isPending || r.status.isPending, K = d.form.hookFormInternals.formMethods.watch("courtesyWithholding");
+  return /* @__PURE__ */ o("section", { className: $(oe.container, L), children: /* @__PURE__ */ o(W, { error: G.errors, LoaderComponent: E, children: /* @__PURE__ */ m(se, { onSubmit: Y, children: [
+    /* @__PURE__ */ m(F, { gridTemplateColumns: "1fr", gap: 24, children: [
+      /* @__PURE__ */ m(U, { flexDirection: "column", gap: 4, children: [
         /* @__PURE__ */ o(l.Heading, { as: "h2", children: e("title") }),
         /* @__PURE__ */ o(l.Text, { variant: "supporting", children: e("description") })
       ] }),
-      D && a.SelfOnboarding && /* @__PURE__ */ o(l.Box, { children: /* @__PURE__ */ o(
-        a.SelfOnboarding,
+      D && n.SelfOnboarding && /* @__PURE__ */ o(l.Box, { children: /* @__PURE__ */ o(
+        n.SelfOnboarding,
         {
           label: e("selfOnboardingLabel"),
           description: e("selfOnboardingDescription"),
@@ -182,13 +185,13 @@ function me({
         }
       ) }),
       /* @__PURE__ */ m(
-        N,
+        F,
         {
           gap: { base: 20, small: 8 },
           gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
           children: [
             /* @__PURE__ */ o(
-              a.FirstName,
+              n.FirstName,
               {
                 label: e("firstName"),
                 formHookResult: t,
@@ -199,7 +202,7 @@ function me({
               }
             ),
             /* @__PURE__ */ o(
-              a.MiddleInitial,
+              n.MiddleInitial,
               {
                 label: e("middleInitial"),
                 formHookResult: t
@@ -209,7 +212,7 @@ function me({
         }
       ),
       /* @__PURE__ */ o(
-        a.LastName,
+        n.LastName,
         {
           label: e("lastName"),
           formHookResult: t,
@@ -219,8 +222,8 @@ function me({
           }
         }
       ),
-      /* @__PURE__ */ o(T, { formHookResult: r, children: /* @__PURE__ */ o(
-        W.Location,
+      /* @__PURE__ */ o(k, { formHookResult: r, children: /* @__PURE__ */ o(
+        B.Location,
         {
           label: e("workAddress"),
           description: e("workAddressDescription"),
@@ -228,8 +231,8 @@ function me({
           validationMessages: { REQUIRED: e("validations.location", { ns: "common" }) }
         }
       ) }),
-      /* @__PURE__ */ o(j, { ...E, children: /* @__PURE__ */ o(
-        ne,
+      /* @__PURE__ */ o(Z, { ...u, children: /* @__PURE__ */ o(
+        le,
         {
           name: "startDate",
           label: e("startDateLabel"),
@@ -239,7 +242,7 @@ function me({
         }
       ) }),
       /* @__PURE__ */ o(
-        a.Email,
+        n.Email,
         {
           label: e("email"),
           description: e("emailDescription"),
@@ -250,9 +253,9 @@ function me({
           }
         }
       ),
-      B && /* @__PURE__ */ m(P, { children: [
+      x && /* @__PURE__ */ m(y, { children: [
         /* @__PURE__ */ o(
-          a.Ssn,
+          n.Ssn,
           {
             label: e("ssnLabel"),
             formHookResult: t,
@@ -263,7 +266,7 @@ function me({
           }
         ),
         /* @__PURE__ */ o(
-          a.DateOfBirth,
+          n.DateOfBirth,
           {
             label: e("dobLabel"),
             formHookResult: t,
@@ -271,13 +274,13 @@ function me({
           }
         )
       ] }),
-      M && /* @__PURE__ */ m(T, { formHookResult: d, children: [
-        /* @__PURE__ */ m(k, { flexDirection: "column", gap: 4, children: [
+      v && /* @__PURE__ */ m(k, { formHookResult: d, children: [
+        /* @__PURE__ */ m(U, { flexDirection: "column", gap: 4, children: [
           /* @__PURE__ */ o(l.Heading, { as: "h2", children: i("formTitle") }),
           /* @__PURE__ */ o(l.Text, { variant: "supporting", children: i("desc") })
         ] }),
         /* @__PURE__ */ m(
-          N,
+          F,
           {
             gridTemplateColumns: {
               base: "1fr",
@@ -306,7 +309,7 @@ function me({
                   label: i("state"),
                   placeholder: i("statePlaceholder"),
                   validationMessages: { REQUIRED: i("validations.state") },
-                  getOptionLabel: (g) => L(`statesHash.${g}`, { defaultValue: g })
+                  getOptionLabel: (h) => M(`statesHash.${h}`, { defaultValue: h })
                 }
               ),
               /* @__PURE__ */ o(
@@ -326,10 +329,10 @@ function me({
           c.CourtesyWithholding,
           {
             label: i("courtesyWithholdingLabel"),
-            description: /* @__PURE__ */ m(P, { children: [
+            description: /* @__PURE__ */ m(y, { children: [
               i("courtesyWithholdingDescription"),
               /* @__PURE__ */ o(
-                C,
+                T,
                 {
                   t: i,
                   i18nKey: "learnMoreCta",
@@ -341,13 +344,13 @@ function me({
             ] })
           }
         ),
-        z && /* @__PURE__ */ o(l.Alert, { label: i("withholdingTitle"), status: "warning", children: /* @__PURE__ */ o(C, { t: i, i18nKey: "withholdingNote" }) })
+        K && /* @__PURE__ */ o(l.Alert, { label: i("withholdingTitle"), status: "warning", children: /* @__PURE__ */ o(T, { t: i, i18nKey: "withholdingNote" }) })
       ] })
     ] }),
-    /* @__PURE__ */ o(ie, { children: /* @__PURE__ */ o(l.Button, { type: "submit", isLoading: G, children: e("submitCta") }) })
+    /* @__PURE__ */ o(re, { children: /* @__PURE__ */ o(l.Button, { type: "submit", isLoading: z, children: e("submitCta") }) })
   ] }) }) });
 }
 export {
-  Ce as AdminProfile
+  Te as AdminProfile
 };
 //# sourceMappingURL=AdminProfile.js.map