@gusto/embedded-react-sdk 0.46.3 → 0.47.0

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

@@ -1,122 +1,40 @@
-import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { useState as I } from "react";
-import { useTranslation as v } from "react-i18next";
-import b from "classnames";
-import { useEmployeeDetailsForm as h } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
-import R from "./Profile.module.scss.js";
-import { BaseBoundaries as L, BaseLayout as d } from "../../../Base/Base.js";
+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 "../../../Base/useBase.js";
-import { Grid as g } from "../../../Common/Grid/Grid.js";
-import { ActionsLayout as y } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as A } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as S } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useI18n as C, useComponentDictionary as M } from "../../../../i18n/I18n.js";
-import { componentEvents as c } from "../../../../shared/constants.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function z({
-  FallbackComponent: t,
+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
+    })),
+    [o]
+  );
+  return /* @__PURE__ */ m(p, { machine: r, onEvent: e });
+}
+function w({
+  dictionary: o,
+  FallbackComponent: e,
   ...r
 }) {
-  return /* @__PURE__ */ i(L, { componentName: "Employee.Profile", FallbackComponent: t, children: /* @__PURE__ */ i(P, { ...r }) });
-}
-function P({ employeeId: t, className: r, dictionary: f, onEvent: m }) {
-  C("Employee.Profile"), M("Employee.Profile", f);
-  const { t: e } = v("Employee.Profile"), a = F(), o = h({
-    employeeId: t,
-    withSelfOnboardingField: !1,
-    optionalFieldsToRequire: {
-      update: ["firstName", "lastName", "email", "dateOfBirth", "ssn"]
-    }
-  }), [p, l] = I(!1);
-  if (o.isLoading)
-    return /* @__PURE__ */ i(d, { isLoading: !0, error: o.errorHandling.errors });
-  const s = o.form.Fields, u = async () => {
-    l(!1), await o.actions.onSubmit({
-      onEmployeeUpdated: (D) => {
-        m(c.EMPLOYEE_UPDATED, D);
-      }
-    }) && l(!0);
-  }, E = () => {
-    m(c.CANCEL);
-  }, N = p ? /* @__PURE__ */ i(
-    a.Alert,
+  return c("Employee.Management.Profile", o), /* @__PURE__ */ m(
+    l,
     {
-      status: "success",
-      label: e("successAlert"),
-      onDismiss: () => {
-        l(!1);
-      }
+      componentName: "Employee.Management.Profile",
+      FallbackComponent: e,
+      children: /* @__PURE__ */ m(s, { ...r })
     }
-  ) : void 0;
-  return /* @__PURE__ */ i("section", { className: b(R.container, r), children: /* @__PURE__ */ i(d, { error: o.errorHandling.errors, children: /* @__PURE__ */ i(S, { formHookResult: o, children: /* @__PURE__ */ n(A, { onSubmit: u, children: [
-    N,
-    /* @__PURE__ */ i(a.Heading, { as: "h1", children: e("title") }),
-    /* @__PURE__ */ n(
-      g,
-      {
-        gap: { base: 20, small: 8 },
-        gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
-        children: [
-          /* @__PURE__ */ i(
-            s.FirstName,
-            {
-              label: e("firstName"),
-              validationMessages: {
-                REQUIRED: e("validations.firstName"),
-                INVALID_NAME: e("validations.firstName")
-              }
-            }
-          ),
-          /* @__PURE__ */ i(s.MiddleInitial, { label: e("middleInitial") })
-        ]
-      }
-    ),
-    /* @__PURE__ */ i(
-      s.LastName,
-      {
-        label: e("lastName"),
-        validationMessages: {
-          REQUIRED: e("validations.lastName"),
-          INVALID_NAME: e("validations.lastName")
-        }
-      }
-    ),
-    /* @__PURE__ */ i(
-      s.Email,
-      {
-        label: e("email"),
-        description: e("emailDescription"),
-        validationMessages: {
-          REQUIRED: e("validations.email"),
-          INVALID_EMAIL: e("validations.email"),
-          EMAIL_REQUIRED_FOR_SELF_ONBOARDING: e("validations.email")
-        }
-      }
-    ),
-    /* @__PURE__ */ i(
-      s.Ssn,
-      {
-        label: e("ssnLabel"),
-        validationMessages: {
-          INVALID_SSN: e("validations.ssn", { ns: "common" }),
-          REQUIRED: e("validations.ssnRequired", { ns: "common" })
-        }
-      }
-    ),
-    /* @__PURE__ */ i(
-      s.DateOfBirth,
-      {
-        label: e("dobLabel"),
-        validationMessages: { REQUIRED: e("validations.dob", { ns: "common" }) }
-      }
-    ),
-    /* @__PURE__ */ n(y, { children: [
-      /* @__PURE__ */ i(a.Button, { variant: "secondary", onClick: E, children: e("cancelCta") }),
-      /* @__PURE__ */ i(a.Button, { type: "submit", isLoading: o.status.isPending, children: e("saveCta") })
-    ] })
-  ] }) }) }) });
+  );
 }
 export {
-  z as Profile
+  w 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 { 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 ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  employeeId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function Profile({\n  FallbackComponent,\n  ...props\n}: ProfileProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Profile\" FallbackComponent={FallbackComponent}>\n      <ProfileRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileRoot({ employeeId, className, dictionary, onEvent }: ProfileProps) {\n  useI18n('Employee.Profile')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.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_UPDATED, emp)\n      },\n    })\n    if (!result) return\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('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('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('firstName')}\n                validationMessages={{\n                  REQUIRED: t('validations.firstName'),\n                  INVALID_NAME: t('validations.firstName'),\n                }}\n              />\n              <Fields.MiddleInitial label={t('middleInitial')} />\n            </Grid>\n            <Fields.LastName\n              label={t('lastName')}\n              validationMessages={{\n                REQUIRED: t('validations.lastName'),\n                INVALID_NAME: t('validations.lastName'),\n              }}\n            />\n            <Fields.Email\n              label={t('email')}\n              description={t('emailDescription')}\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            <Fields.Ssn\n              label={t('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('dobLabel')}\n              validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n            />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["Profile","FallbackComponent","props","jsx","BaseBoundaries","ProfileRoot","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":"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 {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\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\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: ProfileProps & BaseComponentInterface<'Employee.Management.Profile'>) {\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":";;;;;;;;;AAoBA,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;AAEO,SAASU,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyE;AACvE,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;"}

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

@@ -0,0 +1,15 @@
+import { EventType } from '../../../../../shared/constants';
+import { OnEventType } from '../../../../Base/useBase';
+export interface ProfileCardProps {
+    employeeId: string;
+    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).
+ */
+export declare function ProfileCard(props: ProfileCardProps): import("react").JSX.Element;

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

@@ -0,0 +1,50 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { componentEvents as y } from "../../../../../shared/constants.js";
+import { Loading as g } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as L, BaseLayout as P } from "../../../../Base/Base.js";
+import { useComponentContext as B } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatDateLongWithYear as s } from "../../../../../helpers/dateFormatting.js";
+import { firstLastName as N } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as X } from "../../../../../i18n/I18n.js";
+import { useEmployeeProfileSummary as C } from "../../shared/useEmployeeProfileSummary/useEmployeeProfileSummary.js";
+function k(i) {
+  return /* @__PURE__ */ t(L, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
+}
+function D({ employeeId: i, onEvent: l }) {
+  X("Employee.Management.Profile");
+  const { t: o } = u("Employee.Management.Profile"), n = B(), a = C({ employeeId: i }), m = a.isLoading, e = a.isLoading ? void 0 : a.data.employee, d = e ? N({ 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(y.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: i });
+  };
+  return /* @__PURE__ */ t(P, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
+    n.Box,
+    {
+      header: /* @__PURE__ */ t(
+        n.BoxHeader,
+        {
+          title: o("title"),
+          action: /* @__PURE__ */ t(
+            n.Button,
+            {
+              variant: "secondary",
+              onClick: h,
+              isDisabled: m,
+              children: o("editCta")
+            }
+          )
+        }
+      ),
+      children: m ? /* @__PURE__ */ t(g, {}) : e ? /* @__PURE__ */ t(n.DescriptionList, { items: E }) : null
+    }
+  ) });
+}
+export {
+  k as ProfileCard
+};
+//# sourceMappingURL=ProfileCard.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { ProfileCard } from './ProfileCard';
+export type { ProfileCardProps } from './ProfileCard';

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

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

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

@@ -0,0 +1,34 @@
+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 { 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";
+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,
+      {
+        status: "success",
+        label: l(`alerts.${r}`),
+        onDismiss: () => {
+          o(E.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, null);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ t(a, { employeeId: m(e), onEvent: o })
+  ] });
+}
+function _() {
+  const { employeeId: e, onEvent: o } = n();
+  return /* @__PURE__ */ t(u, { employeeId: m(e), onEvent: o });
+}
+export {
+  D as CardContextual,
+  _ as ProfileEditFormContextual
+};
+//# sourceMappingURL=ProfileComponents.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,6 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+export interface ProfileEditFormProps extends CommonComponentInterface<'Employee.Management.Profile'> {
+    employeeId: string;
+    onEvent: BaseComponentInterface['onEvent'];
+}
+export declare function ProfileEditForm({ FallbackComponent, ...props }: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;

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

@@ -0,0 +1,129 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useState as D } from "react";
+import { useTranslation as L } from "react-i18next";
+import M from "classnames";
+import { useEmployeeDetailsForm as R } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import g from "./Profile.module.scss.js";
+import { BaseBoundaries as v, BaseLayout as d } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as f } from "../../../../shared/constants.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 P } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function z({
+  FallbackComponent: r,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    v,
+    {
+      componentName: "Employee.Management.Profile",
+      FallbackComponent: r,
+      children: /* @__PURE__ */ o(S, { ...t })
+    }
+  );
+}
+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({
+    employeeId: r,
+    withSelfOnboardingField: !1,
+    optionalFieldsToRequire: {
+      update: ["firstName", "lastName", "email", "dateOfBirth", "ssn"]
+    }
+  }), [E, n] = D(!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: (I) => {
+        l(f.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED, I);
+      }
+    }) && n(!0);
+  }, u = () => {
+    l(f.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED);
+  }, N = E ? /* @__PURE__ */ o(
+    s.Alert,
+    {
+      status: "success",
+      label: e("form.successAlert"),
+      onDismiss: () => {
+        n(!1);
+      }
+    }
+  ) : 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: [
+    N,
+    /* @__PURE__ */ o(s.Heading, { as: "h1", children: e("form.title") }),
+    /* @__PURE__ */ m(
+      b,
+      {
+        gap: { base: 20, small: 8 },
+        gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
+        children: [
+          /* @__PURE__ */ o(
+            a.FirstName,
+            {
+              label: e("form.firstName"),
+              validationMessages: {
+                REQUIRED: e("form.validations.firstName"),
+                INVALID_NAME: e("form.validations.firstName")
+              }
+            }
+          ),
+          /* @__PURE__ */ o(a.MiddleInitial, { label: e("form.middleInitial") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      a.LastName,
+      {
+        label: e("form.lastName"),
+        validationMessages: {
+          REQUIRED: e("form.validations.lastName"),
+          INVALID_NAME: e("form.validations.lastName")
+        }
+      }
+    ),
+    /* @__PURE__ */ o(
+      a.Email,
+      {
+        label: e("form.email"),
+        description: e("form.emailDescription"),
+        validationMessages: {
+          REQUIRED: e("form.validations.email"),
+          INVALID_EMAIL: e("form.validations.email"),
+          EMAIL_REQUIRED_FOR_SELF_ONBOARDING: e("form.validations.email")
+        }
+      }
+    ),
+    /* @__PURE__ */ o(
+      a.Ssn,
+      {
+        label: e("form.ssnLabel"),
+        validationMessages: {
+          INVALID_SSN: e("validations.ssn", { ns: "common" }),
+          REQUIRED: e("validations.ssnRequired", { ns: "common" })
+        }
+      }
+    ),
+    /* @__PURE__ */ o(
+      a.DateOfBirth,
+      {
+        label: e("form.dobLabel"),
+        validationMessages: { REQUIRED: e("validations.dob", { ns: "common" }) }
+      }
+    ),
+    /* @__PURE__ */ m(h, { 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") })
+    ] })
+  ] }) }) }) });
+}
+export {
+  z as ProfileEditForm
+};
+//# sourceMappingURL=ProfileEditForm.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,7 @@
+import "./types/i18next.d.ts"
+export { Profile } from './Profile';
+export type { ProfileProps } from './Profile';
+export { ProfileCard } from './ProfileCard';
+export type { ProfileCardProps } from './ProfileCard';
+export { ProfileEditForm } from './ProfileEditForm';
+export type { ProfileEditFormProps } from './ProfileEditForm';

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

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

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

@@ -0,0 +1,43 @@
+import { state as o, transition as t, reduce as r } from "robot3";
+import { ProfileEditFormContextual as l, CardContextual as c } from "./ProfileComponents.js";
+import { componentEvents as e } from "../../../../shared/constants.js";
+const n = r(
+  (E) => ({
+    ...E,
+    component: c,
+    successAlert: null
+  })
+), s = (E) => r(
+  (i) => ({
+    ...i,
+    component: c,
+    successAlert: E
+  })
+), M = {
+  card: o(
+    t(
+      e.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,
+      "editProfile",
+      r(
+        (E) => ({
+          ...E,
+          component: l,
+          successAlert: null
+        })
+      )
+    ),
+    t(e.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, "card", n)
+  ),
+  editProfile: o(
+    t(
+      e.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,
+      "card",
+      s("profileUpdated")
+    ),
+    t(e.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, "card", n)
+  )
+};
+export {
+  M as profileStateMachine
+};
+//# sourceMappingURL=profileStateMachine.js.map

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

@@ -0,0 +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;"}

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

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