@gusto/embedded-react-sdk 0.52.1 → 0.53.0

package/dist/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Flex, CheckboxField, FlexItem } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEE_DOCUMENTS_FORM_ID = 'gusto-sdk-employee-documents-form'\n\nconst EmployeeDocumentsSchema = z.object({\n  includeI9: z.boolean(),\n})\n\n/** @internal */\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\n/** @internal */\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\n/** @internal */\nexport const EmployeeDocumentsPresentation = ({\n  isEmployeeSelfOnboarding,\n  currentI9Status,\n  onSubmit,\n  onDone,\n  isPending,\n}: EmployeeDocumentsPresentationProps) => {\n  useI18n('Employee.EmployeeDocuments')\n  const { t } = useTranslation('Employee.EmployeeDocuments')\n  const { Alert, Heading, Text, Button, Link, UnorderedList } = useComponentContext()\n\n  const formMethods = useForm<EmployeeDocumentsFormValues>({\n    resolver: zodResolver(EmployeeDocumentsSchema),\n    defaultValues: {\n      includeI9: currentI9Status,\n    },\n  })\n\n  const includeI9 = formMethods.watch('includeI9')\n\n  const renderSelfOnboarding = () => (\n    <FormProvider {...formMethods}>\n      <Form id={EMPLOYEE_DOCUMENTS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </Flex>\n\n          <Heading as=\"h3\">{t('selfOnboarding.documentsIncludedLabel')}</Heading>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.taxWithholdingLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.taxWithholdingDescription')}</Text>\n          </FlexItem>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.directDepositLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.directDepositDescription')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.includeI9Heading')}</Heading>\n          <CheckboxField\n            name=\"includeI9\"\n            label={t('selfOnboarding.includeI9Label')}\n            description={t('selfOnboarding.includeI9Description')}\n          />\n\n          {includeI9 ? (\n            <Alert status=\"warning\" label={t('selfOnboarding.alerts.includedTitle')}>\n              <UnorderedList\n                items={[\n                  <Trans\n                    key=\"included-description-1\"\n                    i18nKey={'selfOnboarding.alerts.includedDescription'}\n                    t={t}\n                    components={{\n                      Link: <Link />,\n                    }}\n                  />,\n                  <span key=\"included-description-2\">\n                    {t('selfOnboarding.alerts.includedDescription2')}\n                  </span>,\n                ]}\n              />\n            </Alert>\n          ) : (\n            <Alert status=\"info\" label={t('selfOnboarding.alerts.notIncludedTitle')}>\n              <Trans\n                i18nKey={'selfOnboarding.alerts.notIncludedDescription'}\n                t={t}\n                components={{\n                  Link: <Link />,\n                }}\n              />\n            </Alert>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n\n  const renderNotSelfOnboarding = () => (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text variant=\"supporting\">{t('notSelfOnboarding.description')}</Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={20}>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n          <Text variant=\"supporting\">\n            {t('notSelfOnboarding.employmentEligibilityDescription')}\n          </Text>\n        </FlexItem>\n\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n        </FlexItem>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.directDepositDescription')}</Text>\n        </FlexItem>\n      </Flex>\n      <Alert status=\"info\" label={t('notSelfOnboarding.alertTitle')} disableScrollIntoView></Alert>\n    </Flex>\n  )\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={16}>\n        {isEmployeeSelfOnboarding ? renderSelfOnboarding() : renderNotSelfOnboarding()}\n\n        <Flex justifyContent=\"flex-end\" gap={12}>\n          {isEmployeeSelfOnboarding ? (\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              form={EMPLOYEE_DOCUMENTS_FORM_ID}\n              isLoading={isPending}\n            >\n              {t('continueCta')}\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={onDone}>\n              {t('continueCta')}\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </>\n  )\n}\n"],"names":["EMPLOYEE_DOCUMENTS_FORM_ID","EmployeeDocumentsSchema","z","EmployeeDocumentsPresentation","isEmployeeSelfOnboarding","currentI9Status","onSubmit","onDone","isPending","useI18n","t","useTranslation","Alert","Heading","Text","Button","Link","UnorderedList","useComponentContext","formMethods","useForm","zodResolver","includeI9","jsxs","Flex","jsx","FormProvider","Form","FlexItem","CheckboxField","Trans"],"mappings":"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"}
+{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Flex, CheckboxField, FlexItem } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEE_DOCUMENTS_FORM_ID = 'gusto-sdk-employee-documents-form'\n\nconst EmployeeDocumentsSchema = z.object({\n  includeI9: z.boolean(),\n})\n\n/** @internal */\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\n/** @internal */\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\n/** @internal */\nexport const EmployeeDocumentsPresentation = ({\n  isEmployeeSelfOnboarding,\n  currentI9Status,\n  onSubmit,\n  onDone,\n  isPending,\n}: EmployeeDocumentsPresentationProps) => {\n  useI18n('Employee.EmployeeDocuments')\n  const { t } = useTranslation('Employee.EmployeeDocuments')\n  const { Alert, Heading, Text, Button, Link, UnorderedList } = useComponentContext()\n\n  const formMethods = useForm<EmployeeDocumentsFormValues>({\n    resolver: zodResolver(EmployeeDocumentsSchema),\n    defaultValues: {\n      includeI9: currentI9Status,\n    },\n  })\n\n  const includeI9 = formMethods.watch('includeI9')\n\n  const renderSelfOnboarding = () => (\n    <FormProvider {...formMethods}>\n      <Form id={EMPLOYEE_DOCUMENTS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </Flex>\n\n          <Heading as=\"h3\">{t('selfOnboarding.documentsIncludedLabel')}</Heading>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.taxWithholdingLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.taxWithholdingDescription')}</Text>\n          </FlexItem>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.directDepositLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.directDepositDescription')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.includeI9Heading')}</Heading>\n          <CheckboxField\n            name=\"includeI9\"\n            label={t('selfOnboarding.includeI9Label')}\n            description={t('selfOnboarding.includeI9Description')}\n          />\n\n          {includeI9 ? (\n            <Alert status=\"warning\" label={t('selfOnboarding.alerts.includedTitle')}>\n              <UnorderedList\n                items={[\n                  <Trans\n                    key=\"included-description-1\"\n                    i18nKey={'selfOnboarding.alerts.includedDescription'}\n                    t={t}\n                    components={{\n                      Link: <Link />,\n                    }}\n                  />,\n                  <span key=\"included-description-2\">\n                    {t('selfOnboarding.alerts.includedDescription2')}\n                  </span>,\n                ]}\n              />\n            </Alert>\n          ) : (\n            <Alert status=\"info\" label={t('selfOnboarding.alerts.notIncludedTitle')}>\n              <Trans\n                i18nKey={'selfOnboarding.alerts.notIncludedDescription'}\n                t={t}\n                components={{\n                  Link: <Link />,\n                }}\n              />\n            </Alert>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n\n  const renderNotSelfOnboarding = () => (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text variant=\"supporting\">{t('notSelfOnboarding.description')}</Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={20}>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n          <Text variant=\"supporting\">\n            {t('notSelfOnboarding.employmentEligibilityDescription')}\n          </Text>\n        </FlexItem>\n\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n        </FlexItem>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.directDepositDescription')}</Text>\n        </FlexItem>\n      </Flex>\n      <Alert status=\"info\" label={t('notSelfOnboarding.alertTitle')} disableScrollIntoView></Alert>\n    </Flex>\n  )\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={16}>\n        {isEmployeeSelfOnboarding ? renderSelfOnboarding() : renderNotSelfOnboarding()}\n\n        <Flex justifyContent=\"flex-end\" gap={12}>\n          {isEmployeeSelfOnboarding ? (\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              form={EMPLOYEE_DOCUMENTS_FORM_ID}\n              isLoading={isPending}\n            >\n              {t('continueCta')}\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={onDone}>\n              {t('continueCta')}\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </>\n  )\n}\n"],"names":["EMPLOYEE_DOCUMENTS_FORM_ID","EmployeeDocumentsSchema","z","EmployeeDocumentsPresentation","isEmployeeSelfOnboarding","currentI9Status","onSubmit","onDone","isPending","useI18n","t","useTranslation","Alert","Heading","Text","Button","Link","UnorderedList","useComponentContext","formMethods","useForm","zodResolver","includeI9","jsxs","Flex","jsx","FormProvider","Form","FlexItem","CheckboxField","Trans"],"mappings":"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"}

package/dist/components/Employee/Documents/shared/SignatureForm/SignatureForm.js

@@ -5,19 +5,18 @@ import { BaseComponent as L, BaseLayout as d } from "../../../../Base/Base.js";
 import { useBase as v } from "../../../../Base/useBase.js";
 import { useI18n as D } from "../../../../../i18n/I18n.js";
 import { componentEvents as u } from "../../../../../shared/constants.js";
-import { Flex as p } from "../../../../Common/Flex/Flex.js";
+import { Flex as f } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as w } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as y } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { Form as k } from "../../../../Common/Form/Form.js";
-import { SDKFormProvider as x } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as y } from "../../../../Common/Form/Form.js";
+import { SDKFormProvider as k } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as x } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { DocumentViewer as R } from "../../../../Common/DocumentViewer/DocumentViewer.js";
-function V(t) {
+function G(t) {
   return /* @__PURE__ */ o(L, { ...t, children: /* @__PURE__ */ o(B, { ...t }) });
 }
-function B({ employeeId: t, formId: f, className: g }) {
+function B({ employeeId: t, formId: p, className: g }) {
   D("Employee.DocumentSigner");
-  const { t: r } = S("Employee.DocumentSigner"), { onEvent: m } = v(), n = y(), e = F({ employeeId: t, formId: f });
+  const { t: r } = S("Employee.DocumentSigner"), { onEvent: m } = v(), n = x(), e = F({ employeeId: t, formId: p });
   if (e.isLoading)
     return /* @__PURE__ */ o(d, { isLoading: !0, error: e.errorHandling.errors });
   const { form: i, pdfUrl: a } = e.data, { isPending: h } = e.status, { Fields: l } = e.form, E = () => {
@@ -26,9 +25,9 @@ function B({ employeeId: t, formId: f, className: g }) {
     const c = await e.actions.onSubmit();
     c && m(u.EMPLOYEE_SIGN_FORM, c.data);
   };
-  return /* @__PURE__ */ o("section", { className: g, children: /* @__PURE__ */ o(d, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(x, { formHookResult: e, children: /* @__PURE__ */ o(k, { onSubmit: () => {
+  return /* @__PURE__ */ o("section", { className: g, children: /* @__PURE__ */ o(d, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(k, { formHookResult: e, children: /* @__PURE__ */ o(y, { onSubmit: () => {
     b();
-  }, children: /* @__PURE__ */ s(p, { flexDirection: "column", children: [
+  }, children: /* @__PURE__ */ s(f, { flexDirection: "column", children: [
     /* @__PURE__ */ s("section", { children: [
       /* @__PURE__ */ o(n.Heading, { as: "h2", children: r("signatureFormTitle", { formTitle: i.title }) }),
       a && /* @__PURE__ */ o(n.Text, { children: /* @__PURE__ */ o(
@@ -60,7 +59,7 @@ function B({ employeeId: t, formId: f, className: g }) {
         viewDocumentLabel: r("viewDocumentCta")
       }
     ),
-    /* @__PURE__ */ s(p, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ s(f, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ o(
         l.Signature,
         {
@@ -84,6 +83,6 @@ function B({ employeeId: t, formId: f, className: g }) {
   ] }) }) }) }) });
 }
 export {
-  V as SignatureForm
+  G as SignatureForm
 };
 //# sourceMappingURL=SignatureForm.js.map

package/dist/components/Employee/Documents/shared/SignatureForm/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../useSignEmployeeForm'\nimport { BaseComponent, type BaseComponentInterface } 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 { Form } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link SignatureForm}.\n *\n * @public\n */\nexport interface SignatureFormProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to sign. */\n  formId: string\n}\n\n/**\n * Presents a single employee document for review and signature.\n *\n * @remarks\n * Renders the form's PDF and collects the employee's signature. On successful\n * submission the signed form is emitted; cancelling returns to the document list.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/sign` | Fired after the form is successfully signed | {@link APIModels.Form} |\n * | `cancel` | Fired when the user cancels signing and returns to the document list | — |\n *\n * @param props - See {@link SignatureFormProps}.\n * @returns The employee signature form.\n * @public\n */\nexport function SignatureForm(props: SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\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 } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\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  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\">\n              <section>\n                <Components.Heading as=\"h2\">\n                  {t('signatureFormTitle', { formTitle: form.title })}\n                </Components.Heading>\n                {pdfUrl && (\n                  <Components.Text>\n                    <Trans\n                      t={t}\n                      i18nKey=\"downloadPrompt\"\n                      values={{ description: form.description }}\n                      components={{\n                        downloadLink: (\n                          <Components.Link\n                            href={pdfUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            download={`${form.title || 'form'}.pdf`}\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Text>\n                )}\n              </section>\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadAndReviewInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureFieldLabel')}\n                  description={t('signatureFieldDescription')}\n                  validationMessages={{ REQUIRED: t('signatureFieldError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmSignatureCheckboxLabel')}\n                  validationMessages={{ REQUIRED: t('confirmSignatureError') }}\n                />\n              </Flex>\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('backCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signFormCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","BaseLayout","form","pdfUrl","isPending","Fields","handleBack","componentEvents","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../useSignEmployeeForm'\nimport { BaseComponent, type BaseComponentInterface } 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 { Form } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link SignatureForm}.\n *\n * @public\n */\nexport interface SignatureFormProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to sign. */\n  formId: string\n}\n\n/**\n * Presents a single employee document for review and signature.\n *\n * @remarks\n * Renders the form's PDF and collects the employee's signature. On successful\n * submission the signed form is emitted; cancelling returns to the document list.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/sign` | Fired after the form is successfully signed | {@link APIModels.Form} |\n * | `cancel` | Fired when the user cancels signing and returns to the document list | — |\n *\n * @param props - See {@link SignatureFormProps}.\n * @returns The employee signature form.\n * @public\n */\nexport function SignatureForm(props: SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\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 } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\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  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\">\n              <section>\n                <Components.Heading as=\"h2\">\n                  {t('signatureFormTitle', { formTitle: form.title })}\n                </Components.Heading>\n                {pdfUrl && (\n                  <Components.Text>\n                    <Trans\n                      t={t}\n                      i18nKey=\"downloadPrompt\"\n                      values={{ description: form.description }}\n                      components={{\n                        downloadLink: (\n                          <Components.Link\n                            href={pdfUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            download={`${form.title || 'form'}.pdf`}\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Text>\n                )}\n              </section>\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadAndReviewInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureFieldLabel')}\n                  description={t('signatureFieldDescription')}\n                  validationMessages={{ REQUIRED: t('signatureFieldError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmSignatureCheckboxLabel')}\n                  validationMessages={{ REQUIRED: t('confirmSignatureError') }}\n                />\n              </Flex>\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('backCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signFormCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","BaseLayout","form","pdfUrl","isPending","Fields","handleBack","componentEvents","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js

@@ -2,19 +2,18 @@ import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as p } from "react-i18next";
 import { Flex as u } from "../../../../Common/Flex/Flex.js";
 import { Loading as h } from "../../../../Common/Loading/Loading.js";
-import { useComponentContext as x } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { BaseBoundaries as E, BaseLayout as f } from "../../../../Base/Base.js";
+import { BaseBoundaries as x, BaseLayout as E } from "../../../../Base/Base.js";
+import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import g from "../../../../../hooks/useNumberFormatter.js";
 import { useI18n as F } from "../../../../../i18n/I18n.js";
 import { componentEvents as T } from "../../../../../shared/constants.js";
 import { useFederalTaxesSummary as y } from "../../shared/useFederalTaxesSummary/useFederalTaxesSummary.js";
-function W(n) {
-  return /* @__PURE__ */ t(E, { componentName: "Employee.Management.FederalTaxes", children: /* @__PURE__ */ t(C, { ...n }) });
+function N(n) {
+  return /* @__PURE__ */ t(x, { componentName: "Employee.Management.FederalTaxes", children: /* @__PURE__ */ t(C, { ...n }) });
 }
 function C({ employeeId: n, onEvent: m }) {
   F("Employee.Management.FederalTaxes");
-  const { t: o } = p("Employee.Management.FederalTaxes"), i = x(), a = g("currency"), d = y({ employeeId: n }), s = d.isLoading, e = d.isLoading ? void 0 : d.data.employeeFederalTax, c = () => {
+  const { t: o } = p("Employee.Management.FederalTaxes"), a = f(), i = g("currency"), d = y({ employeeId: n }), s = d.isLoading, e = d.isLoading ? void 0 : d.data.employeeFederalTax, c = () => {
     m(T.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId: n });
   }, r = /* @__PURE__ */ t("span", { "aria-label": o("card.listEmptyPlaceholder"), children: "–" }), l = e ? [
     {
@@ -27,36 +26,36 @@ function C({ employeeId: n, onEvent: m }) {
     },
     {
       term: o("card.dependentsAndOtherCredits"),
-      description: "dependentsAmount" in e && e.dependentsAmount ? a(parseFloat(e.dependentsAmount)) : r
+      description: "dependentsAmount" in e && e.dependentsAmount ? i(parseFloat(e.dependentsAmount)) : r
     },
     {
       term: o("card.otherIncome"),
-      description: "otherIncome" in e && e.otherIncome ? a(parseFloat(e.otherIncome)) : r
+      description: "otherIncome" in e && e.otherIncome ? i(parseFloat(e.otherIncome)) : r
     },
     {
       term: o("card.deductions"),
-      description: "deductions" in e && e.deductions ? a(parseFloat(e.deductions)) : r
+      description: "deductions" in e && e.deductions ? i(parseFloat(e.deductions)) : r
     },
     {
       term: o("card.extraWithholding"),
-      description: "extraWithholding" in e && e.extraWithholding ? a(parseFloat(e.extraWithholding)) : r
+      description: "extraWithholding" in e && e.extraWithholding ? i(parseFloat(e.extraWithholding)) : r
     }
   ] : [];
-  return /* @__PURE__ */ t(f, { error: d.errorHandling.errors, children: /* @__PURE__ */ t(
-    i.Box,
+  return /* @__PURE__ */ t(E, { error: d.errorHandling.errors, children: /* @__PURE__ */ t(
+    a.Box,
     {
       header: /* @__PURE__ */ t(
-        i.BoxHeader,
+        a.BoxHeader,
         {
           title: o("card.title"),
-          action: /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: c, isDisabled: s, children: o("card.editCta") })
+          action: /* @__PURE__ */ t(a.Button, { variant: "secondary", onClick: c, isDisabled: s, children: o("card.editCta") })
         }
       ),
-      children: /* @__PURE__ */ t(u, { flexDirection: "column", gap: 16, children: s ? /* @__PURE__ */ t(h, {}) : e ? /* @__PURE__ */ t(i.DescriptionList, { items: l }) : null })
+      children: /* @__PURE__ */ t(u, { flexDirection: "column", gap: 16, children: s ? /* @__PURE__ */ t(h, {}) : e ? /* @__PURE__ */ t(a.DescriptionList, { items: l }) : null })
     }
   ) });
 }
 export {
-  W as FederalTaxesCard
+  N as FederalTaxesCard
 };
 //# sourceMappingURL=FederalTaxesCard.js.map

package/dist/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesCard.js","sources":["../../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxesSummary } from '../../shared/useFederalTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link FederalTaxesCard}.\n *\n * @public\n */\nexport interface FederalTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link FederalTaxesCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Federal taxes\" card. Owns its own data fetch via\n * `useFederalTaxesSummary` and emits\n * `EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED` when the Edit\n * button is clicked. The card has no alert API — alert rendering (when\n * introduced) is the orchestrator's responsibility.\n *\n * @public\n */\nexport function FederalTaxesCard(props: FederalTaxesCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.FederalTaxes\">\n      <FederalTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesCardContent({ employeeId, onEvent }: FederalTaxesCardProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useFederalTaxesSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const federalTaxes = summary.isLoading ? undefined : summary.data.employeeFederalTax\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId })\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const items = federalTaxes\n    ? [\n        {\n          term: t('card.filingStatus'),\n          description: federalTaxes.filingStatus || emptyPlaceholder,\n        },\n        {\n          term: t('card.multipleJobs'),\n          description:\n            'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null\n              ? federalTaxes.twoJobs\n                ? t('common.yes')\n                : t('common.no')\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.dependentsAndOtherCredits'),\n          description:\n            'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount\n              ? formatCurrency(parseFloat(federalTaxes.dependentsAmount))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.otherIncome'),\n          description:\n            'otherIncome' in federalTaxes && federalTaxes.otherIncome\n              ? formatCurrency(parseFloat(federalTaxes.otherIncome))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.deductions'),\n          description:\n            'deductions' in federalTaxes && federalTaxes.deductions\n              ? formatCurrency(parseFloat(federalTaxes.deductions))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.extraWithholding'),\n          description:\n            'extraWithholding' in federalTaxes && federalTaxes.extraWithholding\n              ? formatCurrency(parseFloat(federalTaxes.extraWithholding))\n              : emptyPlaceholder,\n        },\n      ]\n    : []\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('card.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : federalTaxes ? (\n            <Components.DescriptionList items={items} />\n          ) : null}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["FederalTaxesCard","props","jsx","BaseBoundaries","FederalTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useFederalTaxesSummary","isLoading","federalTaxes","handleEdit","componentEvents","emptyPlaceholder","items","BaseLayout","Flex","Loading"],"mappings":";;;;;;;;;;;AAgCO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAyB,GAAGH,GAAO,EAAA,CACtC;AAEJ;AAEA,SAASG,EAAwB,EAAE,YAAAC,GAAY,SAAAC,KAAkC;AAC/E,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAE9CC,IAAUC,EAAuB,EAAE,YAAAV,GAAY,GAE/CW,IAAYF,EAAQ,WACpBG,IAAeH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAE5DI,IAAa,MAAM;AACvB,IAAAZ,EAAQa,EAAgB,uDAAuD,EAAE,YAAAd,EAAA,CAAY;AAAA,EAC/F,GAEMe,IAAmB,gBAAAlB,EAAC,QAAA,EAAK,cAAYM,EAAE,2BAA2B,GAAG,UAAA,KAAC,GAEtEa,IAAQJ,IACV;AAAA,IACE;AAAA,MACE,MAAMT,EAAE,mBAAmB;AAAA,MAC3B,aAAaS,EAAa,gBAAgBG;AAAA,IAAA;AAAA,IAE5C;AAAA,MACE,MAAMZ,EAAE,mBAAmB;AAAA,MAC3B,aACE,aAAaS,KAAgBA,EAAa,YAAY,OAClDA,EAAa,UACXT,EAAE,YAAY,IACdA,EAAE,WAAW,IACfY;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,gCAAgC;AAAA,MACxC,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,kBAAkB;AAAA,MAC1B,aACE,iBAAiBS,KAAgBA,EAAa,cAC1CL,EAAe,WAAWK,EAAa,WAAW,CAAC,IACnDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,iBAAiB;AAAA,MACzB,aACE,gBAAgBS,KAAgBA,EAAa,aACzCL,EAAe,WAAWK,EAAa,UAAU,CAAC,IAClDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,uBAAuB;AAAA,MAC/B,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,EACR,IAEF,CAAA;AAEJ,SACE,gBAAAlB,EAACoB,GAAA,EAAW,OAAOR,EAAQ,cAAc,QACvC,UAAA,gBAAAZ;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASQ,GAAY,YAAYF,GACrE,UAAAR,EAAE,cAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACe,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAP,IACC,gBAAAd,EAACsB,GAAA,CAAA,CAAQ,IACPP,IACF,gBAAAf,EAACQ,EAAW,iBAAX,EAA2B,OAAAW,GAAc,IACxC,KAAA,CACN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"FederalTaxesCard.js","sources":["../../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxesSummary } from '../../shared/useFederalTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link FederalTaxesCard}.\n *\n * @public\n */\nexport interface FederalTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link FederalTaxesCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Federal taxes\" card. Owns its own data fetch via\n * `useFederalTaxesSummary` and emits\n * `EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED` when the Edit\n * button is clicked. The card has no alert API — alert rendering (when\n * introduced) is the orchestrator's responsibility.\n *\n * @public\n */\nexport function FederalTaxesCard(props: FederalTaxesCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.FederalTaxes\">\n      <FederalTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesCardContent({ employeeId, onEvent }: FederalTaxesCardProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useFederalTaxesSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const federalTaxes = summary.isLoading ? undefined : summary.data.employeeFederalTax\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId })\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const items = federalTaxes\n    ? [\n        {\n          term: t('card.filingStatus'),\n          description: federalTaxes.filingStatus || emptyPlaceholder,\n        },\n        {\n          term: t('card.multipleJobs'),\n          description:\n            'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null\n              ? federalTaxes.twoJobs\n                ? t('common.yes')\n                : t('common.no')\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.dependentsAndOtherCredits'),\n          description:\n            'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount\n              ? formatCurrency(parseFloat(federalTaxes.dependentsAmount))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.otherIncome'),\n          description:\n            'otherIncome' in federalTaxes && federalTaxes.otherIncome\n              ? formatCurrency(parseFloat(federalTaxes.otherIncome))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.deductions'),\n          description:\n            'deductions' in federalTaxes && federalTaxes.deductions\n              ? formatCurrency(parseFloat(federalTaxes.deductions))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.extraWithholding'),\n          description:\n            'extraWithholding' in federalTaxes && federalTaxes.extraWithholding\n              ? formatCurrency(parseFloat(federalTaxes.extraWithholding))\n              : emptyPlaceholder,\n        },\n      ]\n    : []\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('card.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : federalTaxes ? (\n            <Components.DescriptionList items={items} />\n          ) : null}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["FederalTaxesCard","props","jsx","BaseBoundaries","FederalTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useFederalTaxesSummary","isLoading","federalTaxes","handleEdit","componentEvents","emptyPlaceholder","items","BaseLayout","Flex","Loading"],"mappings":";;;;;;;;;;AAgCO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAyB,GAAGH,GAAO,EAAA,CACtC;AAEJ;AAEA,SAASG,EAAwB,EAAE,YAAAC,GAAY,SAAAC,KAAkC;AAC/E,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAE9CC,IAAUC,EAAuB,EAAE,YAAAV,GAAY,GAE/CW,IAAYF,EAAQ,WACpBG,IAAeH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAE5DI,IAAa,MAAM;AACvB,IAAAZ,EAAQa,EAAgB,uDAAuD,EAAE,YAAAd,EAAA,CAAY;AAAA,EAC/F,GAEMe,IAAmB,gBAAAlB,EAAC,QAAA,EAAK,cAAYM,EAAE,2BAA2B,GAAG,UAAA,KAAC,GAEtEa,IAAQJ,IACV;AAAA,IACE;AAAA,MACE,MAAMT,EAAE,mBAAmB;AAAA,MAC3B,aAAaS,EAAa,gBAAgBG;AAAA,IAAA;AAAA,IAE5C;AAAA,MACE,MAAMZ,EAAE,mBAAmB;AAAA,MAC3B,aACE,aAAaS,KAAgBA,EAAa,YAAY,OAClDA,EAAa,UACXT,EAAE,YAAY,IACdA,EAAE,WAAW,IACfY;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,gCAAgC;AAAA,MACxC,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,kBAAkB;AAAA,MAC1B,aACE,iBAAiBS,KAAgBA,EAAa,cAC1CL,EAAe,WAAWK,EAAa,WAAW,CAAC,IACnDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,iBAAiB;AAAA,MACzB,aACE,gBAAgBS,KAAgBA,EAAa,aACzCL,EAAe,WAAWK,EAAa,UAAU,CAAC,IAClDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,uBAAuB;AAAA,MAC/B,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,EACR,IAEF,CAAA;AAEJ,SACE,gBAAAlB,EAACoB,GAAA,EAAW,OAAOR,EAAQ,cAAc,QACvC,UAAA,gBAAAZ;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASQ,GAAY,YAAYF,GACrE,UAAAR,EAAE,cAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACe,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAP,IACC,gBAAAd,EAACsB,GAAA,CAAA,CAAQ,IACPP,IACF,gBAAAf,EAACQ,EAAW,iBAAX,EAA2B,OAAAW,GAAc,IACxC,KAAA,CACN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.js

@@ -6,11 +6,10 @@ import { useManagementFederalTaxesViewDictionary as M } from "./useViewDictionar
 import { BaseBoundaries as y, BaseLayout as _ } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { useI18n as L, useComponentDictionary as C } from "../../../../i18n/I18n.js";
+import { useI18n as A, useComponentDictionary as L } from "../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../shared/constants.js";
-function G({ FallbackComponent: t, ...n }) {
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function j({ FallbackComponent: t, ...n }) {
   return /* @__PURE__ */ e(
     y,
     {
@@ -28,8 +27,8 @@ function h({
   defaultValues: l,
   onEvent: r
 }) {
-  L("Employee.Management.FederalTaxes"), C("Employee.Management.FederalTaxes", c);
-  const { t: a } = F("Employee.Management.FederalTaxes"), i = A(), u = M(), o = x({
+  A("Employee.Management.FederalTaxes"), L("Employee.Management.FederalTaxes", c);
+  const { t: a } = F("Employee.Management.FederalTaxes"), i = C(), u = M(), o = x({
     employeeId: t,
     defaultValues: l,
     optionalFieldsToRequire: {
@@ -60,6 +59,6 @@ function h({
   );
 }
 export {
-  G as FederalTaxesEditForm
+  j as FederalTaxesEditForm
 };
 //# sourceMappingURL=FederalTaxesEditForm.js.map

package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesEditForm.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useManagementFederalTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link FederalTaxesEditForm}.\n *\n * @public\n */\nexport interface FederalTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n}\n\n/**\n * Standalone form for editing an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * Pair with {@link FederalTaxesCard} to route its `employee/management/federalTaxes/card/editRequested` event to this form. {@link FederalTaxes} bundles the card, this form, and the swap wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the form is saved; use it to return to the card | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link FederalTaxesEditFormProps}.\n * @returns The rendered federal taxes edit form.\n * @public\n * @group Block components\n */\nexport function FederalTaxesEditForm({ FallbackComponent, ...props }: FederalTaxesEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <FederalTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesEditFormRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesEditFormProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const viewDictionary = useManagementFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED, result.data)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={federalTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n"],"names":["FederalTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesEditFormRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","viewDictionary","useManagementFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","handleSubmit","result","componentEvents","handleCancel","FederalTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;;AA2CO,SAASA,EAAqB,EAAE,mBAAAC,GAAmB,GAAGC,KAAoC;AAC/F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAA0B,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEA,SAASG,EAAyB;AAAA,EAChC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,kCAAkC,GAC1CC,EAAuB,oCAAoCJ,CAAU;AACrE,QAAM,EAAE,GAAAK,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAf;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,MAAIU,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,IAAKI,KAELb,EAAQc,EAAgB,uDAAuDD,EAAO,IAAI;AAAA,EAC5F,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,qDAAqD;AAAA,EAC/E;AAEA,SACE,gBAAAtB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,cAAAP;AAAA,MACA,UAAUG;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAACa,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAX,EAACa,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWI,EAAa,OAAO,WAC7D,UAAAN,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAP;AAAA,MACA,YAAYW;AAAA,MAEX,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"FederalTaxesEditForm.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useManagementFederalTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link FederalTaxesEditForm}.\n *\n * @public\n */\nexport interface FederalTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n}\n\n/**\n * Standalone form for editing an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * Pair with {@link FederalTaxesCard} to route its `employee/management/federalTaxes/card/editRequested` event to this form. {@link FederalTaxes} bundles the card, this form, and the swap wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the form is saved; use it to return to the card | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link FederalTaxesEditFormProps}.\n * @returns The rendered federal taxes edit form.\n * @public\n * @group Block components\n */\nexport function FederalTaxesEditForm({ FallbackComponent, ...props }: FederalTaxesEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <FederalTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesEditFormRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesEditFormProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const viewDictionary = useManagementFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED, result.data)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={federalTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n"],"names":["FederalTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesEditFormRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","viewDictionary","useManagementFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","handleSubmit","result","componentEvents","handleCancel","FederalTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AA2CO,SAASA,EAAqB,EAAE,mBAAAC,GAAmB,GAAGC,KAAoC;AAC/F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAA0B,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEA,SAASG,EAAyB;AAAA,EAChC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,kCAAkC,GAC1CC,EAAuB,oCAAoCJ,CAAU;AACrE,QAAM,EAAE,GAAAK,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAf;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,MAAIU,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,IAAKI,KAELb,EAAQc,EAAgB,uDAAuDD,EAAO,IAAI;AAAA,EAC5F,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,qDAAqD;AAAA,EAC/E;AAEA,SACE,gBAAAtB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,cAAAP;AAAA,MACA,UAAUG;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAACa,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAX,EAACa,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWI,EAAa,OAAO,WAC7D,UAAAN,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAP;AAAA,MACA,YAAYW;AAAA,MAEX,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Employee/FederalTaxes/onboarding/FederalTaxes.js

@@ -1,16 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { FederalTaxesView as c } from "../shared/FederalTaxesView.js";
-import { useFederalTaxesForm as l } from "../shared/useFederalTaxesForm/useFederalTaxesForm.js";
+import { useTranslation as c } from "react-i18next";
+import { FederalTaxesView as l } from "../shared/FederalTaxesView.js";
+import { useFederalTaxesForm as p } from "../shared/useFederalTaxesForm/useFederalTaxesForm.js";
 import { useOnboardingFederalTaxesViewDictionary as E } from "./useViewDictionary.js";
 import { BaseBoundaries as f, BaseLayout as T } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { ActionsLayout as x } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { useI18n as y, useComponentDictionary as L } from "../../../../i18n/I18n.js";
+import { useI18n as F, useComponentDictionary as y } from "../../../../i18n/I18n.js";
 import { componentEvents as s } from "../../../../shared/constants.js";
-function N({ FallbackComponent: o, ...t }) {
+import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function M({ FallbackComponent: o, ...t }) {
   return /* @__PURE__ */ e(f, { componentName: "Employee.FederalTaxes", FallbackComponent: o, children: /* @__PURE__ */ e(b, { ...t }) });
 }
 function b({
@@ -21,8 +20,8 @@ function b({
   defaultValues: d,
   onEvent: i
 }) {
-  y("Employee.FederalTaxes"), L("Employee.FederalTaxes", m);
-  const u = E(), n = l({
+  F("Employee.FederalTaxes"), y("Employee.FederalTaxes", m);
+  const u = E(), n = p({
     employeeId: o,
     defaultValues: d,
     optionalFieldsToRequire: {
@@ -30,7 +29,7 @@ function b({
     }
   });
   return n.isLoading ? /* @__PURE__ */ e(T, { isLoading: !0, error: n.errorHandling.errors }) : /* @__PURE__ */ e(
-    c,
+    l,
     {
       federalTaxes: n,
       onSubmit: async () => {
@@ -45,10 +44,10 @@ function b({
   );
 }
 function g({ isPending: o }) {
-  const { t } = p("Employee.FederalTaxes"), r = F();
+  const { t } = c("Employee.FederalTaxes"), r = L();
   return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(r.Button, { type: "submit", isLoading: o, children: t("submitCta") }) });
 }
 export {
-  N as FederalTaxes
+  M as FederalTaxes
 };
 //# sourceMappingURL=FederalTaxes.js.map

package/dist/components/Employee/FederalTaxes/onboarding/FederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/onboarding/FederalTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useOnboardingFederalTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends BaseComponentInterface<'Employee.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n  /** Callback invoked when the block emits an event. See the events table on {@link FederalTaxes} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step for collecting an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * The federal tax record is created automatically with the employee, so this step is always in update mode. Only the revised 2020 W-4 format is supported. All fields are required by the bundled form, mirroring the IRS-form UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/federalTaxes/updated` | Fired after the form is saved | The updated `EmployeeFederalTax` entity |\n * | `employee/federalTaxes/done` | Fired after a successful save so the parent flow can advance | — |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The federal taxes onboarding step.\n * @public\n * @group Block components\n */\nexport function FederalTaxes({ FallbackComponent, ...props }: FederalTaxesProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.FederalTaxes\" FallbackComponent={FallbackComponent}>\n      <FederalTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesProps) {\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n  const viewDictionary = useOnboardingFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, result.data)\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={federalTaxes.status.isPending} />}\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["FederalTaxes","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","viewDictionary","useOnboardingFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","FederalTaxesView","result","componentEvents","ContinueAction","isPending","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;;AA6CO,SAASA,EAAa,EAAE,mBAAAC,GAAmB,GAAGC,KAA4B;AAC/E,SACE,gBAAAC,EAACC,KAAe,eAAc,yBAAwB,mBAAAH,GACpD,UAAA,gBAAAE,EAACE,GAAA,EAAkB,GAAGH,EAAA,CAAO,EAAA,CAC/B;AAEJ;AAEA,SAASG,EAAiB;AAAA,EACxB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBJ,CAAU;AAC1D,QAAMK,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAX;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,SAAIM,EAAa,8BACPE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ,IAYvE,gBAAAb;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,UAXiB,YAAY;AAC/B,cAAMI,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,QAAKI,MAELT,EAAQU,EAAgB,gCAAgCD,EAAO,IAAI,GACnET,EAAQU,EAAgB,2BAA2B;AAAA,MACrD;AAAA,MAMI,SAAS,gBAAAlB,EAACmB,GAAA,EAAe,WAAWN,EAAa,OAAO,WAAW;AAAA,MACnE,WAAAT;AAAA,MACA,YAAYO;AAAA,MAEX,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASc,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/onboarding/FederalTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useOnboardingFederalTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends BaseComponentInterface<'Employee.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n  /** Callback invoked when the block emits an event. See the events table on {@link FederalTaxes} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step for collecting an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * The federal tax record is created automatically with the employee, so this step is always in update mode. Only the revised 2020 W-4 format is supported. All fields are required by the bundled form, mirroring the IRS-form UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/federalTaxes/updated` | Fired after the form is saved | The updated `EmployeeFederalTax` entity |\n * | `employee/federalTaxes/done` | Fired after a successful save so the parent flow can advance | — |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The federal taxes onboarding step.\n * @public\n * @group Block components\n */\nexport function FederalTaxes({ FallbackComponent, ...props }: FederalTaxesProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.FederalTaxes\" FallbackComponent={FallbackComponent}>\n      <FederalTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesProps) {\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n  const viewDictionary = useOnboardingFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, result.data)\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={federalTaxes.status.isPending} />}\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["FederalTaxes","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","viewDictionary","useOnboardingFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","FederalTaxesView","result","componentEvents","ContinueAction","isPending","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AA6CO,SAASA,EAAa,EAAE,mBAAAC,GAAmB,GAAGC,KAA4B;AAC/E,SACE,gBAAAC,EAACC,KAAe,eAAc,yBAAwB,mBAAAH,GACpD,UAAA,gBAAAE,EAACE,GAAA,EAAkB,GAAGH,EAAA,CAAO,EAAA,CAC/B;AAEJ;AAEA,SAASG,EAAiB;AAAA,EACxB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBJ,CAAU;AAC1D,QAAMK,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAX;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,SAAIM,EAAa,8BACPE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ,IAYvE,gBAAAb;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,UAXiB,YAAY;AAC/B,cAAMI,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,QAAKI,MAELT,EAAQU,EAAgB,gCAAgCD,EAAO,IAAI,GACnET,EAAQU,EAAgB,2BAA2B;AAAA,MACrD;AAAA,MAMI,SAAS,gBAAAlB,EAACmB,GAAA,EAAe,WAAWN,EAAa,OAAO,WAAW;AAAA,MACnE,WAAAT;AAAA,MACA,YAAYO;AAAA,MAEX,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASc,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -3,10 +3,10 @@ import { useTranslation as E, Trans as s } from "react-i18next";
 import { BaseLayout as x } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { Form as b } from "../../../Common/Form/Form.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
 import { SDKFormProvider as I } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as D, useComponentDictionary as F } from "../../../../i18n/I18n.js";
-import { Flex as l } from "../../../Common/Flex/Flex.js";
 function C({
   federalTaxes: r,
   onSubmit: d,

package/dist/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.js

@@ -2,22 +2,21 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
 import { Flex as a } from "../../../../Common/Flex/Flex.js";
 import { Loading as p } from "../../../../Common/Loading/Loading.js";
-import { useComponentContext as u } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { BaseBoundaries as g, BaseLayout as E } from "../../../../Base/Base.js";
+import { BaseBoundaries as u, BaseLayout as g } from "../../../../Base/Base.js";
+import { useComponentContext as E } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { getStreet as f, getCityStateZip as h } from "../../../../../helpers/formattedStrings.js";
 import { useI18n as x } from "../../../../../i18n/I18n.js";
 import { componentEvents as A } from "../../../../../shared/constants.js";
 import { useHomeAddressSummary as H } from "../../shared/useHomeAddressSummary/useHomeAddressSummary.js";
-function O(o) {
-  return /* @__PURE__ */ e(g, { componentName: "Employee.Management.HomeAddress", children: /* @__PURE__ */ e(C, { ...o }) });
+function j(o) {
+  return /* @__PURE__ */ e(u, { componentName: "Employee.Management.HomeAddress", children: /* @__PURE__ */ e(C, { ...o }) });
 }
 function C({ employeeId: o, onEvent: s }) {
   x("Employee.Management.HomeAddress");
-  const { t } = l("Employee.Management.HomeAddress"), r = u(), n = H({ employeeId: o }), m = n.isLoading, i = n.isLoading ? void 0 : n.data.currentHomeAddress, d = () => {
+  const { t } = l("Employee.Management.HomeAddress"), r = E(), n = H({ employeeId: o }), m = n.isLoading, i = n.isLoading ? void 0 : n.data.currentHomeAddress, d = () => {
     s(A.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId: o });
   };
-  return /* @__PURE__ */ e(E, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(g, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
     r.Box,
     {
       header: /* @__PURE__ */ e(
@@ -35,6 +34,6 @@ function C({ employeeId: o, onEvent: s }) {
   ) });
 }
 export {
-  O as HomeAddressCard
+  j as HomeAddressCard
 };
 //# sourceMappingURL=HomeAddressCard.js.map

package/dist/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressCard.js","sources":["../../../../../../src/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useHomeAddressSummary } from '../../shared/useHomeAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link HomeAddressCard}.\n *\n * @public\n */\nexport interface HomeAddressCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the card's Manage button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone employee home address summary card.\n *\n * @remarks\n * Fetches the employee's active home address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function HomeAddressCard(props: HomeAddressCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.HomeAddress\">\n      <HomeAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction HomeAddressCardContent({ employeeId, onEvent }: HomeAddressCardProps) {\n  useI18n('Employee.Management.HomeAddress')\n  const { t } = useTranslation('Employee.Management.HomeAddress')\n  const Components = useComponentContext()\n\n  const summary = useHomeAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentHomeAddress = summary.isLoading ? undefined : summary.data.currentHomeAddress\n\n  const handleManage = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleManage} isDisabled={isLoading}>\n                {t('card.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {getStreet(currentHomeAddress).replace(',', '')}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {getCityStateZip(currentHomeAddress)}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["HomeAddressCard","props","jsx","BaseBoundaries","HomeAddressCardContent","employeeId","onEvent","useI18n","useTranslation","Components","useComponentContext","summary","useHomeAddressSummary","isLoading","currentHomeAddress","handleManage","componentEvents","BaseLayout","Flex","Loading","jsxs","getStreet","getCityStateZip"],"mappings":";;;;;;;;;;;AAoCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,KAAe,eAAc,mCAC5B,4BAACC,GAAA,EAAwB,GAAGH,GAAO,EAAA,CACrC;AAEJ;AAEA,SAASG,EAAuB,EAAE,YAAAC,GAAY,SAAAC,KAAiC;AAC7E,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAAsB,EAAE,YAAAP,GAAY,GAE9CQ,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAe,MAAM;AACzB,IAAAT,EAAQU,EAAgB,iDAAiD,EAAE,YAAAX,EAAA,CAAY;AAAA,EACzF;AAEA,SACE,gBAAAH,EAACe,GAAA,EAAW,OAAON,EAAQ,cAAc,QACvC,UAAA,gBAAAT;AAAA,IAACO,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAP;AAAA,QAACO,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAP,EAACO,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAc,YAAYF,GACvE,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAX,EAACiB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhB,EAACO,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAAY,EAAUP,CAAkB,EAAE,QAAQ,KAAK,EAAE,EAAA,CAChD;AAAA,QACA,gBAAAZ,EAACO,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAa,EAAgBR,CAAkB,EAAA,CACrC;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAA,EAAE,gBAAgB,GAAE,EAAA,CAE1C;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"HomeAddressCard.js","sources":["../../../../../../src/components/Employee/HomeAddress/management/HomeAddressCard/HomeAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useHomeAddressSummary } from '../../shared/useHomeAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link HomeAddressCard}.\n *\n * @public\n */\nexport interface HomeAddressCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the card's Manage button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone employee home address summary card.\n *\n * @remarks\n * Fetches the employee's active home address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function HomeAddressCard(props: HomeAddressCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.HomeAddress\">\n      <HomeAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction HomeAddressCardContent({ employeeId, onEvent }: HomeAddressCardProps) {\n  useI18n('Employee.Management.HomeAddress')\n  const { t } = useTranslation('Employee.Management.HomeAddress')\n  const Components = useComponentContext()\n\n  const summary = useHomeAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentHomeAddress = summary.isLoading ? undefined : summary.data.currentHomeAddress\n\n  const handleManage = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleManage} isDisabled={isLoading}>\n                {t('card.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {getStreet(currentHomeAddress).replace(',', '')}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {getCityStateZip(currentHomeAddress)}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["HomeAddressCard","props","jsx","BaseBoundaries","HomeAddressCardContent","employeeId","onEvent","useI18n","useTranslation","Components","useComponentContext","summary","useHomeAddressSummary","isLoading","currentHomeAddress","handleManage","componentEvents","BaseLayout","Flex","Loading","jsxs","getStreet","getCityStateZip"],"mappings":";;;;;;;;;;AAoCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,KAAe,eAAc,mCAC5B,4BAACC,GAAA,EAAwB,GAAGH,GAAO,EAAA,CACrC;AAEJ;AAEA,SAASG,EAAuB,EAAE,YAAAC,GAAY,SAAAC,KAAiC;AAC7E,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAAsB,EAAE,YAAAP,GAAY,GAE9CQ,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAe,MAAM;AACzB,IAAAT,EAAQU,EAAgB,iDAAiD,EAAE,YAAAX,EAAA,CAAY;AAAA,EACzF;AAEA,SACE,gBAAAH,EAACe,GAAA,EAAW,OAAON,EAAQ,cAAc,QACvC,UAAA,gBAAAT;AAAA,IAACO,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAP;AAAA,QAACO,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAP,EAACO,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAc,YAAYF,GACvE,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAX,EAACiB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhB,EAACO,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAAY,EAAUP,CAAkB,EAAE,QAAQ,KAAK,EAAE,EAAA,CAChD;AAAA,QACA,gBAAAZ,EAACO,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAa,EAAgBR,CAAkB,EAAA,CACrC;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAA,EAAE,gBAAgB,GAAE,EAAA,CAE1C;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -8,8 +8,8 @@ import { BaseComponent as L } from "../../Base/Base.js";
 import { useBase as T } from "../../Base/useBase.js";
 import { Flex as r } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as p } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { RequirementsList as P } from "../../Common/RequirementsList/RequirementsList.js";
+import { RequirementsList as B } from "../../Common/RequirementsList/RequirementsList.js";
+import { useComponentContext as P } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as R, useComponentDictionary as w } from "../../../i18n/I18n.js";
 import { EmployeeOnboardingStatus as u, EmployeeSelfOnboardingStatuses as G, componentEvents as f } from "../../../shared/constants.js";
 import { useFlow as F } from "../../Flow/useFlow.js";
@@ -29,7 +29,7 @@ function $(n) {
   return R("Employee.OnboardingSummary"), w("Employee.OnboardingSummary", n.dictionary), /* @__PURE__ */ e(L, { ...n, children: /* @__PURE__ */ e(j, { ...n, children: n.children }) });
 }
 const j = ({ employeeId: n, className: c, isAdmin: d = !1 }) => {
-  const { onEvent: s } = T(), { t } = D("Employee.OnboardingSummary"), i = B(), {
+  const { onEvent: s } = T(), { t } = D("Employee.OnboardingSummary"), i = P(), {
     data: { employee: I }
   } = v({ employeeId: n }), { firstName: g, lastName: h } = I, { data: b } = A({ employeeId: n }), { onboardingStatus: m, onboardingSteps: l } = b.employeeOnboardingStatus, N = l?.length && l.findIndex((o) => o.required && !o.completed) > -1, E = m === u.ONBOARDING_COMPLETED || !N && m === u.SELF_ONBOARDING_PENDING_INVITE, S = m === u.SELF_ONBOARDING_PENDING_INVITE || m !== void 0 && G.has(m), _ = x(() => y.sanitize(g), [g]), O = x(() => y.sanitize(h), [h]);
   return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ a(r, { flexDirection: "column", gap: 20, children: [
@@ -63,7 +63,7 @@ const j = ({ employeeId: n, className: c, isAdmin: d = !1 }) => {
           }
         ) }),
         children: l && /* @__PURE__ */ e(
-          P,
+          B,
           {
             requirements: l.filter(
               (o) => o.completed !== void 0 && q(o.id)

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

@@ -1,29 +1,35 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useManagementBankFormDictionary as _ } from "./useFormDictionary.js";
-import { componentEvents as E } from "../../../../shared/constants.js";
-import { BankFormBody as a } from "../shared/BankFormBody/BankFormBody.js";
-function T({
-  employeeId: n,
+import { jsxs as M, jsx as n } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { useManagementBankFormDictionary as p } from "./useFormDictionary.js";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as t } from "../../../../shared/constants.js";
+import { BankFormBody as l } from "../shared/BankFormBody/BankFormBody.js";
+function F({
+  employeeId: e,
   onEvent: o,
-  ...r
+  ...m
 }) {
-  const M = _();
-  return /* @__PURE__ */ t(
-    a,
-    {
-      employeeId: n,
-      dictionary: M,
-      onSaved: (m) => {
-        o(E.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED, m);
-      },
-      onCancel: () => {
-        o(E.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED);
-      },
-      ...r
-    }
-  );
+  const r = p(), { t: a } = s("Employee.Management.PaymentMethodBankForm"), i = _();
+  return /* @__PURE__ */ M(c, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ n(i.Heading, { as: "h1", styledAs: "h2", children: a("title") }),
+    /* @__PURE__ */ n(
+      l,
+      {
+        employeeId: e,
+        dictionary: r,
+        onSaved: (E) => {
+          o(t.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED, E);
+        },
+        onCancel: () => {
+          o(t.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED);
+        },
+        ...m
+      }
+    )
+  ] });
 }
 export {
-  T as PaymentMethodBankForm
+  F as PaymentMethodBankForm
 };
 //# sourceMappingURL=PaymentMethodBankForm.js.map