@gusto/embedded-react-sdk 0.16.0 → 0.17.0

package/dist/components/Contractor/Address/Address.js

@@ -11,11 +11,11 @@ import { Actions as B } from "./Actions.js";
 import { Form as N } from "../../Common/Form/Form.js";
 import { useComponentDictionary as j, useI18n as q } from "../../../i18n/I18n.js";
 import { Flex as w } from "../../Common/Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import { contractorEvents as d } from "../../../shared/constants.js";
+import "react-i18next";
 import { BaseComponent as G } from "../../Base/Base.js";
 import { useBase as H } from "../../Base/useBase.js";
-import { contractorEvents as d } from "../../../shared/constants.js";
 function it(r) {
   return /* @__PURE__ */ t(G, { ...r, children: /* @__PURE__ */ t(M, { ...r, children: r.children }) });
 }

package/dist/components/Contractor/ContractorList/index.js

@@ -4,17 +4,17 @@ import { useContractorsDeleteMutation as w } from "@gusto/embedded-api/react-que
 import { useContractors as H } from "./useContractorList.js";
 import { Flex as p } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { EmptyData as k } from "../../Common/EmptyData/EmptyData.js";
+import { CONTRACTOR_TYPE as k, componentEvents as m } from "../../../shared/constants.js";
+import { EmptyData as U } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as f } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { firstLastName as U } from "../../../helpers/formattedStrings.js";
-import { HamburgerMenu as j } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import M from "../../../assets/icons/pencil.svg.js";
+import { firstLastName as j } from "../../../helpers/formattedStrings.js";
+import { HamburgerMenu as M } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import V from "../../../assets/icons/pencil.svg.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as V } from "../../Common/OnboardingStatusBadge/index.js";
-import { useI18n as F } from "../../../i18n/I18n.js";
-import { BaseComponent as q } from "../../Base/Base.js";
-import { useBase as G } from "../../Base/useBase.js";
-import { CONTRACTOR_TYPE as Y, componentEvents as m } from "../../../shared/constants.js";
+import { ContractorOnboardingStatusBadge as F } from "../../Common/OnboardingStatusBadge/index.js";
+import { useI18n as q } from "../../../i18n/I18n.js";
+import { BaseComponent as G } from "../../Base/Base.js";
+import { useBase as Y } from "../../Base/useBase.js";
 import z from "../../../assets/icons/trashcan.svg.js";
 import { useDataView as J } from "../../Common/DataView/useDataView.js";
 import { DataView as K } from "../../Common/DataView/DataView.js";
@@ -27,14 +27,14 @@ function Q({ count: o, handleAdd: i }) {
 }
 function W({ handleAdd: o }) {
   const { Button: i } = u(), { t: r } = d("Contractor.ContractorList");
-  return /* @__PURE__ */ t(k, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(f, { justifyContent: "center", children: /* @__PURE__ */ t(i, { onClick: o, children: r("addContractorCTA") }) }) });
+  return /* @__PURE__ */ t(U, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(f, { justifyContent: "center", children: /* @__PURE__ */ t(i, { onClick: o, children: r("addContractorCTA") }) }) });
 }
 function gt(o) {
-  return /* @__PURE__ */ t(q, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t(G, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
 }
 function X({ companyId: o, className: i, dictionary: r, successMessage: a }) {
-  F("Contractor.ContractorList");
-  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: h } = G(), { Alert: T, Button: g } = u(), {
+  q("Contractor.ContractorList");
+  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: h } = Y(), { Alert: T, Button: g } = u(), {
     contractors: A,
     totalCount: P,
     handleNextPage: L,
@@ -49,12 +49,12 @@ function X({ companyId: o, className: i, dictionary: r, successMessage: a }) {
     columns: [
       {
         title: n("listHeaders.name"),
-        render: (e) => e.type === Y.BUSINESS ? e.businessName : U({ first_name: e.firstName, last_name: e.lastName })
+        render: (e) => e.type === k.BUSINESS ? e.businessName : j({ first_name: e.firstName, last_name: e.lastName })
       },
       {
         title: n("listHeaders.status"),
         render: ({ onboarded: e, onboardingStatus: c }) => /* @__PURE__ */ t(
-          V,
+          F,
           {
             onboarded: e,
             onboardingStatus: c
@@ -64,12 +64,12 @@ function X({ companyId: o, className: i, dictionary: r, successMessage: a }) {
     ],
     data: A,
     itemMenu: (e) => /* @__PURE__ */ t(
-      j,
+      M,
       {
         items: [
           {
             label: n("editCTA"),
-            icon: /* @__PURE__ */ t(M, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ t(V, { "aria-hidden": !0 }),
             onClick: () => {
               _(e.uuid);
             }

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js

@@ -1,11 +1,12 @@
-import { jsxs as n, Fragment as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
 import { useTranslation as t } from "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function p({ bankAccount: u }) {
+function d({ bankAccount: u }) {
   const { t: e } = t("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
-  return /* @__PURE__ */ n(o, { children: [
+  return /* @__PURE__ */ o(n, { children: [
     /* @__PURE__ */ r(
       a,
       {
@@ -49,6 +50,6 @@ function p({ bankAccount: u }) {
   ] });
 }
 export {
-  p as BankAccountForm
+  d as BankAccountForm
 };
 //# sourceMappingURL=BankAccountForm.js.map

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\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        isRequired\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","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\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        isRequired\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","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Contractor/Submit/Submit.js

@@ -6,11 +6,11 @@ import { useContractorsGetSuspense as A } from "@gusto/embedded-api/react-query/
 import { SubmitDone as E } from "./SubmitDone.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
 import "classnames";
+import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { BaseComponent as B } from "../../Base/Base.js";
 import { useBase as v } from "../../Base/useBase.js";
-import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { firstLastName as x } from "../../../helpers/formattedStrings.js";
 function Q(e) {
   return /* @__PURE__ */ t(B, { ...e, children: /* @__PURE__ */ t(U, { ...e, children: e.children }) });

package/dist/components/Employee/Compensation/Actions.js

@@ -3,8 +3,8 @@ import { useFormContext as l, useWatch as d } from "react-hook-form";
 import { useTranslation as T } from "react-i18next";
 import { useCompensation as O } from "./useCompensation.js";
 import "classnames";
-import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { FlsaStatus as a } from "../../../shared/constants.js";
+import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 const h = () => {
   const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: m, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: I } = l(), c = d({ control: I, name: "flsaStatus" }), e = C();

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

@@ -4,57 +4,58 @@ import { useCompensation as d } from "./useCompensation.js";
 import C from "../../../assets/icons/pencil.svg.js";
 import c from "../../../assets/icons/trashcan.svg.js";
 import "classnames";
+import "../../../shared/constants.js";
 import { HamburgerMenu as f } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as y } from "../../Common/DataView/useDataView.js";
 import { DataView as g } from "../../Common/DataView/DataView.js";
-const P = () => {
-  const { employeeJobs: i, mode: o, isPending: r, handleEdit: l, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
+const U = () => {
+  const { employeeJobs: i, mode: o, isPending: r, handleEdit: l, handleDelete: s } = d(), { t: e } = p("Employee.Compensation"), { ...m } = y({
     data: i,
     columns: [
       {
         key: "title",
-        title: t("allCompensations.jobColumn"),
-        render: (e) => e.title || ""
+        title: e("allCompensations.jobColumn"),
+        render: (t) => t.title || ""
       },
       {
         key: "flsaStatus",
-        title: t("allCompensations.typeColumn"),
-        render: (e) => {
-          const n = e.compensations?.find(
-            (u) => u.uuid === e.currentCompensationUuid
+        title: e("allCompensations.typeColumn"),
+        render: (t) => {
+          const n = t.compensations?.find(
+            (u) => u.uuid === t.currentCompensationUuid
           )?.flsaStatus;
-          return n !== void 0 ? t(`flsaStatusLabels.${n}`) : null;
+          return n !== void 0 ? e(`flsaStatusLabels.${n}`) : null;
         }
       },
       {
         key: "rate",
-        title: t("allCompensations.amountColumn"),
-        render: (e) => e.rate?.toString() || ""
+        title: e("allCompensations.amountColumn"),
+        render: (t) => t.rate?.toString() || ""
       },
       {
         key: "paymentUnit",
-        title: t("allCompensations.perColumn"),
-        render: (e) => e.paymentUnit || ""
+        title: e("allCompensations.perColumn"),
+        render: (t) => t.paymentUnit || ""
       }
     ],
-    itemMenu: (e) => /* @__PURE__ */ a(
+    itemMenu: (t) => /* @__PURE__ */ a(
       f,
       {
-        triggerLabel: t("hamburgerTitle"),
+        triggerLabel: e("hamburgerTitle"),
         items: [
           {
-            label: t("allCompensations.editCta"),
+            label: e("allCompensations.editCta"),
             icon: /* @__PURE__ */ a(C, { "aria-hidden": !0 }),
             onClick: () => {
-              l(e.uuid);
+              l(t.uuid);
             }
           },
-          ...e.primary ? [] : [
+          ...t.primary ? [] : [
             {
-              label: t("allCompensations.deleteCta"),
+              label: e("allCompensations.deleteCta"),
               icon: /* @__PURE__ */ a(c, { "aria-hidden": !0 }),
               onClick: () => {
-                s(e.uuid);
+                s(t.uuid);
               }
             }
           ]
@@ -64,9 +65,9 @@ const P = () => {
     )
   });
   if (o === "LIST")
-    return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: t("allCompensations.tableLabel"), ...m });
+    return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: e("allCompensations.tableLabel"), ...m });
 };
 export {
-  P as List
+  U as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAW,EAACI,KAAS,eAAY,aAAY,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAElG;"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","t","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMT;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOM,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACI,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAOJ,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACI,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAYL,EAAE,oBAAoBK,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOL,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACI,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOJ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACI,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcR,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAO,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAZ,EAAWO,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOJ,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAO,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAZ,EAAaM,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWR;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAY,EAACI,KAAS,eAAY,aAAY,OAAOX,EAAE,6BAA6B,GAAI,GAAGE,GAAe;AAElG;"}

package/dist/components/Employee/Deductions/DeductionsForm/ChildSupportForm.js

@@ -12,6 +12,7 @@ import { useComponentContext as z } from "../../../../contexts/ComponentAdapter/
 import { Form as X } from "../../../Common/Form/Form.js";
 import { Flex as $ } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import { componentEvents as C } from "../../../../shared/constants.js";
 import { ActionsLayout as J } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import "react-error-boundary";
 import "@gusto/embedded-api/models/errors/apierror";
@@ -19,7 +20,6 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import { useBase as Q } from "../../../Base/useBase.js";
-import { componentEvents as C } from "../../../../shared/constants.js";
 import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import { SelectField as d } from "../../../Common/Fields/SelectField/SelectField.js";

package/dist/components/Employee/Deductions/DeductionsForm/CustomDeductionForm.js

@@ -10,6 +10,7 @@ import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/
 import { Form as B } from "../../../Common/Form/Form.js";
 import { Flex as w } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import { componentEvents as l } from "../../../../shared/constants.js";
 import { ActionsLayout as j } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import "react-error-boundary";
 import "@gusto/embedded-api/models/errors/apierror";
@@ -17,7 +18,6 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import { useBase as G } from "../../../Base/useBase.js";
-import { componentEvents as l } from "../../../../shared/constants.js";
 import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import { TextInputField as Y } from "../../../Common/Fields/TextInputField/TextInputField.js";

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

@@ -12,9 +12,9 @@ import { useBase as H } from "../../../Base/useBase.js";
 import { Form as V } from "../../../Common/Form/Form.js";
 import { Flex as W } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import { componentEvents as p } from "../../../../shared/constants.js";
 import { ActionsLayout as J } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentDictionary as K, useI18n as Q } from "../../../../i18n/I18n.js";
-import { componentEvents as p } from "../../../../shared/constants.js";
 import { useComponentContext as X } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { TextInputField as Z } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as x } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";

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

@@ -6,12 +6,12 @@ import { BaseComponent as _ } from "../../../Base/Base.js";
 import { useBase as k } from "../../../Base/useBase.js";
 import { Flex as w } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import { componentEvents as a } from "../../../../shared/constants.js";
 import { ActionsLayout as I } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import u from "../../../Common/hooks/useNumberFormatter.js";
 import M from "../../../../assets/icons/pencil.svg.js";
 import U from "../../../../assets/icons/trashcan.svg.js";
 import { useComponentDictionary as B, useI18n as S } from "../../../../i18n/I18n.js";
-import { componentEvents as a } from "../../../../shared/constants.js";
 import { useComponentContext as Y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { HamburgerMenu as q } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as F } from "../../../Common/DataView/useDataView.js";

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

@@ -7,9 +7,9 @@ import { BaseComponent as C } from "../../../Base/Base.js";
 import { useBase as b } from "../../../Base/useBase.js";
 import { Form as N } from "../../../Common/Form/Form.js";
 import "classnames";
+import { componentEvents as s } from "../../../../shared/constants.js";
 import { ActionsLayout as v } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentDictionary as F, useI18n as I } from "../../../../i18n/I18n.js";
-import { componentEvents as s } from "../../../../shared/constants.js";
 import { useComponentContext as Y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { RadioGroupField as y } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const L = m.object({ includeDeductions: m.enum(["Yes", "No"]) });

package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js

@@ -1,14 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
-import { useDocumentList as s } from "./useDocumentList.js";
+import { useDocumentList as m } from "./useDocumentList.js";
 import "classnames";
-import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import "../../../../shared/constants.js";
+import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function C() {
-  const { t: n } = r("Employee.DocumentSigner"), { handleContinue: t, hasSignedAllForms: i } = s(), e = c();
-  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(e.Button, { onClick: t, isLoading: !1, isDisabled: !i, children: n("continueCta") }) });
+function h() {
+  const { t } = r("Employee.DocumentSigner"), { handleContinue: n, hasSignedAllForms: i } = m(), e = c();
+  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(e.Button, { onClick: n, isLoading: !1, isDisabled: !i, children: t("continueCta") }) });
 }
 export {
-  C as Actions
+  h as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { handleContinue, hasSignedAllForms } = useDocumentList()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleContinue} isLoading={false} isDisabled={!hasSignedAllForms}>\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBC,EAAA,GACxCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAASH,GAAgB,WAAW,IAAO,YAAY,CAACC,GACxE,UAAAH,EAAE,aAAa,GAClB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { handleContinue, hasSignedAllForms } = useDocumentList()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleContinue} isLoading={false} isDisabled={!hasSignedAllForms}>\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBC,EAAA,GACxCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAASH,GAAgB,WAAW,IAAO,YAAY,CAACC,GACxE,UAAA,EAAE,aAAa,GAClB,GACF;AAEJ;"}

package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.js

@@ -9,8 +9,8 @@ import { useBase as L } from "../../../Base/useBase.js";
 import { useI18n as S } from "../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../shared/constants.js";
 import { Flex as g } from "../../../Common/Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import "react-i18next";
 function N(e) {
   return /* @__PURE__ */ o(F, { ...e, children: /* @__PURE__ */ o(O, { ...e }) });
 }

package/dist/components/Employee/DocumentSigner/DocumentList/List.js

@@ -3,8 +3,9 @@ import { useTranslation as m } from "react-i18next";
 import { useDocumentList as s } from "./useDocumentList.js";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { DocumentList as u } from "../../../Common/DocumentList/DocumentList.js";
-function b() {
+function f() {
   const { employeeForms: i, handleRequestFormToSign: n, documentListError: r } = s(), { t: e } = m("Employee.DocumentSigner");
   return /* @__PURE__ */ o("section", { style: { width: "100%" }, children: /* @__PURE__ */ o(l, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(
     u,
@@ -33,6 +34,6 @@ function b() {
   ) }) });
 }
 export {
-  b as List
+  f as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section style={{ width: '100%' }}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <SharedDocumentList\n          forms={employeeForms.map(form => ({\n            uuid: form.uuid,\n            title: form.title,\n            description: form.description,\n            requires_signing: form.requiresSigning,\n          }))}\n          onRequestSign={handleRequestFormToSign}\n          withError={!!documentListError}\n          label={t('documentListLabel')}\n          columnLabels={{\n            form: t('formColumnLabel'),\n            action: t('actionColumnLabel'),\n          }}\n          statusLabels={{\n            signCta: t('signDocumentCta'),\n            notSigned: t('notSigned'),\n            complete: t('signDocumentComplete'),\n          }}\n          emptyStateLabel={t('emptyTableTitle')}\n          errorLabel={t('documentListError')}\n        />\n      </Flex>\n    </section>\n  )\n}\n"],"names":["List","employeeForms","handleRequestFormToSign","documentListError","useDocumentList","t","useTranslation","jsx","Flex","SharedDocumentList","form"],"mappings":";;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,mBAAAC,EAAA,IAAsBC,EAAA,GAChE,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACE,gBAAAC,EAAC,WAAA,EAAQ,OAAO,EAAE,OAAO,UACvB,UAAA,gBAAAA,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAOR,EAAc,IAAI,CAAAS,OAAS;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeR;AAAA,MACf,WAAW,CAAC,CAACC;AAAA,MACb,OAAOE,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAMA,EAAE,iBAAiB;AAAA,QACzB,QAAQA,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAASA,EAAE,iBAAiB;AAAA,QAC5B,WAAWA,EAAE,WAAW;AAAA,QACxB,UAAUA,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiBA,EAAE,iBAAiB;AAAA,MACpC,YAAYA,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA,GAErC,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section style={{ width: '100%' }}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <SharedDocumentList\n          forms={employeeForms.map(form => ({\n            uuid: form.uuid,\n            title: form.title,\n            description: form.description,\n            requires_signing: form.requiresSigning,\n          }))}\n          onRequestSign={handleRequestFormToSign}\n          withError={!!documentListError}\n          label={t('documentListLabel')}\n          columnLabels={{\n            form: t('formColumnLabel'),\n            action: t('actionColumnLabel'),\n          }}\n          statusLabels={{\n            signCta: t('signDocumentCta'),\n            notSigned: t('notSigned'),\n            complete: t('signDocumentComplete'),\n          }}\n          emptyStateLabel={t('emptyTableTitle')}\n          errorLabel={t('documentListError')}\n        />\n      </Flex>\n    </section>\n  )\n}\n"],"names":["List","employeeForms","handleRequestFormToSign","documentListError","useDocumentList","t","useTranslation","jsx","Flex","SharedDocumentList","form"],"mappings":";;;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,mBAAAC,EAAA,IAAsBC,EAAA,GAChE,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACE,gBAAAC,EAAC,WAAA,EAAQ,OAAO,EAAE,OAAO,UACvB,UAAA,gBAAAA,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAOR,EAAc,IAAI,CAAAS,OAAS;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeR;AAAA,MACf,WAAW,CAAC,CAACC;AAAA,MACb,OAAOE,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAMA,EAAE,iBAAiB;AAAA,QACzB,QAAQA,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAASA,EAAE,iBAAiB;AAAA,QAC5B,WAAWA,EAAE,WAAW;AAAA,QACxB,UAAUA,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiBA,EAAE,iBAAiB;AAAA,MACpC,YAAYA,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA,GAErC,EAAA,CACF;AAEJ;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js

@@ -12,8 +12,8 @@ import { useBase as C } from "../../../Base/useBase.js";
 import { useI18n as G } from "../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../shared/constants.js";
 import { Flex as M } from "../../../Common/Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import "react-i18next";
 import { SignatureForm as R } from "../../../Common/SignatureForm/SignatureForm.js";
 function X(r) {
   return /* @__PURE__ */ o(A, { ...r, children: /* @__PURE__ */ o(j, { ...r }) });

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

@@ -2,13 +2,14 @@ import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useEmployeeList as m } from "./useEmployeeList.js";
 import "classnames";
+import "../../../shared/constants.js";
 import { ActionsLayout as s } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function C() {
+function d() {
   const { t } = r("Employee.EmployeeList"), { handleSkip: n, employees: e } = m(), i = p();
   return e.length === 0 ? null : /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i.Button, { onClick: n, isLoading: !1, children: t("continueCta") }) });
 }
 export {
-  C as Actions
+  d as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/EmployeeList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeList } from './useEmployeeList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const { handleSkip, employees } = useEmployeeList()\n  const Components = useComponentContext()\n\n  if (employees.length === 0) {\n    return null\n  }\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleSkip} isLoading={false}>\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleSkip","employees","useEmployeeList","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAA,GAC5BC,IAAaC,EAAA;AAEnB,SAAIH,EAAU,WAAW,IAChB,OAIP,gBAAAI,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,SAASH,GAAY,WAAW,IAChD,UAAA,EAAE,aAAa,GAClB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/EmployeeList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeList } from './useEmployeeList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const { handleSkip, employees } = useEmployeeList()\n  const Components = useComponentContext()\n\n  if (employees.length === 0) {\n    return null\n  }\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleSkip} isLoading={false}>\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleSkip","employees","useEmployeeList","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAA,GAC5BC,IAAaC,EAAA;AAEnB,SAAIH,EAAU,WAAW,IAChB,OAIP,gBAAAI,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,SAASH,GAAY,WAAW,IAChD,UAAA,EAAE,aAAa,GAClB,GACF;AAEJ;"}

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

@@ -9,9 +9,10 @@ import { Actions as k } from "./Actions.js";
 import { BaseComponent as q } from "../../Base/Base.js";
 import { useBase as j } from "../../Base/useBase.js";
 import { Flex as H } from "../../Common/Flex/Flex.js";
+import "classnames";
+import { componentEvents as s, EmployeeOnboardingStatus as E } from "../../../shared/constants.js";
 import { Loading as V } from "../../Common/Loading/Loading.js";
 import { useI18n as z, useComponentDictionary as J } from "../../../i18n/I18n.js";
-import { componentEvents as s, EmployeeOnboardingStatus as E } from "../../../shared/constants.js";
 import { Head as K } from "./Head.js";
 import { List as Q } from "./List.js";
 import { useFlow as X } from "../../Flow/useFlow.js";
@@ -106,12 +107,12 @@ function $({ companyId: n, className: m, children: l, dictionary: P }) {
     }
   ) });
 }
-const Oe = () => {
+const De = () => {
   const { companyId: n, onEvent: m } = X();
   return /* @__PURE__ */ o(Z, { companyId: n, onEvent: m });
 };
 export {
   Z as EmployeeList,
-  Oe as EmployeeListContextual
+  De as EmployeeListContextual
 };
 //# sourceMappingURL=EmployeeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { EmployeeListProvider } from './useEmployeeList'\nimport { Actions } from './Actions'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex, Loading } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport { Head } from '@/components/Employee/EmployeeList/Head'\nimport { List } from '@/components/Employee/EmployeeList/List'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n//Interface for component specific props\ninterface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {\n  companyId: string\n}\n\nexport function EmployeeList(props: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, dictionary }: EmployeeListProps) {\n  //Using i18n hook to directly load necessary namespace\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n  //Getting props from base context\n  const { onEvent, baseSubmitHandler } = useBase()\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState<PaginationItemsPerPage>(5)\n\n  const { data, fetchStatus, isFetching } = useEmployeesList(\n    {\n      companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const { mutateAsync: deleteEmployeeMutation } = useEmployeesDeleteMutation()\n  const { mutateAsync: updateEmployeeOnboardingStatusMutation } =\n    useEmployeesUpdateOnboardingStatusMutation()\n\n  if (fetchStatus === 'fetching' && !data) {\n    return <Loading />\n  }\n  const { httpMeta, showEmployees: employeeList } = data!\n  const employees = employeeList!\n\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  const handleItemsPerPageChange = (newCount: PaginationItemsPerPage) => {\n    setItemsPerPage(newCount)\n  }\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteEmployeeMutation({\n        request: { employeeId: payload },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: payload })\n    })\n  }\n  /**Set onboarding status to self_onboarding_awaiting_admin_review and proceed to edit */\n  const handleReview = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n      onEvent(componentEvents.EMPLOYEE_UPDATE, {\n        employeeId,\n        onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n    })\n  }\n  /**Update employee onboarding status reverting it back to admin_onboarding_incomplete */\n  const handleCancelSelfOnboarding = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n      })\n    })\n  }\n  const updateOnboardingStatus = async (data: { employeeId: string; status: OnboardingStatus }) => {\n    await baseSubmitHandler(data, async ({ employeeId, status }) => {\n      const { employeeOnboardingStatus: responseData } =\n        await updateEmployeeOnboardingStatusMutation({\n          request: { employeeId, requestBody: { onboardingStatus: status } },\n        })\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, responseData)\n    })\n  }\n  const handleNew = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  const handleEdit = (uuid: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId: uuid, onboardingStatus })\n  }\n  return (\n    <section className={className}>\n      <EmployeeListProvider\n        value={{\n          handleEdit,\n          handleNew,\n          handleReview,\n          handleDelete,\n          employees,\n          currentPage,\n          totalPages,\n          handleFirstPage,\n          handlePreviousPage,\n          handleNextPage,\n          handleLastPage,\n          handleCancelSelfOnboarding,\n          handleItemsPerPageChange,\n          handleSkip,\n          itemsPerPage,\n          isFetching,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </EmployeeListProvider>\n    </section>\n  )\n}\n\n/**\n * Wrapper used inside Flows -> exposes flow context for required parameters\n */\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["EmployeeList","props","jsx","BaseComponent","Root","companyId","className","children","dictionary","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","data","fetchStatus","isFetching","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateEmployeeOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","Loading","httpMeta","employeeList","employees","totalPages","handleItemsPerPageChange","newCount","handleFirstPage","handlePreviousPage","prevPage","handleNextPage","handleLastPage","handleDelete","uuid","payload","componentEvents","handleReview","employeeId","updateOnboardingStatus","EmployeeOnboardingStatus","handleCancelSelfOnboarding","status","responseData","EmployeeListProvider","onboardingStatus","jsxs","Flex","Head","List","Actions","EmployeeListContextual","useFlow"],"mappings":"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"}
+{"version":3,"file":"EmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { EmployeeListProvider } from './useEmployeeList'\nimport { Actions } from './Actions'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex, Loading } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport { Head } from '@/components/Employee/EmployeeList/Head'\nimport { List } from '@/components/Employee/EmployeeList/List'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n//Interface for component specific props\ninterface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {\n  companyId: string\n}\n\nexport function EmployeeList(props: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, dictionary }: EmployeeListProps) {\n  //Using i18n hook to directly load necessary namespace\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n  //Getting props from base context\n  const { onEvent, baseSubmitHandler } = useBase()\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState<PaginationItemsPerPage>(5)\n\n  const { data, fetchStatus, isFetching } = useEmployeesList(\n    {\n      companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const { mutateAsync: deleteEmployeeMutation } = useEmployeesDeleteMutation()\n  const { mutateAsync: updateEmployeeOnboardingStatusMutation } =\n    useEmployeesUpdateOnboardingStatusMutation()\n\n  if (fetchStatus === 'fetching' && !data) {\n    return <Loading />\n  }\n  const { httpMeta, showEmployees: employeeList } = data!\n  const employees = employeeList!\n\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  const handleItemsPerPageChange = (newCount: PaginationItemsPerPage) => {\n    setItemsPerPage(newCount)\n  }\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteEmployeeMutation({\n        request: { employeeId: payload },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: payload })\n    })\n  }\n  /**Set onboarding status to self_onboarding_awaiting_admin_review and proceed to edit */\n  const handleReview = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n      onEvent(componentEvents.EMPLOYEE_UPDATE, {\n        employeeId,\n        onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n    })\n  }\n  /**Update employee onboarding status reverting it back to admin_onboarding_incomplete */\n  const handleCancelSelfOnboarding = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n      })\n    })\n  }\n  const updateOnboardingStatus = async (data: { employeeId: string; status: OnboardingStatus }) => {\n    await baseSubmitHandler(data, async ({ employeeId, status }) => {\n      const { employeeOnboardingStatus: responseData } =\n        await updateEmployeeOnboardingStatusMutation({\n          request: { employeeId, requestBody: { onboardingStatus: status } },\n        })\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, responseData)\n    })\n  }\n  const handleNew = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  const handleEdit = (uuid: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId: uuid, onboardingStatus })\n  }\n  return (\n    <section className={className}>\n      <EmployeeListProvider\n        value={{\n          handleEdit,\n          handleNew,\n          handleReview,\n          handleDelete,\n          employees,\n          currentPage,\n          totalPages,\n          handleFirstPage,\n          handlePreviousPage,\n          handleNextPage,\n          handleLastPage,\n          handleCancelSelfOnboarding,\n          handleItemsPerPageChange,\n          handleSkip,\n          itemsPerPage,\n          isFetching,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </EmployeeListProvider>\n    </section>\n  )\n}\n\n/**\n * Wrapper used inside Flows -> exposes flow context for required parameters\n */\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["EmployeeList","props","jsx","BaseComponent","Root","companyId","className","children","dictionary","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","data","fetchStatus","isFetching","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateEmployeeOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","Loading","httpMeta","employeeList","employees","totalPages","handleItemsPerPageChange","newCount","handleFirstPage","handlePreviousPage","prevPage","handleNextPage","handleLastPage","handleDelete","uuid","payload","componentEvents","handleReview","employeeId","updateOnboardingStatus","EmployeeOnboardingStatus","handleCancelSelfOnboarding","status","responseData","EmployeeListProvider","onboardingStatus","jsxs","Flex","Head","List","Actions","EmployeeListContextual","useFlow"],"mappings":"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"}

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

@@ -1,13 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as n } from "react-i18next";
 import { Flex as r } from "../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../shared/constants.js";
 import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const c = () => {
-  const { t } = n("Employee.EmployeeList"), o = m();
-  return /* @__PURE__ */ e(r, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ e(o.Heading, { as: "h2", children: t("title") }) });
+const f = () => {
+  const { t: e } = n("Employee.EmployeeList"), o = m();
+  return /* @__PURE__ */ t(r, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("title") }) });
 };
 export {
-  c as Head
+  f as Head
 };
 //# sourceMappingURL=Head.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/EmployeeList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for EmployeeList component\nexport const Head = () => {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n\n  return (\n    <Flex justifyContent=\"space-between\" alignItems=\"center\">\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n    </Flex>\n  )\n}\n"],"names":["Head","useTranslation","Components","useComponentContext","jsx","Flex"],"mappings":";;;;;AAKO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA,gBAAAD,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE,GAC1C;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/EmployeeList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for EmployeeList component\nexport const Head = () => {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n\n  return (\n    <Flex justifyContent=\"space-between\" alignItems=\"center\">\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n    </Flex>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx","Flex"],"mappings":";;;;;;AAKO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA,gBAAAD,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE,GAC1C;AAEJ;"}