@gusto/embedded-react-sdk 0.55.2 → 0.55.4

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

@@ -1,26 +1,26 @@
-import { jsx as o, jsxs as p } 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";
+import { jsx as o, jsxs as E } from "react/jsx-runtime";
+import { useEmployeeFormsListSuspense as a } from "@gusto/embedded-api/react-query/employeeFormsList";
+import { Head as F } from "./Head.js";
+import { List as S } from "./List.js";
 import { Actions as h } from "./Actions.js";
-import { DocumentListProvider as S } from "./useDocumentList.js";
-import { BaseComponent as L } from "../../../../../Base/Base.js";
-import { useBase as g } from "../../../../../Base/useBase.js";
-import { useI18n as O } from "../../../../../../i18n/I18n.js";
+import { DocumentListProvider as g } from "./useDocumentList.js";
+import { BaseComponent as D } from "../../../../../Base/Base.js";
+import { useBase as L } from "../../../../../Base/useBase.js";
+import { useComponentDictionary as y, useI18n as O } from "../../../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../../../shared/constants.js";
 import { Flex as _ } from "../../../../../Common/Flex/Flex.js";
-function N(e) {
-  return /* @__PURE__ */ o(L, { ...e, children: /* @__PURE__ */ o(v, { ...e }) });
+function G(e) {
+  return /* @__PURE__ */ o(D, { ...e, children: /* @__PURE__ */ o(v, { ...e }) });
 }
-function v({ employeeId: e, className: s, children: t }) {
-  O("Employee.DocumentSigner");
-  const { onEvent: m } = g(), { data: u, error: c } = E({ employeeId: e }), r = u.forms, l = r.every((n) => !n.requiresSigning);
+function v({ employeeId: e, className: s, children: t, dictionary: u }) {
+  y("Employee.DocumentSigner", u), O("Employee.DocumentSigner");
+  const { onEvent: m } = L(), { data: c, error: l } = a({ employeeId: e }), r = c.forms, p = r.every((n) => !n.requiresSigning);
   return /* @__PURE__ */ o("section", { className: s, children: /* @__PURE__ */ o(
-    S,
+    g,
     {
       value: {
         employeeForms: r,
-        hasSignedAllForms: l,
+        hasSignedAllForms: p,
         handleContinue: () => {
           m(i.EMPLOYEE_FORMS_DONE);
         },
@@ -28,17 +28,17 @@ function v({ employeeId: e, className: s, children: t }) {
           const f = r.find((d) => d.uuid === n.uuid);
           m(i.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: n.uuid, name: f?.name });
         },
-        documentListError: c
+        documentListError: l
       },
-      children: t || /* @__PURE__ */ p(_, { flexDirection: "column", children: [
-        /* @__PURE__ */ o(a, {}),
+      children: t || /* @__PURE__ */ E(_, { flexDirection: "column", children: [
         /* @__PURE__ */ o(F, {}),
+        /* @__PURE__ */ o(S, {}),
         /* @__PURE__ */ o(h, {})
       ] })
     }
   ) });
 }
 export {
-  N as DocumentList
+  G as DocumentList
 };
 //# sourceMappingURL=DocumentList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/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 { BaseComponent, type BaseComponentInterface } 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\n/**\n * Props for {@link DocumentList}.\n *\n * @public\n */\nexport interface DocumentListProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Lists the employee's documents pending signature.\n *\n * @remarks\n * Fetches the employee's forms and renders the list of documents that still\n * require signing along with a continue action once everything is signed.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected | `{ uuid: string; name?: string }` |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n *\n * @param props - See {@link DocumentListProps}.\n * @returns The employee document list.\n * @public\n */\nexport function DocumentList(props: DocumentListProps) {\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.forms!\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":";;;;;;;;;;;AAuCO,SAASA,EAAaC,GAA0B;AACrD,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,OAErBI,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/Documents/onboarding/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 { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\n\n/**\n * Props for {@link DocumentList}.\n *\n * @public\n */\nexport interface DocumentListProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Lists the employee's documents pending signature.\n *\n * @remarks\n * Fetches the employee's forms and renders the list of documents that still\n * require signing along with a continue action once everything is signed.\n *\n * Each form's description is rendered as returned by the API, unless the `dictionary` prop\n * supplies a `forms.<name>.description` override for that form's `name` (e.g.\n * `forms.employee_direct_deposit.description`).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected | `{ uuid: string; name?: string }` |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n *\n * @param props - See {@link DocumentListProps}.\n * @returns The employee document list.\n * @public\n */\nexport function DocumentList(props: DocumentListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children, dictionary }: DocumentListProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.forms!\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","dictionary","useComponentDictionary","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","f","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;AA2CO,SAASA,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,GAAU,YAAAC,KAAiC;AAChF,EAAAC,EAAuB,2BAA2BD,CAAU,GAC5DE,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAV,GAAY,GAChFW,IAAgBH,EAAK,OAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAhB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACiB;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,UAAAP,KAGC,gBAAAgB,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAAtB,EAACuB,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/Documents/onboarding/DocumentSigner/DocumentList/List.js

@@ -1,21 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
-import { useDocumentList as s } from "./useDocumentList.js";
+import { jsx as n } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { useDocumentList as m } from "./useDocumentList.js";
 import l from "./List.module.scss.js";
 import { Flex as u } from "../../../../../Common/Flex/Flex.js";
 import { DocumentList as c } from "../../../../../Common/DocumentList/DocumentList.js";
-function f() {
-  const { employeeForms: i, handleRequestFormToSign: n, documentListError: r } = s(), { t: e } = m("Employee.DocumentSigner");
-  return /* @__PURE__ */ o("section", { className: l.root, children: /* @__PURE__ */ o(u, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(
+function a(t, i) {
+  return t.name && i(`forms.${t.name}.description`, { defaultValue: "" }) || t.description;
+}
+function D() {
+  const { employeeForms: t, handleRequestFormToSign: i, documentListError: r } = m(), { t: e } = s("Employee.DocumentSigner");
+  return /* @__PURE__ */ n("section", { className: l.root, children: /* @__PURE__ */ n(u, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ n(
     c,
     {
-      forms: i.map((t) => ({
-        uuid: t.uuid,
-        title: t.title,
-        description: t.description,
-        requires_signing: t.requiresSigning
+      forms: t.map((o) => ({
+        uuid: o.uuid,
+        title: o.title,
+        description: a(o, e),
+        requires_signing: o.requiresSigning
       })),
-      onRequestSign: n,
+      onRequestSign: i,
       withError: !!r,
       label: e("documentListLabel"),
       columnLabels: {
@@ -33,6 +36,6 @@ function f() {
   ) }) });
 }
 export {
-  f as List
+  D as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport styles from './List.module.scss'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\n/** @internal */\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section className={styles.root}>\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","styles","Flex","SharedDocumentList","form"],"mappings":";;;;;;AAMO,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,WAAWC,EAAO,MACzB,4BAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAF;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,OAAOT,EAAc,IAAI,CAAAU,OAAS;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeT;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/Documents/onboarding/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { TFunction } from 'i18next'\nimport type { Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { useDocumentList } from './useDocumentList'\nimport styles from './List.module.scss'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\n/**\n * Resolves a form's rendered description, preferring a partner-provided\n * `forms.<name>.description` dictionary override over the API-provided text.\n * Falls back to the API text when no override exists (including for form\n * names outside the SDK's known catalog).\n */\nfunction resolveFormDescription(form: FormSchema, t: TFunction<'Employee.DocumentSigner'>) {\n  if (!form.name) return form.description\n  const override = t(`forms.${form.name}.description` as never, { defaultValue: '' }) as string\n  return override || form.description\n}\n\n/** @internal */\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section className={styles.root}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <SharedDocumentList\n          forms={employeeForms.map(form => ({\n            uuid: form.uuid,\n            title: form.title,\n            description: resolveFormDescription(form, t),\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":["resolveFormDescription","form","t","List","employeeForms","handleRequestFormToSign","documentListError","useDocumentList","useTranslation","jsx","styles","Flex","SharedDocumentList"],"mappings":";;;;;;AAaA,SAASA,EAAuBC,GAAkBC,GAAyC;AACzF,SAAKD,EAAK,QACOC,EAAE,SAASD,EAAK,IAAI,gBAAyB,EAAE,cAAc,IAAI,KAC/DA,EAAK;AAC1B;AAGO,SAASE,IAAO;AACrB,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,mBAAAC,EAAA,IAAsBC,EAAA,GAChE,EAAE,GAAAL,EAAA,IAAMM,EAAe,yBAAyB;AAEtD,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,MACzB,4BAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAF;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,OAAOR,EAAc,IAAI,CAAAH,OAAS;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaD,EAAuBC,GAAMC,CAAC;AAAA,QAC3C,kBAAkBD,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeI;AAAA,MACf,WAAW,CAAC,CAACC;AAAA,MACb,OAAOJ,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/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js

@@ -11,11 +11,10 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../../../shared/constants.js";
 import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [a, f] = t("DocumentListContext");
+const [d, a] = t("DocumentListContext");
 export {
-  f as DocumentListProvider,
-  a as useDocumentList
+  a as DocumentListProvider,
+  d as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/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/Documents/onboarding/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/Documents/onboarding/DocumentSigner/DocumentSigner.d.ts

@@ -19,6 +19,10 @@ export interface DocumentSignerProps extends BaseComponentInterface<'Employee.Do
  * signed, the flow starts on the I-9 employment eligibility step before
  * presenting the document list.
  *
+ * Each form's description is rendered as returned by the API, unless the `dictionary` prop
+ * supplies a `forms.<name>.description` override for that form's `name` (e.g.
+ * `forms.employee_direct_deposit.description`).
+ *
  * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When `true`, the flow routes through I-9 employment eligibility before listing documents for signing. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Onboarding step for signing employee documents.\n *\n * @remarks\n * Lists the employee's pending forms and routes through the signing UI for each\n * one. When `withEmployeeI9` is `true` and the employee's I-9 has not been\n * signed, the flow starts on the I-9 employment eligibility step before\n * presenting the document list.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected from the document list | `{ uuid: string; name?: string }` |\n * | `employee/forms/sign` | Fired after a form is successfully signed | {@link APIModels.Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |\n *\n * @components\n * - {@link EmploymentEligibility}\n * - {@link I9SignatureForm}\n * - {@link DocumentList}\n * - {@link SignatureForm}\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AAwDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When `true`, the flow routes through I-9 employment eligibility before listing documents for signing. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Onboarding step for signing employee documents.\n *\n * @remarks\n * Lists the employee's pending forms and routes through the signing UI for each\n * one. When `withEmployeeI9` is `true` and the employee's I-9 has not been\n * signed, the flow starts on the I-9 employment eligibility step before\n * presenting the document list.\n *\n * Each form's description is rendered as returned by the API, unless the `dictionary` prop\n * supplies a `forms.<name>.description` override for that form's `name` (e.g.\n * `forms.employee_direct_deposit.description`).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected from the document list | `{ uuid: string; name?: string }` |\n * | `employee/forms/sign` | Fired after a form is successfully signed | {@link APIModels.Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |\n *\n * @components\n * - {@link EmploymentEligibility}\n * - {@link I9SignatureForm}\n * - {@link DocumentList}\n * - {@link SignatureForm}\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AA4DO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}

package/dist/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.js

@@ -1,156 +1,144 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as R, useCallback as _ } from "react";
-import { useTranslation as C } from "react-i18next";
-import { useErrorBoundary as O } from "react-error-boundary";
+import { jsx as o } from "react/jsx-runtime";
+import { useState as L, useCallback as k } from "react";
+import { useTranslation as D } from "react-i18next";
+import { useErrorBoundary as _ } from "react-error-boundary";
 import { Loading as T } from "../../../../Common/Loading/Loading.js";
-import { EmptyData as D } from "../../../../Common/EmptyData/EmptyData.js";
-import { BaseBoundaries as v, BaseLayout as x } from "../../../../Base/Base.js";
-import { useComponentContext as L } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { composeErrorHandler as j } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-import { usePaymentMethodList as W } from "../../../PaymentMethod/shared/usePaymentMethodList.js";
-import { formatDateLongWithYear as Y } from "../../../../../helpers/dateFormatting.js";
-import H from "../../../../../hooks/useNumberFormatter.js";
+import { EmptyData as E } from "../../../../Common/EmptyData/EmptyData.js";
+import { BaseBoundaries as O, BaseLayout as M } from "../../../../Base/Base.js";
+import { useComponentContext as S } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { openPdfInNewTab as U } from "../../../../../helpers/openPdfInNewTab.js";
+import { composeErrorHandler as Y } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { usePaymentMethodList as H } from "../../../PaymentMethod/shared/usePaymentMethodList.js";
+import { formatDateLongWithYear as R } from "../../../../../helpers/dateFormatting.js";
+import W from "../../../../../hooks/useNumberFormatter.js";
 import { useI18n as F } from "../../../../../i18n/I18n.js";
-import { componentEvents as M } from "../../../../../shared/constants.js";
+import { componentEvents as w } from "../../../../../shared/constants.js";
 import V from "../../../../../assets/icons/download-cloud.svg.js";
-import { usePaystubsList as G } from "../../shared/usePaystubsList/usePaystubsList.js";
-import { useNonce as Q } from "../../../../../contexts/NonceProvider/useNonce.js";
-import { useDataView as q } from "../../../../Common/DataView/useDataView.js";
-import { DataView as z } from "../../../../Common/DataView/DataView.js";
-function ft({ LoaderComponent: i, ...s }) {
-  return /* @__PURE__ */ r(v, { componentName: "Employee.Management.Paystubs", LoaderComponent: i, children: /* @__PURE__ */ r(J, { LoaderComponent: i, ...s }) });
+import { usePaystubsList as v } from "../../shared/usePaystubsList/usePaystubsList.js";
+import { useNonce as G } from "../../../../../contexts/NonceProvider/useNonce.js";
+import { useDataView as j } from "../../../../Common/DataView/useDataView.js";
+import { DataView as Q } from "../../../../Common/DataView/DataView.js";
+function pt({ LoaderComponent: a, ...i }) {
+  return /* @__PURE__ */ o(O, { componentName: "Employee.Management.Paystubs", LoaderComponent: a, children: /* @__PURE__ */ o(q, { LoaderComponent: a, ...i }) });
 }
-function J({ employeeId: i, onEvent: s, LoaderComponent: c }) {
+function q({ employeeId: a, onEvent: i, LoaderComponent: s }) {
   F("Employee.Management.Paystubs");
-  const { t: m } = C("Employee.Management.Paystubs"), u = L(), l = G({ employeeId: i }), n = W({ employeeId: i }), d = j([l, n]);
-  return l.isLoading ? /* @__PURE__ */ r(x, { error: d.errors, LoaderComponent: c, children: /* @__PURE__ */ r(u.Box, { header: /* @__PURE__ */ r(u.BoxHeader, { title: m("title") }), children: /* @__PURE__ */ r(T, {}) }) }) : /* @__PURE__ */ r(
-    K,
+  const { t: l } = D("Employee.Management.Paystubs"), u = S(), d = v({ employeeId: a }), e = H({ employeeId: a }), m = Y([d, e]);
+  return d.isLoading ? /* @__PURE__ */ o(M, { error: m.errors, LoaderComponent: s, children: /* @__PURE__ */ o(u.Box, { header: /* @__PURE__ */ o(u.BoxHeader, { title: l("title") }), children: /* @__PURE__ */ o(T, {}) }) }) : /* @__PURE__ */ o(
+    z,
     {
-      employeeId: i,
-      onEvent: s,
-      paystubsList: l,
-      paymentMethodList: n,
-      errorHandling: d,
-      LoaderComponent: c
+      employeeId: a,
+      onEvent: i,
+      paystubsList: d,
+      paymentMethodList: e,
+      errorHandling: m,
+      LoaderComponent: s
     }
   );
 }
-function K({
-  employeeId: i,
-  onEvent: s,
-  paystubsList: c,
-  paymentMethodList: m,
+function z({
+  employeeId: a,
+  onEvent: i,
+  paystubsList: s,
+  paymentMethodList: l,
   errorHandling: u,
-  LoaderComponent: l
+  LoaderComponent: d
 }) {
-  const { t: n } = C("Employee.Management.Paystubs"), d = L(), f = H("currency"), { showBoundary: h } = O(), p = Q(), [S, g] = R(
+  const { t: e } = D("Employee.Management.Paystubs"), m = S(), y = W("currency"), { showBoundary: p } = _(), f = G(), [b, g] = L(
     () => /* @__PURE__ */ new Set()
-  ), { payStubs: E } = c.data, N = c.pagination.payStubs, k = m.isLoading ? void 0 : m.data.paymentMethod, A = _(
+  ), { payStubs: h } = s.data, C = s.pagination.payStubs, N = l.isLoading ? void 0 : l.data.paymentMethod, B = k(
     async (t) => {
-      s(M.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {
-        employeeId: i,
+      i(w.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {
+        employeeId: a,
         payrollUuid: t
       });
-      const o = window.open("", "_blank"), b = n("downloadLoadingMessage");
-      if (o) {
-        const e = o.document;
-        e.title = b;
-        const a = e.createElement("style");
-        p && (a.nonce = p), a.textContent = "body{font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;margin:0;color:#444;gap:12px}.spinner{width:20px;height:20px;border:2px solid #ccc;border-top-color:#444;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}", e.head.appendChild(a);
-        const y = e.createElement("div");
-        y.className = "spinner", y.setAttribute("aria-hidden", "true");
-        const w = e.createElement("span");
-        w.textContent = b, e.body.replaceChildren(y, w);
-      }
-      g((e) => {
-        const a = new Set(e);
-        return a.add(t), a;
+      const r = U({ loadingMessage: e("downloadLoadingMessage"), nonce: f });
+      g((n) => {
+        const c = new Set(n);
+        return c.add(t), c;
       });
       try {
-        const e = await c.actions.downloadPayStub(t);
-        if (!e) {
-          o && o.close();
+        const n = await s.actions.downloadPayStub(t);
+        if (!n) {
+          r.close();
           return;
         }
-        const a = URL.createObjectURL(e.data);
-        o ? (o.addEventListener("load", () => {
-          URL.revokeObjectURL(a);
-        }), o.location.href = a) : URL.revokeObjectURL(a), s(M.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {
-          employeeId: i,
+        r.navigate(n.data), i(w.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {
+          employeeId: a,
           payrollUuid: t
         });
-      } catch (e) {
-        o && o.close(), h(e instanceof Error ? e : new Error(String(e)));
+      } catch (n) {
+        r.close(), p(n instanceof Error ? n : new Error(String(n)));
       } finally {
-        g((e) => {
-          if (!e.has(t)) return e;
-          const a = new Set(e);
-          return a.delete(t), a;
+        g((n) => {
+          if (!n.has(t)) return n;
+          const c = new Set(n);
+          return c.delete(t), c;
         });
       }
     },
-    [c.actions, s, i, n, h, p]
-  ), B = [
+    [s.actions, i, a, e, p, f]
+  ), A = [
     {
       key: "payday",
-      title: n("payday"),
-      render: (t) => Y(t.checkDate) || "-"
+      title: e("payday"),
+      render: (t) => R(t.checkDate) || "-"
     },
     {
       key: "checkAmount",
-      title: n("checkAmount"),
+      title: e("checkAmount"),
       render: (t) => {
         if (!t.netPay) return "-";
-        const o = parseFloat(t.netPay);
-        return isNaN(o) ? "-" : f(o);
+        const r = parseFloat(t.netPay);
+        return isNaN(r) ? "-" : y(r);
       }
     },
     {
       key: "grossPay",
-      title: n("grossPay"),
+      title: e("grossPay"),
       render: (t) => {
         if (!t.grossPay) return "-";
-        const o = parseFloat(t.grossPay);
-        return isNaN(o) ? "-" : f(o);
+        const r = parseFloat(t.grossPay);
+        return isNaN(r) ? "-" : y(r);
       }
     },
     {
       key: "paymentMethod",
-      title: n("paymentMethod"),
-      render: () => k?.type || n("noPaymentMethod")
+      title: e("paymentMethod"),
+      render: () => N?.type || e("noPaymentMethod")
     }
-  ], U = q({
-    data: E,
-    columns: B,
-    pagination: N,
+  ], x = j({
+    data: h,
+    columns: A,
+    pagination: C,
     itemMenu: (t) => {
-      const o = !!t.payrollUuid && S.has(t.payrollUuid);
-      return /* @__PURE__ */ r(
-        d.ButtonIcon,
+      const r = !!t.payrollUuid && b.has(t.payrollUuid);
+      return /* @__PURE__ */ o(
+        m.ButtonIcon,
         {
           variant: "tertiary",
-          "aria-label": n("downloadCta"),
+          "aria-label": e("downloadCta"),
           isDisabled: !t.payrollUuid,
-          isLoading: o,
+          isLoading: r,
           onClick: () => {
-            t.payrollUuid && A(t.payrollUuid);
+            t.payrollUuid && B(t.payrollUuid);
           },
-          children: /* @__PURE__ */ r(V, { "aria-hidden": !0 })
+          children: /* @__PURE__ */ o(V, { "aria-hidden": !0 })
         }
       );
     },
-    emptyState: () => /* @__PURE__ */ r(D, { title: n("emptyState.title"), description: n("emptyState.description") })
-  }), P = E.length > 0;
-  return /* @__PURE__ */ r(x, { error: u.errors, LoaderComponent: l, children: /* @__PURE__ */ r(
-    d.Box,
+    emptyState: () => /* @__PURE__ */ o(E, { title: e("emptyState.title"), description: e("emptyState.description") })
+  }), P = h.length > 0;
+  return /* @__PURE__ */ o(M, { error: u.errors, LoaderComponent: d, children: /* @__PURE__ */ o(
+    m.Box,
     {
       withPadding: !P,
-      header: /* @__PURE__ */ r(d.BoxHeader, { title: n("title") }),
-      children: P ? /* @__PURE__ */ r(z, { label: n("listLabel"), isWithinBox: !0, ...U }) : /* @__PURE__ */ r(D, { title: n("emptyState.title"), description: n("emptyState.description") })
+      header: /* @__PURE__ */ o(m.BoxHeader, { title: e("title") }),
+      children: P ? /* @__PURE__ */ o(Q, { label: e("listLabel"), isWithinBox: !0, ...x }) : /* @__PURE__ */ o(E, { title: e("emptyState.title"), description: e("emptyState.description") })
     }
   ) });
 }
 export {
-  ft as PaystubsCard
+  pt as PaystubsCard
 };
 //# sourceMappingURL=PaystubsCard.js.map

package/dist/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaystubsCard.js","sources":["../../../../../../src/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport {\n  usePaystubsList,\n  type EmployeePayStub,\n  type UsePaystubsListReady,\n} from '../../shared/usePaystubsList'\nimport { DataView, EmptyData, useDataView, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useNonce } from '@/contexts/NonceProvider'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport {\n  usePaymentMethodList,\n  type UsePaymentMethodListResult,\n} from '@/components/Employee/PaymentMethod/shared'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport DownloadCloudIcon from '@/assets/icons/download-cloud.svg?react'\n\n/**\n * Props for {@link PaystubsCard}.\n *\n * @public\n */\nexport interface PaystubsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when paystub interactions occur. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone \"Paystubs\" card. Owns its own data fetch via\n * {@link usePaystubsList} and renders the paginated paystubs table with a\n * per-row PDF download action. Emits the management block's scoped events\n * (`EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_*`) on download request and on\n * download success. The card has no edit transitions and no alert API —\n * paystubs is a read-only surface whose only action is a download side\n * effect that opens the PDF in a new tab.\n *\n * @public\n */\nexport function PaystubsCard({ LoaderComponent, ...props }: PaystubsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Paystubs\" LoaderComponent={LoaderComponent}>\n      <PaystubsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PaystubsCardContent({ employeeId, onEvent, LoaderComponent }: PaystubsCardProps) {\n  useI18n('Employee.Management.Paystubs')\n  const { t } = useTranslation('Employee.Management.Paystubs')\n  const Components = useComponentContext()\n  const paystubsList = usePaystubsList({ employeeId })\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n\n  const errorHandling = composeErrorHandler([paystubsList, paymentMethodList])\n\n  if (paystubsList.isLoading) {\n    return (\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Components.Box header={<Components.BoxHeader title={t('title')} />}>\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <PaystubsCardReady\n      employeeId={employeeId}\n      onEvent={onEvent}\n      paystubsList={paystubsList}\n      paymentMethodList={paymentMethodList}\n      errorHandling={errorHandling}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\ninterface PaystubsCardReadyProps extends PaystubsCardProps {\n  paystubsList: UsePaystubsListReady\n  paymentMethodList: UsePaymentMethodListResult\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction PaystubsCardReady({\n  employeeId,\n  onEvent,\n  paystubsList,\n  paymentMethodList,\n  errorHandling,\n  LoaderComponent,\n}: PaystubsCardReadyProps) {\n  const { t } = useTranslation('Employee.Management.Paystubs')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const { showBoundary } = useErrorBoundary()\n  const nonce = useNonce()\n\n  const [downloadingPayrollUuids, setDownloadingPayrollUuids] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  )\n\n  const { payStubs } = paystubsList.data\n  const payStubsPagination = paystubsList.pagination.payStubs\n  const paymentMethod = paymentMethodList.isLoading\n    ? undefined\n    : paymentMethodList.data.paymentMethod\n\n  const handleDownload = useCallback(\n    async (payrollUuid: string) => {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {\n        employeeId,\n        payrollUuid,\n      })\n\n      // Omit `noopener` — it makes window.open return null in modern browsers,\n      // which would leave us unable to navigate the new tab to the blob URL.\n      const newWindow = window.open('', '_blank')\n      const loadingMessage = t('downloadLoadingMessage')\n      if (newWindow) {\n        // Avoid the user staring at about:blank while we fetch the PDF. The\n        // navigation to the Blob URL below replaces this document.\n        const doc = newWindow.document\n        doc.title = loadingMessage\n        const style = doc.createElement('style')\n        if (nonce) style.nonce = nonce\n        style.textContent =\n          'body{font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;' +\n          'justify-content:center;height:100vh;margin:0;color:#444;gap:12px}' +\n          '.spinner{width:20px;height:20px;border:2px solid #ccc;border-top-color:#444;' +\n          'border-radius:50%;animation:spin .8s linear infinite}' +\n          '@keyframes spin{to{transform:rotate(360deg)}}'\n        doc.head.appendChild(style)\n        const spinner = doc.createElement('div')\n        spinner.className = 'spinner'\n        spinner.setAttribute('aria-hidden', 'true')\n        const label = doc.createElement('span')\n        label.textContent = loadingMessage\n        doc.body.replaceChildren(spinner, label)\n      }\n      setDownloadingPayrollUuids(prev => {\n        const next = new Set(prev)\n        next.add(payrollUuid)\n        return next\n      })\n      try {\n        const result = await paystubsList.actions.downloadPayStub(payrollUuid)\n        if (!result) {\n          if (newWindow) newWindow.close()\n          return\n        }\n        const url = URL.createObjectURL(result.data)\n        if (newWindow) {\n          // Revoke after the new tab has loaded the blob; revoking synchronously\n          // would race the navigation and leave the tab blank.\n          newWindow.addEventListener('load', () => {\n            URL.revokeObjectURL(url)\n          })\n          newWindow.location.href = url\n        } else {\n          URL.revokeObjectURL(url)\n        }\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {\n          employeeId,\n          payrollUuid,\n        })\n      } catch (err) {\n        if (newWindow) newWindow.close()\n        showBoundary(err instanceof Error ? err : new Error(String(err)))\n      } finally {\n        setDownloadingPayrollUuids(prev => {\n          if (!prev.has(payrollUuid)) return prev\n          const next = new Set(prev)\n          next.delete(payrollUuid)\n          return next\n        })\n      }\n    },\n    [paystubsList.actions, onEvent, employeeId, t, showBoundary, nonce],\n  )\n\n  const payStubsColumns = [\n    {\n      key: 'payday',\n      title: t('payday'),\n      render: (payStub: EmployeePayStub) => formatDateLongWithYear(payStub.checkDate) || '-',\n    },\n    {\n      key: 'checkAmount',\n      title: t('checkAmount'),\n      render: (payStub: EmployeePayStub) => {\n        if (!payStub.netPay) return '-'\n        const amount = parseFloat(payStub.netPay)\n        return isNaN(amount) ? '-' : formatCurrency(amount)\n      },\n    },\n    {\n      key: 'grossPay',\n      title: t('grossPay'),\n      render: (payStub: EmployeePayStub) => {\n        if (!payStub.grossPay) return '-'\n        const amount = parseFloat(payStub.grossPay)\n        return isNaN(amount) ? '-' : formatCurrency(amount)\n      },\n    },\n    {\n      key: 'paymentMethod',\n      title: t('paymentMethod'),\n      render: () => paymentMethod?.type || t('noPaymentMethod'),\n    },\n  ]\n\n  const payStubsDataView = useDataView({\n    data: payStubs,\n    columns: payStubsColumns,\n    pagination: payStubsPagination,\n    itemMenu: payStub => {\n      const isDownloading =\n        !!payStub.payrollUuid && downloadingPayrollUuids.has(payStub.payrollUuid)\n      return (\n        <Components.ButtonIcon\n          variant=\"tertiary\"\n          aria-label={t('downloadCta')}\n          isDisabled={!payStub.payrollUuid}\n          isLoading={isDownloading}\n          onClick={() => {\n            if (payStub.payrollUuid) {\n              void handleDownload(payStub.payrollUuid)\n            }\n          }}\n        >\n          <DownloadCloudIcon aria-hidden />\n        </Components.ButtonIcon>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  const isShowingTable = payStubs.length > 0\n\n  return (\n    <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...payStubsDataView} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["PaystubsCard","LoaderComponent","props","jsx","BaseBoundaries","PaystubsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paystubsList","usePaystubsList","paymentMethodList","usePaymentMethodList","errorHandling","composeErrorHandler","BaseLayout","Loading","PaystubsCardReady","formatCurrency","useNumberFormatter","showBoundary","useErrorBoundary","nonce","useNonce","downloadingPayrollUuids","setDownloadingPayrollUuids","useState","payStubs","payStubsPagination","paymentMethod","handleDownload","useCallback","payrollUuid","componentEvents","newWindow","loadingMessage","doc","style","spinner","label","prev","next","result","url","err","payStubsColumns","payStub","formatDateLongWithYear","amount","payStubsDataView","useDataView","isDownloading","DownloadCloudIcon","EmptyData","isShowingTable","DataView"],"mappings":"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"}
+{"version":3,"file":"PaystubsCard.js","sources":["../../../../../../src/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport {\n  usePaystubsList,\n  type EmployeePayStub,\n  type UsePaystubsListReady,\n} from '../../shared/usePaystubsList'\nimport { DataView, EmptyData, useDataView, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useNonce } from '@/contexts/NonceProvider'\nimport { openPdfInNewTab } from '@/helpers/openPdfInNewTab'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport {\n  usePaymentMethodList,\n  type UsePaymentMethodListResult,\n} from '@/components/Employee/PaymentMethod/shared'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport DownloadCloudIcon from '@/assets/icons/download-cloud.svg?react'\n\n/**\n * Props for {@link PaystubsCard}.\n *\n * @public\n */\nexport interface PaystubsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when paystub interactions occur. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone \"Paystubs\" card. Owns its own data fetch via\n * {@link usePaystubsList} and renders the paginated paystubs table with a\n * per-row PDF download action. Emits the management block's scoped events\n * (`EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_*`) on download request and on\n * download success. The card has no edit transitions and no alert API —\n * paystubs is a read-only surface whose only action is a download side\n * effect that opens the PDF in a new tab.\n *\n * @public\n */\nexport function PaystubsCard({ LoaderComponent, ...props }: PaystubsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Paystubs\" LoaderComponent={LoaderComponent}>\n      <PaystubsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PaystubsCardContent({ employeeId, onEvent, LoaderComponent }: PaystubsCardProps) {\n  useI18n('Employee.Management.Paystubs')\n  const { t } = useTranslation('Employee.Management.Paystubs')\n  const Components = useComponentContext()\n  const paystubsList = usePaystubsList({ employeeId })\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n\n  const errorHandling = composeErrorHandler([paystubsList, paymentMethodList])\n\n  if (paystubsList.isLoading) {\n    return (\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Components.Box header={<Components.BoxHeader title={t('title')} />}>\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <PaystubsCardReady\n      employeeId={employeeId}\n      onEvent={onEvent}\n      paystubsList={paystubsList}\n      paymentMethodList={paymentMethodList}\n      errorHandling={errorHandling}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\ninterface PaystubsCardReadyProps extends PaystubsCardProps {\n  paystubsList: UsePaystubsListReady\n  paymentMethodList: UsePaymentMethodListResult\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction PaystubsCardReady({\n  employeeId,\n  onEvent,\n  paystubsList,\n  paymentMethodList,\n  errorHandling,\n  LoaderComponent,\n}: PaystubsCardReadyProps) {\n  const { t } = useTranslation('Employee.Management.Paystubs')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const { showBoundary } = useErrorBoundary()\n  const nonce = useNonce()\n\n  const [downloadingPayrollUuids, setDownloadingPayrollUuids] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  )\n\n  const { payStubs } = paystubsList.data\n  const payStubsPagination = paystubsList.pagination.payStubs\n  const paymentMethod = paymentMethodList.isLoading\n    ? undefined\n    : paymentMethodList.data.paymentMethod\n\n  const handleDownload = useCallback(\n    async (payrollUuid: string) => {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {\n        employeeId,\n        payrollUuid,\n      })\n\n      const tab = openPdfInNewTab({ loadingMessage: t('downloadLoadingMessage'), nonce })\n      setDownloadingPayrollUuids(prev => {\n        const next = new Set(prev)\n        next.add(payrollUuid)\n        return next\n      })\n      try {\n        const result = await paystubsList.actions.downloadPayStub(payrollUuid)\n        if (!result) {\n          tab.close()\n          return\n        }\n        tab.navigate(result.data)\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {\n          employeeId,\n          payrollUuid,\n        })\n      } catch (err) {\n        tab.close()\n        showBoundary(err instanceof Error ? err : new Error(String(err)))\n      } finally {\n        setDownloadingPayrollUuids(prev => {\n          if (!prev.has(payrollUuid)) return prev\n          const next = new Set(prev)\n          next.delete(payrollUuid)\n          return next\n        })\n      }\n    },\n    [paystubsList.actions, onEvent, employeeId, t, showBoundary, nonce],\n  )\n\n  const payStubsColumns = [\n    {\n      key: 'payday',\n      title: t('payday'),\n      render: (payStub: EmployeePayStub) => formatDateLongWithYear(payStub.checkDate) || '-',\n    },\n    {\n      key: 'checkAmount',\n      title: t('checkAmount'),\n      render: (payStub: EmployeePayStub) => {\n        if (!payStub.netPay) return '-'\n        const amount = parseFloat(payStub.netPay)\n        return isNaN(amount) ? '-' : formatCurrency(amount)\n      },\n    },\n    {\n      key: 'grossPay',\n      title: t('grossPay'),\n      render: (payStub: EmployeePayStub) => {\n        if (!payStub.grossPay) return '-'\n        const amount = parseFloat(payStub.grossPay)\n        return isNaN(amount) ? '-' : formatCurrency(amount)\n      },\n    },\n    {\n      key: 'paymentMethod',\n      title: t('paymentMethod'),\n      render: () => paymentMethod?.type || t('noPaymentMethod'),\n    },\n  ]\n\n  const payStubsDataView = useDataView({\n    data: payStubs,\n    columns: payStubsColumns,\n    pagination: payStubsPagination,\n    itemMenu: payStub => {\n      const isDownloading =\n        !!payStub.payrollUuid && downloadingPayrollUuids.has(payStub.payrollUuid)\n      return (\n        <Components.ButtonIcon\n          variant=\"tertiary\"\n          aria-label={t('downloadCta')}\n          isDisabled={!payStub.payrollUuid}\n          isLoading={isDownloading}\n          onClick={() => {\n            if (payStub.payrollUuid) {\n              void handleDownload(payStub.payrollUuid)\n            }\n          }}\n        >\n          <DownloadCloudIcon aria-hidden />\n        </Components.ButtonIcon>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  const isShowingTable = payStubs.length > 0\n\n  return (\n    <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...payStubsDataView} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["PaystubsCard","LoaderComponent","props","jsx","BaseBoundaries","PaystubsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paystubsList","usePaystubsList","paymentMethodList","usePaymentMethodList","errorHandling","composeErrorHandler","BaseLayout","Loading","PaystubsCardReady","formatCurrency","useNumberFormatter","showBoundary","useErrorBoundary","nonce","useNonce","downloadingPayrollUuids","setDownloadingPayrollUuids","useState","payStubs","payStubsPagination","paymentMethod","handleDownload","useCallback","payrollUuid","componentEvents","tab","openPdfInNewTab","prev","next","result","err","payStubsColumns","payStub","formatDateLongWithYear","amount","payStubsDataView","useDataView","isDownloading","DownloadCloudIcon","EmptyData","isShowingTable","DataView"],"mappings":"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"}

package/dist/components/Flow/Flow.js

@@ -1,42 +1,42 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { Suspense as u } from "react";
-import { useMachine as h } from "react-robot";
-import { FlowContext as x } from "./useFlow.js";
-import { FlowHeader as F } from "./FlowHeader.js";
-import { useLoadingIndicator as v } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { Suspense as d } from "react";
+import { useMachine as F } from "react-robot";
+import { FlowContext as v } from "./useFlow.js";
+import { FlowHeader as E } from "./FlowHeader.js";
+import { useLoadingIndicator as a } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { Flex as s } from "../Common/Flex/Flex.js";
-const E = 40;
+const g = 40;
 function H() {
-  const { LoadingIndicator: n } = v();
-  return /* @__PURE__ */ o(n, { height: E });
+  const { LoadingIndicator: o } = a();
+  return /* @__PURE__ */ n(o, { height: g });
 }
-const k = ({
-  onEvent: n,
+const A = ({
+  onEvent: o,
   machine: m
 }) => {
-  const [e, d, t] = h(m, {
-    onEvent: a,
+  const { LoadingIndicator: f } = a(), [e, p, t] = F(m, {
+    onEvent: h,
     component: null
   });
-  function a(c, i) {
-    const l = { type: c, payload: i }, p = d;
-    t.child ? t.child.send(l) : p(l), n(c, i);
+  function h(c, i) {
+    const l = { type: c, payload: i }, u = p;
+    t.child ? t.child.send(l) : u(l), o(c, i);
   }
   const r = e.context.component;
-  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
-    x.Provider,
+  return /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+    v.Provider,
     {
       value: {
         ...e.context
       },
-      children: /* @__PURE__ */ f(s, { flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ o(u, { fallback: /* @__PURE__ */ o(H, {}), children: /* @__PURE__ */ o(F, {}) }),
-        r && /* @__PURE__ */ o(r, {})
+      children: /* @__PURE__ */ x(s, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ n(d, { fallback: /* @__PURE__ */ n(H, {}), children: /* @__PURE__ */ n(E, {}) }),
+        /* @__PURE__ */ n(d, { fallback: /* @__PURE__ */ n(f, {}), children: r && /* @__PURE__ */ n(r, {}) })
       ] })
     }
   ) });
 };
 export {
-  k as Flow
+  A as Flow
 };
 //# sourceMappingURL=Flow.js.map