@gusto/embedded-react-sdk 0.42.0 → 0.44.0

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

@@ -1 +1 @@
-{"version":3,"file":"DeductionsList.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsList/DeductionsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useGarnishmentsListSuspense } from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useDataView, DataView } from '@/components/Common'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ninterface DeductionsListProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\n\nexport function DeductionsList(props: DeductionsListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, employeeId, dictionary }: DeductionsListProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation()\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\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\n      // if soft deleted deduction was the last active, then return to empty view\n      // else if any other active deductions return to list view\n      const remainingActiveDeductions = deductions.filter(d => d.active)\n\n      if (\n        remainingActiveDeductions.length === 1 &&\n        remainingActiveDeductions[0]?.uuid === garnishment?.uuid\n      ) {\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n      }\n    })\n  }\n\n  const handleEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: activeDeductions,\n    columns: [\n      {\n        key: 'description',\n        title: t('nameColumn'),\n      },\n      {\n        key: 'recurring',\n        title: t('frequencyColumn'),\n        render: deduction => {\n          return deduction.recurring ? t('recurringText') : t('nonRecurringText')\n        },\n      },\n      {\n        key: 'amount',\n        title: t('withheldColumn'),\n        render: deduction => {\n          const formattedAmount = deduction.deductAsPercentage\n            ? formatPercent(Number(deduction.amount))\n            : formatCurrency(Number(deduction.amount))\n          return deduction.recurring\n            ? t('recurringAmount', { value: formattedAmount })\n            : formattedAmount\n        },\n      },\n    ],\n    itemMenu: deduction => {\n      return (\n        <HamburgerMenu\n          isLoading={isPendingUpdate}\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                handleEdit(deduction)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n            {\n              label: t('deleteCta'),\n              onClick: async () => {\n                await handleDelete(deduction)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {children ? (\n          children\n        ) : (\n          <>\n            <Flex flexDirection=\"column\" gap={2}>\n              <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n              <Components.Text variant=\"supporting\">\n                {t('includeDeductionsDescriptionV2')}\n              </Components.Text>\n            </Flex>\n\n            <DataView label={t('deductionsTableLabel')} {...dataViewProps} />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleAdd}>\n                <PlusCircleIcon />\n                {t('addDeductionCta')}\n              </Components.Button>\n              <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n            </ActionsLayout>\n          </>\n        )}\n      </Flex>\n    </section>\n  )\n}\n"],"names":["DeductionsList","props","jsx","BaseComponent","Root","className","children","employeeId","dictionary","onEvent","baseSubmitHandler","useBase","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","useComponentDictionary","useI18n","data","useGarnishmentsListSuspense","deductions","activeDeductions","deduction","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","handleDelete","payload","garnishment","remainingActiveDeductions","d","componentEvents","handleEdit","handleAdd","handleContinue","dataViewProps","useDataView","formattedAmount","HamburgerMenu","PencilSvg","TrashCanSvg","Flex","jsxs","Fragment","DataView","ActionsLayout","PlusCircleIcon"],"mappings":"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"}
+{"version":3,"file":"DeductionsList.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsList/DeductionsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useGarnishmentsListSuspense } from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useDataView, DataView } from '@/components/Common'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ninterface DeductionsListProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\n\nexport function DeductionsList(props: DeductionsListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, employeeId, dictionary }: DeductionsListProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation()\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\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\n      // if soft deleted deduction was the last active, then return to empty view\n      // else if any other active deductions return to list view\n      const remainingActiveDeductions = deductions.filter(d => d.active)\n\n      if (\n        remainingActiveDeductions.length === 1 &&\n        remainingActiveDeductions[0]?.uuid === garnishment?.uuid\n      ) {\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n      }\n    })\n  }\n\n  const handleEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: activeDeductions,\n    columns: [\n      {\n        key: 'description',\n        title: t('nameColumn'),\n      },\n      {\n        key: 'recurring',\n        title: t('frequencyColumn'),\n        render: deduction => {\n          return deduction.recurring ? t('recurringText') : t('nonRecurringText')\n        },\n      },\n      {\n        key: 'amount',\n        title: t('withheldColumn'),\n        render: deduction => {\n          const formattedAmount = deduction.deductAsPercentage\n            ? formatPercent(Number(deduction.amount))\n            : formatCurrency(Number(deduction.amount))\n          return deduction.recurring\n            ? t('recurringAmount', { value: formattedAmount })\n            : formattedAmount\n        },\n      },\n    ],\n    itemMenu: deduction => {\n      return (\n        <HamburgerMenu\n          isLoading={isPendingUpdate}\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                handleEdit(deduction)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n            {\n              label: t('deleteCta'),\n              onClick: async () => {\n                await handleDelete(deduction)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {children ? (\n          children\n        ) : (\n          <>\n            <Flex flexDirection=\"column\" gap={2}>\n              <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n              <Components.Text variant=\"supporting\">\n                {t('includeDeductionsDescriptionV2')}\n              </Components.Text>\n            </Flex>\n\n            <DataView label={t('deductionsTableLabel')} {...dataViewProps} />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleAdd}>\n                <PlusCircleIcon />\n                {t('addDeductionCta')}\n              </Components.Button>\n              <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n            </ActionsLayout>\n          </>\n        )}\n      </Flex>\n    </section>\n  )\n}\n"],"names":["DeductionsList","props","jsx","BaseComponent","Root","className","children","employeeId","dictionary","onEvent","baseSubmitHandler","useBase","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","useComponentDictionary","useI18n","data","useGarnishmentsListSuspense","deductions","activeDeductions","deduction","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","handleDelete","payload","garnishment","remainingActiveDeductions","d","componentEvents","handleEdit","handleAdd","handleContinue","dataViewProps","useDataView","formattedAmount","HamburgerMenu","PencilSvg","TrashCanSvg","Flex","jsxs","Fragment","DataView","ActionsLayout","PlusCircleIcon"],"mappings":"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"}

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

@@ -1,13 +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 { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useDocumentList as m } from "./useDocumentList.js";
+import "../../../../shared/constants.js";
+import "classnames";
+import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function d() {
-  const { t: n } = r("Employee.DocumentSigner"), { handleContinue: t, hasSignedAllForms: e } = s(), i = c();
-  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { onClick: t, isLoading: !1, isDisabled: !e, 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 {
-  d 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

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import { useEmployeeFormsListSuspense as E } from "@gusto/embedded-api/react-query/employeeFormsList";
 import { Head as a } from "./Head.js";
 import { List as F } from "./List.js";
@@ -9,7 +9,8 @@ import { useBase as g } from "../../../Base/useBase.js";
 import { useI18n as O } from "../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../shared/constants.js";
 import { Flex as _ } from "../../../Common/Flex/Flex.js";
-function N(e) {
+import "classnames";
+function Y(e) {
   return /* @__PURE__ */ o(S, { ...e, children: /* @__PURE__ */ o(v, { ...e }) });
 }
 function v({ employeeId: e, className: s, children: t }) {
@@ -25,12 +26,12 @@ function v({ employeeId: e, className: s, children: t }) {
           i(m.EMPLOYEE_FORMS_DONE);
         },
         handleRequestFormToSign: (n) => {
-          const f = r.find((d) => d.uuid === n.uuid);
+          const f = r.find((p) => p.uuid === n.uuid);
           i(m.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: n.uuid, name: f?.name });
         },
         documentListError: c
       },
-      children: t || /* @__PURE__ */ p(_, { flexDirection: "column", children: [
+      children: t || /* @__PURE__ */ d(_, { flexDirection: "column", children: [
         /* @__PURE__ */ o(a, {}),
         /* @__PURE__ */ o(F, {}),
         /* @__PURE__ */ o(h, {})
@@ -39,6 +40,6 @@ function v({ employeeId: e, className: s, children: t }) {
   ) });
 }
 export {
-  N as DocumentList
+  Y as DocumentList
 };
 //# sourceMappingURL=DocumentList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\n\ninterface DocumentListProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nexport function DocumentList(props: DocumentListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.formList!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    const fullForm = employeeForms.find(f => f.uuid === data.uuid)\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid, name: fullForm?.name })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","f","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;AAoBO,SAASA,EAAaC,GAAmD;AAC9E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,UAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAhBwB,CAACP,MAAe;AAC9C,gBAAMQ,IAAWL,EAAc,KAAK,OAAKM,EAAE,SAAST,EAAK,IAAI;AAC7D,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM,MAAMQ,GAAU,MAAM;AAAA,QAC/F;AAAA,QAcQ,mBAAAP;AAAA,MAAA;AAAA,MAGD,UAAAL,KAGC,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAApB,EAACqB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
+{"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\n\ninterface DocumentListProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nexport function DocumentList(props: DocumentListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.formList!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    const fullForm = employeeForms.find(f => f.uuid === data.uuid)\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid, name: fullForm?.name })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","f","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;;AAoBO,SAASA,EAAaC,GAAmD;AAC9E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,UAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAhBwB,CAACP,MAAe;AAC9C,gBAAMQ,IAAWL,EAAc,KAAK,OAAKM,EAAE,SAAST,EAAK,IAAI;AAC7D,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM,MAAMQ,GAAU,MAAM;AAAA,QAC/F;AAAA,QAcQ,mBAAAP;AAAA,MAAA;AAAA,MAGD,UAAAL,KAGC,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAApB,EAACqB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

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

@@ -2,8 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
 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 L() {
+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,
@@ -32,6 +34,6 @@ function L() {
   ) }) });
 }
 export {
-  L 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/DocumentList/useDocumentList.js

@@ -9,12 +9,16 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
+import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, a] = t("DocumentListContext");
+const [P, b] = t("DocumentListContext");
 export {
-  a as DocumentListProvider,
-  d as useDocumentList
+  b as DocumentListProvider,
+  P as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.js

@@ -7,6 +7,8 @@ import { AuthorizationStatus as q, I9AuthorizationDocumentType as w } from "@gus
 import { generateEmploymentEligibilitySchema as k } from "./EmploymentEligibilitySchema.js";
 import { COUNTRIES as P } from "./countries.js";
 import { Flex as b } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as V } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { ComboBoxField as B } from "../../../Common/Fields/ComboBoxField/ComboBoxField.js";
 import { Form as H } from "../../../Common/Form/Form.js";
@@ -21,15 +23,15 @@ const Q = {
   permanent_resident: "statusDescriptions.permanent_resident",
   noncitizen: "statusDescriptions.noncitizen",
   alien: "statusDescriptions.alien"
-}, he = ({
+}, ye = ({
   onSubmit: h,
   defaultValues: f,
   hasDocumentNumber: y,
   isPending: g
 }) => {
   M("Employee.EmploymentEligibility");
-  const { Heading: D, Text: x, Alert: z, Button: E, Link: N } = K(), { t: e } = L("Employee.EmploymentEligibility"), [a, m] = I(!!y), r = O({
-    resolver: j(k(a)),
+  const { Heading: D, Text: x, Alert: z, Button: E, Link: N } = K(), { t: e } = L("Employee.EmploymentEligibility"), [m, a] = I(!!y), r = O({
+    resolver: j(k(m)),
     defaultValues: f
   }), { control: l, setValue: u, clearErrors: c } = r, o = d({ control: l, name: "authorizationStatus" }), s = d({ control: l, name: "documentType" }), _ = Object.values(q).map((n) => ({
     value: n,
@@ -38,9 +40,9 @@ const Q = {
     value: n,
     label: e(`authorizationDocument.options.${n}`)
   })), T = () => {
-    u("documentNumber", ""), c("documentNumber"), m(!1);
+    u("documentNumber", ""), c("documentNumber"), a(!1);
   }, C = () => {
-    u("documentNumber", ""), c("documentNumber"), m(!1);
+    u("documentNumber", ""), c("documentNumber"), a(!1);
   }, F = o === "alien", R = o === "permanent_resident" || o === "alien" && !!s, i = o === "permanent_resident" ? "uscis_alien_registration_number" : s, v = {
     uscis_alien_registration_number: 9,
     form_i94: 11
@@ -96,7 +98,7 @@ const Q = {
         name: "documentNumber",
         label: e(`documentNumber.${i}.label`),
         description: i !== "foreign_passport" ? e(`documentNumber.${i}.description`) : void 0,
-        placeholder: a ? e(`documentNumber.${i}.placeholder`) : void 0,
+        placeholder: m ? e(`documentNumber.${i}.placeholder`) : void 0,
         maxLength: v[i],
         isRequired: !0
       }
@@ -117,6 +119,6 @@ const Q = {
   ] }) }) });
 };
 export {
-  he as EmploymentEligibilityPresentation
+  ye as EmploymentEligibilityPresentation
 };
 //# sourceMappingURL=EmploymentEligibilityPresentation.js.map

package/dist/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmploymentEligibilityPresentation.js","sources":["../../../../../src/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation, Trans } from 'react-i18next'\nimport { FormProvider, useForm, useWatch, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  AuthorizationStatus,\n  I9AuthorizationDocumentType,\n} from '@gusto/embedded-api/models/components/i9authorization'\nimport {\n  generateEmploymentEligibilitySchema,\n  type EmploymentEligibilityInputs,\n  type EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport { COUNTRIES } from './countries'\nimport {\n  Flex,\n  SelectField,\n  RadioGroupField,\n  TextInputField,\n  DatePickerField,\n  ActionsLayout,\n} from '@/components/Common'\nimport { ComboBoxField } from '@/components/Common/Fields/ComboBoxField/ComboBoxField'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface EmploymentEligibilityPresentationProps {\n  onSubmit: SubmitHandler<EmploymentEligibilityPayload>\n  defaultValues?: Partial<EmploymentEligibilityInputs>\n  hasDocumentNumber?: boolean | null\n  isPending?: boolean\n}\n\nconst statusDescriptionKeys = {\n  citizen: 'statusDescriptions.citizen',\n  permanent_resident: 'statusDescriptions.permanent_resident',\n  noncitizen: 'statusDescriptions.noncitizen',\n  alien: 'statusDescriptions.alien',\n} as const satisfies Record<AuthorizationStatus, string>\n\nexport const EmploymentEligibilityPresentation = ({\n  onSubmit,\n  defaultValues,\n  hasDocumentNumber,\n  isPending,\n}: EmploymentEligibilityPresentationProps) => {\n  useI18n('Employee.EmploymentEligibility')\n  const { Heading, Text, Alert, Button, Link } = useComponentContext()\n  const { t } = useTranslation('Employee.EmploymentEligibility')\n\n  const [hasExistingDocumentNumber, setHasExistingDocumentNumber] = useState(!!hasDocumentNumber)\n\n  const formMethods = useForm<EmploymentEligibilityInputs, unknown, EmploymentEligibilityPayload>({\n    resolver: zodResolver(generateEmploymentEligibilitySchema(hasExistingDocumentNumber)),\n    defaultValues,\n  })\n\n  const { control, setValue, clearErrors } = formMethods\n  const authorizationStatus = useWatch({ control, name: 'authorizationStatus' })\n  const documentType = useWatch({ control, name: 'documentType' })\n\n  const statusOptions = Object.values(AuthorizationStatus).map(value => ({\n    value,\n    label: t(`select.options.${value}`),\n  }))\n\n  const authorizationDocumentOptions = Object.values(I9AuthorizationDocumentType).map(value => ({\n    value,\n    label: t(`authorizationDocument.options.${value}`),\n  }))\n\n  const handleAuthorizationStatusChange = () => {\n    setValue('documentNumber', '')\n    clearErrors('documentNumber')\n    setHasExistingDocumentNumber(false)\n  }\n\n  const handleDocumentTypeChange = () => {\n    setValue('documentNumber', '')\n    clearErrors('documentNumber')\n    setHasExistingDocumentNumber(false)\n  }\n\n  const showDocumentTypeRadio = authorizationStatus === 'alien'\n  const showDocumentNumberInput =\n    authorizationStatus === 'permanent_resident' ||\n    (authorizationStatus === 'alien' && !!documentType)\n  const activeDocumentType =\n    authorizationStatus === 'permanent_resident' ? 'uscis_alien_registration_number' : documentType\n\n  const documentNumberMaxLength: Partial<Record<I9AuthorizationDocumentType, number>> = {\n    uscis_alien_registration_number: 9,\n    form_i94: 11,\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={2}>\n            <Heading as=\"h2\">{t('title')}</Heading>\n            <Text variant=\"supporting\">\n              <Trans\n                i18nKey={'subtitle'}\n                t={t}\n                components={{\n                  formI9Link: <Link />,\n                }}\n              />\n            </Text>\n          </Flex>\n\n          <SelectField\n            name=\"authorizationStatus\"\n            label={t('select.label')}\n            description={t('select.description')}\n            placeholder={t('select.placeholder')}\n            options={statusOptions}\n            isRequired\n            onChange={handleAuthorizationStatusChange}\n          />\n\n          {authorizationStatus && (\n            <Alert\n              status=\"info\"\n              label={t(statusDescriptionKeys[authorizationStatus])}\n              disableScrollIntoView\n            />\n          )}\n\n          {authorizationStatus === 'alien' && (\n            <DatePickerField name=\"expirationDate\" label={t('expirationDate.label')} />\n          )}\n\n          {showDocumentTypeRadio && (\n            <RadioGroupField\n              name=\"documentType\"\n              label={t('authorizationDocument.label')}\n              options={authorizationDocumentOptions}\n              isRequired\n              onChange={handleDocumentTypeChange}\n            />\n          )}\n\n          {showDocumentNumberInput && activeDocumentType && (\n            <TextInputField\n              name=\"documentNumber\"\n              label={t(`documentNumber.${activeDocumentType}.label`)}\n              description={\n                activeDocumentType !== 'foreign_passport'\n                  ? t(`documentNumber.${activeDocumentType}.description`)\n                  : undefined\n              }\n              placeholder={\n                hasExistingDocumentNumber\n                  ? t(`documentNumber.${activeDocumentType}.placeholder`)\n                  : undefined\n              }\n              maxLength={documentNumberMaxLength[activeDocumentType]}\n              isRequired\n            />\n          )}\n\n          {documentType === 'foreign_passport' && authorizationStatus === 'alien' && (\n            <ComboBoxField\n              name=\"country\"\n              label={t('country.label')}\n              description={t('country.description')}\n              options={COUNTRIES}\n              placeholder={t('country.placeholder')}\n              allowsCustomValue\n              isRequired\n            />\n          )}\n\n          <ActionsLayout>\n            <Button type=\"submit\" isLoading={isPending}>\n              {t('submit')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["statusDescriptionKeys","EmploymentEligibilityPresentation","onSubmit","defaultValues","hasDocumentNumber","isPending","useI18n","Heading","Text","Alert","Button","Link","useComponentContext","t","useTranslation","hasExistingDocumentNumber","setHasExistingDocumentNumber","useState","formMethods","useForm","zodResolver","generateEmploymentEligibilitySchema","control","setValue","clearErrors","authorizationStatus","useWatch","documentType","statusOptions","AuthorizationStatus","value","authorizationDocumentOptions","I9AuthorizationDocumentType","handleAuthorizationStatusChange","handleDocumentTypeChange","showDocumentTypeRadio","showDocumentNumberInput","activeDocumentType","documentNumberMaxLength","FormProvider","jsx","Form","jsxs","Flex","Trans","SelectField","DatePickerField","RadioGroupField","TextInputField","ComboBoxField","COUNTRIES","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"EmploymentEligibilityPresentation.js","sources":["../../../../../src/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation, Trans } from 'react-i18next'\nimport { FormProvider, useForm, useWatch, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  AuthorizationStatus,\n  I9AuthorizationDocumentType,\n} from '@gusto/embedded-api/models/components/i9authorization'\nimport {\n  generateEmploymentEligibilitySchema,\n  type EmploymentEligibilityInputs,\n  type EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport { COUNTRIES } from './countries'\nimport {\n  Flex,\n  SelectField,\n  RadioGroupField,\n  TextInputField,\n  DatePickerField,\n  ActionsLayout,\n} from '@/components/Common'\nimport { ComboBoxField } from '@/components/Common/Fields/ComboBoxField/ComboBoxField'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface EmploymentEligibilityPresentationProps {\n  onSubmit: SubmitHandler<EmploymentEligibilityPayload>\n  defaultValues?: Partial<EmploymentEligibilityInputs>\n  hasDocumentNumber?: boolean | null\n  isPending?: boolean\n}\n\nconst statusDescriptionKeys = {\n  citizen: 'statusDescriptions.citizen',\n  permanent_resident: 'statusDescriptions.permanent_resident',\n  noncitizen: 'statusDescriptions.noncitizen',\n  alien: 'statusDescriptions.alien',\n} as const satisfies Record<AuthorizationStatus, string>\n\nexport const EmploymentEligibilityPresentation = ({\n  onSubmit,\n  defaultValues,\n  hasDocumentNumber,\n  isPending,\n}: EmploymentEligibilityPresentationProps) => {\n  useI18n('Employee.EmploymentEligibility')\n  const { Heading, Text, Alert, Button, Link } = useComponentContext()\n  const { t } = useTranslation('Employee.EmploymentEligibility')\n\n  const [hasExistingDocumentNumber, setHasExistingDocumentNumber] = useState(!!hasDocumentNumber)\n\n  const formMethods = useForm<EmploymentEligibilityInputs, unknown, EmploymentEligibilityPayload>({\n    resolver: zodResolver(generateEmploymentEligibilitySchema(hasExistingDocumentNumber)),\n    defaultValues,\n  })\n\n  const { control, setValue, clearErrors } = formMethods\n  const authorizationStatus = useWatch({ control, name: 'authorizationStatus' })\n  const documentType = useWatch({ control, name: 'documentType' })\n\n  const statusOptions = Object.values(AuthorizationStatus).map(value => ({\n    value,\n    label: t(`select.options.${value}`),\n  }))\n\n  const authorizationDocumentOptions = Object.values(I9AuthorizationDocumentType).map(value => ({\n    value,\n    label: t(`authorizationDocument.options.${value}`),\n  }))\n\n  const handleAuthorizationStatusChange = () => {\n    setValue('documentNumber', '')\n    clearErrors('documentNumber')\n    setHasExistingDocumentNumber(false)\n  }\n\n  const handleDocumentTypeChange = () => {\n    setValue('documentNumber', '')\n    clearErrors('documentNumber')\n    setHasExistingDocumentNumber(false)\n  }\n\n  const showDocumentTypeRadio = authorizationStatus === 'alien'\n  const showDocumentNumberInput =\n    authorizationStatus === 'permanent_resident' ||\n    (authorizationStatus === 'alien' && !!documentType)\n  const activeDocumentType =\n    authorizationStatus === 'permanent_resident' ? 'uscis_alien_registration_number' : documentType\n\n  const documentNumberMaxLength: Partial<Record<I9AuthorizationDocumentType, number>> = {\n    uscis_alien_registration_number: 9,\n    form_i94: 11,\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={2}>\n            <Heading as=\"h2\">{t('title')}</Heading>\n            <Text variant=\"supporting\">\n              <Trans\n                i18nKey={'subtitle'}\n                t={t}\n                components={{\n                  formI9Link: <Link />,\n                }}\n              />\n            </Text>\n          </Flex>\n\n          <SelectField\n            name=\"authorizationStatus\"\n            label={t('select.label')}\n            description={t('select.description')}\n            placeholder={t('select.placeholder')}\n            options={statusOptions}\n            isRequired\n            onChange={handleAuthorizationStatusChange}\n          />\n\n          {authorizationStatus && (\n            <Alert\n              status=\"info\"\n              label={t(statusDescriptionKeys[authorizationStatus])}\n              disableScrollIntoView\n            />\n          )}\n\n          {authorizationStatus === 'alien' && (\n            <DatePickerField name=\"expirationDate\" label={t('expirationDate.label')} />\n          )}\n\n          {showDocumentTypeRadio && (\n            <RadioGroupField\n              name=\"documentType\"\n              label={t('authorizationDocument.label')}\n              options={authorizationDocumentOptions}\n              isRequired\n              onChange={handleDocumentTypeChange}\n            />\n          )}\n\n          {showDocumentNumberInput && activeDocumentType && (\n            <TextInputField\n              name=\"documentNumber\"\n              label={t(`documentNumber.${activeDocumentType}.label`)}\n              description={\n                activeDocumentType !== 'foreign_passport'\n                  ? t(`documentNumber.${activeDocumentType}.description`)\n                  : undefined\n              }\n              placeholder={\n                hasExistingDocumentNumber\n                  ? t(`documentNumber.${activeDocumentType}.placeholder`)\n                  : undefined\n              }\n              maxLength={documentNumberMaxLength[activeDocumentType]}\n              isRequired\n            />\n          )}\n\n          {documentType === 'foreign_passport' && authorizationStatus === 'alien' && (\n            <ComboBoxField\n              name=\"country\"\n              label={t('country.label')}\n              description={t('country.description')}\n              options={COUNTRIES}\n              placeholder={t('country.placeholder')}\n              allowsCustomValue\n              isRequired\n            />\n          )}\n\n          <ActionsLayout>\n            <Button type=\"submit\" isLoading={isPending}>\n              {t('submit')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["statusDescriptionKeys","EmploymentEligibilityPresentation","onSubmit","defaultValues","hasDocumentNumber","isPending","useI18n","Heading","Text","Alert","Button","Link","useComponentContext","t","useTranslation","hasExistingDocumentNumber","setHasExistingDocumentNumber","useState","formMethods","useForm","zodResolver","generateEmploymentEligibilitySchema","control","setValue","clearErrors","authorizationStatus","useWatch","documentType","statusOptions","AuthorizationStatus","value","authorizationDocumentOptions","I9AuthorizationDocumentType","handleAuthorizationStatusChange","handleDocumentTypeChange","showDocumentTypeRadio","showDocumentNumberInput","activeDocumentType","documentNumberMaxLength","FormProvider","jsx","Form","jsxs","Flex","Trans","SelectField","DatePickerField","RadioGroupField","TextInputField","ComboBoxField","COUNTRIES","ActionsLayout"],"mappings":"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"}

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

@@ -1,40 +1,41 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useTranslation as b, Trans as U } from "react-i18next";
+import { useTranslation as g, Trans as U } from "react-i18next";
 import { useI9VerificationGetAuthorization as M } from "@gusto/embedded-api/react-query/i9VerificationGetAuthorization";
 import { useSignEmployeeForm as Q } from "../shared/useSignEmployeeForm/useSignEmployeeForm.js";
-import C from "./I9SignatureForm.module.scss.js";
-import { BaseComponent as x, BaseLayout as v } from "../../../Base/Base.js";
+import D from "./I9SignatureForm.module.scss.js";
+import { BaseComponent as x, BaseLayout as C } from "../../../Base/Base.js";
 import { useBase as N } from "../../../Base/useBase.js";
 import { useI18n as z } from "../../../../i18n/I18n.js";
-import { componentEvents as g } from "../../../../shared/constants.js";
+import { componentEvents as f } from "../../../../shared/constants.js";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { ActionsLayout as k } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as w } from "../../../Common/Form/Form.js";
 import { SDKFormProvider as B } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { DocumentViewer as F } from "../../../Common/DocumentViewer/DocumentViewer.js";
-function ie(i) {
+function ne(i) {
   return /* @__PURE__ */ e(x, { ...i, children: /* @__PURE__ */ e(P, { ...i }) });
 }
 function P({ employeeId: i, formId: c, className: a }) {
   z("Employee.I9SignatureForm");
-  const { t } = b("Employee.I9SignatureForm"), { onEvent: s } = N(), r = E(), n = Q({ employeeId: i, formId: c }), { data: D } = M({ employeeId: i }), f = D?.i9Authorization?.authorizationStatus;
+  const { t } = g("Employee.I9SignatureForm"), { onEvent: s } = N(), r = h(), n = Q({ employeeId: i, formId: c }), { data: d } = M({ employeeId: i }), u = d?.i9Authorization?.authorizationStatus;
   if (n.isLoading)
-    return /* @__PURE__ */ e(v, { isLoading: !0, error: n.errorHandling.errors });
-  const { form: h, pdfUrl: d } = n.data, { isPending: R } = n.status, { Fields: l, preparers: S } = n.form, I = () => {
-    s(g.CANCEL);
+    return /* @__PURE__ */ e(C, { isLoading: !0, error: n.errorHandling.errors });
+  const { form: S, pdfUrl: b } = n.data, { isPending: R } = n.status, { Fields: l, preparers: L } = n.form, I = () => {
+    s(f.CANCEL);
   }, A = () => {
-    s(g.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS);
+    s(f.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS);
   }, _ = async () => {
     const p = await n.actions.onSubmit();
-    p && s(g.EMPLOYEE_SIGN_FORM, p.data);
-  }, u = [
+    p && s(f.EMPLOYEE_SIGN_FORM, p.data);
+  }, E = [
     l.Preparer1,
     l.Preparer2,
     l.Preparer3,
     l.Preparer4
   ].filter((p) => p !== void 0);
-  return /* @__PURE__ */ e("section", { className: a, children: /* @__PURE__ */ e(v, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(B, { formHookResult: n, children: /* @__PURE__ */ e(w, { onSubmit: () => void _(), children: /* @__PURE__ */ o(m, { flexDirection: "column", gap: 20, children: [
+  return /* @__PURE__ */ e("section", { className: a, children: /* @__PURE__ */ e(C, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(B, { formHookResult: n, children: /* @__PURE__ */ e(w, { onSubmit: () => void _(), children: /* @__PURE__ */ o(m, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ o("section", { children: [
       /* @__PURE__ */ e(r.Heading, { as: "h2", children: t("title") }),
       /* @__PURE__ */ e(r.Text, { children: /* @__PURE__ */ e(
@@ -43,31 +44,31 @@ function P({ employeeId: i, formId: c, className: a }) {
           i18nKey: "description",
           t,
           components: {
-            viewFormLink: d ? /* @__PURE__ */ e(
+            viewFormLink: b ? /* @__PURE__ */ e(
               r.Link,
               {
-                href: d,
+                href: b,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                download: `${h.title || "form"}.pdf`
+                download: `${S.title || "form"}.pdf`
               }
             ) : /* @__PURE__ */ e("span", {})
           }
         }
       ) })
     ] }),
-    f && /* @__PURE__ */ e(
+    u && /* @__PURE__ */ e(
       T,
       {
-        authorizationStatus: f,
+        authorizationStatus: u,
         onChangeStatus: A
       }
     ),
     /* @__PURE__ */ e(
       F,
       {
-        url: d,
-        title: h.title,
+        url: b,
+        title: S.title,
         downloadInstructions: t("downloadInstructions"),
         viewDocumentLabel: t("viewDocumentCta")
       }
@@ -97,10 +98,10 @@ function P({ employeeId: i, formId: c, className: a }) {
           validationMessages: { REQUIRED: t("preparerQuestionError") }
         }
       ),
-      u.map((p, y) => {
-        const L = y === u.length - 1;
+      E.map((p, y) => {
+        const v = y === E.length - 1;
         return /* @__PURE__ */ o(m, { flexDirection: "column", gap: 0, children: [
-          /* @__PURE__ */ e("div", { className: C.preparerAlert, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: D.preparerAlert, children: /* @__PURE__ */ e(
             r.Alert,
             {
               label: t("preparerNote"),
@@ -112,8 +113,8 @@ function P({ employeeId: i, formId: c, className: a }) {
             H,
             {
               PreparerFields: p,
-              showAddButton: L && (S?.canAdd ?? !1),
-              showRemoveButton: L && (S?.canRemove ?? !1) && u.length > 1,
+              showAddButton: v && (L?.canAdd ?? !1),
+              showRemoveButton: v && (L?.canRemove ?? !1) && E.length > 1,
               onAdd: () => n.actions.addPreparer?.(),
               onRemove: () => n.actions.removePreparer?.()
             }
@@ -131,7 +132,7 @@ function T({
   authorizationStatus: i,
   onChangeStatus: c
 }) {
-  const { t: a } = b("Employee.I9SignatureForm"), t = E(), s = {
+  const { t: a } = g("Employee.I9SignatureForm"), t = h(), s = {
     citizen: "eligibilityAlertLabel_citizen",
     permanent_resident: "eligibilityAlertLabel_permanent_resident",
     noncitizen: "eligibilityAlertLabel_noncitizen",
@@ -162,9 +163,9 @@ function H({
   onAdd: t,
   onRemove: s
 }) {
-  const { t: r } = b("Employee.I9SignatureForm"), n = E();
+  const { t: r } = g("Employee.I9SignatureForm"), { t: n } = g("common"), d = h();
   return /* @__PURE__ */ o(m, { flexDirection: "column", gap: 12, children: [
-    /* @__PURE__ */ e(n.Heading, { as: "h3", children: r("preparerSectionTitle") }),
+    /* @__PURE__ */ e(d.Heading, { as: "h3", children: r("preparerSectionTitle") }),
     /* @__PURE__ */ e(
       i.FirstName,
       {
@@ -199,7 +200,8 @@ function H({
       {
         label: r("preparerStateLabel"),
         placeholder: r("preparerStatePlaceholder"),
-        validationMessages: { REQUIRED: r("preparerStateError") }
+        validationMessages: { REQUIRED: r("preparerStateError") },
+        getOptionLabel: (u) => n(`statesHash.${u}`, { defaultValue: u })
       }
     ),
     /* @__PURE__ */ e(
@@ -224,13 +226,13 @@ function H({
         validationMessages: { REQUIRED: r("preparerConfirmationError") }
       }
     ),
-    (a || c) && /* @__PURE__ */ o("div", { className: C.preparerActions, children: [
-      a && /* @__PURE__ */ e(n.Button, { type: "button", variant: "secondary", onClick: t, children: r("addPreparerCta") }),
-      c && /* @__PURE__ */ e(n.Button, { type: "button", variant: "error", onClick: s, children: r("removePreparerCta") })
+    (a || c) && /* @__PURE__ */ o("div", { className: D.preparerActions, children: [
+      a && /* @__PURE__ */ e(d.Button, { type: "button", variant: "secondary", onClick: t, children: r("addPreparerCta") }),
+      c && /* @__PURE__ */ e(d.Button, { type: "button", variant: "error", onClick: s, children: r("removePreparerCta") })
     ] })
   ] });
 }
 export {
-  ie as I9SignatureForm
+  ne as I9SignatureForm
 };
 //# sourceMappingURL=I9SignatureForm.js.map

package/dist/components/Employee/DocumentSigner/I9SignatureForm/I9SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"I9SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/I9SignatureForm/I9SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport type { AuthorizationStatus } from '@gusto/embedded-api/models/components/i9authorization'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useSignEmployeeForm, type PreparerFieldGroup } from '../shared/useSignEmployeeForm'\nimport styles from './I9SignatureForm.module.scss'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface I9SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function I9SignatureForm(props: I9SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: I9SignatureFormProps) {\n  useI18n('Employee.I9SignatureForm')\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  const { data: i9AuthData } = useI9VerificationGetAuthorization({ employeeId })\n  const authorizationStatus = i9AuthData?.i9Authorization?.authorizationStatus\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields, preparers } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleChangeEligibility = () => {\n    onEvent(componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  const preparerFieldGroups = [\n    Fields.Preparer1,\n    Fields.Preparer2,\n    Fields.Preparer3,\n    Fields.Preparer4,\n  ].filter(Group => Group !== undefined)\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20}>\n              <section>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"description\"\n                    t={t}\n                    components={{\n                      viewFormLink: pdfUrl ? (\n                        <Components.Link\n                          href={pdfUrl}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          download={`${form.title || 'form'}.pdf`}\n                        />\n                      ) : (\n                        <span />\n                      ),\n                    }}\n                  />\n                </Components.Text>\n              </section>\n\n              {authorizationStatus && (\n                <EligibilityStatusAlert\n                  authorizationStatus={authorizationStatus}\n                  onChangeStatus={handleChangeEligibility}\n                />\n              )}\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureLabel')}\n                  description={t('signatureDescription')}\n                  validationMessages={{ REQUIRED: t('signatureError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmationLabel')}\n                  validationMessages={{ REQUIRED: t('confirmationError') }}\n                />\n              </Flex>\n\n              {Fields.UsedPreparer && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.UsedPreparer\n                    label={t('preparerQuestion')}\n                    validationMessages={{ REQUIRED: t('preparerQuestionError') }}\n                  />\n\n                  {preparerFieldGroups.map((PreparerFields, index) => {\n                    const isLast = index === preparerFieldGroups.length - 1\n                    return (\n                      <Flex flexDirection=\"column\" gap={0} key={index}>\n                        <div className={styles.preparerAlert}>\n                          <Components.Alert\n                            label={t('preparerNote')}\n                            status=\"info\"\n                            disableScrollIntoView\n                          />\n                        </div>\n                        <PreparerSection\n                          PreparerFields={PreparerFields}\n                          showAddButton={isLast && (preparers?.canAdd ?? false)}\n                          showRemoveButton={\n                            isLast &&\n                            (preparers?.canRemove ?? false) &&\n                            preparerFieldGroups.length > 1\n                          }\n                          onAdd={() => hookResult.actions.addPreparer?.()}\n                          onRemove={() => hookResult.actions.removePreparer?.()}\n                        />\n                      </Flex>\n                    )\n                  })}\n                </Flex>\n              )}\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('cancelCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n\ninterface EligibilityStatusAlertProps {\n  authorizationStatus: AuthorizationStatus\n  onChangeStatus: () => void\n}\n\nfunction EligibilityStatusAlert({\n  authorizationStatus,\n  onChangeStatus,\n}: EligibilityStatusAlertProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  const alertLabelKeys = {\n    citizen: 'eligibilityAlertLabel_citizen',\n    permanent_resident: 'eligibilityAlertLabel_permanent_resident',\n    noncitizen: 'eligibilityAlertLabel_noncitizen',\n    alien: 'eligibilityAlertLabel_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  const alertDescriptionKeys = {\n    citizen: 'eligibilityAlertDescription_citizen',\n    permanent_resident: 'eligibilityAlertDescription_permanent_resident',\n    noncitizen: 'eligibilityAlertDescription_noncitizen',\n    alien: 'eligibilityAlertDescription_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  return (\n    <Components.Alert\n      status=\"info\"\n      label={t(alertLabelKeys[authorizationStatus])}\n      disableScrollIntoView\n    >\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Text>{t(alertDescriptionKeys[authorizationStatus])}</Components.Text>\n        <div>\n          <Components.Button variant=\"secondary\" type=\"button\" onClick={onChangeStatus}>\n            {t('eligibilityAlertChangeStatusCta')}\n          </Components.Button>\n        </div>\n      </Flex>\n    </Components.Alert>\n  )\n}\n\ninterface PreparerSectionProps {\n  PreparerFields: PreparerFieldGroup\n  showRemoveButton: boolean\n  showAddButton: boolean\n  onAdd: () => void\n  onRemove: () => void\n}\n\nfunction PreparerSection({\n  PreparerFields,\n  showRemoveButton,\n  showAddButton,\n  onAdd,\n  onRemove,\n}: PreparerSectionProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Components.Heading as=\"h3\">{t('preparerSectionTitle')}</Components.Heading>\n\n      <PreparerFields.FirstName\n        label={t('preparerFirstNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerFirstNameError') }}\n      />\n      <PreparerFields.LastName\n        label={t('preparerLastNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerLastNameError') }}\n      />\n      <PreparerFields.Street1\n        label={t('preparerStreet1Label')}\n        validationMessages={{ REQUIRED: t('preparerStreet1Error') }}\n      />\n      <PreparerFields.Street2 label={t('preparerStreet2Label')} />\n      <PreparerFields.City\n        label={t('preparerCityLabel')}\n        validationMessages={{ REQUIRED: t('preparerCityError') }}\n      />\n      <PreparerFields.State\n        label={t('preparerStateLabel')}\n        placeholder={t('preparerStatePlaceholder')}\n        validationMessages={{ REQUIRED: t('preparerStateError') }}\n      />\n      <PreparerFields.Zip\n        label={t('preparerZipLabel')}\n        validationMessages={{ REQUIRED: t('preparerZipError') }}\n      />\n      <PreparerFields.Signature\n        label={t('preparerSignatureLabel')}\n        description={t('preparerSignatureDescription')}\n        validationMessages={{ REQUIRED: t('preparerSignatureError') }}\n      />\n      <PreparerFields.ConfirmSignature\n        label={t('preparerConfirmationLabel')}\n        validationMessages={{ REQUIRED: t('preparerConfirmationError') }}\n      />\n\n      {(showAddButton || showRemoveButton) && (\n        <div className={styles.preparerActions}>\n          {showAddButton && (\n            <Components.Button type=\"button\" variant=\"secondary\" onClick={onAdd}>\n              {t('addPreparerCta')}\n            </Components.Button>\n          )}\n          {showRemoveButton && (\n            <Components.Button type=\"button\" variant=\"error\" onClick={onRemove}>\n              {t('removePreparerCta')}\n            </Components.Button>\n          )}\n        </div>\n      )}\n    </Flex>\n  )\n}\n"],"names":["I9SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","i9AuthData","useI9VerificationGetAuthorization","authorizationStatus","BaseLayout","form","pdfUrl","isPending","Fields","preparers","handleBack","componentEvents","handleChangeEligibility","handleSubmit","result","preparerFieldGroups","Group","SDKFormProvider","Form","jsxs","Flex","Trans","EligibilityStatusAlert","DocumentViewer","PreparerFields","index","isLast","styles","PreparerSection","ActionsLayout","onChangeStatus","t","alertLabelKeys","alertDescriptionKeys","showRemoveButton","showAddButton","onAdd","onRemove"],"mappings":"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"}
+{"version":3,"file":"I9SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/I9SignatureForm/I9SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport type { AuthorizationStatus } from '@gusto/embedded-api/models/components/i9authorization'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useSignEmployeeForm, type PreparerFieldGroup } from '../shared/useSignEmployeeForm'\nimport styles from './I9SignatureForm.module.scss'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface I9SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function I9SignatureForm(props: I9SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: I9SignatureFormProps) {\n  useI18n('Employee.I9SignatureForm')\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  const { data: i9AuthData } = useI9VerificationGetAuthorization({ employeeId })\n  const authorizationStatus = i9AuthData?.i9Authorization?.authorizationStatus\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields, preparers } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleChangeEligibility = () => {\n    onEvent(componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  const preparerFieldGroups = [\n    Fields.Preparer1,\n    Fields.Preparer2,\n    Fields.Preparer3,\n    Fields.Preparer4,\n  ].filter(Group => Group !== undefined)\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20}>\n              <section>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"description\"\n                    t={t}\n                    components={{\n                      viewFormLink: pdfUrl ? (\n                        <Components.Link\n                          href={pdfUrl}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          download={`${form.title || 'form'}.pdf`}\n                        />\n                      ) : (\n                        <span />\n                      ),\n                    }}\n                  />\n                </Components.Text>\n              </section>\n\n              {authorizationStatus && (\n                <EligibilityStatusAlert\n                  authorizationStatus={authorizationStatus}\n                  onChangeStatus={handleChangeEligibility}\n                />\n              )}\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureLabel')}\n                  description={t('signatureDescription')}\n                  validationMessages={{ REQUIRED: t('signatureError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmationLabel')}\n                  validationMessages={{ REQUIRED: t('confirmationError') }}\n                />\n              </Flex>\n\n              {Fields.UsedPreparer && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.UsedPreparer\n                    label={t('preparerQuestion')}\n                    validationMessages={{ REQUIRED: t('preparerQuestionError') }}\n                  />\n\n                  {preparerFieldGroups.map((PreparerFields, index) => {\n                    const isLast = index === preparerFieldGroups.length - 1\n                    return (\n                      <Flex flexDirection=\"column\" gap={0} key={index}>\n                        <div className={styles.preparerAlert}>\n                          <Components.Alert\n                            label={t('preparerNote')}\n                            status=\"info\"\n                            disableScrollIntoView\n                          />\n                        </div>\n                        <PreparerSection\n                          PreparerFields={PreparerFields}\n                          showAddButton={isLast && (preparers?.canAdd ?? false)}\n                          showRemoveButton={\n                            isLast &&\n                            (preparers?.canRemove ?? false) &&\n                            preparerFieldGroups.length > 1\n                          }\n                          onAdd={() => hookResult.actions.addPreparer?.()}\n                          onRemove={() => hookResult.actions.removePreparer?.()}\n                        />\n                      </Flex>\n                    )\n                  })}\n                </Flex>\n              )}\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('cancelCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n\ninterface EligibilityStatusAlertProps {\n  authorizationStatus: AuthorizationStatus\n  onChangeStatus: () => void\n}\n\nfunction EligibilityStatusAlert({\n  authorizationStatus,\n  onChangeStatus,\n}: EligibilityStatusAlertProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  const alertLabelKeys = {\n    citizen: 'eligibilityAlertLabel_citizen',\n    permanent_resident: 'eligibilityAlertLabel_permanent_resident',\n    noncitizen: 'eligibilityAlertLabel_noncitizen',\n    alien: 'eligibilityAlertLabel_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  const alertDescriptionKeys = {\n    citizen: 'eligibilityAlertDescription_citizen',\n    permanent_resident: 'eligibilityAlertDescription_permanent_resident',\n    noncitizen: 'eligibilityAlertDescription_noncitizen',\n    alien: 'eligibilityAlertDescription_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  return (\n    <Components.Alert\n      status=\"info\"\n      label={t(alertLabelKeys[authorizationStatus])}\n      disableScrollIntoView\n    >\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Text>{t(alertDescriptionKeys[authorizationStatus])}</Components.Text>\n        <div>\n          <Components.Button variant=\"secondary\" type=\"button\" onClick={onChangeStatus}>\n            {t('eligibilityAlertChangeStatusCta')}\n          </Components.Button>\n        </div>\n      </Flex>\n    </Components.Alert>\n  )\n}\n\ninterface PreparerSectionProps {\n  PreparerFields: PreparerFieldGroup\n  showRemoveButton: boolean\n  showAddButton: boolean\n  onAdd: () => void\n  onRemove: () => void\n}\n\nfunction PreparerSection({\n  PreparerFields,\n  showRemoveButton,\n  showAddButton,\n  onAdd,\n  onRemove,\n}: PreparerSectionProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Components.Heading as=\"h3\">{t('preparerSectionTitle')}</Components.Heading>\n\n      <PreparerFields.FirstName\n        label={t('preparerFirstNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerFirstNameError') }}\n      />\n      <PreparerFields.LastName\n        label={t('preparerLastNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerLastNameError') }}\n      />\n      <PreparerFields.Street1\n        label={t('preparerStreet1Label')}\n        validationMessages={{ REQUIRED: t('preparerStreet1Error') }}\n      />\n      <PreparerFields.Street2 label={t('preparerStreet2Label')} />\n      <PreparerFields.City\n        label={t('preparerCityLabel')}\n        validationMessages={{ REQUIRED: t('preparerCityError') }}\n      />\n      <PreparerFields.State\n        label={t('preparerStateLabel')}\n        placeholder={t('preparerStatePlaceholder')}\n        validationMessages={{ REQUIRED: t('preparerStateError') }}\n        getOptionLabel={(abbr: string) => tCommon(`statesHash.${abbr}`, { defaultValue: abbr })}\n      />\n      <PreparerFields.Zip\n        label={t('preparerZipLabel')}\n        validationMessages={{ REQUIRED: t('preparerZipError') }}\n      />\n      <PreparerFields.Signature\n        label={t('preparerSignatureLabel')}\n        description={t('preparerSignatureDescription')}\n        validationMessages={{ REQUIRED: t('preparerSignatureError') }}\n      />\n      <PreparerFields.ConfirmSignature\n        label={t('preparerConfirmationLabel')}\n        validationMessages={{ REQUIRED: t('preparerConfirmationError') }}\n      />\n\n      {(showAddButton || showRemoveButton) && (\n        <div className={styles.preparerActions}>\n          {showAddButton && (\n            <Components.Button type=\"button\" variant=\"secondary\" onClick={onAdd}>\n              {t('addPreparerCta')}\n            </Components.Button>\n          )}\n          {showRemoveButton && (\n            <Components.Button type=\"button\" variant=\"error\" onClick={onRemove}>\n              {t('removePreparerCta')}\n            </Components.Button>\n          )}\n        </div>\n      )}\n    </Flex>\n  )\n}\n"],"names":["I9SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","i9AuthData","useI9VerificationGetAuthorization","authorizationStatus","BaseLayout","form","pdfUrl","isPending","Fields","preparers","handleBack","componentEvents","handleChangeEligibility","handleSubmit","result","preparerFieldGroups","Group","SDKFormProvider","Form","jsxs","Flex","Trans","EligibilityStatusAlert","DocumentViewer","PreparerFields","index","isLast","styles","PreparerSection","ActionsLayout","onChangeStatus","t","alertLabelKeys","alertDescriptionKeys","showRemoveButton","showAddButton","onAdd","onRemove","tCommon","abbr"],"mappings":"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"}