@gusto/embedded-react-sdk 0.9.0 → 0.10.1

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

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../src/components/Employee/Deductions/Deductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEffect, useMemo, useState } from 'react'\nimport { z } from 'zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  useGarnishmentsListSuspense,\n  invalidateGarnishmentsList,\n} from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport {\n  type DeductionInputs,\n  type DeductionPayload,\n  DeductionSchema,\n  DeductionsProvider,\n  type MODE,\n} from './useDeductions'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Actions } from '@/components/Employee/Deductions/Actions'\nimport { IncludeDeductionsForm } from '@/components/Employee/Deductions/IncludeDeductionsForm'\nimport { Head } from '@/components/Employee/Deductions/Head'\nimport { DeductionForm } from '@/components/Employee/Deductions/DeductionForm'\nimport { DeductionsList } from '@/components/Employee/Deductions/DeductionsList'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface DeductionsProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\n\nconst IncludeDeductionsSchema = z.object({ includeDeductions: z.enum(['Yes', 'No']) })\nexport type IncludeDeductionsPayload = z.output<typeof IncludeDeductionsSchema>\n\nexport function Deductions(props: DeductionsProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nexport const Root = ({ employeeId, className, dictionary }: DeductionsProps) => {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  useComponentDictionary('Employee.Deductions', dictionary)\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n\n  // Used for deletion or edit of deduction\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n  const [mode, setMode] = useState<MODE>(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n  const [currentDeduction, setCurrentDeduction] = useState<Garnishment | null>(null)\n  useI18n('Employee.Deductions')\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: currentDeduction?.amount ? Number(currentDeduction.amount) : 0,\n      description: currentDeduction?.description ?? '',\n      times: currentDeduction?.times ?? null,\n      recurring: currentDeduction?.recurring?.toString() ?? 'true',\n      annualMaximum: currentDeduction?.annualMaximum\n        ? Number(currentDeduction.annualMaximum)\n        : null,\n      payPeriodMaximum: currentDeduction?.payPeriodMaximum\n        ? Number(currentDeduction.payPeriodMaximum)\n        : null,\n      deductAsPercentage: currentDeduction?.deductAsPercentage?.toString() ?? 'true',\n      active: true,\n      courtOrdered: currentDeduction?.courtOrdered ?? false,\n    } as DeductionInputs\n  }, [currentDeduction])\n\n  const includeDeductionsFormMethods = useForm<IncludeDeductionsPayload>({\n    // resolver: zodResolver(IncludeDeductionsSchema),\n    defaultValues: { includeDeductions: 'No' },\n  })\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: zodResolver(DeductionSchema),\n    defaultValues,\n  })\n\n  const { reset: resetForm } = formMethods\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [currentDeduction, defaultValues, resetForm, mode])\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\n      //Deletion of deduction is simply updating it with active: false\n      const { garnishment } = await updateDeduction({\n        request: {\n          garnishmentId: payload.uuid,\n          requestBody: {\n            ...payload,\n            totalAmount: payload.totalAmount ?? undefined,\n            active: false,\n            version: payload.version as string,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n    })\n  }\n  const onSubmit: SubmitHandler<DeductionPayload | IncludeDeductionsPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if ('includeDeductions' in payload) {\n        if (payload.includeDeductions === 'Yes') {\n          setMode('ADD')\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n        } else {\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n          return\n        }\n      }\n      if (!('includeDeductions' in payload)) {\n        if (mode === 'ADD') {\n          const { garnishment: createDeductionResponse } = await createDeduction({\n            request: {\n              employeeId: employeeId,\n              requestBody: { ...payload, times: payload.recurring ? null : 1 },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n        } else if (mode === 'EDIT') {\n          const { garnishment: updateDeductionResponse } = await updateDeduction({\n            request: {\n              garnishmentId: currentDeduction?.uuid ?? '',\n              requestBody: {\n                ...payload,\n                version: currentDeduction?.version as string,\n                times: payload.recurring ? null : 1,\n              },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n          setCurrentDeduction(null)\n        }\n        setMode('LIST')\n      }\n    })\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    setCurrentDeduction(null)\n  }\n  const handleEdit = (deduction: Garnishment) => {\n    setMode('EDIT')\n    setCurrentDeduction(deduction)\n  }\n  const handlePassthrough = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  return (\n    <section className={className}>\n      <DeductionsProvider\n        value={{\n          isPending: isPendingCreate || isPendingUpdate,\n          employeeId,\n          mode,\n          deductions,\n          handleAdd,\n          handleCancel,\n          handleDelete,\n          handleEdit,\n          handlePassthrough,\n        }}\n      >\n        {mode === 'INITIAL' ? (\n          <FormProvider {...includeDeductionsFormMethods}>\n            <Form onSubmit={includeDeductionsFormMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <IncludeDeductionsForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <DeductionsList />\n              <DeductionForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        )}\n      </DeductionsProvider>\n    </section>\n  )\n}\n\nexport const DeductionsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Deductions',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Deductions employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["z","Deductions","props","jsx","BaseComponent","Root","employeeId","className","dictionary","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","useComponentDictionary","data","useGarnishmentsListSuspense","deductions","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","invalidateGarnishmentsList","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","activeDeductions","deduction","mode","setMode","useState","currentDeduction","setCurrentDeduction","useI18n","defaultValues","useMemo","includeDeductionsFormMethods","useForm","formMethods","zodResolver","DeductionSchema","resetForm","useEffect","handleDelete","payload","garnishment","componentEvents","onSubmit","createDeductionResponse","updateDeductionResponse","DeductionsProvider","FormProvider","jsxs","Form","Head","IncludeDeductionsForm","Actions","DeductionsList","DeductionForm","DeductionsContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"Deductions.js","sources":["../../../../src/components/Employee/Deductions/Deductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEffect, useMemo, useState } from 'react'\nimport { z } from 'zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  useGarnishmentsListSuspense,\n  invalidateGarnishmentsList,\n} from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport {\n  type DeductionInputs,\n  type DeductionPayload,\n  DeductionSchema,\n  DeductionsProvider,\n  type MODE,\n} from './useDeductions'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Actions } from '@/components/Employee/Deductions/Actions'\nimport { IncludeDeductionsForm } from '@/components/Employee/Deductions/IncludeDeductionsForm'\nimport { Head } from '@/components/Employee/Deductions/Head'\nimport { DeductionForm } from '@/components/Employee/Deductions/DeductionForm'\nimport { DeductionsList } from '@/components/Employee/Deductions/DeductionsList'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface DeductionsProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\n\nconst IncludeDeductionsSchema = z.object({ includeDeductions: z.enum(['Yes', 'No']) })\nexport type IncludeDeductionsPayload = z.output<typeof IncludeDeductionsSchema>\n\nexport function Deductions(props: DeductionsProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nexport const Root = ({ employeeId, className, dictionary }: DeductionsProps) => {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  useComponentDictionary('Employee.Deductions', dictionary)\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n\n  // Used for deletion or edit of deduction\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n  const [mode, setMode] = useState<MODE>(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n  const [currentDeduction, setCurrentDeduction] = useState<Garnishment | null>(null)\n  useI18n('Employee.Deductions')\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: currentDeduction?.amount ? Number(currentDeduction.amount) : 0,\n      description: currentDeduction?.description ?? '',\n      times: currentDeduction?.times ?? null,\n      recurring: currentDeduction?.recurring?.toString() ?? 'true',\n      annualMaximum: currentDeduction?.annualMaximum\n        ? Number(currentDeduction.annualMaximum)\n        : null,\n      payPeriodMaximum: currentDeduction?.payPeriodMaximum\n        ? Number(currentDeduction.payPeriodMaximum)\n        : null,\n      deductAsPercentage: currentDeduction?.deductAsPercentage?.toString() ?? 'true',\n      active: true,\n      courtOrdered: currentDeduction?.courtOrdered ?? false,\n    } as DeductionInputs\n  }, [currentDeduction])\n\n  const includeDeductionsFormMethods = useForm<IncludeDeductionsPayload>({\n    // resolver: zodResolver(IncludeDeductionsSchema),\n    defaultValues: { includeDeductions: 'No' },\n  })\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: zodResolver(DeductionSchema),\n    defaultValues,\n  })\n\n  const { reset: resetForm } = formMethods\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [currentDeduction, defaultValues, resetForm, mode])\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\n      //Deletion of deduction is simply updating it with active: false\n      const { garnishment } = await updateDeduction({\n        request: {\n          garnishmentId: payload.uuid,\n          requestBody: {\n            ...payload,\n            totalAmount: payload.totalAmount ?? undefined,\n            active: false,\n            version: payload.version as string,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n    })\n  }\n  const onSubmit: SubmitHandler<DeductionPayload | IncludeDeductionsPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if ('includeDeductions' in payload) {\n        if (payload.includeDeductions === 'Yes') {\n          setMode('ADD')\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n        } else {\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n          return\n        }\n      }\n      if (!('includeDeductions' in payload)) {\n        if (mode === 'ADD') {\n          const { garnishment: createDeductionResponse } = await createDeduction({\n            request: {\n              employeeId: employeeId,\n              requestBody: { ...payload, times: payload.recurring ? null : 1 },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n        } else if (mode === 'EDIT') {\n          const { garnishment: updateDeductionResponse } = await updateDeduction({\n            request: {\n              garnishmentId: currentDeduction?.uuid ?? '',\n              requestBody: {\n                ...payload,\n                version: currentDeduction?.version as string,\n                times: payload.recurring ? null : 1,\n              },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n          setCurrentDeduction(null)\n        }\n        setMode('LIST')\n      }\n    })\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n  }\n  const handleCancel = () => {\n    setMode(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n    setCurrentDeduction(null)\n  }\n  const handleEdit = (deduction: Garnishment) => {\n    setMode('EDIT')\n    setCurrentDeduction(deduction)\n  }\n  const handlePassthrough = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  return (\n    <section className={className}>\n      <DeductionsProvider\n        value={{\n          isPending: isPendingCreate || isPendingUpdate,\n          employeeId,\n          mode,\n          deductions,\n          handleAdd,\n          handleCancel,\n          handleDelete,\n          handleEdit,\n          handlePassthrough,\n        }}\n      >\n        {mode === 'INITIAL' ? (\n          <FormProvider {...includeDeductionsFormMethods}>\n            <Form onSubmit={includeDeductionsFormMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <IncludeDeductionsForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <DeductionsList />\n              <DeductionForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        )}\n      </DeductionsProvider>\n    </section>\n  )\n}\n\nexport const DeductionsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Deductions',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Deductions employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["z","Deductions","props","jsx","BaseComponent","Root","employeeId","className","dictionary","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","useComponentDictionary","data","useGarnishmentsListSuspense","deductions","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","invalidateGarnishmentsList","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","activeDeductions","deduction","mode","setMode","useState","currentDeduction","setCurrentDeduction","useI18n","defaultValues","useMemo","includeDeductionsFormMethods","useForm","formMethods","zodResolver","DeductionSchema","resetForm","useEffect","handleDelete","payload","garnishment","componentEvents","onSubmit","createDeductionResponse","updateDeductionResponse","DeductionsProvider","FormProvider","jsxs","Form","Head","IncludeDeductionsForm","Actions","DeductionsList","DeductionForm","DeductionsContextual","useFlow","t","useTranslation"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/List.js

@@ -1,113 +1,118 @@
-import { jsx as a, jsxs as c, Fragment as v } from "react/jsx-runtime";
-import { useTranslation as w } from "react-i18next";
-import { useState as A } from "react";
-import T from "./List.module.scss.js";
-import { useEmployeeList as k } from "./useEmployeeList.js";
+import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
+import { useTranslation as A } from "react-i18next";
+import { useState as T } from "react";
+import k from "./List.module.scss.js";
+import { useEmployeeList as w } from "./useEmployeeList.js";
 import { EmptyData as B } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as h } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as M } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { HamburgerMenu as G } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { HamburgerMenu as y } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { EmployeeOnboardingStatusBadge as G } from "../../Common/OnboardingStatusBadge/index.js";
 import s from "../../../assets/icons/pencil.svg.js";
 import R from "../../../assets/icons/trashcan.svg.js";
 import { EmployeeOnboardingStatus as i, EmployeeSelfOnboardingStatuses as x } from "../../../shared/constants.js";
-import { firstLastName as y } from "../../../helpers/formattedStrings.js";
-import { useDataView as F } from "../../Common/DataView/useDataView.js";
-import { DataView as V } from "../../Common/DataView/DataView.js";
-const at = () => {
+import { firstLastName as F } from "../../../helpers/formattedStrings.js";
+import { useDataView as V } from "../../Common/DataView/useDataView.js";
+import { DataView as j } from "../../Common/DataView/DataView.js";
+const it = () => {
   const {
     handleDelete: g,
     employees: d,
-    handleEdit: b,
+    handleEdit: p,
     handleReview: f,
-    handleNew: u,
-    handleCancelSelfOnboarding: p,
-    handleFirstPage: S,
-    handlePreviousPage: E,
+    handleNew: l,
+    handleCancelSelfOnboarding: b,
+    handleFirstPage: E,
+    handlePreviousPage: S,
     handleNextPage: C,
     handleLastPage: N,
     handleItemsPerPageChange: L,
     currentPage: O,
     totalPages: _,
     handleSkip: D
-  } = k(), r = M(), { t: n } = w("Employee.EmployeeList"), [I, l] = A(/* @__PURE__ */ new Set()), { ...P } = F({
+  } = w(), r = M(), { t: a } = A("Employee.EmployeeList"), [I, u] = T(/* @__PURE__ */ new Set()), { ...P } = V({
     data: d,
     columns: [
       {
         key: "name",
-        title: n("nameLabel"),
-        render: (t) => y({
+        title: a("nameLabel"),
+        render: (t) => F({
           first_name: t.firstName,
           last_name: t.lastName
         })
       },
       {
         key: "status",
-        title: n("statusLabel"),
-        render: (t) => /* @__PURE__ */ a(r.Badge, { status: t.onboarded ? "success" : "warning", children: n(`onboardingStatus.${t.onboardingStatus ?? "undefined"}`, {
-          ns: "common"
-        }) })
+        title: a("statusLabel"),
+        render: ({ onboarded: t, onboardingStatus: n }) => /* @__PURE__ */ e(
+          G,
+          {
+            onboarded: t,
+            onboardingStatus: n
+          }
+        )
       }
     ],
     itemMenu: (t) => {
-      const e = [];
-      return (t.onboardingStatus === i.ADMIN_ONBOARDING_INCOMPLETE || t.onboardingStatus === i.SELF_ONBOARDING_PENDING_INVITE || t.onboardingStatus === i.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t.onboardingStatus === i.ONBOARDING_COMPLETED) && e.push({
-        label: n("editCta"),
+      const n = [];
+      return (t.onboardingStatus === i.ADMIN_ONBOARDING_INCOMPLETE || t.onboardingStatus === i.SELF_ONBOARDING_PENDING_INVITE || t.onboardingStatus === i.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t.onboardingStatus === i.ONBOARDING_COMPLETED) && n.push({
+        label: a("editCta"),
         onClick: () => {
-          b(t.uuid, t.onboardingStatus ?? void 0);
+          p(t.uuid, t.onboardingStatus ?? void 0);
         },
-        icon: /* @__PURE__ */ a(s, { "aria-hidden": !0 })
-      }), x.has(t.onboarding_status ?? "") && e.push({
-        label: n("cancelSelfOnboardingCta"),
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), x.has(t.onboarding_status ?? "") && n.push({
+        label: a("cancelSelfOnboardingCta"),
         onClick: async () => {
-          await p(t.uuid);
+          await b(t.uuid);
         },
-        icon: /* @__PURE__ */ a(s, { "aria-hidden": !0 })
-      }), t.onboardingStatus === i.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE && e.push({
-        label: n("reviewCta"),
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), t.onboardingStatus === i.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE && n.push({
+        label: a("reviewCta"),
         onClick: () => {
           f(t.uuid);
         },
-        icon: /* @__PURE__ */ a(s, { "aria-hidden": !0 })
-      }), t.onboarded || e.push({
-        label: n("deleteCta"),
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), t.onboarded || n.push({
+        label: a("deleteCta"),
         onClick: () => {
-          l((o) => new Set(o).add(t.uuid)), g(t.uuid).then(() => {
-            l((o) => {
+          u((o) => new Set(o).add(t.uuid)), g(t.uuid).then(() => {
+            u((o) => {
               const m = new Set(o);
               return m.delete(t.uuid), m;
             });
           });
         },
-        icon: /* @__PURE__ */ a(R, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ a(
-        G,
+        icon: /* @__PURE__ */ e(R, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ e(
+        y,
         {
-          items: e,
-          triggerLabel: n("hamburgerTitle"),
+          items: n,
+          triggerLabel: a("hamburgerTitle"),
           isLoading: I.has(t.uuid)
         }
       );
     },
     pagination: {
       handleNextPage: C,
-      handleFirstPage: S,
+      handleFirstPage: E,
       handleLastPage: N,
-      handlePreviousPage: E,
+      handlePreviousPage: S,
       handleItemsPerPageChange: L,
       currentPage: O,
       totalPages: _
     },
-    emptyState: () => /* @__PURE__ */ a(B, { title: n("emptyTableTitle"), description: n("emptyTableDescription"), children: /* @__PURE__ */ c(h, { justifyContent: "center", children: [
-      /* @__PURE__ */ a(r.Button, { variant: "secondary", onClick: D, children: n("skipCta") }),
-      /* @__PURE__ */ a(r.Button, { variant: "primary", onClick: u, children: n("addEmployeeCTA") })
+    emptyState: () => /* @__PURE__ */ e(B, { title: a("emptyTableTitle"), description: a("emptyTableDescription"), children: /* @__PURE__ */ c(h, { justifyContent: "center", children: [
+      /* @__PURE__ */ e(r.Button, { variant: "secondary", onClick: D, children: a("skipCta") }),
+      /* @__PURE__ */ e(r.Button, { variant: "primary", onClick: l, children: a("addEmployeeCTA") })
     ] }) })
   });
   return /* @__PURE__ */ c(v, { children: [
-    d.length > 0 && /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(r.Button, { variant: "secondary", onClick: u, children: n("addAnotherCta") }) }),
-    /* @__PURE__ */ a("div", { className: T.container, children: /* @__PURE__ */ a(V, { label: n("employeeListLabel"), ...P }) })
+    d.length > 0 && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(r.Button, { variant: "secondary", onClick: l, children: a("addAnotherCta") }) }),
+    /* @__PURE__ */ e("div", { className: k.container, children: /* @__PURE__ */ e(j, { label: a("employeeListLabel"), ...P }) })
   ] });
 };
 export {
-  at as List
+  it as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Employee/EmployeeList/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/EmployeeList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useState } from 'react'\nimport style from './List.module.scss'\nimport { useEmployeeList } from './useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/**List of employees slot for EmployeeList component */\nexport const List = () => {\n  const {\n    handleDelete,\n    employees,\n    handleEdit,\n    handleReview,\n    handleNew,\n    handleCancelSelfOnboarding,\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    handleSkip,\n  } = useEmployeeList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Employee.EmployeeList')\n  const [deleting, setDeleting] = useState<Set<string>>(new Set())\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: employee => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: employee => {\n          return (\n            <Components.Badge status={employee.onboarded ? 'success' : 'warning'}>\n              {t(`onboardingStatus.${employee.onboardingStatus ?? 'undefined'}`, {\n                ns: 'common',\n              })}\n            </Components.Badge>\n          )\n        },\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      // Edit item\n      if (\n        employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n        employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE ||\n        employee.onboardingStatus ===\n          EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n        employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED\n      ) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            handleEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Cancel self onboarding item\n      /* @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses */\n      if (EmployeeSelfOnboardingStatuses.has(employee.onboarding_status ?? '')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: async () => {\n            await handleCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Review item\n      if (\n        employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n      ) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void handleReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Delete item\n      if (!employee.onboarded) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setDeleting(prev => new Set(prev).add(employee.uuid))\n            void handleDelete(employee.uuid).then(() => {\n              setDeleting(prev => {\n                const newSet = new Set(prev)\n                newSet.delete(employee.uuid)\n                return newSet\n              })\n            })\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return (\n        <HamburgerMenu\n          items={menuItems}\n          triggerLabel={t('hamburgerTitle')}\n          isLoading={deleting.has(employee.uuid)}\n        />\n      )\n    },\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={handleSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={handleNew}>\n            {t('addEmployeeCTA')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n  return (\n    <>\n      {employees.length > 0 && (\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleNew}>\n            {t('addAnotherCta')}\n          </Components.Button>\n        </ActionsLayout>\n      )}\n      <div className={style.container}>\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n      </div>\n    </>\n  )\n}\n"],"names":["List","handleDelete","employees","handleEdit","handleReview","handleNew","handleCancelSelfOnboarding","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","currentPage","totalPages","handleSkip","useEmployeeList","Components","useComponentContext","t","useTranslation","deleting","setDeleting","useState","dataViewProps","useDataView","employee","firstLastName","jsx","menuItems","EmployeeOnboardingStatus","PencilSvg","EmployeeSelfOnboardingStatuses","prev","newSet","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","Fragment","style","DataView"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/EmployeeList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useState } from 'react'\nimport style from './List.module.scss'\nimport { useEmployeeList } from './useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/**List of employees slot for EmployeeList component */\nexport const List = () => {\n  const {\n    handleDelete,\n    employees,\n    handleEdit,\n    handleReview,\n    handleNew,\n    handleCancelSelfOnboarding,\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    handleSkip,\n  } = useEmployeeList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Employee.EmployeeList')\n  const [deleting, setDeleting] = useState<Set<string>>(new Set())\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: employee => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: ({ onboarded, onboardingStatus }) => (\n          <EmployeeOnboardingStatusBadge\n            onboarded={onboarded}\n            onboardingStatus={onboardingStatus}\n          />\n        ),\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      // Edit item\n      if (\n        employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n        employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE ||\n        employee.onboardingStatus ===\n          EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n        employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED\n      ) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            handleEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Cancel self onboarding item\n      /* @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses */\n      if (EmployeeSelfOnboardingStatuses.has(employee.onboarding_status ?? '')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: async () => {\n            await handleCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Review item\n      if (\n        employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n      ) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void handleReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Delete item\n      if (!employee.onboarded) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setDeleting(prev => new Set(prev).add(employee.uuid))\n            void handleDelete(employee.uuid).then(() => {\n              setDeleting(prev => {\n                const newSet = new Set(prev)\n                newSet.delete(employee.uuid)\n                return newSet\n              })\n            })\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return (\n        <HamburgerMenu\n          items={menuItems}\n          triggerLabel={t('hamburgerTitle')}\n          isLoading={deleting.has(employee.uuid)}\n        />\n      )\n    },\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={handleSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={handleNew}>\n            {t('addEmployeeCTA')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n  return (\n    <>\n      {employees.length > 0 && (\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleNew}>\n            {t('addAnotherCta')}\n          </Components.Button>\n        </ActionsLayout>\n      )}\n      <div className={style.container}>\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n      </div>\n    </>\n  )\n}\n"],"names":["List","handleDelete","employees","handleEdit","handleReview","handleNew","handleCancelSelfOnboarding","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","currentPage","totalPages","handleSkip","useEmployeeList","Components","useComponentContext","t","useTranslation","deleting","setDeleting","useState","dataViewProps","useDataView","employee","firstLastName","onboarded","onboardingStatus","jsx","EmployeeOnboardingStatusBadge","menuItems","EmployeeOnboardingStatus","PencilSvg","EmployeeSelfOnboardingStatuses","prev","newSet","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","Fragment","style","DataView"],"mappings":";;;;;;;;;;;;;;;;AAcO,MAAMA,KAAO,MAAM;AAClB,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,MACEC,EAAgB,GACdC,IAAaC,EAAoB,GAEjC,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,CAACC,GAAUC,CAAW,IAAIC,EAAsB,oBAAI,KAAK,GACzD,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMtB;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOgB,EAAE,WAAW;AAAA,QACpB,QAAQ,CAAYO,MACXC,EAAc;AAAA,UACnB,YAAYD,EAAS;AAAA,UACrB,WAAWA,EAAS;AAAA,QAAA,CACrB;AAAA,MAEL;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,aAAa;AAAA,QACtB,QAAQ,CAAC,EAAE,WAAAS,GAAW,kBAAAC,EACpB,MAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAAH;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAGN;AAAA,IACA,UAAU,CAAYH,MAAA;AACpB,YAAMM,IAAY,CAAC;AAGnB,cACEN,EAAS,qBAAqBO,EAAyB,+BACvDP,EAAS,qBAAqBO,EAAyB,kCACvDP,EAAS,qBACPO,EAAyB,yCAC3BP,EAAS,qBAAqBO,EAAyB,yBAEvDD,EAAU,KAAK;AAAA,QACb,OAAOb,EAAE,SAAS;AAAA,QAClB,SAAS,MAAM;AACb,UAAAf,EAAWsB,EAAS,MAAMA,EAAS,oBAAoB,MAAS;AAAA,QAClE;AAAA,QACA,MAAM,gBAAAI,EAACI,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,MAAA,CAC9B,GAKCC,EAA+B,IAAIT,EAAS,qBAAqB,EAAE,KACrEM,EAAU,KAAK;AAAA,QACb,OAAOb,EAAE,yBAAyB;AAAA,QAClC,SAAS,YAAY;AACb,gBAAAZ,EAA2BmB,EAAS,IAAI;AAAA,QAChD;AAAA,QACA,MAAM,gBAAAI,EAACI,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,MAAA,CAC9B,GAKDR,EAAS,qBAAqBO,EAAyB,yCAEvDD,EAAU,KAAK;AAAA,QACb,OAAOb,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACR,UAAAd,EAAaqB,EAAS,IAAI;AAAA,QACjC;AAAA,QACA,MAAM,gBAAAI,EAACI,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,MAAA,CAC9B,GAIER,EAAS,aACZM,EAAU,KAAK;AAAA,QACb,OAAOb,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACD,UAAAG,EAAA,CAAAc,MAAQ,IAAI,IAAIA,CAAI,EAAE,IAAIV,EAAS,IAAI,CAAC,GAC/CxB,EAAawB,EAAS,IAAI,EAAE,KAAK,MAAM;AAC1C,YAAAJ,EAAY,CAAQc,MAAA;AACZ,oBAAAC,IAAS,IAAI,IAAID,CAAI;AACpB,qBAAAC,EAAA,OAAOX,EAAS,IAAI,GACpBW;AAAA,YAAA,CACR;AAAA,UAAA,CACF;AAAA,QACH;AAAA,QACA,MAAM,gBAAAP,EAACQ,GAAY,EAAA,eAAW,GAAC,CAAA;AAAA,MAAA,CAChC,GAID,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,OAAOP;AAAA,UACP,cAAcb,EAAE,gBAAgB;AAAA,UAChC,WAAWE,EAAS,IAAIK,EAAS,IAAI;AAAA,QAAA;AAAA,MACvC;AAAA,IAEJ;AAAA,IACA,YAAY;AAAA,MACV,gBAAAhB;AAAA,MACA,iBAAAF;AAAA,MACA,gBAAAG;AAAA,MACA,oBAAAF;AAAA,MACA,0BAAAG;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,IACF;AAAA,IACA,YAAY,MACT,gBAAAgB,EAAAU,GAAA,EAAU,OAAOrB,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAC,gBAAAsB,EAAAC,GAAA,EAAc,gBAAe,UAC5B,UAAA;AAAA,MAAC,gBAAAZ,EAAAb,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASF,GAC7C,UAAEI,EAAA,SAAS,EACd,CAAA;AAAA,MACA,gBAAAW,EAACb,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASX,GAC3C,UAAEa,EAAA,gBAAgB,EACrB,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,CAEH;AACD,SAEK,gBAAAsB,EAAAE,GAAA,EAAA,UAAA;AAAA,IAAAxC,EAAU,SAAS,KACjB,gBAAA2B,EAAAY,GAAA,EACC,4BAACzB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASX,GAC7C,UAAEa,EAAA,eAAe,EACpB,CAAA,GACF;AAAA,IAED,gBAAAW,EAAA,OAAA,EAAI,WAAWc,EAAM,WACpB,UAAA,gBAAAd,EAACe,GAAS,EAAA,OAAO1B,EAAE,mBAAmB,GAAI,GAAGK,GAAe,EAC9D,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js

@@ -1,71 +1,76 @@
-import { jsx as e, jsxs as m, Fragment as h } from "react/jsx-runtime";
-import { useTranslation as y } from "react-i18next";
-import C from "classnames";
-import { useEmployeesGetSuspense as I } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeesGetOnboardingStatusSuspense as D } from "@gusto/embedded-api/react-query/employeesGetOnboardingStatus";
-import i from "./OnboardingSummary.module.scss.js";
-import { BaseComponent as v } from "../../Base/Base.js";
-import { useBase as A } from "../../Base/useBase.js";
+import { jsx as e, jsxs as s, Fragment as g } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import A from "classnames";
+import { useEmployeesGetSuspense as B } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeesGetOnboardingStatusSuspense as L } from "@gusto/embedded-api/react-query/employeesGetOnboardingStatus";
+import y from "dompurify";
+import { useMemo as S } from "react";
+import r from "./OnboardingSummary.module.scss.js";
+import { BaseComponent as P } from "../../Base/Base.js";
+import { useBase as R } from "../../Base/useBase.js";
 import { Flex as d } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as g } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as R, useComponentDictionary as T } from "../../../i18n/I18n.js";
-import { componentEvents as f, EmployeeOnboardingStatus as S } from "../../../shared/constants.js";
-import _ from "../../../assets/icons/success_check.svg.js";
-import w from "../../../assets/icons/unchecked_circular.svg.js";
-import { useFlow as G } from "../../Flow/useFlow.js";
-function L(n) {
-  return R("Employee.OnboardingSummary"), T("Employee.OnboardingSummary", n.dictionary), /* @__PURE__ */ e(v, { ...n, children: /* @__PURE__ */ e(P, { ...n, children: n.children }) });
+import { ActionsLayout as E } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as _, useComponentDictionary as w } from "../../../i18n/I18n.js";
+import { componentEvents as N, EmployeeOnboardingStatus as O } from "../../../shared/constants.js";
+import F from "../../../assets/icons/success_check.svg.js";
+import G from "../../../assets/icons/unchecked_circular.svg.js";
+import { useFlow as M } from "../../Flow/useFlow.js";
+function j(n) {
+  return _("Employee.OnboardingSummary"), w("Employee.OnboardingSummary", n.dictionary), /* @__PURE__ */ e(P, { ...n, children: /* @__PURE__ */ e(k, { ...n, children: n.children }) });
 }
-const P = ({ employeeId: n, className: c, isAdmin: s = !1 }) => {
-  const { onEvent: a } = A(), { t } = y("Employee.OnboardingSummary"), o = B(), {
-    data: { employee: E }
-  } = I({ employeeId: n }), { firstName: O, lastName: b } = E, { data: N } = D({ employeeId: n }), { onboardingStatus: u, onboardingSteps: l } = N.employeeOnboardingStatus, x = l?.length && l.findIndex((r) => r.required && !r.completed) > -1, p = u === S.ONBOARDING_COMPLETED || !x && u === S.SELF_ONBOARDING_PENDING_INVITE;
-  return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ m(d, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(d, { alignItems: "center", flexDirection: "column", gap: 8, children: s ? p ? /* @__PURE__ */ m(h, { children: [
-      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", { name: `${O} ${b}` }) }),
-      /* @__PURE__ */ e(o.Text, { className: i.description, children: t("onboardedAdminDescription") })
-    ] }) : /* @__PURE__ */ m(d, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: [
+const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
+  const { onEvent: a } = R(), { t } = b("Employee.OnboardingSummary"), o = T(), {
+    data: { employee: x }
+  } = B({ employeeId: n }), { firstName: u, lastName: p } = x, { data: C } = L({ employeeId: n }), { onboardingStatus: h, onboardingSteps: l } = C.employeeOnboardingStatus, I = l?.length && l.findIndex((i) => i.required && !i.completed) > -1, f = h === O.ONBOARDING_COMPLETED || !I && h === O.SELF_ONBOARDING_PENDING_INVITE, D = S(() => y.sanitize(u), [u]), v = S(() => y.sanitize(p), [p]);
+  return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ s(d, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(d, { alignItems: "center", flexDirection: "column", gap: 8, children: m ? f ? /* @__PURE__ */ s(g, { children: [
+      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", {
+        name: `${D} ${v}`,
+        interpolation: { escapeValue: !1 }
+      }) }),
+      /* @__PURE__ */ e(o.Text, { className: r.description, children: t("onboardedAdminDescription") })
+    ] }) : /* @__PURE__ */ s(d, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", children: t("missingRequirementsSubtitle") }),
       /* @__PURE__ */ e(o.Text, { children: t("missingRequirementsDescription") }),
-      /* @__PURE__ */ e("ul", { className: i.list, children: l?.sort((r, F) => r.completed ? -1 : 1).map((r) => /* @__PURE__ */ m("li", { className: i.listItem, children: [
-        r.completed ? /* @__PURE__ */ e(_, { width: 24, height: 24, className: i.listItemIcon }) : /* @__PURE__ */ e(
-          w,
+      /* @__PURE__ */ e("ul", { className: r.list, children: l?.sort((i, q) => i.completed ? -1 : 1).map((i) => /* @__PURE__ */ s("li", { className: r.listItem, children: [
+        i.completed ? /* @__PURE__ */ e(F, { width: 24, height: 24, className: r.listItemIcon }) : /* @__PURE__ */ e(
+          G,
           {
             width: 24,
             height: 24,
-            className: C(i.listItemIcon, i.incomplete)
+            className: A(r.listItemIcon, r.incomplete)
           }
         ),
-        /* @__PURE__ */ e(o.Heading, { as: "h4", children: t(`steps.${r.id}`, r.title) })
-      ] }, r.id)) })
-    ] }) : /* @__PURE__ */ m(h, { children: [
+        /* @__PURE__ */ e(o.Heading, { as: "h4", children: t(`steps.${i.id}`, i.title) })
+      ] }, i.id)) })
+    ] }) : /* @__PURE__ */ s(g, { children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
-      /* @__PURE__ */ e(o.Text, { className: i.description, children: t("onboardedSelfDescription") }),
-      /* @__PURE__ */ e(g, { justifyContent: p ? "center" : "start", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(o.Text, { className: r.description, children: t("onboardedSelfDescription") }),
+      /* @__PURE__ */ e(E, { justifyContent: f ? "center" : "start", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            a(f.EMPLOYEE_ONBOARDING_DONE);
+            a(N.EMPLOYEE_ONBOARDING_DONE);
           },
           children: t("doneCta")
         }
       ) })
     ] }) }),
-    s && /* @__PURE__ */ e(g, { justifyContent: "center", children: /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(E, { justifyContent: "center", children: /* @__PURE__ */ e(
       o.Button,
       {
         variant: "secondary",
         onClick: () => {
-          a(f.EMPLOYEES_LIST);
+          a(N.EMPLOYEES_LIST);
         },
         children: t("doneCta")
       }
     ) })
   ] }) });
-}, ee = () => {
-  const { employeeId: n, onEvent: c, isAdmin: s } = G(), { t: a } = y("common");
+}, se = () => {
+  const { employeeId: n, onEvent: c, isAdmin: m } = M(), { t: a } = b("common");
   if (!n)
     throw new Error(
       a("errors.missingParamsOrContext", {
@@ -74,10 +79,10 @@ const P = ({ employeeId: n, className: c, isAdmin: s = !1 }) => {
         provider: "FlowProvider"
       })
     );
-  return /* @__PURE__ */ e(L, { employeeId: n, onEvent: c, isAdmin: s });
+  return /* @__PURE__ */ e(j, { employeeId: n, onEvent: c, isAdmin: m });
 };
 export {
-  L as OnboardingSummary,
-  ee as OnboardingSummaryContextual
+  j as OnboardingSummary,
+  se as OnboardingSummaryContextual
 };
 //# sourceMappingURL=OnboardingSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Employee/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/employeesGetOnboardingStatus'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport styles from './OnboardingSummary.module.scss'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport SuccessCheck from '@/assets/icons/success_check.svg?react'\nimport UncheckedCircular from '@/assets/icons/unchecked_circular.svg?react'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.OnboardingSummary'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function OnboardingSummary(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.OnboardingSummary')\n  useComponentDictionary('Employee.OnboardingSummary', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, isAdmin = false }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const { t } = useTranslation('Employee.OnboardingSummary')\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const { firstName, lastName } = employee!\n\n  const { data } = useEmployeesGetOnboardingStatusSuspense({ employeeId })\n  const { onboardingStatus, onboardingSteps } = data.employeeOnboardingStatus!\n\n  const hasMissingRequirements =\n    onboardingSteps?.length &&\n    onboardingSteps.findIndex(step => step.required && !step.completed) > -1\n\n  const isOnboardingCompleted =\n    onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    (!hasMissingRequirements &&\n      onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          {isAdmin ? (\n            isOnboardingCompleted ? (\n              <>\n                <Components.Heading as=\"h2\" textAlign=\"center\">\n                  {t('onboardedAdminSubtitle', { name: `${firstName} ${lastName}` })}\n                </Components.Heading>\n                <Components.Text className={styles.description}>\n                  {t('onboardedAdminDescription')}\n                </Components.Text>\n              </>\n            ) : (\n              <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n                <Components.Heading as=\"h2\">{t('missingRequirementsSubtitle')}</Components.Heading>\n                <Components.Text>{t('missingRequirementsDescription')}</Components.Text>\n                <ul className={styles.list}>\n                  {onboardingSteps\n                    ?.sort((a, b) => (a.completed ? -1 : 1))\n                    .map(step => {\n                      return (\n                        <li key={step.id} className={styles.listItem}>\n                          {step.completed ? (\n                            <SuccessCheck width={24} height={24} className={styles.listItemIcon} />\n                          ) : (\n                            <UncheckedCircular\n                              width={24}\n                              height={24}\n                              className={classNames(styles.listItemIcon, styles.incomplete)}\n                            />\n                          )}\n                          <Components.Heading as=\"h4\">\n                            {/* @ts-expect-error: id has typeof keyof steps */}\n                            {t(`steps.${step.id}`, step.title)}\n                          </Components.Heading>\n                        </li>\n                      )\n                    })}\n                </ul>\n              </Flex>\n            )\n          ) : (\n            <>\n              <Components.Heading as=\"h2\" textAlign=\"center\">\n                {t('onboardedSelfSubtitle')}\n              </Components.Heading>\n              <Components.Text className={styles.description}>\n                {t('onboardedSelfDescription')}\n              </Components.Text>\n              <ActionsLayout justifyContent={isOnboardingCompleted ? 'center' : 'start'}>\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={() => {\n                    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n                  }}\n                >\n                  {t('doneCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </>\n          )}\n        </Flex>\n\n        {isAdmin && (\n          <ActionsLayout justifyContent={'center'}>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEES_LIST)\n              }}\n            >\n              {t('doneCta')}\n            </Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n    </section>\n  )\n}\n\nexport const OnboardingSummaryContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Summary',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <OnboardingSummary employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["OnboardingSummary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","isAdmin","onEvent","useBase","useTranslation","Components","useComponentContext","employee","useEmployeesGetSuspense","firstName","lastName","data","useEmployeesGetOnboardingStatusSuspense","onboardingStatus","onboardingSteps","hasMissingRequirements","step","isOnboardingCompleted","EmployeeOnboardingStatus","jsxs","Flex","Fragment","styles","a","b","SuccessCheck","UncheckedCircular","classNames","ActionsLayout","componentEvents","OnboardingSummaryContextual","useFlow","t"],"mappings":";;;;;;;;;;;;;;;;AA0BO,SAASA,EAAkBC,GAA8C;AAC9E,SAAAC,EAAQ,4BAA4B,GACbC,EAAA,8BAA8BF,EAAM,UAAU,GAGnE,gBAAAG,EAACC,GAAe,EAAA,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,SAAAC,IAAU,SAA0B;AACnE,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtB,EAAE,EAAA,IAAMC,EAAe,4BAA4B,GACnDC,IAAaC,EAAoB,GAEjC;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAS;AAAA,EAAA,IACfC,EAAwB,EAAE,YAAAT,GAAY,GACpC,EAAE,WAAAU,GAAW,UAAAC,EAAA,IAAaH,GAE1B,EAAE,MAAAI,EAAK,IAAIC,EAAwC,EAAE,YAAAb,GAAY,GACjE,EAAE,kBAAAc,GAAkB,iBAAAC,EAAgB,IAAIH,EAAK,0BAE7CI,IACJD,GAAiB,UACjBA,EAAgB,UAAU,CAAQE,MAAAA,EAAK,YAAY,CAACA,EAAK,SAAS,IAAI,IAElEC,IACJJ,MAAqBK,EAAyB,wBAC7C,CAACH,KACAF,MAAqBK,EAAyB;AAGhD,SAAA,gBAAAtB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAmB,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAC,gBAAAxB,EAAAwB,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACnD,UACCnB,IAAAgB,IAEI,gBAAAE,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAzB,EAACS,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAA,EAAE,0BAA0B,EAAE,MAAM,GAAGI,CAAS,IAAIC,CAAQ,GAAI,CAAA,GACnE;AAAA,MACA,gBAAAd,EAACS,EAAW,MAAX,EAAgB,WAAWiB,EAAO,aAChC,UAAE,EAAA,2BAA2B,EAChC,CAAA;AAAA,IACF,EAAA,CAAA,sBAECF,GAAK,EAAA,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA;AAAA,MAAA,gBAAAxB,EAACS,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,6BAA6B,GAAE;AAAA,wBAC7DA,EAAW,MAAX,EAAiB,UAAA,EAAE,gCAAgC,GAAE;AAAA,wBACrD,MAAG,EAAA,WAAWiB,EAAO,MACnB,aACG,KAAK,CAACC,GAAGC,MAAOD,EAAE,YAAY,KAAK,CAAE,EACtC,IAAI,CAAQP,MAER,gBAAAG,EAAA,MAAA,EAAiB,WAAWG,EAAO,UACjC,UAAA;AAAA,QAAKN,EAAA,YACH,gBAAApB,EAAA6B,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI,WAAWH,EAAO,aAAA,CAAc,IAErE,gBAAA1B;AAAA,UAAC8B;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAWC,EAAWL,EAAO,cAAcA,EAAO,UAAU;AAAA,UAAA;AAAA,QAC9D;AAAA,QAED,gBAAA1B,EAAAS,EAAW,SAAX,EAAmB,IAAG,MAEpB,UAAE,EAAA,SAASW,EAAK,EAAE,IAAIA,EAAK,KAAK,EACnC,CAAA;AAAA,MAAA,EAAA,GAbOA,EAAK,EAcd,CAEH,EACL,CAAA;AAAA,IAAA,EAAA,CACF,IAIA,gBAAAG,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAzB,EAAAS,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAE,EAAA,uBAAuB,EAC5B,CAAA;AAAA,MACA,gBAAAT,EAACS,EAAW,MAAX,EAAgB,WAAWiB,EAAO,aAChC,UAAE,EAAA,0BAA0B,GAC/B;AAAA,MACC,gBAAA1B,EAAAgC,GAAA,EAAc,gBAAgBX,IAAwB,WAAW,SAChE,UAAA,gBAAArB;AAAA,QAACS,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAH,EAAQ2B,EAAgB,wBAAwB;AAAA,UAClD;AAAA,UAEC,YAAE,SAAS;AAAA,QAAA;AAAA,MAAA,EAEhB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IAEC5B,KACC,gBAAAL,EAACgC,GAAc,EAAA,gBAAgB,UAC7B,UAAA,gBAAAhC;AAAA,MAACS,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAH,EAAQ2B,EAAgB,cAAc;AAAA,QACxC;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EAEhB,CAAA;AAAA,EAAA,EAAA,CAEJ,EACF,CAAA;AAEJ,GAEaC,KAA8B,MAAM;AAC/C,QAAM,EAAE,YAAA/B,GAAY,SAAAG,GAAS,SAAAD,EAAA,IAAY8B,EAAoC,GACvE,EAAE,GAAAC,EAAA,IAAM5B,EAAe,QAAQ;AAErC,MAAI,CAACL;AACH,UAAM,IAAI;AAAA,MACRiC,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU;AAAA,MACX,CAAA;AAAA,IACH;AAEF,SAAQ,gBAAApC,EAAAJ,GAAA,EAAkB,YAAAO,GAAwB,SAAAG,GAAkB,SAAAD,EAAkB,CAAA;AACxF;"}
+{"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Employee/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/employeesGetOnboardingStatus'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport styles from './OnboardingSummary.module.scss'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport SuccessCheck from '@/assets/icons/success_check.svg?react'\nimport UncheckedCircular from '@/assets/icons/unchecked_circular.svg?react'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.OnboardingSummary'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function OnboardingSummary(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.OnboardingSummary')\n  useComponentDictionary('Employee.OnboardingSummary', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, isAdmin = false }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const { t } = useTranslation('Employee.OnboardingSummary')\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const { firstName, lastName } = employee!\n\n  const { data } = useEmployeesGetOnboardingStatusSuspense({ employeeId })\n  const { onboardingStatus, onboardingSteps } = data.employeeOnboardingStatus!\n\n  const hasMissingRequirements =\n    onboardingSteps?.length &&\n    onboardingSteps.findIndex(step => step.required && !step.completed) > -1\n\n  const isOnboardingCompleted =\n    onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    (!hasMissingRequirements &&\n      onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n\n  const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(firstName), [firstName])\n  const sanitizedLastName = useMemo(() => DOMPurify.sanitize(lastName), [lastName])\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          {isAdmin ? (\n            isOnboardingCompleted ? (\n              <>\n                <Components.Heading as=\"h2\" textAlign=\"center\">\n                  {t('onboardedAdminSubtitle', {\n                    name: `${sanitizedFirstName} ${sanitizedLastName}`,\n                    interpolation: { escapeValue: false },\n                  })}\n                </Components.Heading>\n                <Components.Text className={styles.description}>\n                  {t('onboardedAdminDescription')}\n                </Components.Text>\n              </>\n            ) : (\n              <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n                <Components.Heading as=\"h2\">{t('missingRequirementsSubtitle')}</Components.Heading>\n                <Components.Text>{t('missingRequirementsDescription')}</Components.Text>\n                <ul className={styles.list}>\n                  {onboardingSteps\n                    ?.sort((a, b) => (a.completed ? -1 : 1))\n                    .map(step => {\n                      return (\n                        <li key={step.id} className={styles.listItem}>\n                          {step.completed ? (\n                            <SuccessCheck width={24} height={24} className={styles.listItemIcon} />\n                          ) : (\n                            <UncheckedCircular\n                              width={24}\n                              height={24}\n                              className={classNames(styles.listItemIcon, styles.incomplete)}\n                            />\n                          )}\n                          <Components.Heading as=\"h4\">\n                            {/* @ts-expect-error: id has typeof keyof steps */}\n                            {t(`steps.${step.id}`, step.title)}\n                          </Components.Heading>\n                        </li>\n                      )\n                    })}\n                </ul>\n              </Flex>\n            )\n          ) : (\n            <>\n              <Components.Heading as=\"h2\" textAlign=\"center\">\n                {t('onboardedSelfSubtitle')}\n              </Components.Heading>\n              <Components.Text className={styles.description}>\n                {t('onboardedSelfDescription')}\n              </Components.Text>\n              <ActionsLayout justifyContent={isOnboardingCompleted ? 'center' : 'start'}>\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={() => {\n                    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n                  }}\n                >\n                  {t('doneCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </>\n          )}\n        </Flex>\n\n        {isAdmin && (\n          <ActionsLayout justifyContent={'center'}>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEES_LIST)\n              }}\n            >\n              {t('doneCta')}\n            </Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n    </section>\n  )\n}\n\nexport const OnboardingSummaryContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Summary',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <OnboardingSummary employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["OnboardingSummary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","isAdmin","onEvent","useBase","useTranslation","Components","useComponentContext","employee","useEmployeesGetSuspense","firstName","lastName","data","useEmployeesGetOnboardingStatusSuspense","onboardingStatus","onboardingSteps","hasMissingRequirements","step","isOnboardingCompleted","EmployeeOnboardingStatus","sanitizedFirstName","useMemo","DOMPurify","sanitizedLastName","jsxs","Flex","Fragment","styles","a","b","SuccessCheck","UncheckedCircular","classNames","ActionsLayout","componentEvents","OnboardingSummaryContextual","useFlow","t"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/BankAccountEdit.js

@@ -2,7 +2,7 @@ import { jsxs as i, Fragment as u, jsx as r } from "react/jsx-runtime";
 import { useFormContext as m } from "react-hook-form";
 import { useTranslation as c } from "react-i18next";
 import { usePaymentMethod as s } from "./usePaymentMethod.js";
-import { PAYMENT_METHODS as l } from "./Constants.js";
+import { PAYMENT_METHODS as l } from "../../../shared/constants.js";
 import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const h = () => {

package/dist/components/Employee/PaymentMethod/BankAccountEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountEdit.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccountEdit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { BankAccountInputs } from './BankAccount'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { PAYMENT_METHODS } from './Constants'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport const BankAccountForm = () => {\n  const { mode, watchedType } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const { setValue } = useFormContext<BankAccountInputs>()\n\n  if ((mode !== 'ADD' && mode !== 'INITIAL') || watchedType === PAYMENT_METHODS.check) {\n    return\n  }\n  //Used by form schema to determine variant\n  setValue('hasBankPayload', true)\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","mode","watchedType","usePaymentMethod","t","useTranslation","setValue","useFormContext","PAYMENT_METHODS","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;AAOO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,MAAAC,GAAM,aAAAC,EAAY,IAAIC,EAAiB,GACzC,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,UAAAC,EAAS,IAAIC,EAAkC;AAEvD,MAAK,EAAAN,MAAS,SAASA,MAAS,aAAcC,MAAgBM,EAAgB;AAI9E,WAAAF,EAAS,kBAAkB,EAAI,GAI3B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOR,EAAE,WAAW;AAAA,UACpB,cAAcA,EAAE,yBAAyB;AAAA,QAAA;AAAA,MAC3C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,YAAU;AAAA,UACV,aAAaA,EAAE,0BAA0B;AAAA,UACzC,cAAcA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MAC7C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,cAAcA,EAAE,2BAA2B;AAAA,UAC3C,YAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAEA,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOT,EAAE,kBAAkB;AAAA,UAC3B,SAAS;AAAA,YACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAE;AAAA,YACrD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAE;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountEdit.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccountEdit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { BankAccountInputs } from './BankAccount'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const BankAccountForm = () => {\n  const { mode, watchedType } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const { setValue } = useFormContext<BankAccountInputs>()\n\n  if ((mode !== 'ADD' && mode !== 'INITIAL') || watchedType === PAYMENT_METHODS.check) {\n    return\n  }\n  //Used by form schema to determine variant\n  setValue('hasBankPayload', true)\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","mode","watchedType","usePaymentMethod","t","useTranslation","setValue","useFormContext","PAYMENT_METHODS","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;AAOO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,MAAAC,GAAM,aAAAC,EAAY,IAAIC,EAAiB,GACzC,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,UAAAC,EAAS,IAAIC,EAAkC;AAEvD,MAAK,EAAAN,MAAS,SAASA,MAAS,aAAcC,MAAgBM,EAAgB;AAI9E,WAAAF,EAAS,kBAAkB,EAAI,GAI3B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOR,EAAE,WAAW;AAAA,UACpB,cAAcA,EAAE,yBAAyB;AAAA,QAAA;AAAA,MAC3C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,YAAU;AAAA,UACV,aAAaA,EAAE,0BAA0B;AAAA,UACzC,cAAcA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MAC7C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,cAAcA,EAAE,2BAA2B;AAAA,UAC3C,YAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAEA,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOT,EAAE,kBAAkB;AAAA,UAC3B,SAAS;AAAA,YACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAE;AAAA,YACrD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAE;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IACF,GACF;AAEJ;"}

package/dist/components/Employee/PaymentMethod/PaymentMethod.js

@@ -11,7 +11,6 @@ import { useCallback as X, useState as Z, useMemo as k, useEffect as S } from "r
 import { useForm as $, FormProvider as tt } from "react-hook-form";
 import { useTranslation as et } from "react-i18next";
 import { CombinedSchema as ot, PaymentMethodProvider as nt } from "./usePaymentMethod.js";
-import { SPLIT_BY as b, PAYMENT_METHODS as N } from "./Constants.js";
 import { BaseComponent as it } from "../../Base/Base.js";
 import { useBase as st } from "../../Base/useBase.js";
 import { Form as rt } from "../../Common/Form/Form.js";
@@ -22,7 +21,7 @@ import { Head as ut } from "./Head.js";
 import { PaymentTypeForm as pt } from "./PaymentTypeForm.js";
 import { Split as lt } from "./Split.js";
 import { useI18n as dt, useComponentDictionary as yt } from "../../../i18n/I18n.js";
-import { componentEvents as A } from "../../../shared/constants.js";
+import { SPLIT_BY as b, componentEvents as A, PAYMENT_METHODS as N } from "../../../shared/constants.js";
 import { useFlow as ht } from "../../Flow/useFlow.js";
 function At(o) {
   return /* @__PURE__ */ n(it, { ...o, children: /* @__PURE__ */ n(ft, { ...o, children: o.children }) });
@@ -155,7 +154,7 @@ const ft = ({ employeeId: o, className: f, dictionary: E }) => {
       ] }) })
     }
   ) });
-}, Vt = () => {
+}, Gt = () => {
   const { employeeId: o, onEvent: f } = ht(), { t: E } = et("common");
   if (!o)
     throw new Error(
@@ -169,6 +168,6 @@ const ft = ({ employeeId: o, className: f, dictionary: E }) => {
 };
 export {
   At as PaymentMethod,
-  Vt as PaymentMethodContextual
+  Gt as PaymentMethodContextual
 };
 //# sourceMappingURL=PaymentMethod.js.map