@gusto/embedded-react-sdk 0.52.2 → 0.54.0

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

@@ -1,36 +1,43 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createMachine as t } from "robot3";
-import { useMemo as i } from "react";
-import { CardContextual as a } from "./ProfileComponents.js";
-import { profileStateMachine as f } from "./profileStateMachine.js";
-import { Flow as p } from "../../../Flow/Flow.js";
-import { BaseBoundaries as l } from "../../../Base/Base.js";
+import { jsx as t } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as a } from "react";
+import { CardContextual as f } from "./ProfileComponents.js";
+import { profileStateMachine as l } from "./profileStateMachine.js";
+import { Flow as c } from "../../../Flow/Flow.js";
+import { BaseBoundaries as p } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentDictionary as c, useI18n as u } from "../../../../i18n/I18n.js";
-function s({ employeeId: o, onEvent: e }) {
-  u("Employee.Management.Profile");
-  const r = i(
-    () => t("card", f, (n) => ({
-      ...n,
-      component: a,
-      employeeId: o,
-      successAlert: null
+import { useComponentDictionary as u, useI18n as s } from "../../../../i18n/I18n.js";
+function M({ employeeId: e, onEvent: r, LoaderComponent: o }) {
+  s("Employee.Management.Profile");
+  const m = a(
+    () => n("card", l, (i) => ({
+      ...i,
+      component: f,
+      employeeId: e,
+      successAlert: null,
+      LoaderComponent: o
     })),
-    [o]
+    [e, o]
   );
-  return /* @__PURE__ */ m(p, { machine: r, onEvent: e });
+  return /* @__PURE__ */ t(c, { machine: m, onEvent: r });
 }
-function w({ dictionary: o, FallbackComponent: e, ...r }) {
-  return c("Employee.Management.Profile", o), /* @__PURE__ */ m(
-    l,
+function d({
+  dictionary: e,
+  FallbackComponent: r,
+  LoaderComponent: o,
+  ...m
+}) {
+  return u("Employee.Management.Profile", e), /* @__PURE__ */ t(
+    p,
     {
       componentName: "Employee.Management.Profile",
-      FallbackComponent: e,
-      children: /* @__PURE__ */ m(s, { ...r })
+      FallbackComponent: r,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ t(M, { LoaderComponent: o, ...m })
     }
   );
 }
 export {
-  w as Profile
+  d as Profile
 };
 //# sourceMappingURL=Profile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction ProfileFlow({ employeeId, onEvent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({ dictionary, FallbackComponent, ...props }: ProfileProps) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,KAAyB;AAC1D,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAqBO,SAASU,EAAQ,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAAuB;AACjF,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAa,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction ProfileFlow({ employeeId, onEvent, LoaderComponent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ProfileProps) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ProfileFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAiC;AAC3E,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAqBO,SAASW,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAiB;AACf,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAY,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhE;"}

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

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
 /**
  * Props for {@link ProfileCard}.
  *
@@ -10,6 +11,8 @@ export interface ProfileCardProps {
     employeeId: string;
     /** Event handler fired when the user requests to edit the profile. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * Read-only card showing an employee's basic profile details with an Edit action.
@@ -29,4 +32,4 @@ export interface ProfileCardProps {
  * @returns The basic-details profile card.
  * @public
  */
-export declare function ProfileCard(props: ProfileCardProps): import("react").JSX.Element;
+export declare function ProfileCard({ LoaderComponent, ...props }: ProfileCardProps): import("react").JSX.Element;

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

@@ -1,29 +1,28 @@
 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 { 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 A(i) {
-  return /* @__PURE__ */ t(L, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
+import { useTranslation as y } from "react-i18next";
+import { Loading as g } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as P, BaseLayout as B } from "../../../../Base/Base.js";
+import { useComponentContext as L } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatDateLongWithYear as l } from "../../../../../helpers/dateFormatting.js";
+import { firstLastName as N } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as X } from "../../../../../i18n/I18n.js";
+import { componentEvents as D } from "../../../../../shared/constants.js";
+import { useEmployeeProfileSummary as v } from "../../shared/useEmployeeProfileSummary/useEmployeeProfileSummary.js";
+function A({ LoaderComponent: r, ...m }) {
+  return /* @__PURE__ */ t(P, { componentName: "Employee.Management.Profile", LoaderComponent: r, children: /* @__PURE__ */ t(C, { LoaderComponent: r, ...m }) });
 }
-function D({ employeeId: i, onEvent: l }) {
-  N("Employee.Management.Profile");
-  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 },
-    { term: o("dateOfBirth"), description: p || r },
-    { term: o("personalEmail"), description: e.email || r }
-  ] : [], h = () => {
-    l(X.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: i });
+function C({ employeeId: r, onEvent: m, LoaderComponent: d }) {
+  X("Employee.Management.Profile");
+  const { t: o } = y("Employee.Management.Profile"), n = L(), a = v({ employeeId: r }), s = a.isLoading, e = a.isLoading ? void 0 : a.data.employee, c = e ? N({ first_name: e.firstName, last_name: e.lastName }) : void 0, p = e ? l(e.jobs?.[0]?.hireDate) : void 0, f = e ? l(e.dateOfBirth) : void 0, E = e?.hasSsn ? "XXX-XX-XXXX" : void 0, i = /* @__PURE__ */ t("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), h = e ? [
+    { term: o("legalName"), description: c || i },
+    { term: o("startDate"), description: p || i },
+    { term: o("socialSecurityNumber"), description: E || i },
+    { term: o("dateOfBirth"), description: f || i },
+    { term: o("personalEmail"), description: e.email || i }
+  ] : [], u = () => {
+    m(D.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: r });
   };
-  return /* @__PURE__ */ t(P, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(B, { error: a.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ t(
     n.Box,
     {
       header: /* @__PURE__ */ t(
@@ -34,14 +33,14 @@ function D({ employeeId: i, onEvent: l }) {
             n.Button,
             {
               variant: "secondary",
-              onClick: h,
-              isDisabled: m,
+              onClick: u,
+              isDisabled: s,
               children: o("editCta")
             }
           )
         }
       ),
-      children: m ? /* @__PURE__ */ t(y, {}) : e ? /* @__PURE__ */ t(n.DescriptionList, { items: E }) : null
+      children: s ? /* @__PURE__ */ t(g, {}) : e ? /* @__PURE__ */ t(n.DescriptionList, { items: h }) : null
     }
   ) });
 }

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\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 * @events\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":";;;;;;;;;;;AAyCO,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'\nimport type { LoaderComponentType } from '@/components/Base'\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  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\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 * @events\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({ LoaderComponent, ...props }: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Profile\" LoaderComponent={LoaderComponent}>\n      <ProfileCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ employeeId, onEvent, LoaderComponent }: 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} LoaderComponent={LoaderComponent}>\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","LoaderComponent","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":";;;;;;;;;;AA4CO,SAASA,EAAY,EAAE,iBAAAC,GAAiB,GAAGC,KAA2B;AAC3E,SACE,gBAAAC,EAACC,GAAA,EAAe,eAAc,+BAA8B,iBAAAH,GAC1D,4BAACI,GAAA,EAAmB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO,EAAA,CACnE;AAEJ;AAEA,SAASG,EAAmB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAN,KAAqC;AACtF,EAAAO,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,2BACGqB,GAAA,EAAW,OAAOd,EAAQ,cAAc,QAAQ,iBAAAZ,GAC/C,UAAA,gBAAAE;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.js

@@ -1,31 +1,45 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { ProfileEditForm as u } from "./ProfileEditForm.js";
-import { Flex as f } from "../../../Common/Flex/Flex.js";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { ProfileEditForm as f } from "./ProfileEditForm.js";
+import { Flex as a } from "../../../Common/Flex/Flex.js";
 import { useFlow as n } from "../../../Flow/useFlow.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
 import { componentEvents as E } from "../../../../shared/constants.js";
-import { ProfileCard as a } from "./ProfileCard/ProfileCard.js";
+import { ProfileCard as d } from "./ProfileCard/ProfileCard.js";
 function D() {
-  const { employeeId: e, onEvent: o, successAlert: r } = n(), { t: l } = p("Employee.Management.Profile"), s = c();
-  return /* @__PURE__ */ i(f, { flexDirection: "column", gap: 16, children: [
-    r ? /* @__PURE__ */ t(
-      s.Alert,
+  const { employeeId: t, onEvent: o, successAlert: e, LoaderComponent: l } = n(), { t: s } = u("Employee.Management.Profile"), i = c();
+  return /* @__PURE__ */ p(a, { flexDirection: "column", gap: 16, children: [
+    e ? /* @__PURE__ */ r(
+      i.Alert,
       {
         status: "success",
-        label: l(`alerts.${r}`),
+        label: s(`alerts.${e}`),
         onDismiss: () => {
           o(E.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, null);
         }
       }
     ) : null,
-    /* @__PURE__ */ t(a, { employeeId: m(e), onEvent: o })
+    /* @__PURE__ */ r(
+      d,
+      {
+        employeeId: m(t),
+        onEvent: o,
+        LoaderComponent: l
+      }
+    )
   ] });
 }
 function _() {
-  const { employeeId: e, onEvent: o } = n();
-  return /* @__PURE__ */ t(u, { employeeId: m(e), onEvent: o });
+  const { employeeId: t, onEvent: o, LoaderComponent: e } = n();
+  return /* @__PURE__ */ r(
+    f,
+    {
+      employeeId: m(t),
+      onEvent: o,
+      LoaderComponent: e
+    }
+  );
 }
 export {
   D as CardContextual,

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\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;"}
+{"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, LoaderComponent } = 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\n        employeeId={ensureRequired(employeeId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function ProfileEditFormContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<ProfileContextInterface>()\n  return (\n    <ProfileEditForm\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["CardContextual","employeeId","onEvent","successAlert","LoaderComponent","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,GAAc,iBAAAC,EAAA,IAAoBC,EAAA,GACzD,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQW,EAAgB,6CAA6C,IAAI;AAAA,QAC3E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,YAAYC,EAAed,CAAU;AAAA,QACrC,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASY,IAA4B;AAC1C,QAAM,EAAE,YAAAf,GAAY,SAAAC,GAAS,iBAAAE,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,YAAYF,EAAed,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

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

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

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

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

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

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