@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

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

@@ -1,44 +1,45 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as C } from "react";
+import { useState as U } from "react";
 import { useTranslation as y } from "react-i18next";
-import U from "classnames";
-import { useEmployeeAddressesGetWorkAddresses as k } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
-import { useEmployeeDetailsForm as w } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
-import { useCurrentHomeAddressForm as x } from "../shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
-import b from "./EmployeeProfile.module.scss.js";
-import { SDKFormProvider as v } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { composeSubmitHandler as Q } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { composeErrorHandler as L } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import k from "classnames";
+import { useEmployeeAddressesGetWorkAddresses as w } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useEmployeeDetailsForm as x } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import { useCurrentHomeAddressForm as Q } from "../shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
+import v from "./EmployeeProfile.module.scss.js";
+import { SDKFormProvider as L } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { composeSubmitHandler as z } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { composeErrorHandler as S } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { Grid as A } from "../../../Common/Grid/Grid.js";
-import { ActionsLayout as z } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as B } from "../../../Common/Form/Form.js";
-import { BaseLayout as S } from "../../../Base/Base.js";
+import { ActionsLayout as B } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as Y } from "../../../Common/Form/Form.js";
+import { BaseLayout as N } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useI18n as N, useComponentDictionary as Y } from "../../../../i18n/I18n.js";
+import { useI18n as H, useComponentDictionary as W } from "../../../../i18n/I18n.js";
 import { componentEvents as p } from "../../../../shared/constants.js";
-import { useComponentContext as W } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { getStreet as Z, getCityStateZip as j } from "../../../../helpers/formattedStrings.js";
-const q = {
+import { useComponentContext as Z } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { getStreet as j, getCityStateZip as q } from "../../../../helpers/formattedStrings.js";
+const G = {
   create: ["dateOfBirth", "ssn"],
   update: ["firstName", "lastName", "dateOfBirth", "ssn"]
 };
-function he({
-  companyId: H,
+function ue({
+  companyId: P,
   employeeId: D,
   defaultValues: d,
-  className: P = "",
-  dictionary: M,
-  onEvent: n
+  className: M = "",
+  dictionary: F,
+  onEvent: n,
+  LoaderComponent: I
 }) {
-  N("Employee.Profile"), N("Employee.HomeAddress"), Y("Employee.Profile", M);
-  const { t: s } = y("Employee.Profile"), { t: o } = y("Employee.HomeAddress"), { t: F } = y("common"), r = W(), [E, T] = C(D), l = w({
-    companyId: H,
+  H("Employee.Profile"), H("Employee.HomeAddress"), W("Employee.Profile", F);
+  const { t: s } = y("Employee.Profile"), { t: o } = y("Employee.HomeAddress"), { t: T } = y("common"), r = Z(), [E, O] = U(D), l = x({
+    companyId: P,
     employeeId: E,
     withSelfOnboardingField: !1,
-    optionalFieldsToRequire: q,
+    optionalFieldsToRequire: G,
     defaultValues: d?.employee,
     shouldFocusError: !1
-  }), a = x({
+  }), a = Q({
     employeeId: E ?? "",
     withEffectiveDateField: !1,
     defaultValues: {
@@ -49,19 +50,19 @@ function he({
       zip: d?.homeAddress?.zip
     },
     shouldFocusError: !1
-  }), f = k(
+  }), f = w(
     { employeeId: E ?? "" },
     { enabled: !!E }
   ), u = f.data?.employeeWorkAddressesList?.find((t) => t.active);
   if (l.isLoading || a.isLoading || f.isLoading) {
-    const t = L([
+    const t = S([
       l,
       a,
       f
     ]);
-    return /* @__PURE__ */ e(S, { isLoading: !0, error: t.errors });
+    return /* @__PURE__ */ e(N, { isLoading: !0, error: t.errors, LoaderComponent: I });
   }
-  const m = l.form.Fields, c = a.form.Fields, I = Q([l, a], async () => {
+  const m = l.form.Fields, c = a.form.Fields, R = z([l, a], async () => {
     const t = await l.actions.onSubmit({
       onEmployeeCreated: (g) => {
         n(p.EMPLOYEE_CREATED, g);
@@ -71,26 +72,26 @@ function he({
       }
     });
     if (!t) return;
-    const R = t.data.uuid, h = await a.actions.onSubmit({
-      employeeId: R
+    const b = t.data.uuid, h = await a.actions.onSubmit({
+      employeeId: b
     });
     if (!h) {
-      D || T(R);
+      D || O(b);
       return;
     }
     h.mode === "create" ? n(p.EMPLOYEE_HOME_ADDRESS_CREATED, h.data) : n(p.EMPLOYEE_HOME_ADDRESS_UPDATED, h.data), n(p.EMPLOYEE_PROFILE_DONE, t.data);
-  }), O = L([
-    I,
+  }), _ = S([
+    R,
     { errorHandling: a.errorHandling },
     f
-  ]), _ = l.status.isPending || a.status.isPending;
-  return /* @__PURE__ */ e("section", { className: U(b.container, P), children: /* @__PURE__ */ e(S, { error: O.errors, children: /* @__PURE__ */ i(B, { onSubmit: I.handleSubmit, children: [
+  ]), C = l.status.isPending || a.status.isPending;
+  return /* @__PURE__ */ e("section", { className: k(v.container, M), children: /* @__PURE__ */ e(N, { error: _.errors, LoaderComponent: I, children: /* @__PURE__ */ i(Y, { onSubmit: R.handleSubmit, children: [
     /* @__PURE__ */ i(A, { gridTemplateColumns: "1fr", gap: 24, children: [
       /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ e(r.Heading, { as: "h2", children: s("title") }),
         /* @__PURE__ */ e(r.Text, { children: s("description") })
       ] }),
-      /* @__PURE__ */ i(v, { formHookResult: l, children: [
+      /* @__PURE__ */ i(L, { formHookResult: l, children: [
         /* @__PURE__ */ i(
           A,
           {
@@ -139,7 +140,7 @@ function he({
           }
         )
       ] }),
-      /* @__PURE__ */ i(v, { formHookResult: a, children: [
+      /* @__PURE__ */ i(L, { formHookResult: a, children: [
         /* @__PURE__ */ i("div", { children: [
           /* @__PURE__ */ e(r.Heading, { as: "h2", children: o("formTitle") }),
           /* @__PURE__ */ e(r.Text, { children: o("desc") })
@@ -174,7 +175,7 @@ function he({
                   label: o("state"),
                   placeholder: o("statePlaceholder"),
                   validationMessages: { REQUIRED: o("validations.state") },
-                  getOptionLabel: (t) => F(`statesHash.${t}`, { defaultValue: t })
+                  getOptionLabel: (t) => T(`statesHash.${t}`, { defaultValue: t })
                 }
               ),
               /* @__PURE__ */ e(
@@ -194,16 +195,16 @@ function he({
       u && /* @__PURE__ */ i("section", { children: [
         /* @__PURE__ */ e(r.Heading, { as: "h2", children: s("workAddressSectionTitle") }),
         /* @__PURE__ */ e(r.Text, { children: s("workAddressSectionDescription") }),
-        /* @__PURE__ */ i("address", { className: b.address, children: [
-          /* @__PURE__ */ e(r.Text, { children: Z(u) }),
-          /* @__PURE__ */ e(r.Text, { children: j(u) })
+        /* @__PURE__ */ i("address", { className: v.address, children: [
+          /* @__PURE__ */ e(r.Text, { children: j(u) }),
+          /* @__PURE__ */ e(r.Text, { children: q(u) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(r.Button, { type: "submit", isLoading: _, children: s("submitCta") }) })
+    /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(r.Button, { type: "submit", isLoading: C, children: s("submitCta") }) })
   ] }) }) });
 }
 export {
-  he as EmployeeProfile
+  ue as EmployeeProfile
 };
 //# sourceMappingURL=EmployeeProfile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/EmployeeProfile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport styles from './EmployeeProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\n\nconst SELF_OPTIONAL_FIELDS: EmployeeDetailsOptionalFieldsToRequire = {\n  create: ['dateOfBirth', 'ssn'],\n  update: ['firstName', 'lastName', 'dateOfBirth', 'ssn'],\n}\n\n/** @internal */\nexport function EmployeeProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: SELF_OPTIONAL_FIELDS,\n    defaultValues: defaultValues?.employee,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: resolvedEmployeeId ?? '' },\n    { enabled: !!resolvedEmployeeId },\n  )\n  const workAddresses = workAddressesQuery.data?.employeeWorkAddressesList\n  const activeWorkAddress = workAddresses?.find(address => address.active)\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddressesQuery.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([\n      employeeDetails,\n      homeAddress,\n      workAddressesQuery,\n    ])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const EmpFields = employeeDetails.form.Fields\n  const HomeFields = homeAddress.form.Fields\n\n  const submitResult = composeSubmitHandler([employeeDetails, homeAddress], async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n\n    const homeResult = await homeAddress.actions.onSubmit({\n      employeeId: newEmployeeId,\n    })\n    if (!homeResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n    if (homeResult.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, employeeResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([\n    submitResult,\n    { errorHandling: homeAddress.errorHandling },\n    workAddressesQuery,\n  ])\n\n  const isPending = employeeDetails.status.isPending || homeAddress.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            <SDKFormProvider formHookResult={employeeDetails}>\n              <Grid\n                gap={{ base: 20, small: 8 }}\n                gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n              >\n                <EmpFields.FirstName\n                  label={t('firstName')}\n                  validationMessages={{\n                    REQUIRED: t('validations.firstName'),\n                    INVALID_NAME: t('validations.firstName'),\n                  }}\n                />\n                <EmpFields.MiddleInitial label={t('middleInitial')} />\n              </Grid>\n              <EmpFields.LastName\n                label={t('lastName')}\n                validationMessages={{\n                  REQUIRED: t('validations.lastName'),\n                  INVALID_NAME: t('validations.lastName'),\n                }}\n              />\n              <EmpFields.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              <EmpFields.DateOfBirth\n                label={t('dobLabel')}\n                validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <SDKFormProvider formHookResult={homeAddress}>\n              <div>\n                <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                <Components.Text>{tHome('desc')}</Components.Text>\n              </div>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: ['1fr', '1fr'],\n                }}\n                gap={20}\n              >\n                <HomeFields.Street1\n                  label={tHome('street1')}\n                  validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                />\n                <HomeFields.Street2 label={tHome('street2')} />\n                <HomeFields.City\n                  label={tHome('city')}\n                  validationMessages={{ REQUIRED: tHome('validations.city') }}\n                />\n                <HomeFields.State\n                  label={tHome('state')}\n                  placeholder={tHome('statePlaceholder')}\n                  validationMessages={{ REQUIRED: tHome('validations.state') }}\n                  getOptionLabel={(abbr: string) =>\n                    tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                  }\n                />\n                <HomeFields.Zip\n                  label={tHome('zip')}\n                  validationMessages={{\n                    REQUIRED: tHome('validations.zip'),\n                    INVALID_ZIP: tHome('validations.zip'),\n                  }}\n                />\n              </Grid>\n            </SDKFormProvider>\n\n            {activeWorkAddress && (\n              <section>\n                <Components.Heading as=\"h2\">{t('workAddressSectionTitle')}</Components.Heading>\n                <Components.Text>{t('workAddressSectionDescription')}</Components.Text>\n                <address className={styles.address}>\n                  <Components.Text>{getStreet(activeWorkAddress)}</Components.Text>\n                  <Components.Text>{getCityStateZip(activeWorkAddress)}</Components.Text>\n                </address>\n              </section>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SELF_OPTIONAL_FIELDS","EmployeeProfile","companyId","employeeId","defaultValues","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","tHome","tCommon","Components","useComponentContext","resolvedEmployeeId","setResolvedEmployeeId","useState","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddressesQuery","useEmployeeAddressesGetWorkAddresses","activeWorkAddress","address","loadingErrorHandling","composeErrorHandler","BaseLayout","EmpFields","HomeFields","submitResult","composeSubmitHandler","employeeResult","emp","componentEvents","newEmployeeId","homeResult","errorHandling","isPending","classNames","styles","jsx","Form","jsxs","Grid","SDKFormProvider","abbr","getStreet","getCityStateZip","ActionsLayout"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,IAA+D;AAAA,EACnE,QAAQ,CAAC,eAAe,KAAK;AAAA,EAC7B,QAAQ,CAAC,aAAa,YAAY,eAAe,KAAK;AACxD;AAGO,SAASC,GAAgB;AAAA,EAC9B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,SAAAC;AACF,GAAiB;AACf,EAAAC,EAAQ,kBAAkB,GAC1BA,EAAQ,sBAAsB,GAC9BC,EAAuB,oBAAoBH,CAAU;AACrD,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,GAAGC,MAAUD,EAAe,sBAAsB,GACpD,EAAE,GAAGE,MAAYF,EAAe,QAAQ,GACxCG,IAAaC,EAAA,GAEb,CAACC,GAAoBC,CAAqB,IAAIC,EAASf,CAAU,GAEjEgB,IAAkBC,EAAuB;AAAA,IAC7C,WAAAlB;AAAA,IACA,YAAYc;AAAA,IACZ,yBAAyB;AAAA,IACzB,yBAAyBhB;AAAA,IACzB,eAAeI,GAAe;AAAA,IAC9B,kBAAkB;AAAA,EAAA,CACnB,GAEKiB,IAAcC,EAA0B;AAAA,IAC5C,YAAYN,KAAsB;AAAA,IAClC,wBAAwB;AAAA,IACxB,eAAe;AAAA,MACb,SAASZ,GAAe,aAAa;AAAA,MACrC,SAASA,GAAe,aAAa;AAAA,MACrC,MAAMA,GAAe,aAAa;AAAA,MAClC,OAAOA,GAAe,aAAa;AAAA,MACnC,KAAKA,GAAe,aAAa;AAAA,IAAA;AAAA,IAEnC,kBAAkB;AAAA,EAAA,CACnB,GAEKmB,IAAqBC;AAAA,IACzB,EAAE,YAAYR,KAAsB,GAAA;AAAA,IACpC,EAAE,SAAS,CAAC,CAACA,EAAA;AAAA,EAAmB,GAG5BS,IADgBF,EAAmB,MAAM,2BACN,KAAK,CAAAG,MAAWA,EAAQ,MAAM;AAEvE,MAAIP,EAAgB,aAAaE,EAAY,aAAaE,EAAmB,WAAW;AACtF,UAAMI,IAAuBC,EAAoB;AAAA,MAC/CT;AAAA,MACAE;AAAA,MACAE;AAAA,IAAA,CACD;AACD,6BAAQM,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAEA,QAAMG,IAAYX,EAAgB,KAAK,QACjCY,IAAaV,EAAY,KAAK,QAE9BW,IAAeC,EAAqB,CAACd,GAAiBE,CAAW,GAAG,YAAY;AACpF,UAAMa,IAAiB,MAAMf,EAAgB,QAAQ,SAAS;AAAA,MAC5D,mBAAmB,CAAAgB,MAAO;AACxB,QAAA5B,EAAQ6B,EAAgB,kBAAkBD,CAAG;AAAA,MAC/C;AAAA,MACA,mBAAmB,CAAAA,MAAO;AACxB,QAAA5B,EAAQ6B,EAAgB,kBAAkBD,CAAG;AAAA,MAC/C;AAAA,IAAA,CACD;AACD,QAAI,CAACD,EAAgB;AAErB,UAAMG,IAAgBH,EAAe,KAAK,MAEpCI,IAAa,MAAMjB,EAAY,QAAQ,SAAS;AAAA,MACpD,YAAYgB;AAAA,IAAA,CACb;AACD,QAAI,CAACC,GAAY;AACf,MAAKnC,KAAYc,EAAsBoB,CAAa;AACpD;AAAA,IACF;AACA,IAAIC,EAAW,SAAS,WACtB/B,EAAQ6B,EAAgB,+BAA+BE,EAAW,IAAI,IAEtE/B,EAAQ6B,EAAgB,+BAA+BE,EAAW,IAAI,GAGxE/B,EAAQ6B,EAAgB,uBAAuBF,EAAe,IAAI;AAAA,EACpE,CAAC,GAEKK,IAAgBX,EAAoB;AAAA,IACxCI;AAAA,IACA,EAAE,eAAeX,EAAY,cAAA;AAAA,IAC7BE;AAAA,EAAA,CACD,GAEKiB,IAAYrB,EAAgB,OAAO,aAAaE,EAAY,OAAO;AAEzE,2BACG,WAAA,EAAQ,WAAWoB,EAAWC,EAAO,WAAWrC,CAAS,GACxD,UAAA,gBAAAsC,EAACd,GAAA,EAAW,OAAOU,EAAc,QAC/B,4BAACK,GAAA,EAAK,UAAUZ,EAAa,cAC3B,UAAA;AAAA,IAAA,gBAAAa,EAACC,GAAA,EAAK,qBAAoB,OAAM,KAAK,IACnC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAF,EAAC7B,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,0BACvCI,EAAW,MAAX,EAAiB,UAAAJ,EAAE,aAAa,EAAA,CAAE;AAAA,MAAA,GACrC;AAAA,MAEA,gBAAAmC,EAACE,GAAA,EAAgB,gBAAgB5B,GAC/B,UAAA;AAAA,QAAA,gBAAA0B;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAK,EAAE,MAAM,IAAI,OAAO,EAAA;AAAA,YACxB,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,GAAG,EAAA;AAAA,YAEtD,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAACb,EAAU;AAAA,gBAAV;AAAA,kBACC,OAAOpB,EAAE,WAAW;AAAA,kBACpB,oBAAoB;AAAA,oBAClB,UAAUA,EAAE,uBAAuB;AAAA,oBACnC,cAAcA,EAAE,uBAAuB;AAAA,kBAAA;AAAA,gBACzC;AAAA,cAAA;AAAA,gCAEDoB,EAAU,eAAV,EAAwB,OAAOpB,EAAE,eAAe,EAAA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtD,gBAAAiC;AAAA,UAACb,EAAU;AAAA,UAAV;AAAA,YACC,OAAOpB,EAAE,UAAU;AAAA,YACnB,oBAAoB;AAAA,cAClB,UAAUA,EAAE,sBAAsB;AAAA,cAClC,cAAcA,EAAE,sBAAsB;AAAA,YAAA;AAAA,UACxC;AAAA,QAAA;AAAA,QAEF,gBAAAiC;AAAA,UAACb,EAAU;AAAA,UAAV;AAAA,YACC,OAAOpB,EAAE,UAAU;AAAA,YACnB,oBAAoB;AAAA,cAClB,aAAaA,EAAE,mBAAmB,EAAE,IAAI,UAAU;AAAA,cAClD,UAAUA,EAAE,2BAA2B,EAAE,IAAI,UAAU;AAAA,YAAA;AAAA,UACzD;AAAA,QAAA;AAAA,QAEF,gBAAAiC;AAAA,UAACb,EAAU;AAAA,UAAV;AAAA,YACC,OAAOpB,EAAE,UAAU;AAAA,YACnB,oBAAoB,EAAE,UAAUA,EAAE,mBAAmB,EAAE,IAAI,UAAU,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,MACzE,GACF;AAAA,MAEA,gBAAAmC,EAACE,GAAA,EAAgB,gBAAgB1B,GAC/B,UAAA;AAAA,QAAA,gBAAAwB,EAAC,OAAA,EACC,UAAA;AAAA,UAAA,gBAAAF,EAAC7B,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAM,WAAW,GAAE;AAAA,4BAC/CE,EAAW,MAAX,EAAiB,UAAAF,EAAM,MAAM,EAAA,CAAE;AAAA,QAAA,GAClC;AAAA,QACA,gBAAAiC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,qBAAqB;AAAA,cACnB,MAAM;AAAA,cACN,OAAO,CAAC,OAAO,KAAK;AAAA,YAAA;AAAA,YAEtB,KAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOnB,EAAM,SAAS;AAAA,kBACtB,oBAAoB,EAAE,UAAUA,EAAM,qBAAqB,EAAA;AAAA,gBAAE;AAAA,cAAA;AAAA,gCAE9DmB,EAAW,SAAX,EAAmB,OAAOnB,EAAM,SAAS,GAAG;AAAA,cAC7C,gBAAA+B;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOnB,EAAM,MAAM;AAAA,kBACnB,oBAAoB,EAAE,UAAUA,EAAM,kBAAkB,EAAA;AAAA,gBAAE;AAAA,cAAA;AAAA,cAE5D,gBAAA+B;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOnB,EAAM,OAAO;AAAA,kBACpB,aAAaA,EAAM,kBAAkB;AAAA,kBACrC,oBAAoB,EAAE,UAAUA,EAAM,mBAAmB,EAAA;AAAA,kBACzD,gBAAgB,CAACoC,MACfnC,EAAQ,cAAcmC,CAAI,IAAI,EAAE,cAAcA,EAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGxD,gBAAAL;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOnB,EAAM,KAAK;AAAA,kBAClB,oBAAoB;AAAA,oBAClB,UAAUA,EAAM,iBAAiB;AAAA,oBACjC,aAAaA,EAAM,iBAAiB;AAAA,kBAAA;AAAA,gBACtC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,MAECa,uBACE,WAAA,EACC,UAAA;AAAA,QAAA,gBAAAkB,EAAC7B,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAJ,EAAE,yBAAyB,GAAE;AAAA,0BACzDI,EAAW,MAAX,EAAiB,UAAAJ,EAAE,+BAA+B,GAAE;AAAA,QACrD,gBAAAmC,EAAC,WAAA,EAAQ,WAAWH,EAAO,SACzB,UAAA;AAAA,UAAA,gBAAAC,EAAC7B,EAAW,MAAX,EAAiB,UAAAmC,EAAUxB,CAAiB,GAAE;AAAA,4BAC9CX,EAAW,MAAX,EAAiB,UAAAoC,EAAgBzB,CAAiB,EAAA,CAAE;AAAA,QAAA,EAAA,CACvD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAkB,EAACQ,GAAA,EACC,UAAA,gBAAAR,EAAC7B,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAW0B,GACzC,UAAA9B,EAAE,WAAW,GAChB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"EmployeeProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/EmployeeProfile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport styles from './EmployeeProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\n\nconst SELF_OPTIONAL_FIELDS: EmployeeDetailsOptionalFieldsToRequire = {\n  create: ['dateOfBirth', 'ssn'],\n  update: ['firstName', 'lastName', 'dateOfBirth', 'ssn'],\n}\n\n/** @internal */\nexport function EmployeeProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  className = '',\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: SELF_OPTIONAL_FIELDS,\n    defaultValues: defaultValues?.employee,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: resolvedEmployeeId ?? '' },\n    { enabled: !!resolvedEmployeeId },\n  )\n  const workAddresses = workAddressesQuery.data?.employeeWorkAddressesList\n  const activeWorkAddress = workAddresses?.find(address => address.active)\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddressesQuery.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([\n      employeeDetails,\n      homeAddress,\n      workAddressesQuery,\n    ])\n    return (\n      <BaseLayout isLoading error={loadingErrorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const EmpFields = employeeDetails.form.Fields\n  const HomeFields = homeAddress.form.Fields\n\n  const submitResult = composeSubmitHandler([employeeDetails, homeAddress], async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n\n    const homeResult = await homeAddress.actions.onSubmit({\n      employeeId: newEmployeeId,\n    })\n    if (!homeResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n    if (homeResult.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, employeeResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([\n    submitResult,\n    { errorHandling: homeAddress.errorHandling },\n    workAddressesQuery,\n  ])\n\n  const isPending = employeeDetails.status.isPending || homeAddress.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            <SDKFormProvider formHookResult={employeeDetails}>\n              <Grid\n                gap={{ base: 20, small: 8 }}\n                gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n              >\n                <EmpFields.FirstName\n                  label={t('firstName')}\n                  validationMessages={{\n                    REQUIRED: t('validations.firstName'),\n                    INVALID_NAME: t('validations.firstName'),\n                  }}\n                />\n                <EmpFields.MiddleInitial label={t('middleInitial')} />\n              </Grid>\n              <EmpFields.LastName\n                label={t('lastName')}\n                validationMessages={{\n                  REQUIRED: t('validations.lastName'),\n                  INVALID_NAME: t('validations.lastName'),\n                }}\n              />\n              <EmpFields.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              <EmpFields.DateOfBirth\n                label={t('dobLabel')}\n                validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <SDKFormProvider formHookResult={homeAddress}>\n              <div>\n                <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                <Components.Text>{tHome('desc')}</Components.Text>\n              </div>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: ['1fr', '1fr'],\n                }}\n                gap={20}\n              >\n                <HomeFields.Street1\n                  label={tHome('street1')}\n                  validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                />\n                <HomeFields.Street2 label={tHome('street2')} />\n                <HomeFields.City\n                  label={tHome('city')}\n                  validationMessages={{ REQUIRED: tHome('validations.city') }}\n                />\n                <HomeFields.State\n                  label={tHome('state')}\n                  placeholder={tHome('statePlaceholder')}\n                  validationMessages={{ REQUIRED: tHome('validations.state') }}\n                  getOptionLabel={(abbr: string) =>\n                    tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                  }\n                />\n                <HomeFields.Zip\n                  label={tHome('zip')}\n                  validationMessages={{\n                    REQUIRED: tHome('validations.zip'),\n                    INVALID_ZIP: tHome('validations.zip'),\n                  }}\n                />\n              </Grid>\n            </SDKFormProvider>\n\n            {activeWorkAddress && (\n              <section>\n                <Components.Heading as=\"h2\">{t('workAddressSectionTitle')}</Components.Heading>\n                <Components.Text>{t('workAddressSectionDescription')}</Components.Text>\n                <address className={styles.address}>\n                  <Components.Text>{getStreet(activeWorkAddress)}</Components.Text>\n                  <Components.Text>{getCityStateZip(activeWorkAddress)}</Components.Text>\n                </address>\n              </section>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SELF_OPTIONAL_FIELDS","EmployeeProfile","companyId","employeeId","defaultValues","className","dictionary","onEvent","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","tHome","tCommon","Components","useComponentContext","resolvedEmployeeId","setResolvedEmployeeId","useState","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddressesQuery","useEmployeeAddressesGetWorkAddresses","activeWorkAddress","address","loadingErrorHandling","composeErrorHandler","BaseLayout","EmpFields","HomeFields","submitResult","composeSubmitHandler","employeeResult","emp","componentEvents","newEmployeeId","homeResult","errorHandling","isPending","classNames","styles","jsx","Form","jsxs","Grid","SDKFormProvider","abbr","getStreet","getCityStateZip","ActionsLayout"],"mappings":"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"}

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

@@ -84,6 +84,6 @@ export interface ProfileProps extends BaseComponentInterface<'Employee.Profile'>
  * @returns The employee profile onboarding step.
  * @public
  */
-export declare function Profile({ FallbackComponent, isAdmin, ...props }: ProfileProps): import("react").JSX.Element;
+export declare function Profile({ FallbackComponent, isAdmin, LoaderComponent, ...props }: ProfileProps): import("react").JSX.Element;
 /** @internal */
 export declare const ProfileContextual: () => import("react").JSX.Element;

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

@@ -1,29 +1,51 @@
-import { jsx as o } from "react/jsx-runtime";
-import { AdminProfile as l } from "./AdminProfile.js";
-import { EmployeeProfile as f } from "./EmployeeProfile.js";
+import { jsx as r } from "react/jsx-runtime";
+import { AdminProfile as f } from "./AdminProfile.js";
+import { EmployeeProfile as u } from "./EmployeeProfile.js";
 import { BaseBoundaries as a } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useFlow as d } from "../../../Flow/useFlow.js";
 import { ensureRequired as p } from "../../../../helpers/ensureRequired.js";
-function u({ FallbackComponent: r, isAdmin: i = !1, ...e }) {
-  return /* @__PURE__ */ o(a, { componentName: "Employee.Profile", FallbackComponent: r, children: i ? /* @__PURE__ */ o(l, { ...e, isAdmin: !0 }) : /* @__PURE__ */ o(f, { ...e }) });
+function s({
+  FallbackComponent: i,
+  isAdmin: m = !1,
+  LoaderComponent: e,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    a,
+    {
+      componentName: "Employee.Profile",
+      FallbackComponent: i,
+      LoaderComponent: e,
+      children: m ? /* @__PURE__ */ r(f, { ...o, isAdmin: !0, LoaderComponent: e }) : /* @__PURE__ */ r(u, { ...o, LoaderComponent: e })
+    }
+  );
 }
-const I = () => {
-  const { companyId: r, employeeId: i, onEvent: e, isAdmin: m, defaultValues: n, isSelfOnboardingEnabled: t } = d();
-  return /* @__PURE__ */ o(
-    u,
+const b = () => {
+  const {
+    companyId: i,
+    employeeId: m,
+    onEvent: e,
+    isAdmin: o,
+    defaultValues: n,
+    isSelfOnboardingEnabled: l,
+    LoaderComponent: t
+  } = d();
+  return /* @__PURE__ */ r(
+    s,
     {
-      companyId: p(r),
-      employeeId: i,
+      companyId: p(i),
+      employeeId: m,
       onEvent: e,
-      isAdmin: m,
+      isAdmin: o,
       defaultValues: n?.profile,
-      isSelfOnboardingEnabled: t
+      isSelfOnboardingEnabled: l,
+      LoaderComponent: t
     }
   );
 };
 export {
-  u as Profile,
-  I as ProfileContextual
+  s as Profile,
+  b as ProfileContextual
 };
 //# sourceMappingURL=Profile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/Profile.tsx"],"sourcesContent":["import type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport { AdminProfile } from './AdminProfile'\nimport { EmployeeProfile } from './EmployeeProfile'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Pre-fill values for the {@link Profile} onboarding step.\n *\n * @remarks\n * At least one of the listed fields must be provided. When employee data is\n * already available via the API, those values take precedence over the\n * defaults.\n *\n * @public\n */\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  /** Pre-fill values for the employee details section. At least one nested field must be set. */\n  employee?: RequireAtLeastOne<{\n    /** The employee's first name. */\n    firstName?: string\n    /** The employee's middle initial. */\n    middleInitial?: string\n    /** The employee's last name. */\n    lastName?: string\n    /** The employee's personal email address. */\n    email?: string\n    /** The employee's date of birth as an ISO date string (`YYYY-MM-DD`). */\n    dateOfBirth?: string\n  }>\n  /** Pre-fill values for the home address section. At least one nested field must be set. */\n  homeAddress?: RequireAtLeastOne<{\n    /** First line of the street address. */\n    street1?: string\n    /** Second line of the street address (optional). */\n    street2?: string\n    /** City. */\n    city?: string\n    /** Two-letter state abbreviation. */\n    state?: string\n    /** ZIP code. */\n    zip?: string\n  }>\n  /** When `true`, the admin form opens with the self-onboarding toggle enabled by default in create mode. */\n  inviteEmployeeDefault?: boolean\n}>\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Profile'> {\n  /** The associated employee identifier. Omit to create a new employee. */\n  employeeId?: string\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-fill values for the form fields. */\n  defaultValues?: ProfileDefaultValues\n  /** When `true`, renders the admin variant (collects work address, start date, and self-onboarding toggle). Defaults to `false`. */\n  isAdmin?: boolean\n  /** When `true`, the admin variant exposes the self-onboarding toggle. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n}\n\n/**\n * Onboarding step for collecting an employee's basic profile and addresses.\n *\n * @remarks\n * Switches between an admin-facing variant (collects employee details,\n * work address, start date, and an optional self-onboarding invitation\n * toggle) and an employee-facing variant (collects employee details and\n * home address only — the active work address is read-only) based on\n * `isAdmin`. Both variants create the employee on submit when `employeeId`\n * is omitted.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/created` | Fired after an employee is successfully created | {@link APIModels.Employee} |\n * | `employee/updated` | Fired after an employee is successfully updated | {@link APIModels.Employee} |\n * | `employee/onboardingStatus/updated` | Fired when toggling self-onboarding changes the employee's onboarding status (admin variant) | The updated onboarding status |\n * | `employee/homeAddress/created` | Fired after the home address is created | {@link APIModels.EmployeeAddress} |\n * | `employee/homeAddress/updated` | Fired after the home address is updated | {@link APIModels.EmployeeAddress} |\n * | `employee/workAddress/created` | Fired after the work address is created (admin variant) | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/workAddress/updated` | Fired after the work address is updated (admin variant) | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/profile/done` | Fired when all profile saves complete and the parent flow can advance | {@link APIModels.Employee} extended with `startDate` (admin variant) |\n *\n * @param input - See {@link ProfileProps}.\n * @returns The employee profile onboarding step.\n * @public\n */\nexport function Profile({ FallbackComponent, isAdmin = false, ...props }: ProfileProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Profile\" FallbackComponent={FallbackComponent}>\n      {isAdmin ? <AdminProfile {...props} isAdmin /> : <EmployeeProfile {...props} />}\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport const ProfileContextual = () => {\n  const { companyId, employeeId, onEvent, isAdmin, defaultValues, isSelfOnboardingEnabled } =\n    useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n    />\n  )\n}\n"],"names":["Profile","FallbackComponent","isAdmin","props","BaseBoundaries","jsx","AdminProfile","EmployeeProfile","ProfileContextual","companyId","employeeId","onEvent","defaultValues","isSelfOnboardingEnabled","useFlow","ensureRequired"],"mappings":";;;;;;;AA8FO,SAASA,EAAQ,EAAE,mBAAAC,GAAmB,SAAAC,IAAU,IAAO,GAAGC,KAAuB;AACtF,2BACGC,GAAA,EAAe,eAAc,oBAAmB,mBAAAH,GAC9C,cAAU,gBAAAI,EAACC,GAAA,EAAc,GAAGH,GAAO,SAAO,GAAA,CAAC,sBAAMI,GAAA,EAAiB,GAAGJ,GAAO,GAC/E;AAEJ;AAGO,MAAMK,IAAoB,MAAM;AACrC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,SAAAT,GAAS,eAAAU,GAAe,yBAAAC,EAAA,IAC9DC,EAAA;AAEF,SACE,gBAAAT;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWe,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAT;AAAA,MACA,eAAeU,GAAe;AAAA,MAC9B,yBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/Profile.tsx"],"sourcesContent":["import type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport { AdminProfile } from './AdminProfile'\nimport { EmployeeProfile } from './EmployeeProfile'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Pre-fill values for the {@link Profile} onboarding step.\n *\n * @remarks\n * At least one of the listed fields must be provided. When employee data is\n * already available via the API, those values take precedence over the\n * defaults.\n *\n * @public\n */\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  /** Pre-fill values for the employee details section. At least one nested field must be set. */\n  employee?: RequireAtLeastOne<{\n    /** The employee's first name. */\n    firstName?: string\n    /** The employee's middle initial. */\n    middleInitial?: string\n    /** The employee's last name. */\n    lastName?: string\n    /** The employee's personal email address. */\n    email?: string\n    /** The employee's date of birth as an ISO date string (`YYYY-MM-DD`). */\n    dateOfBirth?: string\n  }>\n  /** Pre-fill values for the home address section. At least one nested field must be set. */\n  homeAddress?: RequireAtLeastOne<{\n    /** First line of the street address. */\n    street1?: string\n    /** Second line of the street address (optional). */\n    street2?: string\n    /** City. */\n    city?: string\n    /** Two-letter state abbreviation. */\n    state?: string\n    /** ZIP code. */\n    zip?: string\n  }>\n  /** When `true`, the admin form opens with the self-onboarding toggle enabled by default in create mode. */\n  inviteEmployeeDefault?: boolean\n}>\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Profile'> {\n  /** The associated employee identifier. Omit to create a new employee. */\n  employeeId?: string\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-fill values for the form fields. */\n  defaultValues?: ProfileDefaultValues\n  /** When `true`, renders the admin variant (collects work address, start date, and self-onboarding toggle). Defaults to `false`. */\n  isAdmin?: boolean\n  /** When `true`, the admin variant exposes the self-onboarding toggle. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n}\n\n/**\n * Onboarding step for collecting an employee's basic profile and addresses.\n *\n * @remarks\n * Switches between an admin-facing variant (collects employee details,\n * work address, start date, and an optional self-onboarding invitation\n * toggle) and an employee-facing variant (collects employee details and\n * home address only — the active work address is read-only) based on\n * `isAdmin`. Both variants create the employee on submit when `employeeId`\n * is omitted.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/created` | Fired after an employee is successfully created | {@link APIModels.Employee} |\n * | `employee/updated` | Fired after an employee is successfully updated | {@link APIModels.Employee} |\n * | `employee/onboardingStatus/updated` | Fired when toggling self-onboarding changes the employee's onboarding status (admin variant) | The updated onboarding status |\n * | `employee/homeAddress/created` | Fired after the home address is created | {@link APIModels.EmployeeAddress} |\n * | `employee/homeAddress/updated` | Fired after the home address is updated | {@link APIModels.EmployeeAddress} |\n * | `employee/workAddress/created` | Fired after the work address is created (admin variant) | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/workAddress/updated` | Fired after the work address is updated (admin variant) | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/profile/done` | Fired when all profile saves complete and the parent flow can advance | {@link APIModels.Employee} extended with `startDate` (admin variant) |\n *\n * @param input - See {@link ProfileProps}.\n * @returns The employee profile onboarding step.\n * @public\n */\nexport function Profile({\n  FallbackComponent,\n  isAdmin = false,\n  LoaderComponent,\n  ...props\n}: ProfileProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      {isAdmin ? (\n        <AdminProfile {...props} isAdmin LoaderComponent={LoaderComponent} />\n      ) : (\n        <EmployeeProfile {...props} LoaderComponent={LoaderComponent} />\n      )}\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport const ProfileContextual = () => {\n  const {\n    companyId,\n    employeeId,\n    onEvent,\n    isAdmin,\n    defaultValues,\n    isSelfOnboardingEnabled,\n    LoaderComponent,\n  } = useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["Profile","FallbackComponent","isAdmin","LoaderComponent","props","jsx","BaseBoundaries","AdminProfile","EmployeeProfile","ProfileContextual","companyId","employeeId","onEvent","defaultValues","isSelfOnboardingEnabled","useFlow","ensureRequired"],"mappings":";;;;;;;AA8FO,SAASA,EAAQ;AAAA,EACtB,mBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAL;AAAA,MACA,iBAAAE;AAAA,MAEC,UAAAD,IACC,gBAAAG,EAACE,GAAA,EAAc,GAAGH,GAAO,SAAO,IAAC,iBAAAD,EAAA,CAAkC,IAEnE,gBAAAE,EAACG,GAAA,EAAiB,GAAGJ,GAAO,iBAAAD,EAAA,CAAkC;AAAA,IAAA;AAAA,EAAA;AAItE;AAGO,MAAMM,IAAoB,MAAM;AACrC,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAV;AAAA,IACA,eAAAW;AAAA,IACA,yBAAAC;AAAA,IACA,iBAAAX;AAAA,EAAA,IACEY,EAAA;AAEJ,SACE,gBAAAV;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWgB,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAV;AAAA,MACA,eAAeW,GAAe;AAAA,MAC9B,yBAAAC;AAAA,MACA,iBAAAX;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.js

@@ -1,11 +1,11 @@
 import { useMemo as C } from "react";
 import { useForm as N } from "react-hook-form";
-import { zodResolver as X } from "@hookform/resolvers/zod";
-import { useLocationsGet as Y } from "@gusto/embedded-api/react-query/locationsGet";
-import { useEmployeeAddressesRetrieveWorkAddress as Z } from "@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress";
-import { useEmployeeAddressesCreateWorkAddressMutation as _ } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
-import { useEmployeeAddressesUpdateWorkAddressMutation as $ } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
-import { RFCDate as T } from "@gusto/embedded-api/types/rfcdate";
+import { zodResolver as T } from "@hookform/resolvers/zod";
+import { useLocationsGet as X } from "@gusto/embedded-api/react-query/locationsGet";
+import { useEmployeeAddressesRetrieveWorkAddress as Y } from "@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress";
+import { useEmployeeAddressesCreateWorkAddressMutation as Z } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
+import { useEmployeeAddressesUpdateWorkAddressMutation as _ } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
+import { RFCDate as $ } from "@gusto/embedded-api/types/rfcdate";
 import { createWorkAddressSchema as ee } from "./workAddressSchema.js";
 import { EffectiveDateField as oe, LocationField as te } from "./fields.js";
 import { useDeriveFieldsMetadata as re } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
@@ -29,17 +29,20 @@ function we({
   companyId: t,
   employeeId: f,
   workAddressUuid: e,
-  initialAddress: y,
+  initialAddress: W,
   withEffectiveDateField: i = !0,
   optionalFieldsToRequire: k,
   defaultValues: l,
   validationMode: q = "onSubmit",
   shouldFocusError: P = !0
 }) {
-  const p = Y({ companyId: t ?? "" }, { enabled: !!t }), A = !!e && y?.uuid === e, v = Z(
+  const p = X(
+    { companyId: t ?? "" },
+    { enabled: !!t, staleTime: 1 / 0 }
+  ), A = !!e && W?.uuid === e, v = Y(
     { workAddressUuid: e ?? "" },
     { enabled: !!e && !A }
-  ), n = p.data?.companyLocationsList, d = !e, o = e ? A ? y : v.data?.employeeWorkAddress : void 0, D = d ? "create" : "update", [b, V] = C(
+  ), n = p.data?.companyLocationsList, d = !e, o = e ? A ? W : v.data?.employeeWorkAddress : void 0, D = d ? "create" : "update", [b, V] = C(
     () => ee({
       mode: D,
       optionalFieldsToRequire: k,
@@ -53,17 +56,17 @@ function we({
     }),
     [o, l]
   ), m = N({
-    resolver: X(b),
+    resolver: T(b),
     mode: q,
     shouldFocusError: P,
     defaultValues: g,
     values: g,
     resetOptions: { keepDirtyValues: !0 }
-  }), L = _(), M = $(), H = L.isPending || M.isPending, {
+  }), L = Z(), M = _(), H = L.isPending || M.isPending, {
     baseSubmitHandler: U,
     error: B,
     setError: O
-  } = de("WorkAddressForm"), R = [p, ...e ? [v] : []], W = ne(R, { submitError: B, setSubmitError: O }), G = (n ?? []).map((r) => ({
+  } = de("WorkAddressForm"), R = [p, ...e ? [v] : []], y = ne(R, { submitError: B, setSubmitError: O }), G = (n ?? []).map((r) => ({
     value: r.uuid,
     label: me(r)
   })), Q = re(V, m.control), x = ce(Q, {
@@ -78,7 +81,7 @@ function we({
             const S = h?.employeeId ?? f;
             if (!S)
               throw new u("employeeId is required to submit work address");
-            const w = i && c.effectiveDate ? c.effectiveDate : h?.effectiveDate, I = w ? new T(new Date(w)) : void 0;
+            const w = i && c.effectiveDate ? c.effectiveDate : h?.effectiveDate, I = w ? new $(new Date(w)) : void 0;
             let s;
             if (d) {
               const a = await L.mutateAsync({
@@ -124,7 +127,7 @@ function we({
       )();
     }), E;
   }, K = se(m), j = !!t && p.isLoading || !!e && v.isLoading;
-  return !t || j || !n ? { isLoading: !0, errorHandling: W } : e && !o ? { isLoading: !0, errorHandling: W } : {
+  return !t || j || !n ? { isLoading: !0, errorHandling: y } : e && !o ? { isLoading: !0, errorHandling: y } : {
     isLoading: !1,
     data: {
       workAddress: o ?? null,
@@ -135,7 +138,7 @@ function we({
       mode: d ? "create" : "update"
     },
     actions: { onSubmit: z },
-    errorHandling: W,
+    errorHandling: y,
     form: {
       Fields: {
         Location: te,

package/dist/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkAddressForm.js","sources":["../../../../../../src/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Location } from '@gusto/embedded-api/models/components/location'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useLocationsGet } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useEmployeeAddressesRetrieveWorkAddress } from '@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress'\nimport { useEmployeeAddressesCreateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress'\nimport { useEmployeeAddressesUpdateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  createWorkAddressSchema,\n  type WorkAddressOptionalFieldsToRequire,\n  type WorkAddressFormData,\n  type WorkAddressFormOutputs,\n} from './workAddressSchema'\nimport type { LocationFieldProps, EffectiveDateFieldProps } from './fields'\nimport { LocationField, EffectiveDateField } from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldMetadata,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { addressInline } from '@/helpers/formattedStrings'\n\nexport type { WorkAddressOptionalFieldsToRequire } from './workAddressSchema'\n\n/** @internal */\nfunction buildWorkAddressFieldsMetadata(\n  base: Record<keyof WorkAddressFormData, FieldMetadata>,\n  {\n    locationOptions,\n    companyLocations,\n  }: {\n    locationOptions: Array<{ label: string; value: string }>\n    companyLocations: Location[]\n  },\n) {\n  return {\n    locationUuid: withOptions<Location>(base.locationUuid, locationOptions, companyLocations),\n    effectiveDate: base.effectiveDate,\n  } satisfies FieldsMetadata\n}\n\n/**\n * Optional callbacks passed to {@link UseWorkAddressFormReady.actions.onSubmit | onSubmit}.\n *\n * @remarks\n * Only the callback matching the submit mode fires —\n * `onWorkAddressCreated` on create, `onWorkAddressUpdated` on update.\n *\n * @public\n */\nexport interface WorkAddressSubmitCallbacks {\n  /** Fired after a new work address is successfully created. */\n  onWorkAddressCreated?: (workAddress: EmployeeWorkAddress) => void\n  /** Fired after an existing work address is successfully updated. */\n  onWorkAddressUpdated?: (workAddress: EmployeeWorkAddress) => void\n}\n\n/**\n * Optional overrides passed to {@link UseWorkAddressFormReady.actions.onSubmit | onSubmit}.\n *\n * @public\n */\nexport interface WorkAddressSubmitOptions {\n  /** Override the employee identifier supplied to the hook (e.g. after creating a new employee in the same flow). */\n  employeeId?: string\n  /** Override the effective date submitted with the address. */\n  effectiveDate?: string\n}\n\n/**\n * Configuration options for {@link useWorkAddressForm}.\n *\n * @remarks\n * Presence or absence of `workAddressUuid` selects the API verb — see the\n * `workAddressUuid` field description. `companyId` is required to fetch\n * the location list; pass it when it is known.\n *\n * @public\n */\nexport interface UseWorkAddressFormProps {\n  /** Company UUID for locations; omit or leave unset while resolving from the employee record. */\n  companyId?: string\n  /** UUID of the employee whose work address is being created or edited. */\n  employeeId: string\n  /**\n   * When set, loads that work address via GET `/v1/work_addresses/{work_address_uuid}` and updates it (PUT).\n   * When omitted, the form is in create mode (POST).\n   */\n  workAddressUuid?: string\n  /**\n   * Pre-loaded address matching `workAddressUuid`. When supplied, the form uses it directly\n   * instead of issuing a GET — useful when the parent already has the row from a list query.\n   */\n  initialAddress?: EmployeeWorkAddress\n  /** When `true`, renders `Fields.EffectiveDate`; otherwise it is `undefined`. Defaults to `true`. */\n  withEffectiveDateField?: boolean\n  /** Override fields that are optional on a given mode to be required. See `WorkAddressOptionalFieldsToRequire`. */\n  optionalFieldsToRequire?: WorkAddressOptionalFieldsToRequire\n  /** Pre-fill form values. Server data takes precedence on update. */\n  defaultValues?: Partial<WorkAddressFormData>\n  /** Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler` so submit-time focus is coordinated across multiple forms. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Pre-bound field components exposed on `useWorkAddressForm().form.Fields`.\n *\n * @remarks\n * `EffectiveDate` is `undefined` when `withEffectiveDateField` is `false`.\n * Always null-check it before rendering.\n *\n * @public\n */\nexport interface WorkAddressFormFields {\n  /** Bound to `locationUuid`. Location selector. Always available. */\n  Location: ComponentType<LocationFieldProps>\n  /** Bound to `effectiveDate`. Effective-date picker. Only available when `withEffectiveDateField` is `true`. */\n  EffectiveDate: ComponentType<EffectiveDateFieldProps> | undefined\n}\n\n/**\n * Ready-state shape returned by {@link useWorkAddressForm} once data has loaded.\n *\n * @remarks\n * Discriminated by `isLoading: false`. Extends {@link BaseFormHookReady} with\n * the work-address-specific `data`, `status`, `actions`, and `form.Fields` shape.\n *\n * @public\n */\nexport interface UseWorkAddressFormReady extends BaseFormHookReady<\n  WorkAddressFieldsMetadata,\n  WorkAddressFormData,\n  WorkAddressFormFields\n> {\n  /** Static entity data resolved from the API. */\n  data: {\n    /** The address row loaded for update; `null` in create mode. */\n    workAddress: EmployeeWorkAddress | null\n    /** Company locations available for selection; `undefined` until the locations query resolves. */\n    companyLocations: Location[] | undefined\n  }\n  /** Reactive status flags. */\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  /** Available actions. */\n  actions: {\n    onSubmit: (\n      callbacks?: WorkAddressSubmitCallbacks,\n      options?: WorkAddressSubmitOptions,\n    ) => Promise<HookSubmitResult<EmployeeWorkAddress> | undefined>\n  }\n}\n\n/**\n * Form hook for creating or editing an employee's work address.\n *\n * @remarks\n * When `workAddressUuid` is supplied the hook loads that address and issues a PUT on submit;\n * when omitted it operates in create mode and issues a POST. The hook requires `companyId`\n * to fetch the company's location list — it stays in loading state until `companyId` is known.\n *\n * @param props - See {@link UseWorkAddressFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseWorkAddressFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useWorkAddressForm,\n *   SDKFormProvider,\n *   type UseWorkAddressFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function WorkAddressPage({ companyId, employeeId }: { companyId: string; employeeId: string }) {\n *   const workAddress = useWorkAddressForm({ companyId, employeeId })\n *\n *   if (workAddress.isLoading) return <div>Loading...</div>\n *\n *   return <WorkAddressReady workAddress={workAddress} />\n * }\n *\n * function WorkAddressReady({ workAddress }: { workAddress: UseWorkAddressFormReady }) {\n *   const { Fields } = workAddress.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={workAddress}>\n *       <form onSubmit={e => { e.preventDefault(); void workAddress.actions.onSubmit() }}>\n *         <Fields.Location label=\"Work address\" />\n *         {Fields.EffectiveDate && <Fields.EffectiveDate label=\"Effective date\" />}\n *         <button type=\"submit\" disabled={workAddress.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useWorkAddressForm({\n  companyId,\n  employeeId,\n  workAddressUuid,\n  initialAddress,\n  withEffectiveDateField = true,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseWorkAddressFormProps): HookLoadingResult | UseWorkAddressFormReady {\n  const locationsQuery = useLocationsGet({ companyId: companyId ?? '' }, { enabled: !!companyId })\n\n  const hasInitialAddressMatch = !!workAddressUuid && initialAddress?.uuid === workAddressUuid\n\n  const retrieveWorkAddressQuery = useEmployeeAddressesRetrieveWorkAddress(\n    { workAddressUuid: workAddressUuid ?? '' },\n    { enabled: !!workAddressUuid && !hasInitialAddressMatch },\n  )\n\n  const companyLocations = locationsQuery.data?.companyLocationsList\n\n  const isCreateMode = !workAddressUuid\n\n  const fetchedWorkAddress = workAddressUuid\n    ? hasInitialAddressMatch\n      ? initialAddress\n      : retrieveWorkAddressQuery.data?.employeeWorkAddress\n    : undefined\n\n  const schemaMode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () =>\n      createWorkAddressSchema({\n        mode: schemaMode,\n        optionalFieldsToRequire,\n        withEffectiveDateField,\n      }),\n    [schemaMode, optionalFieldsToRequire, withEffectiveDateField],\n  )\n\n  const resolvedDefaults: WorkAddressFormData = useMemo(\n    () => ({\n      locationUuid: fetchedWorkAddress?.locationUuid ?? partnerDefaults?.locationUuid ?? '',\n      effectiveDate: fetchedWorkAddress?.effectiveDate ?? partnerDefaults?.effectiveDate ?? '',\n    }),\n    [fetchedWorkAddress, partnerDefaults],\n  )\n\n  const formMethods = useForm<WorkAddressFormData, unknown, WorkAddressFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createWorkAddressMutation = useEmployeeAddressesCreateWorkAddressMutation()\n  const updateWorkAddressMutation = useEmployeeAddressesUpdateWorkAddressMutation()\n\n  const isPending = createWorkAddressMutation.isPending || updateWorkAddressMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('WorkAddressForm')\n\n  const queriesForErrors = [locationsQuery, ...(workAddressUuid ? [retrieveWorkAddressQuery] : [])]\n  const errorHandling = composeErrorHandler(queriesForErrors, { submitError, setSubmitError })\n\n  const locationOptions = (companyLocations ?? []).map(location => ({\n    value: location.uuid,\n    label: addressInline(location),\n  }))\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = buildWorkAddressFieldsMetadata(baseMetadata, {\n    locationOptions,\n    companyLocations: companyLocations ?? [],\n  })\n\n  const onSubmit = async (\n    callbacks?: WorkAddressSubmitCallbacks,\n    options?: WorkAddressSubmitOptions,\n  ): Promise<HookSubmitResult<EmployeeWorkAddress> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeWorkAddress> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: WorkAddressFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError('employeeId is required to submit work address')\n            }\n\n            const resolvedEffectiveDate =\n              withEffectiveDateField && payload.effectiveDate\n                ? payload.effectiveDate\n                : options?.effectiveDate\n\n            const effectiveDateParam = resolvedEffectiveDate\n              ? new RFCDate(new Date(resolvedEffectiveDate))\n              : undefined\n\n            let updatedWorkAddress: EmployeeWorkAddress\n\n            if (isCreateMode) {\n              const result = await createWorkAddressMutation.mutateAsync({\n                request: {\n                  employeeId: resolvedEmployeeId,\n                  requestBody: {\n                    locationUuid: payload.locationUuid,\n                    effectiveDate: effectiveDateParam,\n                  },\n                },\n              })\n\n              if (!result.employeeWorkAddress) {\n                throw new SDKInternalError('Work address creation failed')\n              }\n\n              updatedWorkAddress = result.employeeWorkAddress\n              callbacks?.onWorkAddressCreated?.(updatedWorkAddress)\n            } else {\n              if (!fetchedWorkAddress || !workAddressUuid) {\n                throw new SDKInternalError(\n                  'Cannot update work address: no matching address on file',\n                )\n              }\n\n              const result = await updateWorkAddressMutation.mutateAsync({\n                request: {\n                  workAddressUuid: fetchedWorkAddress.uuid,\n                  requestBody: {\n                    version: fetchedWorkAddress.version,\n                    locationUuid: payload.locationUuid,\n                    effectiveDate: effectiveDateParam,\n                  },\n                },\n              })\n\n              if (!result.employeeWorkAddress) {\n                throw new SDKInternalError('Work address update failed')\n              }\n\n              updatedWorkAddress = result.employeeWorkAddress\n              callbacks?.onWorkAddressUpdated?.(updatedWorkAddress)\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: updatedWorkAddress,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const isDataLoading =\n    (!!companyId && locationsQuery.isLoading) ||\n    (!!workAddressUuid && retrieveWorkAddressQuery.isLoading)\n\n  if (!companyId || isDataLoading || !companyLocations) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  if (workAddressUuid && !fetchedWorkAddress) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      workAddress: fetchedWorkAddress ?? null,\n      companyLocations,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Location: LocationField,\n        EffectiveDate: withEffectiveDateField ? EffectiveDateField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Discriminated union returned by {@link useWorkAddressForm}.\n *\n * @public\n */\nexport type UseWorkAddressFormResult = HookLoadingResult | UseWorkAddressFormReady\n/**\n * Type of `form.fieldsMetadata` returned by {@link useWorkAddressForm}.\n *\n * @public\n */\nexport type WorkAddressFieldsMetadata = ReturnType<typeof buildWorkAddressFieldsMetadata>\n"],"names":["buildWorkAddressFieldsMetadata","base","locationOptions","companyLocations","withOptions","useWorkAddressForm","companyId","employeeId","workAddressUuid","initialAddress","withEffectiveDateField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","locationsQuery","useLocationsGet","hasInitialAddressMatch","retrieveWorkAddressQuery","useEmployeeAddressesRetrieveWorkAddress","isCreateMode","fetchedWorkAddress","schemaMode","schema","metadataConfig","useMemo","createWorkAddressSchema","resolvedDefaults","formMethods","useForm","zodResolver","createWorkAddressMutation","useEmployeeAddressesCreateWorkAddressMutation","updateWorkAddressMutation","useEmployeeAddressesUpdateWorkAddressMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","queriesForErrors","errorHandling","composeErrorHandler","location","addressInline","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","callbacks","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","resolvedEffectiveDate","effectiveDateParam","RFCDate","updatedWorkAddress","result","hookFormInternals","useHookFormInternals","isDataLoading","LocationField","EffectiveDateField","createGetFormSubmissionValues"],"mappings":"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"}
+{"version":3,"file":"useWorkAddressForm.js","sources":["../../../../../../src/components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Location } from '@gusto/embedded-api/models/components/location'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useLocationsGet } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useEmployeeAddressesRetrieveWorkAddress } from '@gusto/embedded-api/react-query/employeeAddressesRetrieveWorkAddress'\nimport { useEmployeeAddressesCreateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress'\nimport { useEmployeeAddressesUpdateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  createWorkAddressSchema,\n  type WorkAddressOptionalFieldsToRequire,\n  type WorkAddressFormData,\n  type WorkAddressFormOutputs,\n} from './workAddressSchema'\nimport type { LocationFieldProps, EffectiveDateFieldProps } from './fields'\nimport { LocationField, EffectiveDateField } from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldMetadata,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { addressInline } from '@/helpers/formattedStrings'\n\nexport type { WorkAddressOptionalFieldsToRequire } from './workAddressSchema'\n\n/** @internal */\nfunction buildWorkAddressFieldsMetadata(\n  base: Record<keyof WorkAddressFormData, FieldMetadata>,\n  {\n    locationOptions,\n    companyLocations,\n  }: {\n    locationOptions: Array<{ label: string; value: string }>\n    companyLocations: Location[]\n  },\n) {\n  return {\n    locationUuid: withOptions<Location>(base.locationUuid, locationOptions, companyLocations),\n    effectiveDate: base.effectiveDate,\n  } satisfies FieldsMetadata\n}\n\n/**\n * Optional callbacks passed to {@link UseWorkAddressFormReady.actions.onSubmit | onSubmit}.\n *\n * @remarks\n * Only the callback matching the submit mode fires —\n * `onWorkAddressCreated` on create, `onWorkAddressUpdated` on update.\n *\n * @public\n */\nexport interface WorkAddressSubmitCallbacks {\n  /** Fired after a new work address is successfully created. */\n  onWorkAddressCreated?: (workAddress: EmployeeWorkAddress) => void\n  /** Fired after an existing work address is successfully updated. */\n  onWorkAddressUpdated?: (workAddress: EmployeeWorkAddress) => void\n}\n\n/**\n * Optional overrides passed to {@link UseWorkAddressFormReady.actions.onSubmit | onSubmit}.\n *\n * @public\n */\nexport interface WorkAddressSubmitOptions {\n  /** Override the employee identifier supplied to the hook (e.g. after creating a new employee in the same flow). */\n  employeeId?: string\n  /** Override the effective date submitted with the address. */\n  effectiveDate?: string\n}\n\n/**\n * Configuration options for {@link useWorkAddressForm}.\n *\n * @remarks\n * Presence or absence of `workAddressUuid` selects the API verb — see the\n * `workAddressUuid` field description. `companyId` is required to fetch\n * the location list; pass it when it is known.\n *\n * @public\n */\nexport interface UseWorkAddressFormProps {\n  /** Company UUID for locations; omit or leave unset while resolving from the employee record. */\n  companyId?: string\n  /** UUID of the employee whose work address is being created or edited. */\n  employeeId: string\n  /**\n   * When set, loads that work address via GET `/v1/work_addresses/{work_address_uuid}` and updates it (PUT).\n   * When omitted, the form is in create mode (POST).\n   */\n  workAddressUuid?: string\n  /**\n   * Pre-loaded address matching `workAddressUuid`. When supplied, the form uses it directly\n   * instead of issuing a GET — useful when the parent already has the row from a list query.\n   */\n  initialAddress?: EmployeeWorkAddress\n  /** When `true`, renders `Fields.EffectiveDate`; otherwise it is `undefined`. Defaults to `true`. */\n  withEffectiveDateField?: boolean\n  /** Override fields that are optional on a given mode to be required. See `WorkAddressOptionalFieldsToRequire`. */\n  optionalFieldsToRequire?: WorkAddressOptionalFieldsToRequire\n  /** Pre-fill form values. Server data takes precedence on update. */\n  defaultValues?: Partial<WorkAddressFormData>\n  /** Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler` so submit-time focus is coordinated across multiple forms. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Pre-bound field components exposed on `useWorkAddressForm().form.Fields`.\n *\n * @remarks\n * `EffectiveDate` is `undefined` when `withEffectiveDateField` is `false`.\n * Always null-check it before rendering.\n *\n * @public\n */\nexport interface WorkAddressFormFields {\n  /** Bound to `locationUuid`. Location selector. Always available. */\n  Location: ComponentType<LocationFieldProps>\n  /** Bound to `effectiveDate`. Effective-date picker. Only available when `withEffectiveDateField` is `true`. */\n  EffectiveDate: ComponentType<EffectiveDateFieldProps> | undefined\n}\n\n/**\n * Ready-state shape returned by {@link useWorkAddressForm} once data has loaded.\n *\n * @remarks\n * Discriminated by `isLoading: false`. Extends {@link BaseFormHookReady} with\n * the work-address-specific `data`, `status`, `actions`, and `form.Fields` shape.\n *\n * @public\n */\nexport interface UseWorkAddressFormReady extends BaseFormHookReady<\n  WorkAddressFieldsMetadata,\n  WorkAddressFormData,\n  WorkAddressFormFields\n> {\n  /** Static entity data resolved from the API. */\n  data: {\n    /** The address row loaded for update; `null` in create mode. */\n    workAddress: EmployeeWorkAddress | null\n    /** Company locations available for selection; `undefined` until the locations query resolves. */\n    companyLocations: Location[] | undefined\n  }\n  /** Reactive status flags. */\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  /** Available actions. */\n  actions: {\n    onSubmit: (\n      callbacks?: WorkAddressSubmitCallbacks,\n      options?: WorkAddressSubmitOptions,\n    ) => Promise<HookSubmitResult<EmployeeWorkAddress> | undefined>\n  }\n}\n\n/**\n * Form hook for creating or editing an employee's work address.\n *\n * @remarks\n * When `workAddressUuid` is supplied the hook loads that address and issues a PUT on submit;\n * when omitted it operates in create mode and issues a POST. The hook requires `companyId`\n * to fetch the company's location list — it stays in loading state until `companyId` is known.\n *\n * @param props - See {@link UseWorkAddressFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseWorkAddressFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useWorkAddressForm,\n *   SDKFormProvider,\n *   type UseWorkAddressFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function WorkAddressPage({ companyId, employeeId }: { companyId: string; employeeId: string }) {\n *   const workAddress = useWorkAddressForm({ companyId, employeeId })\n *\n *   if (workAddress.isLoading) return <div>Loading...</div>\n *\n *   return <WorkAddressReady workAddress={workAddress} />\n * }\n *\n * function WorkAddressReady({ workAddress }: { workAddress: UseWorkAddressFormReady }) {\n *   const { Fields } = workAddress.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={workAddress}>\n *       <form onSubmit={e => { e.preventDefault(); void workAddress.actions.onSubmit() }}>\n *         <Fields.Location label=\"Work address\" />\n *         {Fields.EffectiveDate && <Fields.EffectiveDate label=\"Effective date\" />}\n *         <button type=\"submit\" disabled={workAddress.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useWorkAddressForm({\n  companyId,\n  employeeId,\n  workAddressUuid,\n  initialAddress,\n  withEffectiveDateField = true,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseWorkAddressFormProps): HookLoadingResult | UseWorkAddressFormReady {\n  const locationsQuery = useLocationsGet(\n    { companyId: companyId ?? '' },\n    { enabled: !!companyId, staleTime: Infinity },\n  )\n\n  const hasInitialAddressMatch = !!workAddressUuid && initialAddress?.uuid === workAddressUuid\n\n  const retrieveWorkAddressQuery = useEmployeeAddressesRetrieveWorkAddress(\n    { workAddressUuid: workAddressUuid ?? '' },\n    { enabled: !!workAddressUuid && !hasInitialAddressMatch },\n  )\n\n  const companyLocations = locationsQuery.data?.companyLocationsList\n\n  const isCreateMode = !workAddressUuid\n\n  const fetchedWorkAddress = workAddressUuid\n    ? hasInitialAddressMatch\n      ? initialAddress\n      : retrieveWorkAddressQuery.data?.employeeWorkAddress\n    : undefined\n\n  const schemaMode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () =>\n      createWorkAddressSchema({\n        mode: schemaMode,\n        optionalFieldsToRequire,\n        withEffectiveDateField,\n      }),\n    [schemaMode, optionalFieldsToRequire, withEffectiveDateField],\n  )\n\n  const resolvedDefaults: WorkAddressFormData = useMemo(\n    () => ({\n      locationUuid: fetchedWorkAddress?.locationUuid ?? partnerDefaults?.locationUuid ?? '',\n      effectiveDate: fetchedWorkAddress?.effectiveDate ?? partnerDefaults?.effectiveDate ?? '',\n    }),\n    [fetchedWorkAddress, partnerDefaults],\n  )\n\n  const formMethods = useForm<WorkAddressFormData, unknown, WorkAddressFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createWorkAddressMutation = useEmployeeAddressesCreateWorkAddressMutation()\n  const updateWorkAddressMutation = useEmployeeAddressesUpdateWorkAddressMutation()\n\n  const isPending = createWorkAddressMutation.isPending || updateWorkAddressMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('WorkAddressForm')\n\n  const queriesForErrors = [locationsQuery, ...(workAddressUuid ? [retrieveWorkAddressQuery] : [])]\n  const errorHandling = composeErrorHandler(queriesForErrors, { submitError, setSubmitError })\n\n  const locationOptions = (companyLocations ?? []).map(location => ({\n    value: location.uuid,\n    label: addressInline(location),\n  }))\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = buildWorkAddressFieldsMetadata(baseMetadata, {\n    locationOptions,\n    companyLocations: companyLocations ?? [],\n  })\n\n  const onSubmit = async (\n    callbacks?: WorkAddressSubmitCallbacks,\n    options?: WorkAddressSubmitOptions,\n  ): Promise<HookSubmitResult<EmployeeWorkAddress> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeWorkAddress> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: WorkAddressFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError('employeeId is required to submit work address')\n            }\n\n            const resolvedEffectiveDate =\n              withEffectiveDateField && payload.effectiveDate\n                ? payload.effectiveDate\n                : options?.effectiveDate\n\n            const effectiveDateParam = resolvedEffectiveDate\n              ? new RFCDate(new Date(resolvedEffectiveDate))\n              : undefined\n\n            let updatedWorkAddress: EmployeeWorkAddress\n\n            if (isCreateMode) {\n              const result = await createWorkAddressMutation.mutateAsync({\n                request: {\n                  employeeId: resolvedEmployeeId,\n                  requestBody: {\n                    locationUuid: payload.locationUuid,\n                    effectiveDate: effectiveDateParam,\n                  },\n                },\n              })\n\n              if (!result.employeeWorkAddress) {\n                throw new SDKInternalError('Work address creation failed')\n              }\n\n              updatedWorkAddress = result.employeeWorkAddress\n              callbacks?.onWorkAddressCreated?.(updatedWorkAddress)\n            } else {\n              if (!fetchedWorkAddress || !workAddressUuid) {\n                throw new SDKInternalError(\n                  'Cannot update work address: no matching address on file',\n                )\n              }\n\n              const result = await updateWorkAddressMutation.mutateAsync({\n                request: {\n                  workAddressUuid: fetchedWorkAddress.uuid,\n                  requestBody: {\n                    version: fetchedWorkAddress.version,\n                    locationUuid: payload.locationUuid,\n                    effectiveDate: effectiveDateParam,\n                  },\n                },\n              })\n\n              if (!result.employeeWorkAddress) {\n                throw new SDKInternalError('Work address update failed')\n              }\n\n              updatedWorkAddress = result.employeeWorkAddress\n              callbacks?.onWorkAddressUpdated?.(updatedWorkAddress)\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: updatedWorkAddress,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const isDataLoading =\n    (!!companyId && locationsQuery.isLoading) ||\n    (!!workAddressUuid && retrieveWorkAddressQuery.isLoading)\n\n  if (!companyId || isDataLoading || !companyLocations) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  if (workAddressUuid && !fetchedWorkAddress) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      workAddress: fetchedWorkAddress ?? null,\n      companyLocations,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Location: LocationField,\n        EffectiveDate: withEffectiveDateField ? EffectiveDateField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Discriminated union returned by {@link useWorkAddressForm}.\n *\n * @public\n */\nexport type UseWorkAddressFormResult = HookLoadingResult | UseWorkAddressFormReady\n/**\n * Type of `form.fieldsMetadata` returned by {@link useWorkAddressForm}.\n *\n * @public\n */\nexport type WorkAddressFieldsMetadata = ReturnType<typeof buildWorkAddressFieldsMetadata>\n"],"names":["buildWorkAddressFieldsMetadata","base","locationOptions","companyLocations","withOptions","useWorkAddressForm","companyId","employeeId","workAddressUuid","initialAddress","withEffectiveDateField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","locationsQuery","useLocationsGet","hasInitialAddressMatch","retrieveWorkAddressQuery","useEmployeeAddressesRetrieveWorkAddress","isCreateMode","fetchedWorkAddress","schemaMode","schema","metadataConfig","useMemo","createWorkAddressSchema","resolvedDefaults","formMethods","useForm","zodResolver","createWorkAddressMutation","useEmployeeAddressesCreateWorkAddressMutation","updateWorkAddressMutation","useEmployeeAddressesUpdateWorkAddressMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","queriesForErrors","errorHandling","composeErrorHandler","location","addressInline","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","callbacks","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","resolvedEffectiveDate","effectiveDateParam","RFCDate","updatedWorkAddress","result","hookFormInternals","useHookFormInternals","isDataLoading","LocationField","EffectiveDateField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { createMachine as a } from "robot3";
-import { useMemo as f } from "react";
-import { Landing as p } from "./SelfOnboardingComponents.js";
-import { employeeSelfOnboardingMachine as c } from "./selfOnboardingMachine.js";
+import { useMemo as a } from "react";
+import { Landing as f } from "./SelfOnboardingComponents.js";
+import { employeeSelfOnboardingMachine as p } from "./selfOnboardingMachine.js";
+import { createMachine as c } from "../../../lib/state-machine/core.js";
 import { Flow as s } from "../../Flow/Flow.js";
 const h = ({
   companyId: o,
@@ -10,13 +10,13 @@ const h = ({
   withEmployeeI9: e = !1,
   onEvent: m
 }) => {
-  const n = f(
-    () => a(
+  const n = a(
+    () => c(
       "index",
-      c,
+      p,
       (i) => ({
         ...i,
-        component: p,
+        component: f,
         companyId: o,
         employeeId: r,
         withEmployeeI9: e

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { employeeSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport type { SelfOnboardingFlowProps } from './SelfOnboardingComponents'\n\n/**\n * Guided flow for employees to complete their own onboarding.\n *\n * @remarks\n * Hands the employee responsibility for submitting their own profile, tax, payment, and document-signing information. Drives a multi-step flow keyed to the employee being self-onboarded; when `withEmployeeI9` is enabled, the Document Signer step checks whether the employee has I-9 enabled and, if so, routes them through the employment-eligibility form before presenting the I-9 form alongside other required documents.\n *\n * Each step is also exported as a standalone block (see the Blocks table) for composing a custom workflow when this orchestration is the wrong fit.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`; see the events table on each block for the full set of events and payloads observable from this flow.\n *\n * @components\n * - {@link Landing}\n * - {@link Profile}\n * - {@link FederalTaxes}\n * - {@link StateTaxes}\n * - {@link PaymentMethod}\n * - {@link DocumentSigner}\n * - {@link OnboardingSummary}\n *\n * @param props - See {@link SelfOnboardingFlowProps}.\n * @returns The multi-step self-onboarding flow.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeOnboarding.SelfOnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       withEmployeeI9\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'employee/onboarding/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const SelfOnboardingFlow = ({\n  companyId,\n  employeeId,\n  withEmployeeI9 = false,\n  onEvent,\n}: SelfOnboardingFlowProps) => {\n  const manageEmployees = useMemo(\n    () =>\n      createMachine(\n        'index',\n        employeeSelfOnboardingMachine,\n        (initialContext: SelfOnboardingContextInterface) => ({\n          ...initialContext,\n          component: Landing,\n          companyId,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [companyId, employeeId, withEmployeeI9],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","employeeId","withEmployeeI9","onEvent","manageEmployees","useMemo","createMachine","employeeSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;;AAwDO,MAAMA,IAAqB,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AACF,MAA+B;AAC7B,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,YAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWC,GAAYC,CAAc;AAAA,EAAA;AAExC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { employeeSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport type { SelfOnboardingFlowProps } from './SelfOnboardingComponents'\n\n/**\n * Guided flow for employees to complete their own onboarding.\n *\n * @remarks\n * Hands the employee responsibility for submitting their own profile, tax, payment, and document-signing information. Drives a multi-step flow keyed to the employee being self-onboarded; when `withEmployeeI9` is enabled, the Document Signer step checks whether the employee has I-9 enabled and, if so, routes them through the employment-eligibility form before presenting the I-9 form alongside other required documents.\n *\n * Each step is also exported as a standalone block (see the Blocks table) for composing a custom workflow when this orchestration is the wrong fit.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`; see the events table on each block for the full set of events and payloads observable from this flow.\n *\n * @components\n * - {@link Landing}\n * - {@link Profile}\n * - {@link FederalTaxes}\n * - {@link StateTaxes}\n * - {@link PaymentMethod}\n * - {@link DocumentSigner}\n * - {@link OnboardingSummary}\n *\n * @param props - See {@link SelfOnboardingFlowProps}.\n * @returns The multi-step self-onboarding flow.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeOnboarding.SelfOnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       withEmployeeI9\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'employee/onboarding/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const SelfOnboardingFlow = ({\n  companyId,\n  employeeId,\n  withEmployeeI9 = false,\n  onEvent,\n}: SelfOnboardingFlowProps) => {\n  const manageEmployees = useMemo(\n    () =>\n      createMachine(\n        'index',\n        employeeSelfOnboardingMachine,\n        (initialContext: SelfOnboardingContextInterface) => ({\n          ...initialContext,\n          component: Landing,\n          companyId,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [companyId, employeeId, withEmployeeI9],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","employeeId","withEmployeeI9","onEvent","manageEmployees","useMemo","createMachine","employeeSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;;AAwDO,MAAMA,IAAqB,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AACF,MAA+B;AAC7B,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,YAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWC,GAAYC,CAAc;AAAA,EAAA;AAExC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}