@gusto/embedded-react-sdk 0.33.0 → 0.34.0-rc.1

package/dist/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.js

@@ -5,14 +5,13 @@ import { useTranslation as R } from "react-i18next";
 import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as i } from "../../../Common/Flex/Flex.js";
 import { Grid as T } from "../../../Common/Grid/Grid.js";
-import "classnames";
-import { ActionsLayout as I } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as A } from "../../../Common/Form/Form.js";
-import { useI18n as E } from "../../../../i18n/I18n.js";
-import H from "../../../../hooks/useNumberFormatter.js";
+import { RadioGroupField as I } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { ActionsLayout as A } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { NumberInputField as c } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { RadioGroupField as j } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const Z = ({
+import { Form as E } from "../../../Common/Form/Form.js";
+import { useI18n as H } from "../../../../i18n/I18n.js";
+import j from "../../../../hooks/useNumberFormatter.js";
+const Y = ({
   isOpen: h,
   onClose: m,
   formMethods: r,
@@ -20,10 +19,10 @@ const Z = ({
   contractorPaymentMethod: b
 }) => {
   const u = v();
-  E("Contractor.Payments.CreatePayment");
+  H("Contractor.Payments.CreatePayment");
   const { t: e } = R("Contractor.Payments.CreatePayment", {
     keyPrefix: "editContractorPayment"
-  }), { Modal: y, Button: d, Text: p, Heading: a } = S(), f = H("currency"), l = o({
+  }), { Modal: y, Button: d, Text: p, Heading: a } = S(), f = j("currency"), l = o({
     name: "wageType",
     control: r.control
   }), g = o({
@@ -55,7 +54,7 @@ const Z = ({
     {
       isOpen: h,
       onClose: m,
-      footer: /* @__PURE__ */ t(I, { children: [
+      footer: /* @__PURE__ */ t(A, { children: [
         /* @__PURE__ */ n(d, { variant: "secondary", onClick: m, children: e("cancelCta") }),
         /* @__PURE__ */ n(
           d,
@@ -68,7 +67,7 @@ const Z = ({
           }
         )
       ] }),
-      children: /* @__PURE__ */ n(L, { ...r, children: /* @__PURE__ */ n(A, { id: u, onSubmit: r.handleSubmit(s), children: /* @__PURE__ */ t(i, { flexDirection: "column", gap: 32, children: [
+      children: /* @__PURE__ */ n(L, { ...r, children: /* @__PURE__ */ n(E, { id: u, onSubmit: r.handleSubmit(s), children: /* @__PURE__ */ t(i, { flexDirection: "column", gap: 32, children: [
         /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: [
           /* @__PURE__ */ n(a, { as: "h2", children: e("title") }),
           /* @__PURE__ */ n(p, { children: e("subtitle") }),
@@ -128,7 +127,7 @@ const Z = ({
           ] })
         ] }),
         /* @__PURE__ */ n(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(
-          j,
+          I,
           {
             name: "paymentMethod",
             options: k,
@@ -140,6 +139,6 @@ const Z = ({
   );
 };
 export {
-  Z as EditContractorPaymentPresentation
+  Y as EditContractorPaymentPresentation
 };
 //# sourceMappingURL=EditContractorPaymentPresentation.js.map

package/dist/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditContractorPaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useWatch, type UseFormReturn } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { EditContractorPaymentFormValues } from './EditContractorPaymentFormSchema'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ActionsLayout, Flex, Grid, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport type { RadioGroupOption } from '@/index'\n\ninterface EditContractorPaymentPresentationProps {\n  isOpen: boolean\n  onClose: () => void\n  formMethods: UseFormReturn<EditContractorPaymentFormValues>\n  onSubmit: (data: EditContractorPaymentFormValues) => void\n  contractorPaymentMethod?: string\n}\n\nexport const EditContractorPaymentPresentation = ({\n  isOpen,\n  onClose,\n  formMethods,\n  onSubmit,\n  contractorPaymentMethod,\n}: EditContractorPaymentPresentationProps) => {\n  const formId = useId()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n    keyPrefix: 'editContractorPayment',\n  })\n  const { Modal, Button, Text, Heading } = useComponentContext()\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const wageType = useWatch<EditContractorPaymentFormValues, 'wageType'>({\n    name: 'wageType',\n    control: formMethods.control,\n  })\n  const hours = useWatch<EditContractorPaymentFormValues, 'hours'>({\n    name: 'hours',\n    control: formMethods.control,\n  })\n  const wage = useWatch<EditContractorPaymentFormValues, 'wage'>({\n    name: 'wage',\n    control: formMethods.control,\n  })\n  const bonus = useWatch<EditContractorPaymentFormValues, 'bonus'>({\n    name: 'bonus',\n    control: formMethods.control,\n  })\n  const reimbursement = useWatch<EditContractorPaymentFormValues, 'reimbursement'>({\n    name: 'reimbursement',\n    control: formMethods.control,\n  })\n  const hourlyRate = useWatch<EditContractorPaymentFormValues, 'hourlyRate'>({\n    name: 'hourlyRate',\n    control: formMethods.control,\n  })\n\n  const totalAmount =\n    (wageType === 'Fixed' ? 0 : bonus || 0) +\n    (reimbursement || 0) +\n    (wage || 0) +\n    (hours || 0) * (hourlyRate || 0)\n\n  const isDirectDepositDisabled = contractorPaymentMethod === 'Check'\n\n  const paymentMethodOptions: RadioGroupOption[] = [\n    { value: 'Check', label: t('paymentMethods.check') },\n    {\n      value: 'Direct Deposit',\n      label: t('paymentMethods.directDeposit'),\n      isDisabled: isDirectDepositDisabled,\n    },\n    // { value: 'Historical Payment', label: t('paymentMethods.historicalPayment') },\n  ]\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onClose}>\n            {t('cancelCta')}\n          </Button>\n          <Button\n            variant=\"primary\"\n            type=\"submit\"\n            form={formId}\n            onClick={() => formMethods.handleSubmit(onSubmit)}\n          >\n            {t('saveCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formMethods}>\n        <Form id={formId} onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Flex flexDirection=\"column\" gap={16}>\n              <Heading as=\"h2\">{t('title')}</Heading>\n              <Text>{t('subtitle')}</Text>\n              <Text weight=\"bold\">\n                {t('totalPay')}: {currencyFormatter(totalAmount)}\n              </Text>\n            </Flex>\n\n            {wageType === 'Hourly' && (\n              <Flex flexDirection=\"column\" gap={16}>\n                <Heading as=\"h3\">{t('hoursSection')}</Heading>\n                <NumberInputField\n                  min={0}\n                  name=\"hours\"\n                  isRequired\n                  label={t('hoursLabel')}\n                  adornmentEnd={t('hoursAdornment')}\n                />\n              </Flex>\n            )}\n\n            {wageType === 'Fixed' && (\n              <Flex flexDirection=\"column\" gap={16}>\n                <Heading as=\"h3\">{t('fixedPaySection')}</Heading>\n                <NumberInputField\n                  min={0}\n                  name=\"wage\"\n                  isRequired\n                  label={t('wageLabel')}\n                  format=\"currency\"\n                />\n              </Flex>\n            )}\n\n            <Flex flexDirection=\"column\" gap={16}>\n              <Heading as=\"h3\">{t('additionalEarningsSection')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [200, 200] }} gap={16}>\n                {wageType === 'Hourly' && (\n                  <NumberInputField\n                    min={0}\n                    name=\"bonus\"\n                    label={t('bonusLabel')}\n                    format=\"currency\"\n                  />\n                )}\n                <NumberInputField\n                  min={0}\n                  name=\"reimbursement\"\n                  label={t('reimbursementLabel')}\n                  format=\"currency\"\n                />\n              </Grid>\n            </Flex>\n\n            <Flex flexDirection=\"column\" gap={16}>\n              <RadioGroupField\n                name=\"paymentMethod\"\n                options={paymentMethodOptions}\n                label={t('paymentMethodLabel')}\n              />\n            </Flex>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["EditContractorPaymentPresentation","isOpen","onClose","formMethods","onSubmit","contractorPaymentMethod","formId","useId","useI18n","t","useTranslation","Modal","Button","Text","Heading","useComponentContext","currencyFormatter","useNumberFormatter","wageType","useWatch","hours","wage","bonus","reimbursement","hourlyRate","totalAmount","isDirectDepositDisabled","paymentMethodOptions","jsx","ActionsLayout","FormProvider","Form","jsxs","Flex","NumberInputField","Grid","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"EditContractorPaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useWatch, type UseFormReturn } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { EditContractorPaymentFormValues } from './EditContractorPaymentFormSchema'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ActionsLayout, Flex, Grid, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport type { RadioGroupOption } from '@/index'\n\ninterface EditContractorPaymentPresentationProps {\n  isOpen: boolean\n  onClose: () => void\n  formMethods: UseFormReturn<EditContractorPaymentFormValues>\n  onSubmit: (data: EditContractorPaymentFormValues) => void\n  contractorPaymentMethod?: string\n}\n\nexport const EditContractorPaymentPresentation = ({\n  isOpen,\n  onClose,\n  formMethods,\n  onSubmit,\n  contractorPaymentMethod,\n}: EditContractorPaymentPresentationProps) => {\n  const formId = useId()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n    keyPrefix: 'editContractorPayment',\n  })\n  const { Modal, Button, Text, Heading } = useComponentContext()\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const wageType = useWatch<EditContractorPaymentFormValues, 'wageType'>({\n    name: 'wageType',\n    control: formMethods.control,\n  })\n  const hours = useWatch<EditContractorPaymentFormValues, 'hours'>({\n    name: 'hours',\n    control: formMethods.control,\n  })\n  const wage = useWatch<EditContractorPaymentFormValues, 'wage'>({\n    name: 'wage',\n    control: formMethods.control,\n  })\n  const bonus = useWatch<EditContractorPaymentFormValues, 'bonus'>({\n    name: 'bonus',\n    control: formMethods.control,\n  })\n  const reimbursement = useWatch<EditContractorPaymentFormValues, 'reimbursement'>({\n    name: 'reimbursement',\n    control: formMethods.control,\n  })\n  const hourlyRate = useWatch<EditContractorPaymentFormValues, 'hourlyRate'>({\n    name: 'hourlyRate',\n    control: formMethods.control,\n  })\n\n  const totalAmount =\n    (wageType === 'Fixed' ? 0 : bonus || 0) +\n    (reimbursement || 0) +\n    (wage || 0) +\n    (hours || 0) * (hourlyRate || 0)\n\n  const isDirectDepositDisabled = contractorPaymentMethod === 'Check'\n\n  const paymentMethodOptions: RadioGroupOption[] = [\n    { value: 'Check', label: t('paymentMethods.check') },\n    {\n      value: 'Direct Deposit',\n      label: t('paymentMethods.directDeposit'),\n      isDisabled: isDirectDepositDisabled,\n    },\n    // { value: 'Historical Payment', label: t('paymentMethods.historicalPayment') },\n  ]\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onClose}>\n            {t('cancelCta')}\n          </Button>\n          <Button\n            variant=\"primary\"\n            type=\"submit\"\n            form={formId}\n            onClick={() => formMethods.handleSubmit(onSubmit)}\n          >\n            {t('saveCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formMethods}>\n        <Form id={formId} onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Flex flexDirection=\"column\" gap={16}>\n              <Heading as=\"h2\">{t('title')}</Heading>\n              <Text>{t('subtitle')}</Text>\n              <Text weight=\"bold\">\n                {t('totalPay')}: {currencyFormatter(totalAmount)}\n              </Text>\n            </Flex>\n\n            {wageType === 'Hourly' && (\n              <Flex flexDirection=\"column\" gap={16}>\n                <Heading as=\"h3\">{t('hoursSection')}</Heading>\n                <NumberInputField\n                  min={0}\n                  name=\"hours\"\n                  isRequired\n                  label={t('hoursLabel')}\n                  adornmentEnd={t('hoursAdornment')}\n                />\n              </Flex>\n            )}\n\n            {wageType === 'Fixed' && (\n              <Flex flexDirection=\"column\" gap={16}>\n                <Heading as=\"h3\">{t('fixedPaySection')}</Heading>\n                <NumberInputField\n                  min={0}\n                  name=\"wage\"\n                  isRequired\n                  label={t('wageLabel')}\n                  format=\"currency\"\n                />\n              </Flex>\n            )}\n\n            <Flex flexDirection=\"column\" gap={16}>\n              <Heading as=\"h3\">{t('additionalEarningsSection')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [200, 200] }} gap={16}>\n                {wageType === 'Hourly' && (\n                  <NumberInputField\n                    min={0}\n                    name=\"bonus\"\n                    label={t('bonusLabel')}\n                    format=\"currency\"\n                  />\n                )}\n                <NumberInputField\n                  min={0}\n                  name=\"reimbursement\"\n                  label={t('reimbursementLabel')}\n                  format=\"currency\"\n                />\n              </Grid>\n            </Flex>\n\n            <Flex flexDirection=\"column\" gap={16}>\n              <RadioGroupField\n                name=\"paymentMethod\"\n                options={paymentMethodOptions}\n                label={t('paymentMethodLabel')}\n              />\n            </Flex>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["EditContractorPaymentPresentation","isOpen","onClose","formMethods","onSubmit","contractorPaymentMethod","formId","useId","useI18n","t","useTranslation","Modal","Button","Text","Heading","useComponentContext","currencyFormatter","useNumberFormatter","wageType","useWatch","hours","wage","bonus","reimbursement","hourlyRate","totalAmount","isDirectDepositDisabled","paymentMethodOptions","jsx","ActionsLayout","FormProvider","Form","jsxs","Flex","NumberInputField","Grid","RadioGroupField"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreatePayment/FastAchSubmissionBlockerBanner.js

@@ -1,42 +1,43 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as s, jsxs as o } from "react/jsx-runtime";
 import { useTranslation as w } from "react-i18next";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { useComponentContext as B } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useDateFormatter as _ } from "../../../../hooks/useDateFormatter.js";
 import v from "../../../../assets/icons/icon-zap-fast.svg.js";
-const C = ({
+const L = ({
   blocker: r,
   selectedValue: p,
-  onUnblockOptionChange: d,
-  paymentSpeed: m
+  onUnblockOptionChange: m,
+  paymentSpeed: d
 }) => {
   const { t: e } = w("Contractor.Payments.CreatePayment"), { Banner: h, Text: n, RadioGroup: u, Badge: a } = B(), b = _(), c = r.blockerType || "fast_ach_threshold_exceeded";
-  return /* @__PURE__ */ t(h, { status: "error", title: e(c === "fast_ach_threshold_exceeded" ? "previewPresentation.submissionBlockers.fast_ach_threshold_exceeded.title" : "previewPresentation.submissionBlockers.needs_earned_access_for_fast_ach.title", { days: m || "2-day" }), children: /* @__PURE__ */ o(l, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ t(n, { children: e("previewPresentation.submissionBlockers.fastAchOptions.description") }),
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ s(h, { status: "error", title: e(c === "fast_ach_threshold_exceeded" ? "previewPresentation.submissionBlockers.fast_ach_threshold_exceeded.title" : "previewPresentation.submissionBlockers.needs_earned_access_for_fast_ach.title", { days: d || "2-day" }), children: /* @__PURE__ */ o(l, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ s(n, { children: e("previewPresentation.submissionBlockers.fastAchOptions.description") }),
+    /* @__PURE__ */ s(
       u,
       {
         label: e("previewPresentation.submissionBlockers.fastAchOptions.fundingOptionsLabel"),
         shouldVisuallyHideLabel: !0,
-        options: r.unblockOptions?.map((s) => {
-          const i = s.unblockType === "wire_in", f = e(i ? "previewPresentation.submissionBlockers.fastAchOptions.wireLabel" : "previewPresentation.submissionBlockers.fastAchOptions.directDepositLabel"), k = e(i ? "previewPresentation.submissionBlockers.fastAchOptions.wireDescription" : "previewPresentation.submissionBlockers.fastAchOptions.directDepositDescription");
+        options: r.unblockOptions?.map((t) => {
+          const i = t.unblockType === "wire_in", f = e(i ? "previewPresentation.submissionBlockers.fastAchOptions.wireLabel" : "previewPresentation.submissionBlockers.fastAchOptions.directDepositLabel"), k = e(i ? "previewPresentation.submissionBlockers.fastAchOptions.wireDescription" : "previewPresentation.submissionBlockers.fastAchOptions.directDepositDescription");
           return {
-            value: s.unblockType || "",
+            value: t.unblockType || "",
             label: /* @__PURE__ */ o(l, { alignItems: "center", gap: 8, children: [
-              /* @__PURE__ */ t(n, { weight: "semibold", children: f }),
+              /* @__PURE__ */ s(n, { weight: "semibold", children: f }),
               i && /* @__PURE__ */ o(a, { status: "success", children: [
-                /* @__PURE__ */ t(v, { "aria-hidden": !0 }),
+                /* @__PURE__ */ s(v, { "aria-hidden": !0 }),
                 " ",
                 e(
                   "previewPresentation.submissionBlockers.fastAchOptions.wireFastestBadge"
                 )
               ] }),
-              s.checkDate && /* @__PURE__ */ t(a, { status: "info", children: e(
+              t.checkDate && /* @__PURE__ */ s(a, { status: "info", children: e(
                 "previewPresentation.submissionBlockers.fastAchOptions.contractorPayDate",
                 {
-                  date: b.formatShortWithYear(s.checkDate)
+                  date: b.formatShortWithYear(t.checkDate)
                 }
               ) })
             ] }),
@@ -44,14 +45,14 @@ const C = ({
           };
         }) || [],
         value: p,
-        onChange: (s) => {
-          d(c, s);
+        onChange: (t) => {
+          m(c, t);
         }
       }
     )
   ] }) });
 };
 export {
-  C as FastAchSubmissionBlockerBanner
+  L as FastAchSubmissionBlockerBanner
 };
 //# sourceMappingURL=FastAchSubmissionBlockerBanner.js.map

package/dist/components/Contractor/Payments/CreatePayment/FastAchSubmissionBlockerBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/FastAchSubmissionBlockerBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ntype FastAchBlockerType = 'fast_ach_threshold_exceeded' | 'needs_earned_access_for_fast_ach'\n\ninterface FastAchSubmissionBlockerBannerProps {\n  blocker: PayrollSubmissionBlockerType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n  paymentSpeed?: string\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n  paymentSpeed,\n}: FastAchSubmissionBlockerBannerProps) => {\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const blockerType = (blocker.blockerType || 'fast_ach_threshold_exceeded') as FastAchBlockerType\n\n  const titleKey =\n    blockerType === 'fast_ach_threshold_exceeded'\n      ? 'previewPresentation.submissionBlockers.fast_ach_threshold_exceeded.title'\n      : 'previewPresentation.submissionBlockers.needs_earned_access_for_fast_ach.title'\n\n  return (\n    <Banner status=\"error\" title={t(titleKey, { days: paymentSpeed || '2-day' })}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Text>{t('previewPresentation.submissionBlockers.fastAchOptions.description')}</Text>\n        <RadioGroup\n          label={t('previewPresentation.submissionBlockers.fastAchOptions.fundingOptionsLabel')}\n          shouldVisuallyHideLabel\n          options={\n            blocker.unblockOptions?.map(option => {\n              const isWire = option.unblockType === 'wire_in'\n              const label = isWire\n                ? t('previewPresentation.submissionBlockers.fastAchOptions.wireLabel')\n                : t('previewPresentation.submissionBlockers.fastAchOptions.directDepositLabel')\n              const description = isWire\n                ? t('previewPresentation.submissionBlockers.fastAchOptions.wireDescription')\n                : t(\n                    'previewPresentation.submissionBlockers.fastAchOptions.directDepositDescription',\n                  )\n\n              return {\n                value: option.unblockType || '',\n                label: (\n                  <Flex alignItems=\"center\" gap={8}>\n                    <Text weight=\"semibold\">{label}</Text>\n                    {isWire && (\n                      <Badge status=\"success\">\n                        <IconFast aria-hidden />{' '}\n                        {t(\n                          'previewPresentation.submissionBlockers.fastAchOptions.wireFastestBadge',\n                        )}\n                      </Badge>\n                    )}\n                    {option.checkDate && (\n                      <Badge status=\"info\">\n                        {t(\n                          'previewPresentation.submissionBlockers.fastAchOptions.contractorPayDate',\n                          {\n                            date: dateFormatter.formatShortWithYear(option.checkDate),\n                          },\n                        )}\n                      </Badge>\n                    )}\n                  </Flex>\n                ),\n                description,\n              }\n            }) || []\n          }\n          value={selectedValue}\n          onChange={value => {\n            onUnblockOptionChange(blockerType, value)\n          }}\n        />\n      </Flex>\n    </Banner>\n  )\n}\n"],"names":["FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","paymentSpeed","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsxs","Flex","jsx","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;;;AAgBO,MAAMA,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;AACF,MAA2C;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA,GAChBC,IAAeb,EAAQ,eAAe;AAO5C,2BACGM,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAL9BS,MAAgB,gCACZ,6EACA,iFAGsC,EAAE,MAAMV,KAAgB,SAAS,GACzE,UAAA,gBAAAW,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAM,UAAAH,EAAE,mEAAmE,EAAA,CAAE;AAAA,IAC9E,gBAAAY;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,2EAA2E;AAAA,QACpF,yBAAuB;AAAA,QACvB,SACEJ,EAAQ,gBAAgB,IAAI,CAAAiB,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFf,EADUc,IACR,oEACA,0EADiE,GAEjEE,IACFhB,EADgBc,IACd,0EAEA,gFAFuE;AAK7E,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAH,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAC,EAACT,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAJ,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAO,EAACK,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB;AAAA,kBACC;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cAEDa,EAAO,aACN,gBAAAD,EAACP,GAAA,EAAM,QAAO,QACX,UAAAL;AAAA,gBACC;AAAA,gBACA;AAAA,kBACE,MAAMO,EAAc,oBAAoBM,EAAO,SAAS;AAAA,gBAAA;AAAA,cAC1D,EACF,CACF;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOnB;AAAA,QACP,UAAU,CAAAqB,MAAS;AACjB,UAAApB,EAAsBW,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/FastAchSubmissionBlockerBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ntype FastAchBlockerType = 'fast_ach_threshold_exceeded' | 'needs_earned_access_for_fast_ach'\n\ninterface FastAchSubmissionBlockerBannerProps {\n  blocker: PayrollSubmissionBlockerType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n  paymentSpeed?: string\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n  paymentSpeed,\n}: FastAchSubmissionBlockerBannerProps) => {\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const blockerType = (blocker.blockerType || 'fast_ach_threshold_exceeded') as FastAchBlockerType\n\n  const titleKey =\n    blockerType === 'fast_ach_threshold_exceeded'\n      ? 'previewPresentation.submissionBlockers.fast_ach_threshold_exceeded.title'\n      : 'previewPresentation.submissionBlockers.needs_earned_access_for_fast_ach.title'\n\n  return (\n    <Banner status=\"error\" title={t(titleKey, { days: paymentSpeed || '2-day' })}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Text>{t('previewPresentation.submissionBlockers.fastAchOptions.description')}</Text>\n        <RadioGroup\n          label={t('previewPresentation.submissionBlockers.fastAchOptions.fundingOptionsLabel')}\n          shouldVisuallyHideLabel\n          options={\n            blocker.unblockOptions?.map(option => {\n              const isWire = option.unblockType === 'wire_in'\n              const label = isWire\n                ? t('previewPresentation.submissionBlockers.fastAchOptions.wireLabel')\n                : t('previewPresentation.submissionBlockers.fastAchOptions.directDepositLabel')\n              const description = isWire\n                ? t('previewPresentation.submissionBlockers.fastAchOptions.wireDescription')\n                : t(\n                    'previewPresentation.submissionBlockers.fastAchOptions.directDepositDescription',\n                  )\n\n              return {\n                value: option.unblockType || '',\n                label: (\n                  <Flex alignItems=\"center\" gap={8}>\n                    <Text weight=\"semibold\">{label}</Text>\n                    {isWire && (\n                      <Badge status=\"success\">\n                        <IconFast aria-hidden />{' '}\n                        {t(\n                          'previewPresentation.submissionBlockers.fastAchOptions.wireFastestBadge',\n                        )}\n                      </Badge>\n                    )}\n                    {option.checkDate && (\n                      <Badge status=\"info\">\n                        {t(\n                          'previewPresentation.submissionBlockers.fastAchOptions.contractorPayDate',\n                          {\n                            date: dateFormatter.formatShortWithYear(option.checkDate),\n                          },\n                        )}\n                      </Badge>\n                    )}\n                  </Flex>\n                ),\n                description,\n              }\n            }) || []\n          }\n          value={selectedValue}\n          onChange={value => {\n            onUnblockOptionChange(blockerType, value)\n          }}\n        />\n      </Flex>\n    </Banner>\n  )\n}\n"],"names":["FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","paymentSpeed","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsxs","Flex","jsx","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;;;;AAgBO,MAAMA,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;AACF,MAA2C;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA,GAChBC,IAAeb,EAAQ,eAAe;AAO5C,2BACGM,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAL9BS,MAAgB,gCACZ,6EACA,iFAGsC,EAAE,MAAMV,KAAgB,SAAS,GACzE,UAAA,gBAAAW,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAM,UAAAH,EAAE,mEAAmE,EAAA,CAAE;AAAA,IAC9E,gBAAAY;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,2EAA2E;AAAA,QACpF,yBAAuB;AAAA,QACvB,SACEJ,EAAQ,gBAAgB,IAAI,CAAAiB,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFf,EADUc,IACR,oEACA,0EADiE,GAEjEE,IACFhB,EADgBc,IACd,0EAEA,gFAFuE;AAK7E,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAH,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAC,EAACT,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAJ,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAO,EAACK,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB;AAAA,kBACC;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cAEDa,EAAO,aACN,gBAAAD,EAACP,GAAA,EAAM,QAAO,QACX,UAAAL;AAAA,gBACC;AAAA,gBACA;AAAA,kBACE,MAAMO,EAAc,oBAAoBM,EAAO,SAAS;AAAA,gBAAA;AAAA,cAC1D,EACF,CACF;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOnB;AAAA,QACP,UAAU,CAAAqB,MAAS;AACjB,UAAApB,EAAsBW,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Contractor/Payments/CreatePayment/PreviewPresentation.js

@@ -6,11 +6,11 @@ import { FastAchSubmissionBlockerBanner as L } from "./FastAchSubmissionBlockerB
 import { GenericBlocker as P } from "./GenericBlocker.js";
 import { Flex as u } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as T } from "../../../../shared/constants.js";
 import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as E } from "../../../../i18n/I18n.js";
 import { formatHoursDisplay as F } from "../../../Payroll/helpers.js";
 import j from "../../../../hooks/useNumberFormatter.js";
-import { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as T } from "../../../../shared/constants.js";
 import { DataView as p } from "../../../Common/DataView/DataView.js";
 const I = "0.000", G = ({
   contractorPaymentGroup: i,

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js

@@ -1,28 +1,28 @@
 import { jsx as e } from "react/jsx-runtime";
-import { PaymentsList as a } from "../PaymentsList/PaymentsList.js";
-import { CreatePayment as u } from "../CreatePayment/CreatePayment.js";
-import { PaymentHistory as y } from "../PaymentHistory/PaymentHistory.js";
-import { PaymentStatement as c } from "../PaymentStatement/PaymentStatement.js";
+import { PaymentsList as u } from "../PaymentsList/PaymentsList.js";
+import { CreatePayment as y } from "../CreatePayment/CreatePayment.js";
+import { PaymentHistory as c } from "../PaymentHistory/PaymentHistory.js";
+import { PaymentStatement as i } from "../PaymentStatement/PaymentStatement.js";
 import { useFlow as r } from "../../../Flow/useFlow.js";
 import { ensureRequired as o } from "../../../../helpers/ensureRequired.js";
-import { PaymentSummary as i } from "../PaymentSummary/PaymentSummary.js";
-import { InformationRequestsFlow as p } from "../../../InformationRequests/InformationRequests.js";
-function E() {
+import { PaymentSummary as p } from "../PaymentSummary/PaymentSummary.js";
+import { InformationRequestsFlow as s } from "../../../InformationRequests/InformationRequests.js";
+function S() {
   const { companyId: t, onEvent: n, alerts: m } = r();
-  return /* @__PURE__ */ e(a, { onEvent: n, companyId: o(t), alerts: m });
+  return /* @__PURE__ */ e(u, { onEvent: n, companyId: o(t), alerts: m });
 }
-function S() {
+function q() {
   const { companyId: t, onEvent: n } = r();
-  return /* @__PURE__ */ e(u, { onEvent: n, companyId: o(t) });
+  return /* @__PURE__ */ e(y, { onEvent: n, companyId: o(t) });
 }
-function q() {
+function w() {
   const { currentPaymentId: t, onEvent: n } = r();
-  return /* @__PURE__ */ e(y, { onEvent: n, paymentId: o(t) });
+  return /* @__PURE__ */ e(c, { onEvent: n, paymentId: o(t) });
 }
-function w() {
+function G() {
   const { currentPaymentId: t, currentContractorUuid: n, onEvent: m } = r();
   return /* @__PURE__ */ e(
-    c,
+    i,
     {
       onEvent: m,
       paymentGroupId: o(t),
@@ -30,21 +30,22 @@ function w() {
     }
   );
 }
-function G() {
-  const { createdPaymentGroupId: t, companyId: n, onEvent: m } = r();
+function R() {
+  const { createdPaymentGroupId: t, companyId: n, onEvent: m, alerts: a } = r();
   return /* @__PURE__ */ e(
-    i,
+    p,
     {
       onEvent: m,
       paymentGroupId: o(t),
-      companyId: o(n)
+      companyId: o(n),
+      alerts: a
     }
   );
 }
-function R() {
+function F() {
   const { companyId: t, onEvent: n } = r();
   return /* @__PURE__ */ e(
-    p,
+    s,
     {
       companyId: o(t),
       withAlert: !1,
@@ -53,11 +54,11 @@ function R() {
   );
 }
 export {
-  S as CreatePaymentContextual,
-  R as InformationRequestsContextual,
-  q as PaymentHistoryContextual,
-  E as PaymentListContextual,
-  w as PaymentStatementContextual,
-  G as PaymentSummaryContextual
+  q as CreatePaymentContextual,
+  F as InformationRequestsContextual,
+  w as PaymentHistoryContextual,
+  S as PaymentListContextual,
+  G as PaymentStatementContextual,
+  R as PaymentSummaryContextual
 };
 //# sourceMappingURL=PaymentFlowComponents.js.map

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsList } from '../PaymentsList/PaymentsList'\nimport { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { PaymentHistory } from '../PaymentHistory/PaymentHistory'\nimport { PaymentStatement } from '../PaymentStatement/PaymentStatement'\nimport { PaymentSummary } from '../PaymentSummary'\nimport type { InternalAlert } from '../types'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PaymentFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  breadcrumbs?: BreadcrumbTrail\n  currentPaymentId?: string\n  currentContractorUuid?: string\n  createdPaymentGroupId?: string\n  alerts?: InternalAlert[]\n}\n\nexport function PaymentListContextual() {\n  const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n}\n\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n  const { currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentHistory onEvent={onEvent} paymentId={ensureRequired(currentPaymentId)} />\n}\n\nexport function PaymentStatementContextual() {\n  const { currentPaymentId, currentContractorUuid, onEvent } =\n    useFlow<PaymentFlowContextInterface>()\n  return (\n    <PaymentStatement\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(currentPaymentId)}\n      contractorUuid={ensureRequired(currentContractorUuid)}\n    />\n  )\n}\n\nexport function PaymentSummaryContextual() {\n  const { createdPaymentGroupId, companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n\n  return (\n    <PaymentSummary\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(createdPaymentGroupId)}\n      companyId={ensureRequired(companyId)}\n    />\n  )\n}\n\nexport function InformationRequestsContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return (\n    <InformationRequestsFlow\n      companyId={ensureRequired(companyId)}\n      withAlert={false}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","PaymentHistoryContextual","currentPaymentId","PaymentHistory","PaymentStatementContextual","currentContractorUuid","jsx","PaymentStatement","PaymentSummaryContextual","createdPaymentGroupId","PaymentSummary","InformationRequestsContextual","InformationRequestsFlow"],"mappings":";;;;;;;;;AAyBO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BAAQC,GAAA,EAAa,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAC/F;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,WAAAN,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAN,GAAkB,WAAWI,EAAeL,CAAS,GAAG;AAChF;AAEO,SAASQ,IAA2B;AACzC,QAAM,EAAE,kBAAAC,GAAkB,SAAAR,EAAA,IAAYE,EAAA;AACtC,2BAAQO,GAAA,EAAe,SAAAT,GAAkB,WAAWI,EAAeI,CAAgB,GAAG;AACxF;AAEO,SAASE,IAA6B;AAC3C,QAAM,EAAE,kBAAAF,GAAkB,uBAAAG,GAAuB,SAAAX,EAAA,IAC/CE,EAAA;AACF,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,gBAAgBI,EAAeI,CAAgB;AAAA,MAC/C,gBAAgBJ,EAAeO,CAAqB;AAAA,IAAA;AAAA,EAAA;AAG1D;AAEO,SAASG,IAA2B;AACzC,QAAM,EAAE,uBAAAC,GAAuB,WAAAhB,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAEtD,SACE,gBAAAU;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAhB;AAAA,MACA,gBAAgBI,EAAeW,CAAqB;AAAA,MACpD,WAAWX,EAAeL,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEO,SAASkB,IAAgC;AAC9C,QAAM,EAAE,WAAAlB,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,SACE,gBAAAU;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAWd,EAAeL,CAAS;AAAA,MACnC,WAAW;AAAA,MACX,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsList } from '../PaymentsList/PaymentsList'\nimport { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { PaymentHistory } from '../PaymentHistory/PaymentHistory'\nimport { PaymentStatement } from '../PaymentStatement/PaymentStatement'\nimport { PaymentSummary } from '../PaymentSummary'\nimport type { InternalAlert } from '../types'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PaymentFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  breadcrumbs?: BreadcrumbTrail\n  currentPaymentId?: string\n  currentContractorUuid?: string\n  createdPaymentGroupId?: string\n  alerts?: InternalAlert[]\n}\n\nexport function PaymentListContextual() {\n  const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n}\n\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n  const { currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentHistory onEvent={onEvent} paymentId={ensureRequired(currentPaymentId)} />\n}\n\nexport function PaymentStatementContextual() {\n  const { currentPaymentId, currentContractorUuid, onEvent } =\n    useFlow<PaymentFlowContextInterface>()\n  return (\n    <PaymentStatement\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(currentPaymentId)}\n      contractorUuid={ensureRequired(currentContractorUuid)}\n    />\n  )\n}\n\nexport function PaymentSummaryContextual() {\n  const { createdPaymentGroupId, companyId, onEvent, alerts } =\n    useFlow<PaymentFlowContextInterface>()\n\n  return (\n    <PaymentSummary\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(createdPaymentGroupId)}\n      companyId={ensureRequired(companyId)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function InformationRequestsContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return (\n    <InformationRequestsFlow\n      companyId={ensureRequired(companyId)}\n      withAlert={false}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","PaymentHistoryContextual","currentPaymentId","PaymentHistory","PaymentStatementContextual","currentContractorUuid","jsx","PaymentStatement","PaymentSummaryContextual","createdPaymentGroupId","PaymentSummary","InformationRequestsContextual","InformationRequestsFlow"],"mappings":";;;;;;;;;AAyBO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BAAQC,GAAA,EAAa,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAC/F;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,WAAAN,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAN,GAAkB,WAAWI,EAAeL,CAAS,GAAG;AAChF;AAEO,SAASQ,IAA2B;AACzC,QAAM,EAAE,kBAAAC,GAAkB,SAAAR,EAAA,IAAYE,EAAA;AACtC,2BAAQO,GAAA,EAAe,SAAAT,GAAkB,WAAWI,EAAeI,CAAgB,GAAG;AACxF;AAEO,SAASE,IAA6B;AAC3C,QAAM,EAAE,kBAAAF,GAAkB,uBAAAG,GAAuB,SAAAX,EAAA,IAC/CE,EAAA;AACF,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,gBAAgBI,EAAeI,CAAgB;AAAA,MAC/C,gBAAgBJ,EAAeO,CAAqB;AAAA,IAAA;AAAA,EAAA;AAG1D;AAEO,SAASG,IAA2B;AACzC,QAAM,EAAE,uBAAAC,GAAuB,WAAAhB,GAAW,SAAAC,GAAS,QAAAC,EAAA,IACjDC,EAAA;AAEF,SACE,gBAAAU;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAhB;AAAA,MACA,gBAAgBI,EAAeW,CAAqB;AAAA,MACpD,WAAWX,EAAeL,CAAS;AAAA,MACnC,QAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASgB,IAAgC;AAC9C,QAAM,EAAE,WAAAlB,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,SACE,gBAAAU;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAWd,EAAeL,CAAS;AAAA,MACnC,WAAW;AAAA,MACX,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js

@@ -1,10 +1,10 @@
-import { state as m, transition as n, reduce as r } from "robot3";
+import { state as m, transition as a, reduce as n } from "robot3";
 import { getContractorDisplayName as p } from "../CreatePayment/helpers.js";
-import { PaymentListContextual as i, PaymentStatementContextual as c, PaymentSummaryContextual as u, CreatePaymentContextual as d, PaymentHistoryContextual as y, InformationRequestsContextual as T } from "./PaymentFlowComponents.js";
-import { informationRequestEvents as l, componentEvents as o } from "../../../../shared/constants.js";
-import { updateBreadcrumbs as a } from "../../../../helpers/breadcrumbHelpers.js";
-import { createBreadcrumbNavigateTransition as g } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const O = {
+import { PaymentListContextual as i, PaymentStatementContextual as u, PaymentSummaryContextual as d, CreatePaymentContextual as T, PaymentHistoryContextual as c, InformationRequestsContextual as g } from "./PaymentFlowComponents.js";
+import { informationRequestEvents as l, componentEvents as o, payrollWireEvents as y } from "../../../../shared/constants.js";
+import { updateBreadcrumbs as r } from "../../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as b } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const _ = {
   landing: {
     parent: null,
     item: {
@@ -26,7 +26,7 @@ const O = {
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.CreatePayment",
       onNavigate: ((e) => ({
-        ...a("createPayment", e)
+        ...r("createPayment", e)
       }))
     }
   },
@@ -37,7 +37,7 @@ const O = {
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.PaymentSummary",
       onNavigate: ((e) => ({
-        ...a("paymentSummary", e)
+        ...r("paymentSummary", e)
       }))
     }
   },
@@ -48,8 +48,8 @@ const O = {
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.PaymentHistory",
       onNavigate: ((e) => ({
-        ...a("history", e),
-        component: y
+        ...r("history", e),
+        component: c
       }))
     }
   },
@@ -61,53 +61,69 @@ const O = {
       namespace: "Contractor.Payments.PaymentStatement"
     }
   }
-}, s = g(), _ = {
+}, s = b(), A = {
   landing: m(
-    n(
+    a(
       o.CONTRACTOR_PAYMENT_CREATE,
       "createPayment",
-      r(
+      n(
         (e, t) => ({
-          ...a("createPayment", e),
-          component: d,
+          ...r("createPayment", e),
+          component: T,
           progressBarType: "breadcrumbs",
           alerts: void 0
         })
       )
     ),
-    n(
+    a(
       o.CONTRACTOR_PAYMENT_VIEW,
       "history",
-      r(
+      n(
         (e, t) => ({
-          ...a("history", e),
-          component: y,
+          ...r("history", e),
+          component: c,
           currentPaymentId: t.payload.paymentId,
           progressBarType: "breadcrumbs",
           alerts: void 0
         })
       )
     ),
-    n(
+    a(
       o.CONTRACTOR_PAYMENT_RFI_RESPOND,
       "informationRequests",
-      r(
+      n(
         (e, t) => ({
           ...e,
-          component: T,
+          component: g,
           progressBarType: null
         })
       )
+    ),
+    a(
+      y.PAYROLL_WIRE_FORM_DONE,
+      "landing",
+      n(
+        (e, t) => ({
+          ...e,
+          alerts: [
+            {
+              type: "success",
+              title: "wireDetailsSubmitted",
+              content: t.payload.confirmationAlert.content
+            }
+          ]
+        })
+      )
     )
   ),
   createPayment: m(
-    n(
+    a(
       o.CONTRACTOR_PAYMENT_CREATED,
       "paymentSummary",
-      r(
+      n(
         (e, t) => ({
-          ...a("paymentSummary", e),
-          component: u,
+          ...r("paymentSummary", e),
+          component: d,
           createdPaymentGroupId: t.payload.uuid,
           progressBarType: "breadcrumbs",
           alerts: void 0
@@ -117,12 +133,12 @@ const O = {
     s("landing")
   ),
   paymentSummary: m(
-    n(
+    a(
       o.CONTRACTOR_PAYMENT_EXIT,
       "landing",
-      r(
+      n(
         (e, t) => ({
-          ...a("landing", e),
+          ...r("landing", e),
           progressBarType: null,
           component: i,
           createdPaymentGroupId: void 0,
@@ -130,18 +146,34 @@ const O = {
         })
       )
     ),
+    a(
+      y.PAYROLL_WIRE_FORM_DONE,
+      "paymentSummary",
+      n(
+        (e, t) => ({
+          ...e,
+          alerts: [
+            {
+              type: "success",
+              title: "wireDetailsSubmitted",
+              content: t.payload.confirmationAlert.content
+            }
+          ]
+        })
+      )
+    ),
     s("landing")
   ),
   history: m(
-    n(
+    a(
       o.CONTRACTOR_PAYMENT_VIEW_DETAILS,
       "statement",
-      r(
+      n(
         (e, t) => ({
-          ...a("statement", e, {
+          ...r("statement", e, {
             contractorName: p(t.payload.contractor)
           }),
-          component: c,
+          component: u,
           currentContractorUuid: t.payload.contractor.uuid,
           currentPaymentId: t.payload.paymentGroupId,
           progressBarType: "breadcrumbs",
@@ -149,12 +181,12 @@ const O = {
         })
       )
     ),
-    n(
+    a(
       o.CONTRACTOR_PAYMENT_CANCEL,
       "landing",
-      r(
+      n(
         (e, t) => ({
-          ...a("landing", e),
+          ...r("landing", e),
           progressBarType: null,
           component: i,
           alerts: [
@@ -173,23 +205,23 @@ const O = {
     s("history")
   ),
   informationRequests: m(
-    n(
+    a(
       l.INFORMATION_REQUEST_FORM_DONE,
       "landing",
-      r(
+      n(
         (e, t) => ({
-          ...a("landing", e),
+          ...r("landing", e),
           component: i,
           progressBarType: null
         })
       )
     ),
-    n(
+    a(
       l.INFORMATION_REQUEST_FORM_CANCEL,
       "landing",
-      r(
+      n(
         (e, t) => ({
-          ...a("landing", e),
+          ...r("landing", e),
           component: i,
           progressBarType: null
         })
@@ -198,7 +230,7 @@ const O = {
   )
 };
 export {
-  O as paymentFlowBreadcrumbsNodes,
-  _ as paymentMachine
+  _ as paymentFlowBreadcrumbsNodes,
+  A as paymentMachine
 };
 //# sourceMappingURL=paymentStateMachine.js.map