@gusto/embedded-react-sdk 0.55.7 → 0.55.8

package/dist/components/Payroll/PrintChecks/PrintChecksBanner/PrintChecksBanner.js

@@ -1,34 +1,41 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { usePayrollsGet as P } from "@gusto/embedded-api/react-query/payrollsGet";
-import { BaseComponent as C } from "../../../Base/Base.js";
+import { useTranslation as P } from "react-i18next";
+import { usePayrollsGet as C } from "@gusto/embedded-api/react-query/payrollsGet";
+import { BaseComponent as y } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as f, useI18n as k } from "../../../../i18n/I18n.js";
-import { PAYMENT_METHODS as B, PAYROLL_PROCESSING_STATUS as S } from "../../../../shared/constants.js";
-function b(t) {
-  return /* @__PURE__ */ e(C, { ...t, children: /* @__PURE__ */ e(T, { ...t, children: t.children }) });
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as k, useI18n as B } from "../../../../i18n/I18n.js";
+import { PAYMENT_METHODS as S, PAYROLL_PROCESSING_STATUS as T } from "../../../../shared/constants.js";
+function G(t) {
+  return /* @__PURE__ */ e(y, { ...t, children: /* @__PURE__ */ e(x, { ...t, children: t.children }) });
 }
-const T = ({ companyId: t, payrollId: c, dictionary: a, onStartPrintChecks: l }) => {
-  f("Payroll.PrintChecksBanner", a), k("Payroll.PrintChecksBanner");
-  const { t: n } = h("Payroll.PrintChecksBanner"), { Alert: m, Button: u } = y(), { data: p } = P({
+const x = ({
+  companyId: t,
+  payrollId: c,
+  dictionary: a,
+  onStartPrintChecks: l,
+  className: m
+}) => {
+  k("Payroll.PrintChecksBanner", a), B("Payroll.PrintChecksBanner");
+  const { t: n } = P("Payroll.PrintChecksBanner"), { Alert: u, Button: p } = f(), { data: d } = C({
     companyId: t,
     payrollId: c
-  }), o = p?.payrollShow, r = o?.employeeCompensations?.reduce(
-    (s, i) => !i.excluded && i.paymentMethod === B.check ? s + 1 : s,
+  }), o = d?.payrollShow, r = o?.employeeCompensations?.reduce(
+    (s, i) => !i.excluded && i.paymentMethod === S.check ? s + 1 : s,
     0
-  ) ?? 0, d = o?.processed === !0 || o?.processingRequest?.status === S.submit_success;
+  ) ?? 0, h = o?.processed === !0 || o?.processingRequest?.status === T.submit_success;
   return r === 0 ? null : /* @__PURE__ */ e(
-    m,
+    u,
     {
       status: "info",
+      className: m,
       label: n("title", { count: r }),
-      action: d && /* @__PURE__ */ e(u, { variant: "secondary", onClick: l, children: n("cta") }),
+      action: h && /* @__PURE__ */ e(p, { variant: "secondary", onClick: l, children: n("cta") }),
       children: n("description")
     }
   );
 };
 export {
-  b as PrintChecksBanner
+  G as PrintChecksBanner
 };
 //# sourceMappingURL=PrintChecksBanner.js.map

package/dist/components/Payroll/PrintChecks/PrintChecksBanner/PrintChecksBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintChecksBanner.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksBanner/PrintChecksBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePayrollsGet } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { PAYMENT_METHODS, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\n\ninterface PrintChecksBannerProps extends BaseComponentInterface<'Payroll.PrintChecksBanner'> {\n  companyId: string\n  payrollId: string\n  onStartPrintChecks: () => void\n}\n\n/** @internal */\nexport function PrintChecksBanner(props: PrintChecksBannerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, payrollId, dictionary, onStartPrintChecks }: PrintChecksBannerProps) => {\n  useComponentDictionary('Payroll.PrintChecksBanner', dictionary)\n  useI18n('Payroll.PrintChecksBanner')\n  const { t } = useTranslation('Payroll.PrintChecksBanner')\n  const { Alert, Button } = useComponentContext()\n\n  const { data } = usePayrollsGet({\n    companyId,\n    payrollId,\n  })\n  const payrollData = data?.payrollShow\n\n  const checkPaymentsCount =\n    payrollData?.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n\n  const isProcessed =\n    payrollData?.processed === true ||\n    payrollData?.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n\n  if (checkPaymentsCount === 0) {\n    return null\n  }\n\n  return (\n    <Alert\n      status=\"info\"\n      label={t('title', { count: checkPaymentsCount })}\n      action={\n        isProcessed && (\n          <Button variant=\"secondary\" onClick={onStartPrintChecks}>\n            {t('cta')}\n          </Button>\n        )\n      }\n    >\n      {t('description')}\n    </Alert>\n  )\n}\n"],"names":["PrintChecksBanner","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onStartPrintChecks","useComponentDictionary","useI18n","t","useTranslation","Alert","Button","useComponentContext","data","usePayrollsGet","payrollData","checkPaymentsCount","acc","comp","PAYMENT_METHODS","isProcessed","PAYROLL_PROCESSING_STATUS"],"mappings":";;;;;;;;AAcO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,YAAAC,GAAY,oBAAAC,QAAiD;AACjG,EAAAC,EAAuB,6BAA6BF,CAAU,GAC9DG,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWC,EAAA,GAEpB,EAAE,MAAAC,EAAA,IAASC,EAAe;AAAA,IAC9B,WAAAZ;AAAA,IACA,WAAAC;AAAA,EAAA,CACD,GACKY,IAAcF,GAAM,aAEpBG,IACJD,GAAa,uBAAuB;AAAA,IAClC,CAACE,GAAKC,MACJ,CAACA,EAAK,YAAYA,EAAK,kBAAkBC,EAAgB,QAAQF,IAAM,IAAIA;AAAA,IAC7E;AAAA,EAAA,KACG,GAEDG,IACJL,GAAa,cAAc,MAC3BA,GAAa,mBAAmB,WAAWM,EAA0B;AAEvE,SAAIL,MAAuB,IAClB,OAIP,gBAAAjB;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,SAAS,EAAE,OAAOQ,GAAoB;AAAA,MAC/C,QACEI,KACE,gBAAArB,EAACY,GAAA,EAAO,SAAQ,aAAY,SAASN,GAClC,UAAAG,EAAE,KAAK,EAAA,CACV;AAAA,MAIH,YAAE,aAAa;AAAA,IAAA;AAAA,EAAA;AAGtB;"}
+{"version":3,"file":"PrintChecksBanner.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksBanner/PrintChecksBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePayrollsGet } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { PAYMENT_METHODS, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\n\ninterface PrintChecksBannerProps extends BaseComponentInterface<'Payroll.PrintChecksBanner'> {\n  companyId: string\n  payrollId: string\n  onStartPrintChecks: () => void\n}\n\n/** @internal */\nexport function PrintChecksBanner(props: PrintChecksBannerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onStartPrintChecks,\n  className,\n}: PrintChecksBannerProps) => {\n  useComponentDictionary('Payroll.PrintChecksBanner', dictionary)\n  useI18n('Payroll.PrintChecksBanner')\n  const { t } = useTranslation('Payroll.PrintChecksBanner')\n  const { Alert, Button } = useComponentContext()\n\n  const { data } = usePayrollsGet({\n    companyId,\n    payrollId,\n  })\n  const payrollData = data?.payrollShow\n\n  const checkPaymentsCount =\n    payrollData?.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n\n  const isProcessed =\n    payrollData?.processed === true ||\n    payrollData?.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n\n  if (checkPaymentsCount === 0) {\n    return null\n  }\n\n  return (\n    <Alert\n      status=\"info\"\n      className={className}\n      label={t('title', { count: checkPaymentsCount })}\n      action={\n        isProcessed && (\n          <Button variant=\"secondary\" onClick={onStartPrintChecks}>\n            {t('cta')}\n          </Button>\n        )\n      }\n    >\n      {t('description')}\n    </Alert>\n  )\n}\n"],"names":["PrintChecksBanner","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onStartPrintChecks","className","useComponentDictionary","useI18n","t","useTranslation","Alert","Button","useComponentContext","data","usePayrollsGet","payrollData","checkPaymentsCount","acc","comp","PAYMENT_METHODS","isProcessed","PAYROLL_PROCESSING_STATUS"],"mappings":";;;;;;;;AAcO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC;AAAA,EACZ,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,MAA8B;AAC5B,EAAAC,EAAuB,6BAA6BH,CAAU,GAC9DI,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWC,EAAA,GAEpB,EAAE,MAAAC,EAAA,IAASC,EAAe;AAAA,IAC9B,WAAAb;AAAA,IACA,WAAAC;AAAA,EAAA,CACD,GACKa,IAAcF,GAAM,aAEpBG,IACJD,GAAa,uBAAuB;AAAA,IAClC,CAACE,GAAKC,MACJ,CAACA,EAAK,YAAYA,EAAK,kBAAkBC,EAAgB,QAAQF,IAAM,IAAIA;AAAA,IAC7E;AAAA,EAAA,KACG,GAEDG,IACJL,GAAa,cAAc,MAC3BA,GAAa,mBAAmB,WAAWM,EAA0B;AAEvE,SAAIL,MAAuB,IAClB,OAIP,gBAAAlB;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAAL;AAAA,MACA,OAAOG,EAAE,SAAS,EAAE,OAAOQ,GAAoB;AAAA,MAC/C,QACEI,KACE,gBAAAtB,EAACa,GAAA,EAAO,SAAQ,aAAY,SAASP,GAClC,UAAAI,EAAE,KAAK,EAAA,CACV;AAAA,MAIH,YAAE,aAAa;AAAA,IAAA;AAAA,EAAA;AAGtB;"}

package/dist/components/Payroll/PrintChecks/PrintChecksFailure/PrintChecksFailure.js

@@ -1,22 +1,22 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import { BaseComponent as C } from "../../../Base/Base.js";
+import { BaseComponent as h } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as h, useI18n as c } from "../../../../i18n/I18n.js";
-import { Flex as P } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as d } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentDictionary as P, useI18n as c } from "../../../../i18n/I18n.js";
+import { Flex as d } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { printChecksEvents as a } from "../../../../shared/constants.js";
-function f(r) {
-  return /* @__PURE__ */ t(C, { ...r, children: /* @__PURE__ */ t(p, { ...r, children: r.children }) });
+function p(r) {
+  return /* @__PURE__ */ t(h, { ...r, children: /* @__PURE__ */ t(y, { ...r, children: r.children }) });
 }
-const p = ({ dictionary: r, errorMessage: o, onEvent: e }) => {
-  h("Payroll.PrintChecksFailure", r), c("Payroll.PrintChecksFailure");
-  const { t: n } = i("Payroll.PrintChecksFailure"), { Alert: s, Button: m } = l();
-  return /* @__PURE__ */ u(P, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ t(s, { status: "error", disableScrollIntoView: !0, label: n("failedTitle"), children: o }),
+const y = ({ dictionary: r, errorMessage: o, onEvent: e, className: s }) => {
+  P("Payroll.PrintChecksFailure", r), c("Payroll.PrintChecksFailure");
+  const { t: n } = i("Payroll.PrintChecksFailure"), { Alert: m, Button: u } = l();
+  return /* @__PURE__ */ C(d, { className: s, flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ t(m, { status: "error", disableScrollIntoView: !0, label: n("failedTitle"), children: o }),
     /* @__PURE__ */ t(
-      m,
+      u,
       {
         variant: "secondary",
         onClick: () => {
@@ -26,10 +26,10 @@ const p = ({ dictionary: r, errorMessage: o, onEvent: e }) => {
       }
     )
   ] });
-}, y = ({ onEvent: r }) => {
+}, k = ({ onEvent: r }) => {
   c("Payroll.PrintChecksFailure");
   const { t: o } = i("Payroll.PrintChecksFailure"), { Button: e } = l();
-  return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
     e,
     {
       variant: "secondary",
@@ -40,8 +40,8 @@ const p = ({ dictionary: r, errorMessage: o, onEvent: e }) => {
     }
   ) });
 };
-f.Footer = y;
+p.Footer = k;
 export {
-  f as PrintChecksFailure
+  p as PrintChecksFailure
 };
 //# sourceMappingURL=PrintChecksFailure.js.map

package/dist/components/Payroll/PrintChecks/PrintChecksFailure/PrintChecksFailure.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintChecksFailure.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksFailure/PrintChecksFailure.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\n\ninterface PrintChecksFailureProps extends BaseComponentInterface<'Payroll.PrintChecksFailure'> {\n  errorMessage?: string\n}\n\n/** @internal */\nexport function PrintChecksFailure(props: PrintChecksFailureProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, errorMessage, onEvent }: PrintChecksFailureProps) => {\n  useComponentDictionary('Payroll.PrintChecksFailure', dictionary)\n  useI18n('Payroll.PrintChecksFailure')\n  const { t } = useTranslation('Payroll.PrintChecksFailure')\n  const { Alert, Button } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Alert status=\"error\" disableScrollIntoView label={t('failedTitle')}>\n        {errorMessage}\n      </Alert>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_RETRY)\n        }}\n      >\n        {t('retryCta')}\n      </Button>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksFailure')\n  const { t } = useTranslation('Payroll.PrintChecksFailure')\n  const { Button } = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CLOSE)\n        }}\n      >\n        {t('closeCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksFailure.Footer = Footer\n"],"names":["PrintChecksFailure","props","jsx","BaseComponent","Root","dictionary","errorMessage","onEvent","useComponentDictionary","useI18n","t","useTranslation","Alert","Button","useComponentContext","jsxs","Flex","printChecksEvents","Footer","ActionsLayout"],"mappings":";;;;;;;;;AAaO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,cAAAC,GAAc,SAAAC,QAAuC;AAC/E,EAAAC,EAAuB,8BAA8BH,CAAU,GAC/DI,EAAQ,4BAA4B;AACpC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B,GACnD,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWC,EAAA;AAE1B,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAd,EAACU,GAAA,EAAM,QAAO,SAAQ,uBAAqB,IAAC,OAAOF,EAAE,aAAa,GAC/D,UAAAJ,EAAA,CACH;AAAA,IACA,gBAAAJ;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAN,EAAQU,EAAkB,kBAAkB;AAAA,QAC9C;AAAA,QAEC,YAAE,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GACF;AAEJ,GAEMC,IAAS,CAAC,EAAE,SAAAX,QAA4D;AAC5E,EAAAE,EAAQ,4BAA4B;AACpC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B,GACnD,EAAE,QAAAE,EAAA,IAAWC,EAAA;AAEnB,2BACGK,GAAA,EACC,UAAA,gBAAAjB;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AACb,QAAAN,EAAQU,EAAkB,kBAAkB;AAAA,MAC9C;AAAA,MAEC,YAAE,UAAU;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AACAjB,EAAmB,SAASkB;"}
+{"version":3,"file":"PrintChecksFailure.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksFailure/PrintChecksFailure.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\n\ninterface PrintChecksFailureProps extends BaseComponentInterface<'Payroll.PrintChecksFailure'> {\n  errorMessage?: string\n}\n\n/** @internal */\nexport function PrintChecksFailure(props: PrintChecksFailureProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, errorMessage, onEvent, className }: PrintChecksFailureProps) => {\n  useComponentDictionary('Payroll.PrintChecksFailure', dictionary)\n  useI18n('Payroll.PrintChecksFailure')\n  const { t } = useTranslation('Payroll.PrintChecksFailure')\n  const { Alert, Button } = useComponentContext()\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={16}>\n      <Alert status=\"error\" disableScrollIntoView label={t('failedTitle')}>\n        {errorMessage}\n      </Alert>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_RETRY)\n        }}\n      >\n        {t('retryCta')}\n      </Button>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksFailure')\n  const { t } = useTranslation('Payroll.PrintChecksFailure')\n  const { Button } = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CLOSE)\n        }}\n      >\n        {t('closeCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksFailure.Footer = Footer\n"],"names":["PrintChecksFailure","props","jsx","BaseComponent","Root","dictionary","errorMessage","onEvent","className","useComponentDictionary","useI18n","t","useTranslation","Alert","Button","useComponentContext","Flex","printChecksEvents","Footer","ActionsLayout"],"mappings":";;;;;;;;;AAaO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,cAAAC,GAAc,SAAAC,GAAS,WAAAC,QAAyC;AAC1F,EAAAC,EAAuB,8BAA8BJ,CAAU,GAC/DK,EAAQ,4BAA4B;AACpC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B,GACnD,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWC,EAAA;AAE1B,2BACGC,GAAA,EAAK,WAAAR,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAN,EAACW,GAAA,EAAM,QAAO,SAAQ,uBAAqB,IAAC,OAAOF,EAAE,aAAa,GAC/D,UAAAL,EAAA,CACH;AAAA,IACA,gBAAAJ;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAP,EAAQU,EAAkB,kBAAkB;AAAA,QAC9C;AAAA,QAEC,YAAE,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GACF;AAEJ,GAEMC,IAAS,CAAC,EAAE,SAAAX,QAA4D;AAC5E,EAAAG,EAAQ,4BAA4B;AACpC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B,GACnD,EAAE,QAAAE,EAAA,IAAWC,EAAA;AAEnB,2BACGI,GAAA,EACC,UAAA,gBAAAjB;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AACb,QAAAP,EAAQU,EAAkB,kBAAkB;AAAA,MAC9C;AAAA,MAEC,YAAE,UAAU;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AACAjB,EAAmB,SAASkB;"}

package/dist/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.js

@@ -1,75 +1,75 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { useForm as S, useWatch as v, FormProvider as R } from "react-hook-form";
-import { zodResolver as _ } from "@hookform/resolvers/zod";
-import { useTranslation as p } from "react-i18next";
-import { z as u } from "zod";
-import { usePayrollsGeneratePrintableChecksMutation as T } from "@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { useForm as v, useWatch as R, FormProvider as _ } from "react-hook-form";
+import { zodResolver as T } from "@hookform/resolvers/zod";
+import { useTranslation as h } from "react-i18next";
+import { z as d } from "zod";
+import { usePayrollsGeneratePrintableChecksMutation as D } from "@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks";
 import { PrintingFormat as n } from "@gusto/embedded-api/models/components/printablepayrollchecksbody";
-import { useGenerationPoll as D } from "./useGenerationPoll.js";
-import { BaseComponent as A } from "../../../Base/Base.js";
-import { useBase as I } from "../../../Base/useBase.js";
-import { useComponentContext as G } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as L, useI18n as h } from "../../../../i18n/I18n.js";
-import { useFlow as M } from "../../../Flow/useFlow.js";
-import { Flex as x } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as B } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as w } from "../../../Common/Form/Form.js";
-import { printChecksEvents as a } from "../../../../shared/constants.js";
-import { RadioGroupField as H } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as q } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-const K = u.object({
-  printingFormat: u.nativeEnum(n),
-  startingCheckNumber: u.number({ message: "invalidStartingCheckNumber" }).int({ message: "invalidStartingCheckNumber" }).nonnegative({ message: "invalidStartingCheckNumber" }).lt(1e10, { message: "invalidStartingCheckNumber" }).optional()
-}), b = "gusto-sdk-print-checks-form", U = (r) => Array.isArray(r) && r.every((e) => typeof e == "object" && e !== null), j = (r) => {
-  if (r && typeof r == "object" && "errors" in r && U(r.errors)) {
+import { useGenerationPoll as A } from "./useGenerationPoll.js";
+import { BaseComponent as I } from "../../../Base/Base.js";
+import { useBase as G } from "../../../Base/useBase.js";
+import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as M, useI18n as b } from "../../../../i18n/I18n.js";
+import { useFlow as x } from "../../../Flow/useFlow.js";
+import { Flex as B } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as w } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as H } from "../../../Common/Form/Form.js";
+import { printChecksEvents as m } from "../../../../shared/constants.js";
+import { RadioGroupField as q } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as K } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+const U = d.object({
+  printingFormat: d.nativeEnum(n),
+  startingCheckNumber: d.number({ message: "invalidStartingCheckNumber" }).int({ message: "invalidStartingCheckNumber" }).nonnegative({ message: "invalidStartingCheckNumber" }).lt(1e10, { message: "invalidStartingCheckNumber" }).optional()
+}), g = "gusto-sdk-print-checks-form", j = (r) => Array.isArray(r) && r.every((e) => typeof e == "object" && e !== null), z = (r) => {
+  if (r && typeof r == "object" && "errors" in r && j(r.errors)) {
     const [e] = r.errors;
     if (e?.message) return e.message;
   }
   return r instanceof Error ? r.message : null;
-}, z = (r) => ({
+}, O = (r) => ({
   printingFormat: r.printingFormat,
   ...r.printingFormat === n.Bottom && r.startingCheckNumber !== void 0 ? { startingCheckNumber: r.startingCheckNumber } : {}
-}), O = (r) => {
+}), V = (r) => {
   const e = document.createElement("a");
   e.href = r, e.rel = "noopener noreferrer", document.body.appendChild(e), e.click(), document.body.removeChild(e);
 };
-function V(r) {
-  return /* @__PURE__ */ o(A, { ...r, children: /* @__PURE__ */ o(W, { ...r, children: r.children }) });
+function W(r) {
+  return /* @__PURE__ */ o(I, { ...r, children: /* @__PURE__ */ o(J, { ...r, children: r.children }) });
 }
-const W = ({ dictionary: r, payrollId: e, isGenerating: i }) => {
-  L("Payroll.PrintChecksForm", r), h("Payroll.PrintChecksForm");
-  const { t } = p("Payroll.PrintChecksForm"), { onEvent: m, baseSubmitHandler: g } = I(), c = S({
-    resolver: _(K),
+const J = ({ dictionary: r, payrollId: e, isGenerating: i, className: s }) => {
+  M("Payroll.PrintChecksForm", r), b("Payroll.PrintChecksForm");
+  const { t } = h("Payroll.PrintChecksForm"), { onEvent: c, baseSubmitHandler: k } = G(), l = v({
+    resolver: T(U),
     defaultValues: { printingFormat: n.Top, startingCheckNumber: 0 }
-  }), k = v({
+  }), f = R({
     name: "printingFormat",
-    control: c.control
-  }), { mutateAsync: f } = T(), { start: E } = D({
-    onSucceeded: (s) => {
-      m(a.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: s }), s && O(s);
+    control: l.control
+  }), { mutateAsync: E } = D(), { start: F } = A({
+    onSucceeded: (a) => {
+      c(m.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: a }), a && V(a);
     },
     onFailed: () => {
-      m(a.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null });
+      c(m.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null });
     }
-  }), F = async (s) => {
-    m(a.PRINT_CHECKS_GENERATE_START), await g(s, async (P) => {
+  }), N = async (a) => {
+    c(m.PRINT_CHECKS_GENERATE_START), await k(a, async (S) => {
       try {
-        const d = (await f({
+        const C = (await E({
           request: {
             payrollUuid: e,
-            printablePayrollChecksBody: z(P)
+            printablePayrollChecksBody: O(S)
           }
         })).payrollCheck?.requestUuid;
-        if (!d)
+        if (!C)
           throw new Error("Missing requestUuid in generate-printable-checks response");
-        E(d);
-      } catch (l) {
-        throw m(a.PRINT_CHECKS_GENERATE_FAILED, {
-          errorMessage: j(l)
-        }), l;
+        F(C);
+      } catch (u) {
+        throw c(m.PRINT_CHECKS_GENERATE_FAILED, {
+          errorMessage: z(u)
+        }), u;
       }
     });
-  }, N = c.formState.errors.startingCheckNumber?.message ? t("validations.startingCheckNumber") : void 0, y = [
+  }, y = l.formState.errors.startingCheckNumber?.message ? t("validations.startingCheckNumber") : void 0, P = [
     {
       value: n.Top,
       label: t("customStockLabel"),
@@ -81,49 +81,57 @@ const W = ({ dictionary: r, payrollId: e, isGenerating: i }) => {
       description: t("blankStockDescription")
     }
   ];
-  return /* @__PURE__ */ o(R, { ...c, children: /* @__PURE__ */ o(w, { id: b, onSubmit: c.handleSubmit(F), children: /* @__PURE__ */ C(x, { flexDirection: "column", gap: 20, children: [
-    /* @__PURE__ */ o(
-      H,
-      {
-        name: "printingFormat",
-        label: t("modalTitle"),
-        options: y,
-        isRequired: !0,
-        isDisabled: i
-      }
-    ),
-    k === n.Bottom && /* @__PURE__ */ o(
-      q,
-      {
-        name: "startingCheckNumber",
-        label: t("startingCheckNumberLabel"),
-        description: t("startingCheckNumberDescription"),
-        errorMessage: N,
-        isDisabled: i,
-        min: 0
-      }
-    )
-  ] }) }) });
-}, J = ({ onEvent: r }) => {
-  h("Payroll.PrintChecksForm");
-  const { t: e } = p("Payroll.PrintChecksForm"), { Button: i } = G(), { isGenerating: t } = M();
-  return /* @__PURE__ */ C(B, { children: [
+  return /* @__PURE__ */ o(_, { ...l, children: /* @__PURE__ */ o(
+    H,
+    {
+      id: g,
+      onSubmit: l.handleSubmit(N),
+      className: s,
+      children: /* @__PURE__ */ p(B, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ o(
+          q,
+          {
+            name: "printingFormat",
+            label: t("modalTitle"),
+            options: P,
+            isRequired: !0,
+            isDisabled: i
+          }
+        ),
+        f === n.Bottom && /* @__PURE__ */ o(
+          K,
+          {
+            name: "startingCheckNumber",
+            label: t("startingCheckNumberLabel"),
+            description: t("startingCheckNumberDescription"),
+            errorMessage: y,
+            isDisabled: i,
+            min: 0
+          }
+        )
+      ] })
+    }
+  ) });
+}, Q = ({ onEvent: r }) => {
+  b("Payroll.PrintChecksForm");
+  const { t: e } = h("Payroll.PrintChecksForm"), { Button: i } = L(), { isGenerating: s } = x();
+  return /* @__PURE__ */ p(w, { children: [
     /* @__PURE__ */ o(
       i,
       {
         variant: "secondary",
         onClick: () => {
-          r(a.PRINT_CHECKS_CANCEL);
+          r(m.PRINT_CHECKS_CANCEL);
         },
-        isDisabled: t,
+        isDisabled: s,
         children: e("cancelCta")
       }
     ),
-    /* @__PURE__ */ o(i, { variant: "primary", type: "submit", form: b, isDisabled: t, children: e(t ? "submitCtaLoading" : "submitCta") })
+    /* @__PURE__ */ o(i, { variant: "primary", type: "submit", form: g, isDisabled: s, children: e(s ? "submitCtaLoading" : "submitCta") })
   ] });
 };
-V.Footer = J;
+W.Footer = Q;
 export {
-  V as PrintChecksForm
+  W as PrintChecksForm
 };
 //# sourceMappingURL=PrintChecksForm.js.map

package/dist/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintChecksForm.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePayrollsGeneratePrintableChecksMutation } from '@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks'\nimport {\n  PrintingFormat,\n  type PrintablePayrollChecksBody,\n} from '@gusto/embedded-api/models/components/printablepayrollchecksbody'\nimport { useGenerationPoll } from './useGenerationPoll'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\nimport type { RadioGroupOption } from '@/index'\n\ninterface PrintChecksFormProps extends BaseComponentInterface<'Payroll.PrintChecksForm'> {\n  payrollId: string\n  /** Whether a generate-and-poll cycle is in flight; disables the fields while true. */\n  isGenerating?: boolean\n}\n\n// The Footer is rendered by the top-level orchestrator as a sibling of this component (not a\n// child), so it can only read shared state — like whether a generate-and-poll cycle is in\n// flight — via the machine's FlowContext rather than as a prop. This narrow interface describes\n// only the field Footer needs, rather than depending on the orchestrator's full context type.\ninterface PrintChecksFormFlowContext extends FlowContextInterface {\n  isGenerating?: boolean\n}\n\nconst PrintChecksFormSchema = z.object({\n  printingFormat: z.nativeEnum(PrintingFormat),\n  startingCheckNumber: z\n    .number({ message: 'invalidStartingCheckNumber' })\n    .int({ message: 'invalidStartingCheckNumber' })\n    .nonnegative({ message: 'invalidStartingCheckNumber' })\n    .lt(10_000_000_000, { message: 'invalidStartingCheckNumber' })\n    .optional(),\n})\n\ntype PrintChecksFormValues = z.infer<typeof PrintChecksFormSchema>\n\nconst PRINT_CHECKS_FORM_ID = 'gusto-sdk-print-checks-form'\n\nconst isErrorList = (val: unknown): val is { message?: string }[] =>\n  Array.isArray(val) && val.every(entry => typeof entry === 'object' && entry !== null)\n\nconst extractErrorMessage = (err: unknown): string | null => {\n  if (err && typeof err === 'object' && 'errors' in err && isErrorList(err.errors)) {\n    const [firstError] = err.errors\n    if (firstError?.message) return firstError.message\n  }\n  return err instanceof Error ? err.message : null\n}\n\nconst buildRequestBody = (data: PrintChecksFormValues): PrintablePayrollChecksBody => ({\n  printingFormat: data.printingFormat,\n  ...(data.printingFormat === PrintingFormat.Bottom && data.startingCheckNumber !== undefined\n    ? { startingCheckNumber: data.startingCheckNumber }\n    : {}),\n})\n\n// Navigates directly to `url` via a synthetic anchor click rather than `fetch`-ing it into a blob:\n// the generated-document URL is a signed, cross-origin S3 URL with `response-content-disposition:\n// attachment` baked into its query string, so a direct browser-level request downloads it via that\n// response header — but a `fetch()` from JS is subject to CORS, which the bucket doesn't allow, and\n// fails outright. A plain navigation isn't subject to CORS and never opens a new tab or navigates\n// the host page, since the browser intercepts the download instead of rendering a response.\nconst downloadGeneratedChecks = (url: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.rel = 'noopener noreferrer'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\n/** @internal */\nexport function PrintChecksForm(props: PrintChecksFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, payrollId, isGenerating }: PrintChecksFormProps) => {\n  useComponentDictionary('Payroll.PrintChecksForm', dictionary)\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const formMethods = useForm<PrintChecksFormValues>({\n    resolver: zodResolver(PrintChecksFormSchema),\n    defaultValues: { printingFormat: PrintingFormat.Top, startingCheckNumber: 0 },\n  })\n\n  const printingFormat = useWatch<PrintChecksFormValues, 'printingFormat'>({\n    name: 'printingFormat',\n    control: formMethods.control,\n  })\n\n  const { mutateAsync } = usePayrollsGeneratePrintableChecksMutation()\n\n  const { start: startGenerationPoll } = useGenerationPoll({\n    onSucceeded: url => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: url })\n      if (url) {\n        downloadGeneratedChecks(url)\n      }\n    },\n    onFailed: () => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null })\n    },\n  })\n\n  const onSubmit = async (formData: PrintChecksFormValues) => {\n    onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_START)\n\n    await baseSubmitHandler(formData, async submittedData => {\n      try {\n        const result = await mutateAsync({\n          request: {\n            payrollUuid: payrollId,\n            printablePayrollChecksBody: buildRequestBody(submittedData),\n          },\n        })\n\n        const nextRequestUuid = result.payrollCheck?.requestUuid\n        if (!nextRequestUuid) {\n          throw new Error('Missing requestUuid in generate-printable-checks response')\n        }\n\n        startGenerationPoll(nextRequestUuid)\n      } catch (err) {\n        onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, {\n          errorMessage: extractErrorMessage(err),\n        })\n        throw err\n      }\n    })\n  }\n\n  const startingCheckNumberErrorCode = formMethods.formState.errors.startingCheckNumber?.message\n  const startingCheckNumberErrorMessage = startingCheckNumberErrorCode\n    ? t('validations.startingCheckNumber')\n    : undefined\n\n  const printingFormatOptions: RadioGroupOption[] = [\n    {\n      value: PrintingFormat.Top,\n      label: t('customStockLabel'),\n      description: t('customStockDescription'),\n    },\n    {\n      value: PrintingFormat.Bottom,\n      label: t('blankStockLabel'),\n      description: t('blankStockDescription'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form id={PRINT_CHECKS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={20}>\n          <RadioGroupField\n            name=\"printingFormat\"\n            label={t('modalTitle')}\n            options={printingFormatOptions}\n            isRequired\n            isDisabled={isGenerating}\n          />\n          {printingFormat === PrintingFormat.Bottom && (\n            <NumberInputField\n              name=\"startingCheckNumber\"\n              label={t('startingCheckNumberLabel')}\n              description={t('startingCheckNumberDescription')}\n              errorMessage={startingCheckNumberErrorMessage}\n              isDisabled={isGenerating}\n              min={0}\n            />\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Button } = useComponentContext()\n  const { isGenerating } = useFlow<PrintChecksFormFlowContext>()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CANCEL)\n        }}\n        isDisabled={isGenerating}\n      >\n        {t('cancelCta')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={PRINT_CHECKS_FORM_ID} isDisabled={isGenerating}>\n        {isGenerating ? t('submitCtaLoading') : t('submitCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksForm.Footer = Footer\n"],"names":["PrintChecksFormSchema","z","PrintingFormat","PRINT_CHECKS_FORM_ID","isErrorList","val","entry","extractErrorMessage","err","firstError","buildRequestBody","data","downloadGeneratedChecks","url","link","PrintChecksForm","props","jsx","BaseComponent","Root","dictionary","payrollId","isGenerating","useComponentDictionary","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","formMethods","useForm","zodResolver","printingFormat","useWatch","mutateAsync","usePayrollsGeneratePrintableChecksMutation","startGenerationPoll","useGenerationPoll","printChecksEvents","onSubmit","formData","submittedData","nextRequestUuid","startingCheckNumberErrorMessage","printingFormatOptions","FormProvider","Form","jsxs","Flex","RadioGroupField","NumberInputField","Footer","t","Button","useComponentContext","useFlow","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PrintChecksForm.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePayrollsGeneratePrintableChecksMutation } from '@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks'\nimport {\n  PrintingFormat,\n  type PrintablePayrollChecksBody,\n} from '@gusto/embedded-api/models/components/printablepayrollchecksbody'\nimport { useGenerationPoll } from './useGenerationPoll'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\nimport type { RadioGroupOption } from '@/index'\n\ninterface PrintChecksFormProps extends BaseComponentInterface<'Payroll.PrintChecksForm'> {\n  payrollId: string\n  /** Whether a generate-and-poll cycle is in flight; disables the fields while true. */\n  isGenerating?: boolean\n}\n\n// The Footer is rendered by the top-level orchestrator as a sibling of this component (not a\n// child), so it can only read shared state — like whether a generate-and-poll cycle is in\n// flight — via the machine's FlowContext rather than as a prop. This narrow interface describes\n// only the field Footer needs, rather than depending on the orchestrator's full context type.\ninterface PrintChecksFormFlowContext extends FlowContextInterface {\n  isGenerating?: boolean\n}\n\nconst PrintChecksFormSchema = z.object({\n  printingFormat: z.nativeEnum(PrintingFormat),\n  startingCheckNumber: z\n    .number({ message: 'invalidStartingCheckNumber' })\n    .int({ message: 'invalidStartingCheckNumber' })\n    .nonnegative({ message: 'invalidStartingCheckNumber' })\n    .lt(10_000_000_000, { message: 'invalidStartingCheckNumber' })\n    .optional(),\n})\n\ntype PrintChecksFormValues = z.infer<typeof PrintChecksFormSchema>\n\nconst PRINT_CHECKS_FORM_ID = 'gusto-sdk-print-checks-form'\n\nconst isErrorList = (val: unknown): val is { message?: string }[] =>\n  Array.isArray(val) && val.every(entry => typeof entry === 'object' && entry !== null)\n\nconst extractErrorMessage = (err: unknown): string | null => {\n  if (err && typeof err === 'object' && 'errors' in err && isErrorList(err.errors)) {\n    const [firstError] = err.errors\n    if (firstError?.message) return firstError.message\n  }\n  return err instanceof Error ? err.message : null\n}\n\nconst buildRequestBody = (data: PrintChecksFormValues): PrintablePayrollChecksBody => ({\n  printingFormat: data.printingFormat,\n  ...(data.printingFormat === PrintingFormat.Bottom && data.startingCheckNumber !== undefined\n    ? { startingCheckNumber: data.startingCheckNumber }\n    : {}),\n})\n\n// Navigates directly to `url` via a synthetic anchor click rather than `fetch`-ing it into a blob:\n// the generated-document URL is a signed, cross-origin S3 URL with `response-content-disposition:\n// attachment` baked into its query string, so a direct browser-level request downloads it via that\n// response header — but a `fetch()` from JS is subject to CORS, which the bucket doesn't allow, and\n// fails outright. A plain navigation isn't subject to CORS and never opens a new tab or navigates\n// the host page, since the browser intercepts the download instead of rendering a response.\nconst downloadGeneratedChecks = (url: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.rel = 'noopener noreferrer'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\n/** @internal */\nexport function PrintChecksForm(props: PrintChecksFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, payrollId, isGenerating, className }: PrintChecksFormProps) => {\n  useComponentDictionary('Payroll.PrintChecksForm', dictionary)\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const formMethods = useForm<PrintChecksFormValues>({\n    resolver: zodResolver(PrintChecksFormSchema),\n    defaultValues: { printingFormat: PrintingFormat.Top, startingCheckNumber: 0 },\n  })\n\n  const printingFormat = useWatch<PrintChecksFormValues, 'printingFormat'>({\n    name: 'printingFormat',\n    control: formMethods.control,\n  })\n\n  const { mutateAsync } = usePayrollsGeneratePrintableChecksMutation()\n\n  const { start: startGenerationPoll } = useGenerationPoll({\n    onSucceeded: url => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: url })\n      if (url) {\n        downloadGeneratedChecks(url)\n      }\n    },\n    onFailed: () => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null })\n    },\n  })\n\n  const onSubmit = async (formData: PrintChecksFormValues) => {\n    onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_START)\n\n    await baseSubmitHandler(formData, async submittedData => {\n      try {\n        const result = await mutateAsync({\n          request: {\n            payrollUuid: payrollId,\n            printablePayrollChecksBody: buildRequestBody(submittedData),\n          },\n        })\n\n        const nextRequestUuid = result.payrollCheck?.requestUuid\n        if (!nextRequestUuid) {\n          throw new Error('Missing requestUuid in generate-printable-checks response')\n        }\n\n        startGenerationPoll(nextRequestUuid)\n      } catch (err) {\n        onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, {\n          errorMessage: extractErrorMessage(err),\n        })\n        throw err\n      }\n    })\n  }\n\n  const startingCheckNumberErrorCode = formMethods.formState.errors.startingCheckNumber?.message\n  const startingCheckNumberErrorMessage = startingCheckNumberErrorCode\n    ? t('validations.startingCheckNumber')\n    : undefined\n\n  const printingFormatOptions: RadioGroupOption[] = [\n    {\n      value: PrintingFormat.Top,\n      label: t('customStockLabel'),\n      description: t('customStockDescription'),\n    },\n    {\n      value: PrintingFormat.Bottom,\n      label: t('blankStockLabel'),\n      description: t('blankStockDescription'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form\n        id={PRINT_CHECKS_FORM_ID}\n        onSubmit={formMethods.handleSubmit(onSubmit)}\n        className={className}\n      >\n        <Flex flexDirection=\"column\" gap={20}>\n          <RadioGroupField\n            name=\"printingFormat\"\n            label={t('modalTitle')}\n            options={printingFormatOptions}\n            isRequired\n            isDisabled={isGenerating}\n          />\n          {printingFormat === PrintingFormat.Bottom && (\n            <NumberInputField\n              name=\"startingCheckNumber\"\n              label={t('startingCheckNumberLabel')}\n              description={t('startingCheckNumberDescription')}\n              errorMessage={startingCheckNumberErrorMessage}\n              isDisabled={isGenerating}\n              min={0}\n            />\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Button } = useComponentContext()\n  const { isGenerating } = useFlow<PrintChecksFormFlowContext>()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CANCEL)\n        }}\n        isDisabled={isGenerating}\n      >\n        {t('cancelCta')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={PRINT_CHECKS_FORM_ID} isDisabled={isGenerating}>\n        {isGenerating ? t('submitCtaLoading') : t('submitCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksForm.Footer = Footer\n"],"names":["PrintChecksFormSchema","z","PrintingFormat","PRINT_CHECKS_FORM_ID","isErrorList","val","entry","extractErrorMessage","err","firstError","buildRequestBody","data","downloadGeneratedChecks","url","link","PrintChecksForm","props","jsx","BaseComponent","Root","dictionary","payrollId","isGenerating","className","useComponentDictionary","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","formMethods","useForm","zodResolver","printingFormat","useWatch","mutateAsync","usePayrollsGeneratePrintableChecksMutation","startGenerationPoll","useGenerationPoll","printChecksEvents","onSubmit","formData","submittedData","nextRequestUuid","startingCheckNumberErrorMessage","printingFormatOptions","FormProvider","Form","jsxs","Flex","RadioGroupField","NumberInputField","Footer","t","Button","useComponentContext","useFlow","ActionsLayout"],"mappings":"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"}

package/dist/components/Payroll/PrintChecks/PrintChecksSummary/PrintChecksSummary.js

@@ -1,39 +1,39 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as n } from "react-i18next";
-import { BaseComponent as h } from "../../../Base/Base.js";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+import { BaseComponent as u } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentContext as i } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as u, useI18n as c } from "../../../../i18n/I18n.js";
-import { Flex as C } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as d } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { printChecksEvents as p } from "../../../../shared/constants.js";
-function y(r) {
-  return /* @__PURE__ */ e(h, { ...r, children: /* @__PURE__ */ e(f, { ...r, children: r.children }) });
+import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as C, useI18n as m } from "../../../../i18n/I18n.js";
+import { Flex as d } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as p } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { printChecksEvents as y } from "../../../../shared/constants.js";
+function f(r) {
+  return /* @__PURE__ */ e(u, { ...r, children: /* @__PURE__ */ e(P, { ...r, children: r.children }) });
 }
-const f = ({ dictionary: r, documentUrl: o }) => {
-  u("Payroll.PrintChecksSummary", r), c("Payroll.PrintChecksSummary");
-  const { t } = n("Payroll.PrintChecksSummary"), { Heading: m, Text: s, Link: a } = i();
-  return /* @__PURE__ */ l(C, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ e(m, { as: "h2", children: t("succeededTitle") }),
-    /* @__PURE__ */ e(s, { variant: "supporting", children: t("succeededDescription") }),
-    o && /* @__PURE__ */ e(a, { href: o, target: "_blank", rel: "noreferrer", children: t("viewChecksCta") })
+const P = ({ dictionary: r, documentUrl: t, className: o }) => {
+  C("Payroll.PrintChecksSummary", r), m("Payroll.PrintChecksSummary");
+  const { t: n } = i("Payroll.PrintChecksSummary"), { Heading: s, Text: a, Link: l } = c();
+  return /* @__PURE__ */ h(d, { className: o, flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ e(s, { as: "h2", children: n("succeededTitle") }),
+    /* @__PURE__ */ e(a, { variant: "supporting", children: n("succeededDescription") }),
+    t && /* @__PURE__ */ e(l, { href: t, target: "_blank", rel: "noreferrer", children: n("viewChecksCta") })
   ] });
-}, P = ({ onEvent: r }) => {
-  c("Payroll.PrintChecksSummary");
-  const { t: o } = n("Payroll.PrintChecksSummary"), { Button: t } = i();
-  return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
-    t,
+}, k = ({ onEvent: r }) => {
+  m("Payroll.PrintChecksSummary");
+  const { t } = i("Payroll.PrintChecksSummary"), { Button: o } = c();
+  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+    o,
     {
       variant: "secondary",
       onClick: () => {
-        r(p.PRINT_CHECKS_CLOSE);
+        r(y.PRINT_CHECKS_CLOSE);
       },
-      children: o("closeCta")
+      children: t("closeCta")
     }
   ) });
 };
-y.Footer = P;
+f.Footer = k;
 export {
-  y as PrintChecksSummary
+  f as PrintChecksSummary
 };
 //# sourceMappingURL=PrintChecksSummary.js.map

package/dist/components/Payroll/PrintChecks/PrintChecksSummary/PrintChecksSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintChecksSummary.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksSummary/PrintChecksSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\n\ninterface PrintChecksSummaryProps extends BaseComponentInterface<'Payroll.PrintChecksSummary'> {\n  documentUrl?: string\n}\n\n/** @internal */\nexport function PrintChecksSummary(props: PrintChecksSummaryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, documentUrl }: PrintChecksSummaryProps) => {\n  useComponentDictionary('Payroll.PrintChecksSummary', dictionary)\n  useI18n('Payroll.PrintChecksSummary')\n  const { t } = useTranslation('Payroll.PrintChecksSummary')\n  const { Heading, Text, Link } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Heading as=\"h2\">{t('succeededTitle')}</Heading>\n      <Text variant=\"supporting\">{t('succeededDescription')}</Text>\n      {documentUrl && (\n        <Link href={documentUrl} target=\"_blank\" rel=\"noreferrer\">\n          {t('viewChecksCta')}\n        </Link>\n      )}\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksSummary')\n  const { t } = useTranslation('Payroll.PrintChecksSummary')\n  const { Button } = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CLOSE)\n        }}\n      >\n        {t('closeCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksSummary.Footer = Footer\n"],"names":["PrintChecksSummary","props","jsx","BaseComponent","Root","dictionary","documentUrl","useComponentDictionary","useI18n","useTranslation","Heading","Text","Link","useComponentContext","jsxs","Flex","Footer","onEvent","t","Button","ActionsLayout","printChecksEvents"],"mappings":";;;;;;;;;AAaO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,aAAAC,QAA2C;AACrE,EAAAC,EAAuB,8BAA8BF,CAAU,GAC/DG,EAAQ,4BAA4B;AACpC,QAAM,EAAE,EAAA,IAAMC,EAAe,4BAA4B,GACnD,EAAE,SAAAC,GAAS,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAA;AAEhC,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAb,EAACQ,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,gBAAgB,GAAE;AAAA,sBACrCC,GAAA,EAAK,SAAQ,cAAc,UAAA,EAAE,sBAAsB,GAAE;AAAA,IACrDL,KACC,gBAAAJ,EAACU,GAAA,EAAK,MAAMN,GAAa,QAAO,UAAS,KAAI,cAC1C,UAAA,EAAE,eAAe,EAAA,CACpB;AAAA,EAAA,GAEJ;AAEJ,GAEMU,IAAS,CAAC,EAAE,SAAAC,QAA4D;AAC5E,EAAAT,EAAQ,4BAA4B;AACpC,QAAM,EAAE,GAAAU,EAAA,IAAMT,EAAe,4BAA4B,GACnD,EAAE,QAAAU,EAAA,IAAWN,EAAA;AAEnB,2BACGO,GAAA,EACC,UAAA,gBAAAlB;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AACb,QAAAF,EAAQI,EAAkB,kBAAkB;AAAA,MAC9C;AAAA,MAEC,YAAE,UAAU;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AACArB,EAAmB,SAASgB;"}
+{"version":3,"file":"PrintChecksSummary.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksSummary/PrintChecksSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\n\ninterface PrintChecksSummaryProps extends BaseComponentInterface<'Payroll.PrintChecksSummary'> {\n  documentUrl?: string\n}\n\n/** @internal */\nexport function PrintChecksSummary(props: PrintChecksSummaryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, documentUrl, className }: PrintChecksSummaryProps) => {\n  useComponentDictionary('Payroll.PrintChecksSummary', dictionary)\n  useI18n('Payroll.PrintChecksSummary')\n  const { t } = useTranslation('Payroll.PrintChecksSummary')\n  const { Heading, Text, Link } = useComponentContext()\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={16}>\n      <Heading as=\"h2\">{t('succeededTitle')}</Heading>\n      <Text variant=\"supporting\">{t('succeededDescription')}</Text>\n      {documentUrl && (\n        <Link href={documentUrl} target=\"_blank\" rel=\"noreferrer\">\n          {t('viewChecksCta')}\n        </Link>\n      )}\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksSummary')\n  const { t } = useTranslation('Payroll.PrintChecksSummary')\n  const { Button } = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CLOSE)\n        }}\n      >\n        {t('closeCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksSummary.Footer = Footer\n"],"names":["PrintChecksSummary","props","jsx","BaseComponent","Root","dictionary","documentUrl","className","useComponentDictionary","useI18n","t","useTranslation","Heading","Text","Link","useComponentContext","Flex","Footer","onEvent","Button","ActionsLayout","printChecksEvents"],"mappings":";;;;;;;;;AAaO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,aAAAC,GAAa,WAAAC,QAAyC;AAChF,EAAAC,EAAuB,8BAA8BH,CAAU,GAC/DI,EAAQ,4BAA4B;AACpC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B,GACnD,EAAE,SAAAC,GAAS,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAA;AAEhC,2BACGC,GAAA,EAAK,WAAAT,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAL,EAACU,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,gBAAgB,GAAE;AAAA,sBACrCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,sBAAsB,GAAE;AAAA,IACrDJ,KACC,gBAAAJ,EAACY,GAAA,EAAK,MAAMR,GAAa,QAAO,UAAS,KAAI,cAC1C,UAAAI,EAAE,eAAe,EAAA,CACpB;AAAA,EAAA,GAEJ;AAEJ,GAEMO,IAAS,CAAC,EAAE,SAAAC,QAA4D;AAC5E,EAAAT,EAAQ,4BAA4B;AACpC,QAAM,EAAE,EAAA,IAAME,EAAe,4BAA4B,GACnD,EAAE,QAAAQ,EAAA,IAAWJ,EAAA;AAEnB,2BACGK,GAAA,EACC,UAAA,gBAAAlB;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AACb,QAAAD,EAAQG,EAAkB,kBAAkB;AAAA,MAC9C;AAAA,MAEC,YAAE,UAAU;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AACArB,EAAmB,SAASiB;"}