@gusto/embedded-react-sdk 0.47.1 → 0.48.0

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

@@ -1,15 +1,31 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+/**
+ * Props for {@link ProfileCard}.
+ *
+ * @public
+ */
 export interface ProfileCardProps {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired when the user requests to edit the profile. */
     onEvent: OnEventType<EventType, unknown>;
 }
 /**
- * Standalone "Basic details" card. Owns its own data fetch via
- * `useEmployeeProfileSummary` and emits
- * `EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED` when the Edit button is
- * clicked. The card has no alert API — alert rendering is the
- * orchestrator's responsibility (block's `CardContextual` for standalone
- * consumption, dashboard chrome for dashboard consumption).
+ * Read-only card showing an employee's basic profile details with an Edit action.
+ *
+ * @remarks
+ * Standalone card that fetches its own data. Emits an event when the user
+ * clicks Edit so the parent can switch to the edit form. The card does not
+ * render success or error alerts itself — alert presentation is the
+ * surrounding surface's responsibility.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ employeeId: string }` |
+ *
+ * @param props - See {@link ProfileCardProps}.
+ * @returns The basic-details profile card.
+ * @public
  */
 export declare function ProfileCard(props: ProfileCardProps): import("react").JSX.Element;

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

@@ -1,19 +1,20 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as u } from "react-i18next";
 import { Loading as y } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as g, BaseLayout as L } from "../../../../Base/Base.js";
-import { useComponentContext as P } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as g } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { BaseBoundaries as L, BaseLayout as P } from "../../../../Base/Base.js";
 import { formatDateLongWithYear as s } from "../../../../../helpers/dateFormatting.js";
 import { firstLastName as B } from "../../../../../helpers/formattedStrings.js";
 import { useI18n as N } from "../../../../../i18n/I18n.js";
 import { componentEvents as X } from "../../../../../shared/constants.js";
 import { useEmployeeProfileSummary as C } from "../../shared/useEmployeeProfileSummary/useEmployeeProfileSummary.js";
-function k(i) {
-  return /* @__PURE__ */ t(g, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
+function A(i) {
+  return /* @__PURE__ */ t(L, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
 }
 function D({ employeeId: i, onEvent: l }) {
   N("Employee.Management.Profile");
-  const { t: o } = u("Employee.Management.Profile"), n = P(), a = C({ employeeId: i }), m = a.isLoading, e = a.isLoading ? void 0 : a.data.employee, d = e ? B({ first_name: e.firstName, last_name: e.lastName }) : void 0, c = e ? s(e.jobs?.[0]?.hireDate) : void 0, p = e ? s(e.dateOfBirth) : void 0, f = e?.hasSsn ? "XXX-XX-XXXX" : void 0, r = /* @__PURE__ */ t("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), E = e ? [
+  const { t: o } = u("Employee.Management.Profile"), n = g(), a = C({ employeeId: i }), m = a.isLoading, e = a.isLoading ? void 0 : a.data.employee, d = e ? B({ first_name: e.firstName, last_name: e.lastName }) : void 0, c = e ? s(e.jobs?.[0]?.hireDate) : void 0, p = e ? s(e.dateOfBirth) : void 0, f = e?.hasSsn ? "XXX-XX-XXXX" : void 0, r = /* @__PURE__ */ t("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), E = e ? [
     { term: o("legalName"), description: d || r },
     { term: o("startDate"), description: c || r },
     { term: o("socialSecurityNumber"), description: f || r },
@@ -22,7 +23,7 @@ function D({ employeeId: i, onEvent: l }) {
   ] : [], h = () => {
     l(X.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: i });
   };
-  return /* @__PURE__ */ t(L, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(P, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
     n.Box,
     {
       header: /* @__PURE__ */ t(
@@ -45,6 +46,6 @@ function D({ employeeId: i, onEvent: l }) {
   ) });
 }
 export {
-  k as ProfileCard
+  A as ProfileCard
 };
 //# sourceMappingURL=ProfileCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Employee/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeProfileSummary } from '../../shared/useEmployeeProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface ProfileCardProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Basic details\" card. Owns its own data fetch via\n * `useEmployeeProfileSummary` and emits\n * `EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED` when the Edit button is\n * clicked. The card has no alert API — alert rendering is the\n * orchestrator's responsibility (block's `CardContextual` for standalone\n * consumption, dashboard chrome for dashboard consumption).\n */\nexport function ProfileCard(props: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Profile\">\n      <ProfileCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ employeeId, onEvent }: ProfileCardProps) {\n  useI18n('Employee.Management.Profile')\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useEmployeeProfileSummary({ employeeId })\n\n  const isEmployeeLoading = profile.isLoading\n\n  const employee = profile.isLoading ? undefined : profile.data.employee\n\n  const legalName = employee\n    ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n    : undefined\n  const startDate = employee ? formatDateLongWithYear(employee.jobs?.[0]?.hireDate) : undefined\n  const dateOfBirth = employee ? formatDateLongWithYear(employee.dateOfBirth) : undefined\n  const maskedSsn = employee?.hasSsn ? 'XXX-XX-XXXX' : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const profileItems = employee\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        { term: t('socialSecurityNumber'), description: maskedSsn || emptyPlaceholder },\n        { term: t('dateOfBirth'), description: dateOfBirth || emptyPlaceholder },\n        { term: t('personalEmail'), description: employee.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isEmployeeLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isEmployeeLoading ? (\n          <Loading />\n        ) : employee ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","props","jsx","BaseBoundaries","ProfileCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useEmployeeProfileSummary","isEmployeeLoading","employee","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;AAwBO,SAASA,EAAYC,GAAyB;AACnD,SACE,gBAAAC,EAACC,KAAe,eAAc,+BAC5B,4BAACC,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEA,SAASG,EAAmB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AACrE,EAAAC,EAAQ,6BAA6B;AACrC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA,GAEbC,IAAUC,EAA0B,EAAE,YAAAR,GAAY,GAElDS,IAAoBF,EAAQ,WAE5BG,IAAWH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,UAExDI,IAAYD,IACdE,EAAc,EAAE,YAAYF,EAAS,WAAW,WAAWA,EAAS,SAAA,CAAU,IAC9E,QACEG,IAAYH,IAAWI,EAAuBJ,EAAS,OAAO,CAAC,GAAG,QAAQ,IAAI,QAC9EK,IAAcL,IAAWI,EAAuBJ,EAAS,WAAW,IAAI,QACxEM,IAAYN,GAAU,SAAS,gBAAgB,QAE/CO,IAAmB,gBAAApB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEe,IAAeR,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaQ,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,WAAW,GAAG,aAAaU,KAAaI,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,sBAAsB,GAAG,aAAaa,KAAaC,EAAA;AAAA,IAC7D,EAAE,MAAMd,EAAE,aAAa,GAAG,aAAaY,KAAeE,EAAA;AAAA,IACtD,EAAE,MAAMd,EAAE,eAAe,GAAG,aAAaO,EAAS,SAASO,EAAA;AAAA,EAAiB,IAE9E,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAlB,EAAQmB,EAAgB,4CAA4C,EAAE,YAAApB,EAAA,CAAY;AAAA,EACpF;AAEA,SACE,gBAAAH,EAACwB,GAAA,EAAW,OAAOd,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASc;AAAA,cACT,YAAYV;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAACyB,GAAA,CAAA,CAAQ,IACPZ,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOa,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Employee/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeProfileSummary } from '../../shared/useEmployeeProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link ProfileCard}.\n *\n * @public\n */\nexport interface ProfileCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the user requests to edit the profile. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Read-only card showing an employee's basic profile details with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ employeeId: string }` |\n *\n * @param props - See {@link ProfileCardProps}.\n * @returns The basic-details profile card.\n * @public\n */\nexport function ProfileCard(props: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Profile\">\n      <ProfileCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ employeeId, onEvent }: ProfileCardProps) {\n  useI18n('Employee.Management.Profile')\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useEmployeeProfileSummary({ employeeId })\n\n  const isEmployeeLoading = profile.isLoading\n\n  const employee = profile.isLoading ? undefined : profile.data.employee\n\n  const legalName = employee\n    ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n    : undefined\n  const startDate = employee ? formatDateLongWithYear(employee.jobs?.[0]?.hireDate) : undefined\n  const dateOfBirth = employee ? formatDateLongWithYear(employee.dateOfBirth) : undefined\n  const maskedSsn = employee?.hasSsn ? 'XXX-XX-XXXX' : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const profileItems = employee\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        { term: t('socialSecurityNumber'), description: maskedSsn || emptyPlaceholder },\n        { term: t('dateOfBirth'), description: dateOfBirth || emptyPlaceholder },\n        { term: t('personalEmail'), description: employee.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isEmployeeLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isEmployeeLoading ? (\n          <Loading />\n        ) : employee ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","props","jsx","BaseBoundaries","ProfileCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useEmployeeProfileSummary","isEmployeeLoading","employee","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;;AAwCO,SAASA,EAAYC,GAAyB;AACnD,SACE,gBAAAC,EAACC,KAAe,eAAc,+BAC5B,4BAACC,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEA,SAASG,EAAmB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AACrE,EAAAC,EAAQ,6BAA6B;AACrC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA,GAEbC,IAAUC,EAA0B,EAAE,YAAAR,GAAY,GAElDS,IAAoBF,EAAQ,WAE5BG,IAAWH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,UAExDI,IAAYD,IACdE,EAAc,EAAE,YAAYF,EAAS,WAAW,WAAWA,EAAS,SAAA,CAAU,IAC9E,QACEG,IAAYH,IAAWI,EAAuBJ,EAAS,OAAO,CAAC,GAAG,QAAQ,IAAI,QAC9EK,IAAcL,IAAWI,EAAuBJ,EAAS,WAAW,IAAI,QACxEM,IAAYN,GAAU,SAAS,gBAAgB,QAE/CO,IAAmB,gBAAApB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEe,IAAeR,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaQ,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,WAAW,GAAG,aAAaU,KAAaI,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,sBAAsB,GAAG,aAAaa,KAAaC,EAAA;AAAA,IAC7D,EAAE,MAAMd,EAAE,aAAa,GAAG,aAAaY,KAAeE,EAAA;AAAA,IACtD,EAAE,MAAMd,EAAE,eAAe,GAAG,aAAaO,EAAS,SAASO,EAAA;AAAA,EAAiB,IAE9E,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAlB,EAAQmB,EAAgB,4CAA4C,EAAE,YAAApB,EAAA,CAAY;AAAA,EACpF;AAEA,SACE,gBAAAH,EAACwB,GAAA,EAAW,OAAOd,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASc;AAAA,cACT,YAAYV;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAACyB,GAAA,CAAA,CAAQ,IACPZ,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOa,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

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

@@ -1,8 +1,12 @@
 import { FlowContextInterface } from '../../../Flow/useFlow';
-export type ProfileSuccessAlertCode = 'profileUpdated';
+type ProfileSuccessAlertCode = 'profileUpdated';
+/** @internal */
 export interface ProfileContextInterface extends FlowContextInterface {
     employeeId?: string;
     successAlert?: ProfileSuccessAlertCode | null;
 }
+/** @internal */
 export declare function CardContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function ProfileEditFormContextual(): import("react").JSX.Element;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileComponents.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { ProfileEditForm } from './ProfileEditForm'\nimport { ProfileCard } from './ProfileCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\nexport type ProfileSuccessAlertCode = 'profileUpdated'\n\nexport interface ProfileContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: ProfileSuccessAlertCode | null\n}\n\nexport function CardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<ProfileContextInterface>()\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <ProfileCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\nexport function ProfileEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<ProfileContextInterface>()\n  return <ProfileEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["CardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","ProfileCard","ensureRequired","ProfileEditFormContextual","ProfileEditForm"],"mappings":";;;;;;;;;AAgBO,SAASA,IAAiB;AAC/B,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,6CAA6C,IAAI;AAAA,QAC3E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAY,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GACzE;AAEJ;AAEO,SAASa,IAA4B;AAC1C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAgB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACpF;"}
+{"version":3,"file":"ProfileComponents.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { ProfileEditForm } from './ProfileEditForm'\nimport { ProfileCard } from './ProfileCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype ProfileSuccessAlertCode = 'profileUpdated'\n\n/** @internal */\nexport interface ProfileContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: ProfileSuccessAlertCode | null\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<ProfileContextInterface>()\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <ProfileCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function ProfileEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<ProfileContextInterface>()\n  return <ProfileEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["CardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","ProfileCard","ensureRequired","ProfileEditFormContextual","ProfileEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAAiB;AAC/B,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,6CAA6C,IAAI;AAAA,QAC3E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAY,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GACzE;AAEJ;AAGO,SAASa,IAA4B;AAC1C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAgB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACpF;"}

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

@@ -1,6 +1,31 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+/**
+ * Props for {@link ProfileEditForm}.
+ *
+ * @public
+ */
 export interface ProfileEditFormProps extends CommonComponentInterface<'Employee.Management.Profile'> {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired when the user saves changes or cancels editing. */
     onEvent: BaseComponentInterface['onEvent'];
 }
+/**
+ * Standalone edit form for an employee's basic profile details.
+ *
+ * @remarks
+ * Renders fields for first name, middle initial, last name, email, SSN, and
+ * date of birth — all required on update — and shows a success alert when
+ * the save completes. Save and Cancel both emit events so the parent can
+ * return to the read view.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link Employee} |
+ * | `employee/management/profile/editCancelled` | Fired when the user clicks Cancel | — |
+ *
+ * @param input - See {@link ProfileEditFormProps}.
+ * @returns The employee profile edit form.
+ * @public
+ */
 export declare function ProfileEditForm({ FallbackComponent, ...props }: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;

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

@@ -8,11 +8,11 @@ import { BaseBoundaries as v, BaseLayout as d } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { Grid as b } from "../../../Common/Grid/Grid.js";
 import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as A } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as _ } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useI18n as y, useComponentDictionary as F } from "../../../../i18n/I18n.js";
+import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as _ } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as y } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useI18n as F, useComponentDictionary as P } from "../../../../i18n/I18n.js";
 import { componentEvents as f } from "../../../../shared/constants.js";
-import { useComponentContext as P } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 function z({
   FallbackComponent: r,
   ...t
@@ -27,8 +27,8 @@ function z({
   );
 }
 function S({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
-  y("Employee.Management.Profile"), F("Employee.Management.Profile", c);
-  const { t: e } = L("Employee.Management.Profile"), s = P(), i = R({
+  F("Employee.Management.Profile"), P("Employee.Management.Profile", c);
+  const { t: e } = L("Employee.Management.Profile"), s = A(), i = R({
     employeeId: r,
     withSelfOnboardingField: !1,
     optionalFieldsToRequire: {
@@ -55,7 +55,7 @@ function S({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
       }
     }
   ) : void 0;
-  return /* @__PURE__ */ o("section", { className: M(g.container, t), children: /* @__PURE__ */ o(d, { error: i.errorHandling.errors, children: /* @__PURE__ */ o(_, { formHookResult: i, children: /* @__PURE__ */ m(A, { onSubmit: p, children: [
+  return /* @__PURE__ */ o("section", { className: M(g.container, t), children: /* @__PURE__ */ o(d, { error: i.errorHandling.errors, children: /* @__PURE__ */ o(y, { formHookResult: i, children: /* @__PURE__ */ m(_, { onSubmit: p, children: [
     N,
     /* @__PURE__ */ o(s.Heading, { as: "h1", children: e("form.title") }),
     /* @__PURE__ */ m(

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 {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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\nexport interface ProfileEditFormProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  employeeId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function ProfileEditForm({\n  FallbackComponent,\n  ...props\n}: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\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                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: 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 {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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 CommonComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the user saves changes or cancels editing. */\n  onEvent: BaseComponentInterface['onEvent']\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 * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link 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  ...props\n}: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\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                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: 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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"}

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

@@ -1,3 +1,4 @@
+/** @internal */
 export declare const profileStateMachine: {
     card: import('robot3').MachineState<any>;
     editProfile: import('robot3').MachineState<any>;

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

@@ -1 +1 @@
-{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Employee/Profile/management/profileStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce(\n    (ctx: ProfileContextInterface): ProfileContextInterface => ({\n      ...ctx,\n      component: CardContextual as ComponentType,\n      successAlert: alert,\n    }),\n  )\n\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce(\n        (ctx: ProfileContextInterface): ProfileContextInterface => ({\n          ...ctx,\n          component: ProfileEditFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAA2D;AAAA,IAC1D,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAA2D;AAAA,IAC1D,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,EAAA;AAElB,GAEWC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAA2D;AAAA,UAC1D,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF,EAAWC,EAAgB,6CAA6C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAE9F,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,4CAA4C,QAAQT,CAAY;AAAA,EAAA;AAE/F;"}
+{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Employee/Profile/management/profileStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce(\n    (ctx: ProfileContextInterface): ProfileContextInterface => ({\n      ...ctx,\n      component: CardContextual as ComponentType,\n      successAlert: alert,\n    }),\n  )\n\n/** @internal */\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce(\n        (ctx: ProfileContextInterface): ProfileContextInterface => ({\n          ...ctx,\n          component: ProfileEditFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAA2D;AAAA,IAC1D,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAA2D;AAAA,IAC1D,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,EAAA;AAElB,GAGWC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAA2D;AAAA,UAC1D,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF,EAAWC,EAAgB,6CAA6C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAE9F,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,4CAA4C,QAAQT,CAAY;AAAA,EAAA;AAE/F;"}

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

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

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

@@ -13,12 +13,12 @@ import { composeErrorHandler as te } from "../../../../partner-hook-utils/compos
 import { Grid as _ } from "../../../Common/Grid/Grid.js";
 import { Flex as U } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as ie } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as re } from "../../../Common/Form/Form.js";
+import { useComponentContext as re } from "../../../../contexts/ComponentAdapter/useComponentContext.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 w, useComponentDictionary as se } from "../../../../i18n/I18n.js";
+import { useI18n as w, useComponentDictionary as ae } from "../../../../i18n/I18n.js";
 import { componentEvents as f, EmployeeOnboardingStatus as v } 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 === v.ONBOARDING_COMPLETED || t?.onboardingStatus === v.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t?.onboardingStatus === v.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE;
 function de(t) {
@@ -39,7 +39,7 @@ function He({
   dictionary: R,
   onEvent: b
 }) {
-  w("Employee.Profile"), w("Employee.HomeAddress"), se("Employee.Profile", R);
+  w("Employee.Profile"), w("Employee.HomeAddress"), ae("Employee.Profile", R);
   const [E, n] = y(l), p = !E, e = p && D && (r?.inviteEmployeeDefault ?? !1), [i, L] = y(e), d = C(
     () => de(i),
     [i]
@@ -105,7 +105,7 @@ function me({
   onEvent: n,
   className: p
 }) {
-  const { t: e } = N("Employee.Profile"), { t: i } = N("Employee.HomeAddress"), { t: L } = N("common"), d = ae(), O = t.data.employee ?? void 0, h = le(O), u = V({
+  const { t: e } = N("Employee.Profile"), { t: i } = N("Employee.HomeAddress"), { t: L } = N("common"), d = re(), O = t.data.employee ?? void 0, h = le(O), u = V({
     defaultValues: { startDate: O?.jobs?.[0]?.hireDate ?? "" },
     mode: "onSubmit",
     shouldFocusError: !1
@@ -167,7 +167,7 @@ function me({
       startDate: F
     });
   }), z = t.status.isPending || l.status.isPending || r.status.isPending, K = l.form.hookFormInternals.formMethods.watch("courtesyWithholding");
-  return /* @__PURE__ */ o("section", { className: $(T.container, p), children: /* @__PURE__ */ o(W, { error: G.errors, children: /* @__PURE__ */ m(re, { onSubmit: x, children: [
+  return /* @__PURE__ */ o("section", { className: $(T.container, p), children: /* @__PURE__ */ o(W, { error: G.errors, children: /* @__PURE__ */ m(se, { onSubmit: x, children: [
     /* @__PURE__ */ m(_, { gridTemplateColumns: "1fr", gap: 24, children: [
       /* @__PURE__ */ m(U, { flexDirection: "column", gap: 4, children: [
         /* @__PURE__ */ o(d.Heading, { as: "h2", children: e("title") }),

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

@@ -1 +1 @@
-{"version":3,"file":"AdminProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/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-v-2025-11-15/models/components/employee'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport { useCurrentWorkAddressForm } from '../shared/useWorkAddressForm'\nimport type { UseEmployeeDetailsFormReady } from '../shared/useEmployeeDetailsForm'\nimport type { UseHomeAddressFormReady } from '../shared/useHomeAddressForm'\nimport type { UseWorkAddressFormReady } from '../shared/useWorkAddressForm'\nimport styles from './AdminProfile.module.scss'\nimport type { ProfileProps } from './Profile'\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, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus, type EventType } 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 = useCurrentHomeAddressForm({\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 = useCurrentWorkAddressForm({\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 { t: tCommon } = useTranslation('common')\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            <Flex flexDirection=\"column\" gap={4}>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n            </Flex>\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                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{tHome('desc')}</Components.Text>\n                </Flex>\n\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                  <HomeAddressFields.State\n                    label={tHome('state')}\n                    placeholder={tHome('statePlaceholder')}\n                    validationMessages={{ REQUIRED: tHome('validations.state') }}\n                    getOptionLabel={(abbr: string) =>\n                      tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                    }\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","useCurrentHomeAddressForm","workAddress","useCurrentWorkAddressForm","loadingErrorHandling","composeErrorHandler","BaseLayout","jsx","AdminProfileReady","t","useTranslation","tHome","tCommon","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","Flex","SDKFormProvider","FormProvider","DatePickerField","Fragment","abbr","Trans","ActionsLayout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,KAAkC,CAACC,MAErCA,GAAU,cAAc,MACxBA,GAAU,qBAAqBC,EAAyB,wBACxDD,GAAU,qBAAqBC,EAAyB,yCACxDD,GAAU,qBAAqBC,EAAyB;AAI5D,SAASC,GACPC,GACwC;AACxC,SAAIA,IACK;AAAA,IACL,QAAQ,CAAC,OAAO;AAAA,IAChB,QAAQ,CAAC,aAAa,YAAY,OAAO;AAAA,EAAA,IAGtC;AAAA,IACL,QAAQ,CAAC,SAAS,eAAe,KAAK;AAAA,IACtC,QAAQ,CAAC,aAAa,YAAY,SAAS,eAAe,KAAK;AAAA,EAAA;AAEnE;AAEO,SAASC,GAAa;AAAA,EAC3B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,SAAAC;AACF,GAAiB;AACf,EAAAC,EAAQ,kBAAkB,GAC1BA,EAAQ,sBAAsB,GAC9BC,GAAuB,oBAAoBH,CAAU;AAErD,QAAM,CAACI,GAAoBC,CAAqB,IAAIC,EAASV,CAAU,GACjEW,IAAe,CAACH,GAEhBI,IACJD,KAAgBT,MAA4BD,GAAe,yBAAyB,KAEhF,CAACJ,GAAsBgB,CAAuB,IAAIH,EAASE,CAAwB,GAEnFE,IAA0BC;AAAA,IAC9B,MAAMnB,GAA+BC,CAAoB;AAAA,IACzD,CAACA,CAAoB;AAAA,EAAA,GAGjBmB,IAA0BD;AAAA,IAC9B,OAAO;AAAA,MACL,GAAGd,GAAe;AAAA,MAClB,GAAIU,KAAgB,EAAE,gBAAgBC,EAAA;AAAA,IAAyB;AAAA,IAEjE,CAACX,GAAeU,GAAcC,CAAwB;AAAA,EAAA,GAGlDK,IAAkBC,EAAuB;AAAA,IAC7C,WAAAnB;AAAA,IACA,YAAYS;AAAA,IACZ,yBAAyB;AAAA,IACzB,yBAAAM;AAAA,IACA,eAAeE;AAAA,IACf,kBAAkB;AAAA,EAAA,CACnB,GAEKG,IAAcC,EAA0B;AAAA,IAC5C,YAAYZ,KAAsB;AAAA,IAClC,wBAAwB;AAAA,IACxB,eAAe;AAAA,MACb,SAASP,GAAe,aAAa;AAAA,MACrC,SAASA,GAAe,aAAa;AAAA,MACrC,MAAMA,GAAe,aAAa;AAAA,MAClC,OAAOA,GAAe,aAAa;AAAA,MACnC,KAAKA,GAAe,aAAa;AAAA,IAAA;AAAA,IAEnC,kBAAkB;AAAA,EAAA,CACnB,GAEKoB,IAAcC,GAA0B;AAAA,IAC5C,WAAAvB;AAAA,IACA,YAAYS,KAAsB;AAAA,IAClC,wBAAwB;AAAA,IACxB,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAIS,EAAgB,aAAaE,EAAY,aAAaE,EAAY,WAAW;AAC/E,UAAME,IAAuBC,GAAoB,CAACP,GAAiBE,GAAaE,CAAW,CAAC;AAC5F,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAEA,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAAV;AAAA,MACA,aAAAE;AAAA,MACA,aAAAE;AAAA,MACA,yBAAAnB;AAAA,MACA,cAAAS;AAAA,MACA,YAAAX;AAAA,MACA,uBAAAS;AAAA,MACA,yBAAAI;AAAA,MACA,SAAAR;AAAA,MACA,WAAAF;AAAA,IAAA;AAAA,EAAA;AAGN;AAeA,SAASwB,GAAkB;AAAA,EACzB,iBAAAV;AAAA,EACA,aAAAE;AAAA,EACA,aAAAE;AAAA,EACA,yBAAAnB;AAAA,EACA,cAAAS;AAAA,EACA,YAAAX;AAAA,EACA,uBAAAS;AAAA,EACA,yBAAAI;AAAA,EACA,SAAAR;AAAA,EACA,WAAAF;AACF,GAA2B;AACzB,QAAM,EAAE,GAAAyB,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,GAAGC,MAAUD,EAAe,sBAAsB,GACpD,EAAE,GAAGE,MAAYF,EAAe,QAAQ,GACxCG,IAAaC,GAAA,GAEbvC,IAAWuB,EAAgB,KAAK,YAAY,QAC5CiB,IAA0BzC,GAAgCC,CAAQ,GAElEyC,IAAgBC,EAA+B;AAAA,IACnD,eAAe,EAAE,WAAW1C,GAAU,OAAO,CAAC,GAAG,YAAY,GAAA;AAAA,IAC7D,MAAM;AAAA,IACN,kBAAkB;AAAA,EAAA,CACnB,GAEK2C,IAAiBpB,EAAgB,KAAK,QACtCqB,IAAoBnB,EAAY,KAAK,QACrCoB,IAAoBlB,EAAY,KAAK,QAErCmB,IAAwBC,EAAS;AAAA,IACrC,SAASxB,EAAgB,KAAK,kBAAkB,YAAY;AAAA,IAC5D,MAAM;AAAA,EAAA,CACP;AAED,EAAAyB,EAAU,MAAM;AACd,IAAA7B,EAAwB2B,CAAqB;AAAA,EAC/C,GAAG,CAACA,GAAuB3B,CAAuB,CAAC;AAEnD,QAAM8B,IAAwB,CAACH,KAAyBN,GAClDU,IAAmB,CAACJ,KAAyBN,GAE7CW,IAAc;AAAA,IAClB5B;AAAA,IACA,GAAI0B,IAAwB,CAACxB,CAAW,IAAI,CAAA;AAAA,IAC5CE;AAAA,IACAc;AAAA,EAAA,GAGI,EAAE,cAAAW,GAAc,eAAAC,EAAA,IAAkBC,GAAqBH,GAAa,YAAY;AACpF,UAAMI,IAAiB,MAAMhC,EAAgB,QAAQ,SAAS;AAAA,MAC5D,mBAAmB,CAAAiC,MAAO;AACxB,QAAA7C,EAAQ8C,EAAgB,kBAAkBD,CAAG;AAAA,MAC/C;AAAA,MACA,mBAAmB,CAAAA,MAAO;AACxB,QAAA7C,EAAQ8C,EAAgB,kBAAkBD,CAAG;AAAA,MAC/C;AAAA,MACA,2BAA2B,CAAAE,MAAU;AACnC,QAAA/C,EAAQ8C,EAAgB,oCAAoCC,CAAM;AAAA,MACpE;AAAA,IAAA,CACD;AACD,QAAI,CAACH,EAAgB;AAErB,UAAMI,IAAgBJ,EAAe,KAAK,MACpCK,IAAmBnB,EAAc,UAAU,WAAW;AAE5D,QAAIQ,GAAuB;AACzB,YAAMY,IAAa,MAAMpC,EAAY,QAAQ,SAAS;AAAA,QACpD,YAAYkC;AAAA,MAAA,CACb;AACD,UAAI,CAACE,GAAY;AACf,QAAKvD,KAAYS,EAAsB4C,CAAa;AACpD;AAAA,MACF;AACA,MAAIE,EAAW,SAAS,WACtBlD,EAAQ8C,EAAgB,+BAA+BI,EAAW,IAAI,IAEtElD,EAAQ8C,EAAgB,+BAA+BI,EAAW,IAAI;AAAA,IAE1E;AAgBA,QAAI,CAde,MAAMlC,EAAY,QAAQ;AAAA,MAC3C;AAAA,QACE,sBAAsB,CAAAmC,MAAM;AAC1B,UAAAnD,EAAQ8C,EAAgB,+BAA+BK,CAAE;AAAA,QAC3D;AAAA,QACA,sBAAsB,CAAAA,MAAM;AAC1B,UAAAnD,EAAQ8C,EAAgB,+BAA+BK,CAAE;AAAA,QAC3D;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,YAAYH;AAAA,QACZ,eAAe1C,KAAe2C,KAAoB;AAAA,MAAY;AAAA,IAChE,GAEe;AACf,MAAKtD,KAAYS,EAAsB4C,CAAa;AACpD;AAAA,IACF;AAEA,IAAAhD,EAAQ8C,EAAgB,uBAAuB;AAAA,MAC7C,GAAGF,EAAe;AAAA,MAClB,WAAWK;AAAA,IAAA,CACZ;AAAA,EACH,CAAC,GAEKG,IACJxC,EAAgB,OAAO,aAAaE,EAAY,OAAO,aAAaE,EAAY,OAAO,WAEnFqC,IACJvC,EAAY,KAAK,kBAAkB,YAAY,MAAM,qBAAqB;AAE5E,2BACG,WAAA,EAAQ,WAAWwC,EAAWC,EAAO,WAAWzD,CAAS,GACxD,UAAA,gBAAAuB,EAACD,GAAA,EAAW,OAAOsB,EAAc,QAC/B,UAAA,gBAAAc,EAACC,IAAA,EAAK,UAAUhB,GACd,UAAA;AAAA,IAAA,gBAAAe,EAACE,GAAA,EAAK,qBAAoB,OAAM,KAAK,IACnC,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAtC,EAACM,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,QACxC,gBAAAF,EAACM,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAJ,EAAE,aAAa,EAAA,CAAE;AAAA,MAAA,GAC1D;AAAA,MAEC1B,KAA2BmC,EAAe,oCACxC,OAAA,EAAI,WAAWuB,EAAO,sBACrB,UAAA,gBAAAlC;AAAA,QAACW,EAAe;AAAA,QAAf;AAAA,UACC,OAAOT,EAAE,qBAAqB;AAAA,UAC9B,aAAaA,EAAE,2BAA2B;AAAA,UAC1C,gBAAgBX;AAAA,QAAA;AAAA,MAAA,GAEpB;AAAA,MAEF,gBAAA4C;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAK,EAAE,MAAM,IAAI,OAAO,EAAA;AAAA,UACxB,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,GAAG,EAAA;AAAA,UAEtD,UAAA;AAAA,YAAA,gBAAArC;AAAA,cAACW,EAAe;AAAA,cAAf;AAAA,gBACC,OAAOT,EAAE,WAAW;AAAA,gBACpB,gBAAgBX;AAAA,gBAChB,oBAAoB;AAAA,kBAClB,UAAUW,EAAE,uBAAuB;AAAA,kBACnC,cAAcA,EAAE,uBAAuB;AAAA,gBAAA;AAAA,cACzC;AAAA,YAAA;AAAA,YAEF,gBAAAF;AAAA,cAACW,EAAe;AAAA,cAAf;AAAA,gBACC,OAAOT,EAAE,eAAe;AAAA,gBACxB,gBAAgBX;AAAA,cAAA;AAAA,YAAA;AAAA,UAClB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAS;AAAA,QAACW,EAAe;AAAA,QAAf;AAAA,UACC,OAAOT,EAAE,UAAU;AAAA,UACnB,gBAAgBX;AAAA,UAChB,oBAAoB;AAAA,YAClB,UAAUW,EAAE,sBAAsB;AAAA,YAClC,cAAcA,EAAE,sBAAsB;AAAA,UAAA;AAAA,QACxC;AAAA,MAAA;AAAA,MAGF,gBAAAF,EAACuC,GAAA,EAAgB,gBAAgB5C,GAC/B,UAAA,gBAAAK;AAAA,QAACa,EAAkB;AAAA,QAAlB;AAAA,UACC,OAAOX,EAAE,aAAa;AAAA,UACtB,aAAaA,EAAE,wBAAwB;AAAA,UACvC,oBAAoB,EAAE,UAAUA,EAAE,wBAAwB,EAAE,IAAI,UAAU,EAAA;AAAA,QAAE;AAAA,MAAA,GAEhF;AAAA,MAEA,gBAAAF,EAACwC,GAAA,EAAc,GAAG/B,GAChB,UAAA,gBAAAT;AAAA,QAACyC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOvC,EAAE,gBAAgB;AAAA,UACzB,aAAaA,EAAE,sBAAsB;AAAA,UACrC,YAAU;AAAA,UACV,cAAcA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA,GAE3C;AAAA,MAEA,gBAAAF;AAAA,QAACW,EAAe;AAAA,QAAf;AAAA,UACC,OAAOT,EAAE,OAAO;AAAA,UAChB,aAAaA,EAAE,kBAAkB;AAAA,UACjC,gBAAgBX;AAAA,UAChB,oBAAoB;AAAA,YAClB,UAAUW,EAAE,mBAAmB;AAAA,YAC/B,eAAeA,EAAE,mBAAmB;AAAA,YACpC,oCAAoCA,EAAE,mBAAmB;AAAA,UAAA;AAAA,QAC3D;AAAA,MAAA;AAAA,MAGDgB,KACC,gBAAAiB,EAAAO,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA1C;AAAA,UAACW,EAAe;AAAA,UAAf;AAAA,YACC,OAAOT,EAAE,UAAU;AAAA,YACnB,gBAAgBX;AAAA,YAChB,oBAAoB;AAAA,cAClB,aAAaW,EAAE,mBAAmB,EAAE,IAAI,UAAU;AAAA,cAClD,UAAUA,EAAE,2BAA2B,EAAE,IAAI,UAAU;AAAA,YAAA;AAAA,UACzD;AAAA,QAAA;AAAA,QAEF,gBAAAF;AAAA,UAACW,EAAe;AAAA,UAAf;AAAA,YACC,OAAOT,EAAE,UAAU;AAAA,YACnB,gBAAgBX;AAAA,YAChB,oBAAoB,EAAE,UAAUW,EAAE,mBAAmB,EAAE,IAAI,UAAU,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,MACzE,GACF;AAAA,MAGDe,KACC,gBAAAkB,EAACI,GAAA,EAAgB,gBAAgB9C,GAC/B,UAAA;AAAA,QAAA,gBAAA0C,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAtC,EAACM,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAM,WAAW,GAAE;AAAA,UAChD,gBAAAJ,EAACM,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAM,MAAM,EAAA,CAAE;AAAA,QAAA,GACvD;AAAA,QAEA,gBAAA+B;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,qBAAqB;AAAA,cACnB,MAAM;AAAA,cACN,OAAO,CAAC,OAAO,KAAK;AAAA,YAAA;AAAA,YAEtB,KAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAArC;AAAA,gBAACY,EAAkB;AAAA,gBAAlB;AAAA,kBACC,OAAOR,EAAM,SAAS;AAAA,kBACtB,oBAAoB,EAAE,UAAUA,EAAM,qBAAqB,EAAA;AAAA,gBAAE;AAAA,cAAA;AAAA,gCAE9DQ,EAAkB,SAAlB,EAA0B,OAAOR,EAAM,SAAS,GAAG;AAAA,cACpD,gBAAAJ;AAAA,gBAACY,EAAkB;AAAA,gBAAlB;AAAA,kBACC,OAAOR,EAAM,MAAM;AAAA,kBACnB,oBAAoB,EAAE,UAAUA,EAAM,kBAAkB,EAAA;AAAA,gBAAE;AAAA,cAAA;AAAA,cAE5D,gBAAAJ;AAAA,gBAACY,EAAkB;AAAA,gBAAlB;AAAA,kBACC,OAAOR,EAAM,OAAO;AAAA,kBACpB,aAAaA,EAAM,kBAAkB;AAAA,kBACrC,oBAAoB,EAAE,UAAUA,EAAM,mBAAmB,EAAA;AAAA,kBACzD,gBAAgB,CAACuC,MACftC,EAAQ,cAAcsC,CAAI,IAAI,EAAE,cAAcA,EAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGxD,gBAAA3C;AAAA,gBAACY,EAAkB;AAAA,gBAAlB;AAAA,kBACC,OAAOR,EAAM,KAAK;AAAA,kBAClB,oBAAoB;AAAA,oBAClB,UAAUA,EAAM,iBAAiB;AAAA,oBACjC,aAAaA,EAAM,iBAAiB;AAAA,kBAAA;AAAA,gBACtC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAJ;AAAA,UAACY,EAAkB;AAAA,UAAlB;AAAA,YACC,OAAOR,EAAM,0BAA0B;AAAA,YACvC,aACE,gBAAA+B,EAAAO,GAAA,EACG,UAAA;AAAA,cAAAtC,EAAM,gCAAgC;AAAA,cACvC,gBAAAJ;AAAA,gBAAC4C;AAAA,gBAAA;AAAA,kBACC,GAAGxC;AAAA,kBACH,SAAQ;AAAA,kBACR,YAAY;AAAA,oBACV,eAAe,gBAAAJ,EAACM,EAAW,MAAX,CAAA,CAAgB;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA;AAAA,YACF,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH0B,KACC,gBAAAhC,EAACM,EAAW,OAAX,EAAiB,OAAOF,EAAM,kBAAkB,GAAG,QAAO,WACzD,UAAA,gBAAAJ,EAAC4C,GAAA,EAAM,GAAGxC,GAAO,SAAQ,mBAAkB,EAAA,CAC7C;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAJ,EAAC6C,IAAA,EACC,UAAA,gBAAA7C,EAACM,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWyB,GACzC,UAAA7B,EAAE,WAAW,GAChB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"AdminProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/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-v-2025-11-15/models/components/employee'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport { useCurrentWorkAddressForm } from '../shared/useWorkAddressForm'\nimport type { UseEmployeeDetailsFormReady } from '../shared/useEmployeeDetailsForm'\nimport type { UseHomeAddressFormReady } from '../shared/useHomeAddressForm'\nimport type { UseWorkAddressFormReady } from '../shared/useWorkAddressForm'\nimport styles from './AdminProfile.module.scss'\nimport type { ProfileProps } from './Profile'\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, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus, type EventType } 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\n/** @internal */\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 = useCurrentHomeAddressForm({\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 = useCurrentWorkAddressForm({\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 { t: tCommon } = useTranslation('common')\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            <Flex flexDirection=\"column\" gap={4}>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n            </Flex>\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                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{tHome('desc')}</Components.Text>\n                </Flex>\n\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                  <HomeAddressFields.State\n                    label={tHome('state')}\n                    placeholder={tHome('statePlaceholder')}\n                    validationMessages={{ REQUIRED: tHome('validations.state') }}\n                    getOptionLabel={(abbr: string) =>\n                      tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                    }\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","useCurrentHomeAddressForm","workAddress","useCurrentWorkAddressForm","loadingErrorHandling","composeErrorHandler","BaseLayout","jsx","AdminProfileReady","t","useTranslation","tHome","tCommon","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","Flex","SDKFormProvider","FormProvider","DatePickerField","Fragment","abbr","Trans","ActionsLayout"],"mappings":"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"}

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

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

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

@@ -11,12 +11,12 @@ import { composeSubmitHandler as Q } from "../../../../partner-hook-utils/form/c
 import { composeErrorHandler as L } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { Grid as A } from "../../../Common/Grid/Grid.js";
 import { ActionsLayout as z } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as B } from "../../../Common/Form/Form.js";
+import { useComponentContext as B } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as Y } from "../../../Common/Form/Form.js";
 import { BaseLayout as S } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useI18n as N, useComponentDictionary as Y } from "../../../../i18n/I18n.js";
+import { useI18n as N, useComponentDictionary as W } from "../../../../i18n/I18n.js";
 import { componentEvents as p } from "../../../../shared/constants.js";
-import { useComponentContext as W } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { getStreet as Z, getCityStateZip as j } from "../../../../helpers/formattedStrings.js";
 const q = {
   create: ["dateOfBirth", "ssn"],
@@ -30,8 +30,8 @@ function he({
   dictionary: M,
   onEvent: n
 }) {
-  N("Employee.Profile"), N("Employee.HomeAddress"), Y("Employee.Profile", M);
-  const { t: s } = y("Employee.Profile"), { t: o } = y("Employee.HomeAddress"), { t: F } = y("common"), r = W(), [E, T] = C(D), l = w({
+  N("Employee.Profile"), N("Employee.HomeAddress"), W("Employee.Profile", M);
+  const { t: s } = y("Employee.Profile"), { t: o } = y("Employee.HomeAddress"), { t: F } = y("common"), r = B(), [E, T] = C(D), l = w({
     companyId: H,
     employeeId: E,
     withSelfOnboardingField: !1,
@@ -84,7 +84,7 @@ function he({
     { errorHandling: a.errorHandling },
     f
   ]), _ = l.status.isPending || a.status.isPending;
-  return /* @__PURE__ */ e("section", { className: U(b.container, P), children: /* @__PURE__ */ e(S, { error: O.errors, children: /* @__PURE__ */ i(B, { onSubmit: I.handleSubmit, children: [
+  return /* @__PURE__ */ e("section", { className: U(b.container, P), children: /* @__PURE__ */ e(S, { error: O.errors, children: /* @__PURE__ */ i(Y, { onSubmit: I.handleSubmit, children: [
     /* @__PURE__ */ i(A, { gridTemplateColumns: "1fr", gap: 24, children: [
       /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ e(r.Heading, { as: "h2", children: s("title") }),