@gusto/embedded-react-sdk 0.36.0 → 0.37.0-rc.2

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/EmployeeDetailsForm.js

@@ -0,0 +1,112 @@
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { useTranslation as L } from "react-i18next";
+import { SDKFormProvider as I } from "../../form/SDKFormProvider.js";
+import { useEmployeeDetailsForm as f } from "./useEmployeeDetailsForm.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseBoundaries as u, BaseLayout as d } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Form as c } from "../../../Common/Form/Form.js";
+import { ActionsLayout as A } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+import { useI18n as R, useComponentDictionary as b } from "../../../../i18n/I18n.js";
+function _({ onEvent: t, dictionary: n, ...E }) {
+  R("UNSTABLE.EmployeeDetailsForm"), b("UNSTABLE.EmployeeDetailsForm", n);
+  const { t: e } = L("UNSTABLE.EmployeeDetailsForm"), m = N(), a = f({
+    ...E,
+    requiredFields: { update: ["ssn"] }
+  });
+  if (a.isLoading)
+    return /* @__PURE__ */ i(d, { isLoading: !0, error: a.errorHandling.errors });
+  const { Fields: o } = a.form, D = async () => {
+    const r = await a.actions.onSubmit({
+      onEmployeeCreated: (l) => {
+        t(s.EMPLOYEE_CREATED, l);
+      },
+      onEmployeeUpdated: (l) => {
+        t(s.EMPLOYEE_UPDATED, l);
+      },
+      onOnboardingStatusUpdated: (l) => {
+        t(s.EMPLOYEE_ONBOARDING_STATUS_UPDATED, l);
+      }
+    });
+    r && t(s.EMPLOYEE_PROFILE_DONE, r.data);
+  };
+  return /* @__PURE__ */ i(d, { error: a.errorHandling.errors, children: /* @__PURE__ */ i(I, { formHookResult: a, children: /* @__PURE__ */ p(
+    c,
+    {
+      onSubmit: (r) => {
+        r.preventDefault(), D();
+      },
+      children: [
+        /* @__PURE__ */ i(m.Heading, { as: "h2", children: a.status.mode === "create" ? e("addTitle") : e("editTitle") }),
+        /* @__PURE__ */ i(
+          o.FirstName,
+          {
+            label: e("firstNameLabel"),
+            validationMessages: {
+              REQUIRED: e("fieldValidations.firstName.REQUIRED"),
+              INVALID_NAME: e("fieldValidations.firstName.INVALID_NAME")
+            }
+          }
+        ),
+        /* @__PURE__ */ i(o.MiddleInitial, { label: e("middleInitialLabel") }),
+        /* @__PURE__ */ i(
+          o.LastName,
+          {
+            label: e("lastNameLabel"),
+            validationMessages: {
+              REQUIRED: e("fieldValidations.lastName.REQUIRED"),
+              INVALID_NAME: e("fieldValidations.lastName.INVALID_NAME")
+            }
+          }
+        ),
+        /* @__PURE__ */ i(
+          o.Email,
+          {
+            label: e("emailLabel"),
+            description: e("emailDescription"),
+            validationMessages: {
+              REQUIRED: e("fieldValidations.email.REQUIRED"),
+              INVALID_EMAIL: e("fieldValidations.email.INVALID_EMAIL"),
+              EMAIL_REQUIRED_FOR_SELF_ONBOARDING: e(
+                "fieldValidations.email.EMAIL_REQUIRED_FOR_SELF_ONBOARDING"
+              )
+            }
+          }
+        ),
+        o.SelfOnboarding && /* @__PURE__ */ i(
+          o.SelfOnboarding,
+          {
+            label: e("selfOnboardingLabel"),
+            description: e("selfOnboardingDescription")
+          }
+        ),
+        /* @__PURE__ */ i(o.DateOfBirth, { label: e("dateOfBirthLabel") }),
+        /* @__PURE__ */ i(
+          o.Ssn,
+          {
+            label: e("ssnLabel"),
+            validationMessages: {
+              INVALID_SSN: e("fieldValidations.ssn.INVALID_SSN")
+            }
+          }
+        ),
+        /* @__PURE__ */ i(A, { children: /* @__PURE__ */ i(m.Button, { type: "submit", isLoading: a.status.isPending, children: a.status.mode === "create" ? e("createCta") : e("updateCta") }) })
+      ]
+    }
+  ) }) });
+}
+function P({ FallbackComponent: t, ...n }) {
+  return /* @__PURE__ */ i(
+    u,
+    {
+      componentName: "UNSTABLE.EmployeeDetailsForm",
+      FallbackComponent: t,
+      children: /* @__PURE__ */ i(_, { ...n })
+    }
+  );
+}
+export {
+  P as EmployeeDetailsForm
+};
+//# sourceMappingURL=EmployeeDetailsForm.js.map

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/EmployeeDetailsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeDetailsForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/EmployeeDetailsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SDKFormProvider } from '../../form/SDKFormProvider'\nimport { useEmployeeDetailsForm } from './useEmployeeDetailsForm'\nimport type { UseEmployeeDetailsFormProps } from './useEmployeeDetailsForm'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\nexport interface EmployeeDetailsFormProps\n  extends UseEmployeeDetailsFormProps, Omit<BaseComponentInterface, 'defaultValues'> {}\n\nfunction EmployeeDetailsFormRoot({ onEvent, dictionary, ...hookProps }: EmployeeDetailsFormProps) {\n  useI18n('UNSTABLE.EmployeeDetailsForm')\n  useComponentDictionary('UNSTABLE.EmployeeDetailsForm', dictionary)\n  const { t } = useTranslation('UNSTABLE.EmployeeDetailsForm')\n  const Components = useComponentContext()\n  const employeeDetails = useEmployeeDetailsForm({\n    ...hookProps,\n    requiredFields: { update: ['ssn'] },\n  })\n\n  if (employeeDetails.isLoading) {\n    return <BaseLayout isLoading error={employeeDetails.errorHandling.errors} />\n  }\n\n  const { Fields } = employeeDetails.form\n\n  const handleSubmit = async () => {\n    const result = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: employee => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, employee)\n      },\n      onEmployeeUpdated: employee => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, employee)\n      },\n      onOnboardingStatusUpdated: status => {\n        onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, status)\n      },\n    })\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={employeeDetails.errorHandling.errors}>\n      <SDKFormProvider formHookResult={employeeDetails}>\n        <Form\n          onSubmit={e => {\n            e.preventDefault()\n            void handleSubmit()\n          }}\n        >\n          <Components.Heading as=\"h2\">\n            {employeeDetails.status.mode === 'create' ? t('addTitle') : t('editTitle')}\n          </Components.Heading>\n\n          <Fields.FirstName\n            label={t('firstNameLabel')}\n            validationMessages={{\n              REQUIRED: t('fieldValidations.firstName.REQUIRED'),\n              INVALID_NAME: t('fieldValidations.firstName.INVALID_NAME'),\n            }}\n          />\n\n          <Fields.MiddleInitial label={t('middleInitialLabel')} />\n\n          <Fields.LastName\n            label={t('lastNameLabel')}\n            validationMessages={{\n              REQUIRED: t('fieldValidations.lastName.REQUIRED'),\n              INVALID_NAME: t('fieldValidations.lastName.INVALID_NAME'),\n            }}\n          />\n\n          <Fields.Email\n            label={t('emailLabel')}\n            description={t('emailDescription')}\n            validationMessages={{\n              REQUIRED: t('fieldValidations.email.REQUIRED'),\n              INVALID_EMAIL: t('fieldValidations.email.INVALID_EMAIL'),\n              EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t(\n                'fieldValidations.email.EMAIL_REQUIRED_FOR_SELF_ONBOARDING',\n              ),\n            }}\n          />\n\n          {Fields.SelfOnboarding && (\n            <Fields.SelfOnboarding\n              label={t('selfOnboardingLabel')}\n              description={t('selfOnboardingDescription')}\n            />\n          )}\n\n          <Fields.DateOfBirth label={t('dateOfBirthLabel')} />\n\n          <Fields.Ssn\n            label={t('ssnLabel')}\n            validationMessages={{\n              INVALID_SSN: t('fieldValidations.ssn.INVALID_SSN'),\n            }}\n          />\n\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n              {employeeDetails.status.mode === 'create' ? t('createCta') : t('updateCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n\nexport function EmployeeDetailsForm({ FallbackComponent, ...props }: EmployeeDetailsFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"UNSTABLE.EmployeeDetailsForm\"\n      FallbackComponent={FallbackComponent}\n    >\n      <EmployeeDetailsFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeDetailsFormRoot","onEvent","dictionary","hookProps","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","employeeDetails","useEmployeeDetailsForm","BaseLayout","Fields","handleSubmit","result","employee","componentEvents","status","jsx","SDKFormProvider","jsxs","Form","e","ActionsLayout","EmployeeDetailsForm","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/employeeDetailsSchema.d.ts

@@ -0,0 +1,39 @@
+import { z } from 'zod';
+import { RequiredFields } from '../../form/resolveRequiredFields';
+export declare const EmployeeDetailsErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+    readonly INVALID_NAME: "INVALID_NAME";
+    readonly INVALID_EMAIL: "INVALID_EMAIL";
+    readonly INVALID_SSN: "INVALID_SSN";
+    readonly EMAIL_REQUIRED_FOR_SELF_ONBOARDING: "EMAIL_REQUIRED_FOR_SELF_ONBOARDING";
+};
+export type EmployeeDetailsErrorCode = (typeof EmployeeDetailsErrorCodes)[keyof typeof EmployeeDetailsErrorCodes];
+declare const fieldValidators: {
+    firstName: z.ZodString;
+    middleInitial: z.ZodString;
+    lastName: z.ZodString;
+    email: z.ZodEmail;
+    dateOfBirth: z.ZodISODate;
+    ssn: z.ZodString;
+    selfOnboarding: z.ZodBoolean;
+};
+export type EmployeeDetailsField = Exclude<keyof typeof fieldValidators, 'selfOnboarding'>;
+export type EmployeeDetailsFormData = {
+    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
+};
+export type EmployeeDetailsFormOutputs = EmployeeDetailsFormData;
+interface EmployeeDetailsSchemaOptions {
+    mode?: 'create' | 'update';
+    requiredFields?: RequiredFields<EmployeeDetailsField>;
+    hasSsn?: boolean;
+}
+export declare function createEmployeeDetailsSchema(options?: EmployeeDetailsSchemaOptions): z.ZodObject<{
+    firstName: z.ZodString;
+    middleInitial: z.ZodString;
+    lastName: z.ZodString;
+    email: z.ZodEmail;
+    dateOfBirth: z.ZodISODate;
+    ssn: z.ZodString;
+    selfOnboarding: z.ZodBoolean;
+}, z.core.$strip>;
+export {};

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/employeeDetailsSchema.js

@@ -0,0 +1,45 @@
+import { z as r } from "zod";
+import { composeFormSchema as D } from "../../form/composeFormSchema.js";
+import { filterRequiredFields as d } from "../../form/resolveRequiredFields.js";
+import { SSN_REGEX as l, NAME_REGEX as o } from "../../../../helpers/validations.js";
+const e = {
+  REQUIRED: "REQUIRED",
+  INVALID_NAME: "INVALID_NAME",
+  INVALID_EMAIL: "INVALID_EMAIL",
+  INVALID_SSN: "INVALID_SSN",
+  EMAIL_REQUIRED_FOR_SELF_ONBOARDING: "EMAIL_REQUIRED_FOR_SELF_ONBOARDING"
+}, _ = {
+  firstName: r.string().min(1, { message: e.REQUIRED }).regex(o, { message: e.INVALID_NAME }),
+  middleInitial: r.string(),
+  lastName: r.string().min(1, { message: e.REQUIRED }).regex(o, { message: e.INVALID_NAME }),
+  email: r.email({
+    error: (s) => typeof s.input == "string" && s.input.length === 0 ? e.REQUIRED : e.INVALID_EMAIL
+  }),
+  dateOfBirth: r.iso.date({ error: () => e.REQUIRED }),
+  ssn: r.string({ error: () => e.REQUIRED }).refine((s) => l.test(s.replace(/\D/g, "")), {
+    message: e.INVALID_SSN
+  }),
+  selfOnboarding: r.boolean()
+}, A = /* @__PURE__ */ new Set(["selfOnboarding"]), f = /* @__PURE__ */ new Set(["firstName", "lastName"]);
+function O(s = {}) {
+  const { mode: i = "create", requiredFields: t, hasSsn: a = !1 } = s, n = a ? d(t, "ssn") : t, E = D({
+    fieldValidators: _,
+    fixedFields: A,
+    requiredOnCreate: f,
+    mode: i,
+    requiredFields: n
+  });
+  return i === "create" ? E.superRefine((m, R) => {
+    const { selfOnboarding: N, email: I } = m;
+    N && (!I || I.trim() === "") && R.addIssue({
+      code: r.ZodIssueCode.custom,
+      path: ["email"],
+      message: e.EMAIL_REQUIRED_FOR_SELF_ONBOARDING
+    });
+  }) : E;
+}
+export {
+  e as EmployeeDetailsErrorCodes,
+  O as createEmployeeDetailsSchema
+};
+//# sourceMappingURL=employeeDetailsSchema.js.map

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/employeeDetailsSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeDetailsSchema.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/employeeDetailsSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { composeFormSchema } from '../../form/composeFormSchema'\nimport { filterRequiredFields, type RequiredFields } from '../../form/resolveRequiredFields'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\n\nexport const EmployeeDetailsErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  INVALID_NAME: 'INVALID_NAME',\n  INVALID_EMAIL: 'INVALID_EMAIL',\n  INVALID_SSN: 'INVALID_SSN',\n  EMAIL_REQUIRED_FOR_SELF_ONBOARDING: 'EMAIL_REQUIRED_FOR_SELF_ONBOARDING',\n} as const\n\nexport type EmployeeDetailsErrorCode =\n  (typeof EmployeeDetailsErrorCodes)[keyof typeof EmployeeDetailsErrorCodes]\n\nconst fieldValidators = {\n  firstName: z\n    .string()\n    .min(1, { message: EmployeeDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: EmployeeDetailsErrorCodes.INVALID_NAME }),\n  middleInitial: z.string(),\n  lastName: z\n    .string()\n    .min(1, { message: EmployeeDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: EmployeeDetailsErrorCodes.INVALID_NAME }),\n  email: z.email({\n    error: issue =>\n      typeof issue.input === 'string' && issue.input.length === 0\n        ? EmployeeDetailsErrorCodes.REQUIRED\n        : EmployeeDetailsErrorCodes.INVALID_EMAIL,\n  }),\n  dateOfBirth: z.iso.date({ error: () => EmployeeDetailsErrorCodes.REQUIRED }),\n  ssn: z\n    .string({ error: () => EmployeeDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => SSN_REGEX.test(v.replace(/\\D/g, '')), {\n      message: EmployeeDetailsErrorCodes.INVALID_SSN,\n    }),\n  selfOnboarding: z.boolean(),\n}\n\nexport type EmployeeDetailsField = Exclude<keyof typeof fieldValidators, 'selfOnboarding'>\n\nexport type EmployeeDetailsFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\nexport type EmployeeDetailsFormOutputs = EmployeeDetailsFormData\n\nconst FIXED_FIELDS = new Set(['selfOnboarding'])\nconst REQUIRED_ON_CREATE = new Set<EmployeeDetailsField>(['firstName', 'lastName'])\n\ninterface EmployeeDetailsSchemaOptions {\n  mode?: 'create' | 'update'\n  requiredFields?: RequiredFields<EmployeeDetailsField>\n  hasSsn?: boolean\n}\n\nexport function createEmployeeDetailsSchema(options: EmployeeDetailsSchemaOptions = {}) {\n  const { mode = 'create', requiredFields, hasSsn = false } = options\n\n  const effectiveRequiredFields = hasSsn\n    ? filterRequiredFields(requiredFields, 'ssn')\n    : requiredFields\n\n  const baseSchema = composeFormSchema({\n    fieldValidators,\n    fixedFields: FIXED_FIELDS,\n    requiredOnCreate: REQUIRED_ON_CREATE,\n    mode,\n    requiredFields: effectiveRequiredFields,\n  })\n\n  if (mode === 'create') {\n    return baseSchema.superRefine((data, ctx) => {\n      const { selfOnboarding, email } = data as EmployeeDetailsFormData\n      if (selfOnboarding && (!email || email.trim() === '')) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['email'],\n          message: EmployeeDetailsErrorCodes.EMAIL_REQUIRED_FOR_SELF_ONBOARDING,\n        })\n      }\n    })\n  }\n\n  return baseSchema\n}\n"],"names":["EmployeeDetailsErrorCodes","fieldValidators","z","NAME_REGEX","issue","v","SSN_REGEX","FIXED_FIELDS","REQUIRED_ON_CREATE","createEmployeeDetailsSchema","options","mode","requiredFields","hasSsn","effectiveRequiredFields","filterRequiredFields","baseSchema","composeFormSchema","data","ctx","selfOnboarding","email"],"mappings":";;;;AAKO,MAAMA,IAA4B;AAAA,EACvC,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oCAAoC;AACtC,GAKMC,IAAkB;AAAA,EACtB,WAAWC,EACR,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA0B,SAAA,CAAU,EACtD,MAAMG,GAAY,EAAE,SAASH,EAA0B,cAAc;AAAA,EACxE,eAAeE,EAAE,OAAA;AAAA,EACjB,UAAUA,EACP,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA0B,SAAA,CAAU,EACtD,MAAMG,GAAY,EAAE,SAASH,EAA0B,cAAc;AAAA,EACxE,OAAOE,EAAE,MAAM;AAAA,IACb,OAAO,CAAAE,MACL,OAAOA,EAAM,SAAU,YAAYA,EAAM,MAAM,WAAW,IACtDJ,EAA0B,WAC1BA,EAA0B;AAAA,EAAA,CACjC;AAAA,EACD,aAAaE,EAAE,IAAI,KAAK,EAAE,OAAO,MAAMF,EAA0B,UAAU;AAAA,EAC3E,KAAKE,EACF,OAAO,EAAE,OAAO,MAAMF,EAA0B,UAAU,EAC1D,OAAO,CAACK,MAAcC,EAAU,KAAKD,EAAE,QAAQ,OAAO,EAAE,CAAC,GAAG;AAAA,IAC3D,SAASL,EAA0B;AAAA,EAAA,CACpC;AAAA,EACH,gBAAgBE,EAAE,QAAA;AACpB,GASMK,IAAe,oBAAI,IAAI,CAAC,gBAAgB,CAAC,GACzCC,IAAqB,oBAAI,IAA0B,CAAC,aAAa,UAAU,CAAC;AAQ3E,SAASC,EAA4BC,IAAwC,IAAI;AACtF,QAAM,EAAE,MAAAC,IAAO,UAAU,gBAAAC,GAAgB,QAAAC,IAAS,OAAUH,GAEtDI,IAA0BD,IAC5BE,EAAqBH,GAAgB,KAAK,IAC1CA,GAEEI,IAAaC,EAAkB;AAAA,IACnC,iBAAAhB;AAAA,IACA,aAAaM;AAAA,IACb,kBAAkBC;AAAA,IAClB,MAAAG;AAAA,IACA,gBAAgBG;AAAA,EAAA,CACjB;AAED,SAAIH,MAAS,WACJK,EAAW,YAAY,CAACE,GAAMC,MAAQ;AAC3C,UAAM,EAAE,gBAAAC,GAAgB,OAAAC,EAAA,IAAUH;AAClC,IAAIE,MAAmB,CAACC,KAASA,EAAM,KAAA,MAAW,OAChDF,EAAI,SAAS;AAAA,MACX,MAAMjB,EAAE,aAAa;AAAA,MACrB,MAAM,CAAC,OAAO;AAAA,MACd,SAASF,EAA0B;AAAA,IAAA,CACpC;AAAA,EAEL,CAAC,IAGIgB;AACT;"}

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/fields.d.ts

@@ -0,0 +1,23 @@
+import { HookFieldProps } from '../../form/types';
+import { TextInputHookFieldProps } from '../../form/fields/TextInputHookField';
+import { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField';
+import { SwitchHookFieldProps } from '../../form/fields/SwitchHookField';
+import { EmployeeDetailsErrorCodes } from './employeeDetailsSchema';
+export type RequiredValidation = typeof EmployeeDetailsErrorCodes.REQUIRED;
+export type NameValidation = (typeof EmployeeDetailsErrorCodes)['REQUIRED' | 'INVALID_NAME'];
+export type EmailValidation = (typeof EmployeeDetailsErrorCodes)['REQUIRED' | 'INVALID_EMAIL' | 'EMAIL_REQUIRED_FOR_SELF_ONBOARDING'];
+export type SsnValidation = typeof EmployeeDetailsErrorCodes.INVALID_SSN;
+export type FirstNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>;
+export declare function FirstNameField(props: FirstNameFieldProps): import("react/jsx-runtime").JSX.Element;
+export type MiddleInitialFieldProps = HookFieldProps<TextInputHookFieldProps>;
+export declare function MiddleInitialField(props: MiddleInitialFieldProps): import("react/jsx-runtime").JSX.Element;
+export type LastNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>;
+export declare function LastNameField(props: LastNameFieldProps): import("react/jsx-runtime").JSX.Element;
+export type EmailFieldProps = HookFieldProps<TextInputHookFieldProps<EmailValidation>>;
+export declare function EmailField(props: EmailFieldProps): import("react/jsx-runtime").JSX.Element;
+export type DateOfBirthFieldProps = HookFieldProps<DatePickerHookFieldProps>;
+export declare function DateOfBirthField(props: DateOfBirthFieldProps): import("react/jsx-runtime").JSX.Element;
+export type SsnFieldProps = HookFieldProps<TextInputHookFieldProps<SsnValidation>>;
+export declare function SsnField(props: SsnFieldProps): import("react/jsx-runtime").JSX.Element;
+export type SelfOnboardingFieldProps = HookFieldProps<SwitchHookFieldProps>;
+export declare function SelfOnboardingField(props: SelfOnboardingFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/fields.js

@@ -0,0 +1,46 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useFormFieldsMetadataContext as r } from "../../form/FormFieldsMetadataContext.js";
+import { usePlaceholderSSN as m, normalizeSSN as l } from "../../../../helpers/ssn.js";
+import { SwitchHookField as d } from "../../form/fields/SwitchHookField.js";
+import { TextInputHookField as a } from "../../form/fields/TextInputHookField.js";
+import { DatePickerHookField as f } from "../../form/fields/DatePickerHookField.js";
+function h(e) {
+  return /* @__PURE__ */ t(a, { ...e, name: "firstName" });
+}
+function N(e) {
+  return /* @__PURE__ */ t(a, { ...e, name: "middleInitial" });
+}
+function k(e) {
+  return /* @__PURE__ */ t(a, { ...e, name: "lastName" });
+}
+function x(e) {
+  return /* @__PURE__ */ t(a, { ...e, name: "email" });
+}
+function H(e) {
+  return /* @__PURE__ */ t(f, { ...e, name: "dateOfBirth" });
+}
+function O(e) {
+  const n = r(), i = e.formHookResult?.form.fieldsMetadata ?? n?.metadata ?? {}, o = m(i.ssn?.hasRedactedValue);
+  return /* @__PURE__ */ t(
+    a,
+    {
+      ...e,
+      name: "ssn",
+      transform: l,
+      placeholder: o
+    }
+  );
+}
+function I(e) {
+  return /* @__PURE__ */ t(d, { ...e, name: "selfOnboarding" });
+}
+export {
+  H as DateOfBirthField,
+  x as EmailField,
+  h as FirstNameField,
+  k as LastNameField,
+  N as MiddleInitialField,
+  I as SelfOnboardingField,
+  O as SsnField
+};
+//# sourceMappingURL=fields.js.map

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/fields.tsx"],"sourcesContent":["import type { HookFieldProps } from '../../form/types'\nimport type { TextInputHookFieldProps } from '../../form/fields/TextInputHookField'\nimport type { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField'\nimport type { SwitchHookFieldProps } from '../../form/fields/SwitchHookField'\nimport { TextInputHookField, DatePickerHookField, SwitchHookField } from '../../form/fields'\nimport { useFormFieldsMetadataContext } from '../../form/FormFieldsMetadataContext'\nimport type { EmployeeDetailsErrorCodes } from './employeeDetailsSchema'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\n\nexport type RequiredValidation = typeof EmployeeDetailsErrorCodes.REQUIRED\nexport type NameValidation = (typeof EmployeeDetailsErrorCodes)['REQUIRED' | 'INVALID_NAME']\nexport type EmailValidation = (typeof EmployeeDetailsErrorCodes)[\n  | 'REQUIRED'\n  | 'INVALID_EMAIL'\n  | 'EMAIL_REQUIRED_FOR_SELF_ONBOARDING']\nexport type SsnValidation = typeof EmployeeDetailsErrorCodes.INVALID_SSN\n\nexport type FirstNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>\n\nexport function FirstNameField(props: FirstNameFieldProps) {\n  return <TextInputHookField {...props} name=\"firstName\" />\n}\n\nexport type MiddleInitialFieldProps = HookFieldProps<TextInputHookFieldProps>\n\nexport function MiddleInitialField(props: MiddleInitialFieldProps) {\n  return <TextInputHookField {...props} name=\"middleInitial\" />\n}\n\nexport type LastNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>\n\nexport function LastNameField(props: LastNameFieldProps) {\n  return <TextInputHookField {...props} name=\"lastName\" />\n}\n\nexport type EmailFieldProps = HookFieldProps<TextInputHookFieldProps<EmailValidation>>\n\nexport function EmailField(props: EmailFieldProps) {\n  return <TextInputHookField {...props} name=\"email\" />\n}\n\nexport type DateOfBirthFieldProps = HookFieldProps<DatePickerHookFieldProps>\n\nexport function DateOfBirthField(props: DateOfBirthFieldProps) {\n  return <DatePickerHookField {...props} name=\"dateOfBirth\" />\n}\n\nexport type SsnFieldProps = HookFieldProps<TextInputHookFieldProps<SsnValidation>>\n\nexport function SsnField(props: SsnFieldProps) {\n  const metadataContext = useFormFieldsMetadataContext()\n  const metadata = props.formHookResult?.form.fieldsMetadata ?? metadataContext?.metadata ?? {}\n  const placeholderSSN = usePlaceholderSSN(metadata.ssn?.hasRedactedValue)\n  return (\n    <TextInputHookField\n      {...props}\n      name=\"ssn\"\n      transform={normalizeSSN}\n      placeholder={placeholderSSN}\n    />\n  )\n}\n\nexport type SelfOnboardingFieldProps = HookFieldProps<SwitchHookFieldProps>\n\nexport function SelfOnboardingField(props: SelfOnboardingFieldProps) {\n  return <SwitchHookField {...props} name=\"selfOnboarding\" />\n}\n"],"names":["FirstNameField","props","jsx","TextInputHookField","MiddleInitialField","LastNameField","EmailField","DateOfBirthField","DatePickerHookField","SsnField","metadataContext","useFormFieldsMetadataContext","metadata","placeholderSSN","usePlaceholderSSN","normalizeSSN","SelfOnboardingField","SwitchHookField"],"mappings":";;;;;;AAmBO,SAASA,EAAeC,GAA4B;AACzD,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,aAAY;AACzD;AAIO,SAASG,EAAmBH,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAIO,SAASI,EAAcJ,GAA2B;AACvD,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,YAAW;AACxD;AAIO,SAASK,EAAWL,GAAwB;AACjD,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,SAAQ;AACrD;AAIO,SAASM,EAAiBN,GAA8B;AAC7D,SAAO,gBAAAC,EAACM,GAAA,EAAqB,GAAGP,GAAO,MAAK,eAAc;AAC5D;AAIO,SAASQ,EAASR,GAAsB;AAC7C,QAAMS,IAAkBC,EAAA,GAClBC,IAAWX,EAAM,gBAAgB,KAAK,kBAAkBS,GAAiB,YAAY,CAAA,GACrFG,IAAiBC,EAAkBF,EAAS,KAAK,gBAAgB;AACvE,SACE,gBAAAV;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,WAAWc;AAAA,MACX,aAAaF;AAAA,IAAA;AAAA,EAAA;AAGnB;AAIO,SAASG,EAAoBf,GAAiC;AACnE,SAAO,gBAAAC,EAACe,GAAA,EAAiB,GAAGhB,GAAO,MAAK,kBAAiB;AAC3D;"}

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/index.d.ts

@@ -0,0 +1,7 @@
+import "./types/i18next.d.ts"
+export { useEmployeeDetailsForm } from './useEmployeeDetailsForm';
+export type { EmployeeDetailsSubmitCallbacks, EmployeeDetailsRequiredFields, UseEmployeeDetailsFormProps, UseEmployeeDetailsFormResult, UseEmployeeDetailsFormReady, EmployeeDetailsFieldsMetadata, EmployeeDetailsFormFields, } from './useEmployeeDetailsForm';
+export { EmployeeDetailsForm } from './EmployeeDetailsForm';
+export type { EmployeeDetailsFormProps } from './EmployeeDetailsForm';
+export { createEmployeeDetailsSchema, EmployeeDetailsErrorCodes, type EmployeeDetailsErrorCode, type EmployeeDetailsFormData, type EmployeeDetailsFormOutputs, type EmployeeDetailsField, } from './employeeDetailsSchema';
+export type { RequiredValidation as EmployeeDetailsRequiredValidation, NameValidation, EmailValidation, SsnValidation, FirstNameFieldProps, MiddleInitialFieldProps, LastNameFieldProps, EmailFieldProps, DateOfBirthFieldProps, SsnFieldProps, SelfOnboardingFieldProps, } from './fields';

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/useEmployeeDetailsForm.d.ts

@@ -0,0 +1,77 @@
+import { UseFormProps } from 'react-hook-form';
+import { Employee } from '@gusto/embedded-api/models/components/employee';
+import { HookSubmitResult } from '../../types';
+import { RequiredFields } from '../../form/resolveRequiredFields';
+import { EmployeeDetailsFormData, EmployeeDetailsField } from './employeeDetailsSchema';
+import { FirstNameField, MiddleInitialField, LastNameField, EmailField, DateOfBirthField, SsnField, SelfOnboardingField } from './fields';
+export type EmployeeDetailsRequiredFields = RequiredFields<EmployeeDetailsField>;
+export interface EmployeeDetailsSubmitCallbacks {
+    onEmployeeCreated?: (employee: Employee) => void;
+    onEmployeeUpdated?: (employee: Employee) => void;
+    onOnboardingStatusUpdated?: (status: unknown) => void;
+}
+export interface UseEmployeeDetailsFormProps {
+    companyId: string;
+    employeeId?: string;
+    withSelfOnboardingField?: boolean;
+    requiredFields?: EmployeeDetailsRequiredFields;
+    defaultValues?: Partial<EmployeeDetailsFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export declare function useEmployeeDetailsForm({ companyId, employeeId, withSelfOnboardingField, requiredFields, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseEmployeeDetailsFormProps): {
+    isLoading: true;
+    errorHandling: import('../..').HookErrorHandling;
+    data?: undefined;
+    status?: undefined;
+    actions?: undefined;
+    form?: undefined;
+} | {
+    isLoading: false;
+    data: {
+        employee: Employee | null;
+    };
+    status: {
+        isPending: boolean;
+        mode: "create" | "update";
+    };
+    actions: {
+        onSubmit: (callbacks?: EmployeeDetailsSubmitCallbacks) => Promise<HookSubmitResult<Employee> | undefined>;
+    };
+    errorHandling: import('../..').HookErrorHandling;
+    form: {
+        Fields: {
+            FirstName: typeof FirstNameField;
+            MiddleInitial: typeof MiddleInitialField;
+            LastName: typeof LastNameField;
+            Email: typeof EmailField;
+            DateOfBirth: typeof DateOfBirthField;
+            Ssn: typeof SsnField;
+            SelfOnboarding: typeof SelfOnboardingField | undefined;
+        };
+        fieldsMetadata: {
+            ssn: {
+                hasRedactedValue: boolean;
+                name: string;
+                isRequired?: boolean;
+                isDisabled?: boolean;
+            };
+            email: import('../..').FieldMetadata;
+            firstName: import('../..').FieldMetadata;
+            lastName: import('../..').FieldMetadata;
+            selfOnboarding: import('../..').FieldMetadata;
+            middleInitial: import('../..').FieldMetadata;
+            dateOfBirth: import('../..').FieldMetadata;
+        };
+        hookFormInternals: {
+            formMethods: import('react-hook-form').UseFormReturn<EmployeeDetailsFormData, unknown, EmployeeDetailsFormData>;
+        };
+        getFormSubmissionValues: () => EmployeeDetailsFormData | undefined;
+    };
+};
+export type UseEmployeeDetailsFormResult = ReturnType<typeof useEmployeeDetailsForm>;
+export type UseEmployeeDetailsFormReady = Extract<UseEmployeeDetailsFormResult, {
+    data: object;
+}>;
+export type EmployeeDetailsFieldsMetadata = UseEmployeeDetailsFormReady['form']['fieldsMetadata'];
+export type EmployeeDetailsFormFields = UseEmployeeDetailsFormReady['form']['Fields'];

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/useEmployeeDetailsForm.js

@@ -0,0 +1,153 @@
+import { useForm as W } from "react-hook-form";
+import { zodResolver as Y } from "@hookform/resolvers/zod";
+import { useEmployeesGet as x } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeesCreateMutation as z } from "@gusto/embedded-api/react-query/employeesCreate";
+import { useEmployeesUpdateMutation as K } from "@gusto/embedded-api/react-query/employeesUpdate";
+import { useEmployeesUpdateOnboardingStatusMutation as Q } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
+import { RFCDate as j } from "@gusto/embedded-api/types/rfcdate";
+import { useErrorHandling as k } from "../../useErrorHandling.js";
+import { deriveFieldsMetadata as J } from "../../form/deriveFieldsMetadata.js";
+import { createGetFormSubmissionValues as X } from "../../form/getFormSubmissionValues.js";
+import { createEmployeeDetailsSchema as Z } from "./employeeDetailsSchema.js";
+import { SelfOnboardingField as $, SsnField as ee, DateOfBirthField as te, EmailField as oe, LastNameField as ae, MiddleInitialField as ie, FirstNameField as se } from "./fields.js";
+import { EmployeeOnboardingStatus as t } from "../../../../shared/constants.js";
+import { useBaseSubmit as ne } from "../../../Base/useBaseSubmit.js";
+import { SDKInternalError as O } from "../../../../types/sdkError.js";
+import { removeNonDigits as re } from "../../../../helpers/formattedStrings.js";
+const de = (o) => o?.onboardingStatus ? [
+  t.SELF_ONBOARDING_PENDING_INVITE,
+  t.SELF_ONBOARDING_INVITED,
+  t.SELF_ONBOARDING_INVITED_STARTED,
+  t.SELF_ONBOARDING_INVITED_OVERDUE,
+  t.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,
+  t.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+].includes(o.onboardingStatus) : !1, me = (o) => o ? o.onboardingStatus === t.ADMIN_ONBOARDING_INCOMPLETE || o.onboardingStatus === t.SELF_ONBOARDING_PENDING_INVITE : !0;
+function Le({
+  companyId: o,
+  employeeId: a,
+  withSelfOnboardingField: A = !0,
+  requiredFields: L,
+  defaultValues: i,
+  validationMode: M = "onSubmit",
+  shouldFocusError: G = !0
+}) {
+  const m = x({ employeeId: a ?? "" }, { enabled: !!a }), e = m.data?.employee, r = !a, c = me(e), l = Z({
+    mode: r ? "create" : "update",
+    requiredFields: L,
+    hasSsn: e?.hasSsn
+  }), p = {
+    firstName: e?.firstName ?? i?.firstName ?? "",
+    middleInitial: e?.middleInitial ?? i?.middleInitial ?? "",
+    lastName: e?.lastName ?? i?.lastName ?? "",
+    email: e?.email ?? i?.email ?? "",
+    dateOfBirth: e?.dateOfBirth ?? i?.dateOfBirth ?? "",
+    ssn: i?.ssn ?? "",
+    selfOnboarding: i?.selfOnboarding ?? de(e)
+  }, u = W({
+    resolver: Y(l),
+    mode: M,
+    shouldFocusError: G,
+    defaultValues: p,
+    values: p,
+    resetOptions: { keepDirtyValues: !0 }
+  }), S = z(), I = K(), g = Q(), R = S.isPending || I.isPending || g.isPending, { baseSubmitHandler: v, error: T, setError: V } = ne("EmployeeDetailsForm"), b = k(a ? [m] : [], { error: T, setError: V }), y = J(l), w = {
+    ...y,
+    ssn: { ...y.ssn, hasRedactedValue: e?.hasSsn ?? !1 }
+  }, P = async (E) => {
+    let _;
+    return await new Promise((D) => {
+      u.handleSubmit(
+        async (q) => {
+          await v(q, async (C) => {
+            const { selfOnboarding: f, dateOfBirth: N, ssn: F, ...B } = C, d = F ? re(F) : void 0, h = d && d.length > 0;
+            let s;
+            if (r) {
+              const n = await S.mutateAsync({
+                request: {
+                  companyId: o,
+                  requestBody: {
+                    ...B,
+                    selfOnboarding: f,
+                    dateOfBirth: N ? new j(new Date(N)) : void 0,
+                    ssn: h ? d : void 0
+                  }
+                }
+              });
+              if (!n.employee)
+                throw new O("Employee creation failed");
+              s = n.employee, E?.onEmployeeCreated?.(s);
+            } else {
+              if (!e)
+                throw new O("Employee data is not available");
+              if (c) {
+                const U = e.onboardingStatus === t.SELF_ONBOARDING_PENDING_INVITE;
+                if (f !== U) {
+                  const { employeeOnboardingStatus: H } = await g.mutateAsync({
+                    request: {
+                      employeeId: e.uuid,
+                      requestBody: {
+                        onboardingStatus: f ? t.SELF_ONBOARDING_PENDING_INVITE : t.ADMIN_ONBOARDING_INCOMPLETE
+                      }
+                    }
+                  });
+                  E?.onOnboardingStatusUpdated?.(H);
+                }
+              }
+              const n = await I.mutateAsync({
+                request: {
+                  employeeId: e.uuid,
+                  requestBody: {
+                    version: e.version,
+                    ...B,
+                    dateOfBirth: N || void 0,
+                    ssn: h ? d : void 0
+                  }
+                }
+              });
+              if (!n.employee)
+                throw new O("Employee update failed");
+              s = n.employee, E?.onEmployeeUpdated?.(s);
+            }
+            _ = {
+              mode: r ? "create" : "update",
+              data: s
+            };
+          }), D();
+        },
+        () => {
+          D();
+        }
+      )();
+    }), _;
+  };
+  return (a ? m.isLoading : !1) || a && !e ? { isLoading: !0, errorHandling: b } : {
+    isLoading: !1,
+    data: {
+      employee: e ?? null
+    },
+    status: {
+      isPending: R,
+      mode: r ? "create" : "update"
+    },
+    actions: { onSubmit: P },
+    errorHandling: b,
+    form: {
+      Fields: {
+        FirstName: se,
+        MiddleInitial: ie,
+        LastName: ae,
+        Email: oe,
+        DateOfBirth: te,
+        Ssn: ee,
+        SelfOnboarding: A && c ? $ : void 0
+      },
+      fieldsMetadata: w,
+      hookFormInternals: { formMethods: u },
+      getFormSubmissionValues: X(u, l)
+    }
+  };
+}
+export {
+  Le as useEmployeeDetailsForm
+};
+//# sourceMappingURL=useEmployeeDetailsForm.js.map

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/useEmployeeDetailsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmployeeDetailsForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/useEmployeeDetailsForm.tsx"],"sourcesContent":["import { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeesCreateMutation } from '@gusto/embedded-api/react-query/employeesCreate'\nimport { useEmployeesUpdateMutation } from '@gusto/embedded-api/react-query/employeesUpdate'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { HookSubmitResult } from '../../types'\nimport { useErrorHandling } from '../../useErrorHandling'\nimport { deriveFieldsMetadata } from '../../form/deriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '../../form/getFormSubmissionValues'\nimport type { RequiredFields } from '../../form/resolveRequiredFields'\nimport {\n  createEmployeeDetailsSchema,\n  type EmployeeDetailsFormData,\n  type EmployeeDetailsFormOutputs,\n  type EmployeeDetailsField,\n} from './employeeDetailsSchema'\nimport {\n  FirstNameField,\n  MiddleInitialField,\n  LastNameField,\n  EmailField,\n  DateOfBirthField,\n  SsnField,\n  SelfOnboardingField,\n} from './fields'\nimport { EmployeeOnboardingStatus } from '@/shared/constants'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport type EmployeeDetailsRequiredFields = RequiredFields<EmployeeDetailsField>\n\nexport interface EmployeeDetailsSubmitCallbacks {\n  onEmployeeCreated?: (employee: Employee) => void\n  onEmployeeUpdated?: (employee: Employee) => void\n  onOnboardingStatusUpdated?: (status: unknown) => void\n}\n\nexport interface UseEmployeeDetailsFormProps {\n  companyId: string\n  employeeId?: string\n  withSelfOnboardingField?: boolean\n  requiredFields?: EmployeeDetailsRequiredFields\n  defaultValues?: Partial<EmployeeDetailsFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nconst isCurrentlySelfOnboarding = (employee?: Employee) => {\n  if (!employee?.onboardingStatus) return false\n  const selfOnboardingStatuses: string[] = [\n    EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED_STARTED,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED_OVERDUE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n  ]\n  return selfOnboardingStatuses.includes(employee.onboardingStatus)\n}\n\nconst canToggleSelfOnboarding = (employee?: Employee) => {\n  if (!employee) return true\n  return (\n    employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n    employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n  )\n}\n\nexport function useEmployeeDetailsForm({\n  companyId,\n  employeeId,\n  withSelfOnboardingField = true,\n  requiredFields,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseEmployeeDetailsFormProps) {\n  const employeeQuery = useEmployeesGet({ employeeId: employeeId ?? '' }, { enabled: !!employeeId })\n\n  const employee = employeeQuery.data?.employee\n\n  const isCreateMode = !employeeId\n  const isSelfOnboardingToggleable = canToggleSelfOnboarding(employee)\n\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const schema = createEmployeeDetailsSchema({\n    mode,\n    requiredFields,\n    hasSsn: employee?.hasSsn,\n  })\n\n  const resolvedDefaults: EmployeeDetailsFormData = {\n    firstName: employee?.firstName ?? partnerDefaults?.firstName ?? '',\n    middleInitial: employee?.middleInitial ?? partnerDefaults?.middleInitial ?? '',\n    lastName: employee?.lastName ?? partnerDefaults?.lastName ?? '',\n    email: employee?.email ?? partnerDefaults?.email ?? '',\n    dateOfBirth: employee?.dateOfBirth ?? partnerDefaults?.dateOfBirth ?? '',\n    ssn: partnerDefaults?.ssn ?? '',\n    selfOnboarding: partnerDefaults?.selfOnboarding ?? isCurrentlySelfOnboarding(employee),\n  }\n\n  const formMethods = useForm<EmployeeDetailsFormData, unknown, EmployeeDetailsFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createEmployeeMutation = useEmployeesCreateMutation()\n  const updateEmployeeMutation = useEmployeesUpdateMutation()\n  const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n  const isPending =\n    createEmployeeMutation.isPending ||\n    updateEmployeeMutation.isPending ||\n    updateOnboardingStatusMutation.isPending\n\n  const { baseSubmitHandler, error: submitError, setError } = useBaseSubmit('EmployeeDetailsForm')\n\n  const queries = employeeId ? [employeeQuery] : []\n  const errorHandling = useErrorHandling(queries, { error: submitError, setError })\n\n  const baseMetadata = deriveFieldsMetadata(schema)\n  const fieldsMetadata = {\n    ...baseMetadata,\n    ssn: { ...baseMetadata.ssn, hasRedactedValue: employee?.hasSsn ?? false },\n  }\n\n  const onSubmit = async (\n    callbacks?: EmployeeDetailsSubmitCallbacks,\n  ): Promise<HookSubmitResult<Employee> | undefined> => {\n    let submitResult: HookSubmitResult<Employee> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: EmployeeDetailsFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const { selfOnboarding, dateOfBirth, ssn, ...body } = payload\n\n            const cleanedSsn = ssn ? removeNonDigits(ssn) : undefined\n            const hasSsnInput = cleanedSsn && cleanedSsn.length > 0\n\n            let updatedEmployee: Employee\n\n            if (isCreateMode) {\n              const result = await createEmployeeMutation.mutateAsync({\n                request: {\n                  companyId,\n                  requestBody: {\n                    ...body,\n                    selfOnboarding,\n                    dateOfBirth: dateOfBirth ? new RFCDate(new Date(dateOfBirth)) : undefined,\n                    ssn: hasSsnInput ? cleanedSsn : undefined,\n                  },\n                },\n              })\n\n              if (!result.employee) {\n                throw new SDKInternalError('Employee creation failed')\n              }\n\n              updatedEmployee = result.employee\n              callbacks?.onEmployeeCreated?.(updatedEmployee)\n            } else {\n              if (!employee) {\n                throw new SDKInternalError('Employee data is not available')\n              }\n\n              if (isSelfOnboardingToggleable) {\n                const currentIsSelfOnboarding =\n                  employee.onboardingStatus ===\n                  EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n\n                if (selfOnboarding !== currentIsSelfOnboarding) {\n                  const { employeeOnboardingStatus } =\n                    await updateOnboardingStatusMutation.mutateAsync({\n                      request: {\n                        employeeId: employee.uuid,\n                        requestBody: {\n                          onboardingStatus: selfOnboarding\n                            ? EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n                            : EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n                        },\n                      },\n                    })\n\n                  callbacks?.onOnboardingStatusUpdated?.(employeeOnboardingStatus)\n                }\n              }\n\n              const result = await updateEmployeeMutation.mutateAsync({\n                request: {\n                  employeeId: employee.uuid,\n                  requestBody: {\n                    version: employee.version as string,\n                    ...body,\n                    dateOfBirth: dateOfBirth || undefined,\n                    ssn: hasSsnInput ? cleanedSsn : undefined,\n                  },\n                },\n              })\n\n              if (!result.employee) {\n                throw new SDKInternalError('Employee update failed')\n              }\n\n              updatedEmployee = result.employee\n              callbacks?.onEmployeeUpdated?.(updatedEmployee)\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: updatedEmployee,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading = employeeId ? employeeQuery.isLoading : false\n\n  if (isDataLoading || (employeeId && !employee)) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      employee: employee ?? null,\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        FirstName: FirstNameField,\n        MiddleInitial: MiddleInitialField,\n        LastName: LastNameField,\n        Email: EmailField,\n        DateOfBirth: DateOfBirthField,\n        Ssn: SsnField,\n        SelfOnboarding:\n          withSelfOnboardingField && isSelfOnboardingToggleable ? SelfOnboardingField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseEmployeeDetailsFormResult = ReturnType<typeof useEmployeeDetailsForm>\nexport type UseEmployeeDetailsFormReady = Extract<UseEmployeeDetailsFormResult, { data: object }>\nexport type EmployeeDetailsFieldsMetadata = UseEmployeeDetailsFormReady['form']['fieldsMetadata']\nexport type EmployeeDetailsFormFields = UseEmployeeDetailsFormReady['form']['Fields']\n"],"names":["isCurrentlySelfOnboarding","employee","EmployeeOnboardingStatus","canToggleSelfOnboarding","useEmployeeDetailsForm","companyId","employeeId","withSelfOnboardingField","requiredFields","partnerDefaults","validationMode","shouldFocusError","employeeQuery","useEmployeesGet","isCreateMode","isSelfOnboardingToggleable","schema","createEmployeeDetailsSchema","resolvedDefaults","formMethods","useForm","zodResolver","createEmployeeMutation","useEmployeesCreateMutation","updateEmployeeMutation","useEmployeesUpdateMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","isPending","baseSubmitHandler","submitError","setError","useBaseSubmit","errorHandling","useErrorHandling","baseMetadata","deriveFieldsMetadata","fieldsMetadata","onSubmit","callbacks","submitResult","resolve","data","payload","selfOnboarding","dateOfBirth","ssn","body","cleanedSsn","removeNonDigits","hasSsnInput","updatedEmployee","result","RFCDate","SDKInternalError","currentIsSelfOnboarding","employeeOnboardingStatus","FirstNameField","MiddleInitialField","LastNameField","EmailField","DateOfBirthField","SsnField","SelfOnboardingField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/UNSTABLE_Hooks/hooks/useWorkAddressForm/WorkAddressForm.d.ts

@@ -0,0 +1,5 @@
+import { UseWorkAddressFormProps } from './useWorkAddressForm';
+import { BaseComponentInterface } from '../../../Base';
+export interface WorkAddressFormProps extends UseWorkAddressFormProps, Omit<BaseComponentInterface, 'defaultValues'> {
+}
+export declare function WorkAddressForm({ FallbackComponent, ...props }: WorkAddressFormProps): import("react/jsx-runtime").JSX.Element;