@gusto/embedded-react-sdk 0.13.4 → 0.14.1

package/dist/components/Employee/Taxes/FederalForm.js

@@ -1,13 +1,12 @@
 import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
-import { useTranslation as s, Trans as m } from "react-i18next";
+import { useTranslation as s, Trans as u } from "react-i18next";
 import { z as t } from "zod";
 import "classnames";
-import "../../../shared/constants.js";
-import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as d } from "../../Common/Fields/SelectField/SelectField.js";
+import { RadioGroupField as f } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as i } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { SelectField as f } from "../../Common/Fields/SelectField/SelectField.js";
-const q = t.object({
+const R = t.object({
   filingStatus: t.string().min(1),
   twoJobs: t.string().min(1),
   dependentsAmount: t.number().transform(String),
@@ -16,8 +15,8 @@ const q = t.object({
   extraWithholding: t.number().transform(String),
   w4DataType: t.enum(["pre_2020_w4", "rev_2020_w4"])
 });
-function v() {
-  const { t: e } = s("Employee.Taxes"), o = d(), n = [
+function q() {
+  const { t: e } = s("Employee.Taxes"), o = m(), n = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
     { value: "Head of Household", label: e("filingStatusHeadOfHousehold") },
@@ -25,7 +24,7 @@ function v() {
   ];
   return /* @__PURE__ */ l(a, { children: [
     /* @__PURE__ */ r(
-      f,
+      d,
       {
         name: "filingStatus",
         label: e("federalFilingStatus1c"),
@@ -36,14 +35,14 @@ function v() {
       }
     ),
     /* @__PURE__ */ r(
-      u,
+      f,
       {
         name: "twoJobs",
         isRequired: !0,
         label: e("multipleJobs2c"),
         errorMessage: e("validations.federalTwoJobs"),
         description: /* @__PURE__ */ r(o.Text, { children: /* @__PURE__ */ r(
-          m,
+          u,
           {
             i18nKey: "includesSpouseExplanation",
             t: e,
@@ -103,7 +102,7 @@ function v() {
   ] });
 }
 export {
-  v as FederalForm,
-  q as FederalFormSchema
+  q as FederalForm,
+  R as FederalFormSchema
 };
 //# sourceMappingURL=FederalForm.js.map

package/dist/components/Employee/Taxes/FederalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                irs_link: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                irs_link: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}

package/dist/components/Payroll/PayrollBlocker/PayrollBlocker.d.ts

@@ -0,0 +1,6 @@
+import { BaseComponentInterface } from '../../Base/Base';
+interface PayrollBlockerProps extends BaseComponentInterface<'PayrollBlocker'> {
+    companyId: string;
+}
+export declare function PayrollBlocker(props: PayrollBlockerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Payroll/PayrollBlocker/PayrollBlocker.js

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as y } from "react-i18next";
+import { usePayrollsGetBlockersSuspense as k } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { PayrollBlockerList as f } from "./components/PayrollBlockerList.js";
+import { getBlockerTranslationKeys as B } from "./payrollHelpers.js";
+import { BaseComponent as d } from "../../Base/Base.js";
+import { useComponentDictionary as P, useI18n as g } from "../../../i18n/I18n.js";
+function U(o) {
+  return /* @__PURE__ */ t(d, { ...o, children: /* @__PURE__ */ t(K, { ...o, children: o.children }) });
+}
+function K({ className: o, dictionary: i, companyId: s }) {
+  P("PayrollBlocker", i), g("PayrollBlocker");
+  const { t: e } = y("PayrollBlocker"), { data: a } = k({
+    companyUuid: s
+  }), l = (a.payrollBlockerList ?? []).map((n) => {
+    const r = n.key ?? "unknown", c = B(r), m = e(c.titleKey, {
+      defaultValue: r.replace(/_/g, " ").replace(/\b\w/g, (u) => u.toUpperCase())
+    }), p = e(c.descriptionKey, {
+      defaultValue: n.message || e("defaultBlockerDescription")
+    });
+    return {
+      id: r,
+      title: m,
+      description: p
+    };
+  });
+  return l.length === 0 ? null : /* @__PURE__ */ t(f, { className: o, blockers: l });
+}
+export {
+  U as PayrollBlocker
+};
+//# sourceMappingURL=PayrollBlocker.js.map

package/dist/components/Payroll/PayrollBlocker/PayrollBlocker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollBlocker.js","sources":["../../../../src/components/Payroll/PayrollBlocker/PayrollBlocker.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { PayrollBlockerList, type PayrollBlocker } from './components/PayrollBlockerList'\nimport { getBlockerTranslationKeys } from './payrollHelpers'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\ninterface PayrollBlockerProps extends BaseComponentInterface<'PayrollBlocker'> {\n  companyId: string\n}\n\nexport function PayrollBlocker(props: PayrollBlockerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, dictionary, companyId }: PayrollBlockerProps) {\n  useComponentDictionary('PayrollBlocker', dictionary)\n  useI18n('PayrollBlocker')\n  const { t } = useTranslation('PayrollBlocker')\n\n  const { data } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = data.payrollBlockerList ?? []\n\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key ?? 'unknown'\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blockerKey.replace(/_/g, ' ').replace(/\\b\\w/g, letter => letter.toUpperCase()),\n    })\n\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n\n    return {\n      id: blockerKey,\n      title,\n      description,\n    }\n  })\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  return <PayrollBlockerList className={className} blockers={blockers} />\n}\n"],"names":["PayrollBlocker","props","jsx","BaseComponent","Root","className","dictionary","companyId","useComponentDictionary","useI18n","t","useTranslation","data","usePayrollsGetBlockersSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","PayrollBlockerList"],"mappings":";;;;;;;AAWO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,KAAkC;AACvE,EAAAC,EAAuB,kBAAkBF,CAAU,GACnDG,EAAQ,gBAAgB;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GAEvC,EAAE,MAAAC,EAAA,IAASC,EAA+B;AAAA,IAC9C,aAAaN;AAAA,EAAA,CACd,GAIKO,KAFqBF,EAAK,sBAAsB,CAAA,GAEA,IAAI,CAAAG,MAAW;AACnE,UAAMC,IAAaD,EAAQ,OAAO,WAC5BE,IAAkBC,EAA0BF,CAAU,GAEtDG,IAAQT,EAAEO,EAAgB,UAAU;AAAA,MACxC,cAAcD,EAAW,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAAI,MAAUA,EAAO,YAAA,CAAa;AAAA,IAAA,CAC5F,GAEKC,IAAcX,EAAEO,EAAgB,gBAAgB;AAAA,MACpD,cAAcF,EAAQ,WAAWL,EAAE,2BAA2B;AAAA,IAAA,CAC/D;AAED,WAAO;AAAA,MACL,IAAIM;AAAA,MACJ,OAAAG;AAAA,MACA,aAAAE;AAAA,IAAA;AAAA,EAEJ,CAAC;AAED,SAAIP,EAAS,WAAW,IACf,OAGF,gBAAAZ,EAACoB,GAAA,EAAmB,WAAAjB,GAAsB,UAAAS,EAAA,CAAoB;AACvE;"}

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.d.ts

@@ -0,0 +1,14 @@
+import { ApiPayrollBlocker } from '../payrollHelpers';
+interface PayrollBlockerAlertsProps {
+    blockers: ApiPayrollBlocker[];
+    className?: string;
+    onMultipleViewClick?: () => void;
+    multipleViewLabel?: string;
+}
+/**
+ * PayrollBlockerAlerts - Alert-style component for inline blocker display
+ * Shows single blocker as alert, or multiple blockers as summary with "Review" button
+ * Returns null for empty blocker arrays
+ */
+export declare function PayrollBlockerAlerts({ blockers, onMultipleViewClick, multipleViewLabel, className, }: PayrollBlockerAlertsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js

@@ -0,0 +1,53 @@
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as v } from "react-i18next";
+import { getBlockerTranslationKeys as A } from "../payrollHelpers.js";
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as m } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { useI18n as D } from "../../../../i18n/I18n.js";
+function z({
+  blockers: n,
+  onMultipleViewClick: i,
+  multipleViewLabel: h,
+  className: s
+}) {
+  D("PayrollBlocker");
+  const { t: e } = v("PayrollBlocker"), { Alert: c, Button: f, Text: a, UnorderedList: x } = C();
+  if (n.length === 0)
+    return null;
+  const g = n.length > 1, p = n.map((r) => {
+    const o = A(r.key), B = e(o.titleKey, {
+      defaultValue: r.key.replace(/_/g, " ").replace(/\b\w/g, (K) => K.toUpperCase())
+    }), T = e(o.descriptionKey, {
+      defaultValue: r.message || e("defaultBlockerDescription")
+    }), k = e(o.helpTextKey, { defaultValue: e("defaultBlockerHelpText") });
+    return {
+      ...r,
+      title: B,
+      description: T,
+      helpText: k
+    };
+  }), t = p[0];
+  if (!g && t)
+    return /* @__PURE__ */ l(c, { status: "error", label: t.title, className: s, children: /* @__PURE__ */ d(m, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ l(a, { children: t.description }),
+      t.helpText && t.helpText !== t.description && /* @__PURE__ */ l(a, { variant: "supporting", size: "sm", children: t.helpText })
+    ] }) });
+  const y = p.map((r) => r.title), u = h || e("viewAllBlockers");
+  return /* @__PURE__ */ l(
+    c,
+    {
+      status: "error",
+      label: e("multipleIssuesTitle", { count: n.length }),
+      className: s,
+      children: /* @__PURE__ */ d(m, { flexDirection: "column", gap: 16, children: [
+        /* @__PURE__ */ l(x, { items: y }),
+        i && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(f, { variant: "secondary", onClick: i, title: u, children: u }) })
+      ] })
+    }
+  );
+}
+export {
+  z as PayrollBlockerAlerts
+};
+//# sourceMappingURL=PayrollBlockerAlerts.js.map

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type ApiPayrollBlocker, getBlockerTranslationKeys } from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onMultipleViewClick?: () => void\n  multipleViewLabel?: string\n}\n\n/**\n * PayrollBlockerAlerts - Alert-style component for inline blocker display\n * Shows single blocker as alert, or multiple blockers as summary with \"Review\" button\n * Returns null for empty blocker arrays\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onMultipleViewClick,\n  multipleViewLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('PayrollBlocker')\n  const { t } = useTranslation('PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  // Return null for empty blockers array\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blocker.key.replace(/_/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase()),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelpText') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n  const defaultMultipleLabel = multipleViewLabel || t('viewAllBlockers')\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {onMultipleViewClick && (\n          <div>\n            <Button variant=\"secondary\" onClick={onMultipleViewClick} title={defaultMultipleLabel}>\n              {defaultMultipleLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onMultipleViewClick","multipleViewLabel","className","useI18n","t","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","l","description","helpText","singleBlocker","jsx","jsxs","Flex","listItems","defaultMultipleLabel"],"mappings":";;;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,gBAAgB;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAG/C,MAAIX,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMY,IAAsBZ,EAAS,SAAS,GAExCa,IAAmBb,EAAS,IAAI,CAAAc,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQZ,EAAEU,EAAgB,UAAU;AAAA,MACxC,cAAcD,EAAQ,IAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAAI,MAAKA,EAAE,YAAA,CAAa;AAAA,IAAA,CACnF,GACKC,IAAcd,EAAEU,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAWT,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKe,IAAWf,EAAEU,EAAgB,aAAa,EAAE,cAAcV,EAAE,wBAAwB,GAAG;AAE7F,WAAO;AAAA,MACL,GAAGS;AAAA,MACH,OAAAG;AAAA,MACA,aAAAE;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAgBR,EAAiB,CAAC;AAExC,MAAI,CAACD,KAAuBS;AAC1B,WACE,gBAAAC,EAACf,GAAA,EAAM,QAAO,SAAQ,OAAOc,EAAc,OAAO,WAAAlB,GAChD,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACb,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCY,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACb,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,SAAA,CACjB;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMgB,IAAYZ,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK,GACzDY,IAAuBxB,KAAqBG,EAAE,iBAAiB;AAErE,SACE,gBAAAiB;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,uBAAuB,EAAE,OAAOL,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACZ,GAAA,EAAc,OAAOe,EAAA,CAAW;AAAA,QAChCxB,KACC,gBAAAqB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACd,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAqB,OAAOyB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollBlocker/{PayrollBlockerList.d.ts → components/PayrollBlockerList.d.ts}

@@ -1,6 +1,19 @@
-import { PayrollBlockerListProps } from './PayrollBlockerTypes';
+export interface PayrollBlocker {
+    id: string;
+    title: string;
+    description: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface PayrollBlockerListProps {
+    blockers: PayrollBlocker[];
+    className?: string;
+}
 /**
  * PayrollBlockerList - DataView-based component displaying payroll blockers
  * Shows each blocker with individual resolution buttons
  */
 export declare function PayrollBlockerList({ blockers, className }: PayrollBlockerListProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.js

@@ -0,0 +1,39 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import p from "classnames";
+import u from "./PayrollBlockerList.module.scss.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlexItem as x, Flex as o } from "../../../Common/Flex/Flex.js";
+import { DataView as g } from "../../../Common/DataView/DataView.js";
+import { useDataView as y } from "../../../Common/DataView/useDataView.js";
+import { useI18n as b } from "../../../../i18n/I18n.js";
+function v({ blockers: i, className: a }) {
+  b("PayrollBlocker");
+  const { t: l } = f("PayrollBlocker"), { Button: c, Text: n, Heading: m } = h(), d = y({
+    data: i,
+    columns: [
+      {
+        title: l("blockerSectionLabel"),
+        render: (t) => /* @__PURE__ */ e(x, { flexGrow: 1, children: /* @__PURE__ */ s(o, { flexDirection: "column", gap: 8, children: [
+          /* @__PURE__ */ e(n, { weight: "semibold", children: t.title }),
+          /* @__PURE__ */ e(n, { variant: "supporting", children: t.description })
+        ] }) })
+      },
+      {
+        title: "",
+        render: (t) => {
+          const r = t.action;
+          return r ? /* @__PURE__ */ e(o, { justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ e(c, { variant: "secondary", onClick: r.onClick, title: r.label, children: r.label }) }) : null;
+        }
+      }
+    ]
+  });
+  return i.length === 0 ? null : /* @__PURE__ */ e("div", { className: p(u.root, a), children: /* @__PURE__ */ s(o, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ e(m, { as: "h2", styledAs: "h4", children: l("blockersListTitle") }),
+    /* @__PURE__ */ e(g, { ...d, label: l("blockersListTitle") })
+  ] }) });
+}
+export {
+  v as PayrollBlockerList
+};
+//# sourceMappingURL=PayrollBlockerList.js.map

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useI18n } from '@/i18n'\n\nexport interface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\ninterface PayrollBlockerListProps {\n  blockers: PayrollBlocker[]\n  className?: string\n}\n\n/**\n * PayrollBlockerList - DataView-based component displaying payroll blockers\n * Shows each blocker with individual resolution buttons\n */\nexport function PayrollBlockerList({ blockers, className }: PayrollBlockerListProps) {\n  useI18n('PayrollBlocker')\n  const { t } = useTranslation('PayrollBlocker')\n  const { Button, Text, Heading } = useComponentContext()\n\n  const dataViewProps = useDataView({\n    data: blockers,\n    columns: [\n      {\n        title: t('blockerSectionLabel'),\n        render: blocker => (\n          <FlexItem flexGrow={1}>\n            <Flex flexDirection=\"column\" gap={8}>\n              <Text weight=\"semibold\">{blocker.title}</Text>\n              <Text variant=\"supporting\">{blocker.description}</Text>\n            </Flex>\n          </FlexItem>\n        ),\n      },\n      {\n        title: '',\n        render: blocker => {\n          // For presentational purposes, just show the primary action if it exists\n          const action = blocker.action\n\n          if (!action) {\n            return null\n          }\n\n          return (\n            <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n              <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n                {action.label}\n              </Button>\n            </Flex>\n          )\n        },\n      },\n    ],\n  })\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('blockersListTitle')}\n        </Heading>\n\n        <DataView {...dataViewProps} label={t('blockersListTitle')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","blockers","className","useI18n","t","useTranslation","Button","Text","Heading","useComponentContext","dataViewProps","useDataView","blocker","jsx","FlexItem","jsxs","Flex","action","classNames","styles","DataView"],"mappings":";;;;;;;;;AA4BO,SAASA,EAAmB,EAAE,UAAAC,GAAU,WAAAC,KAAsC;AACnF,EAAAC,EAAQ,gBAAgB;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAE5BC,IAAgBC,EAAY;AAAA,IAChC,MAAMV;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOG,EAAE,qBAAqB;AAAA,QAC9B,QAAQ,CAAAQ,MACN,gBAAAC,EAACC,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAH,EAACN,GAAA,EAAK,QAAO,YAAY,UAAAK,EAAQ,OAAM;AAAA,UACvC,gBAAAC,EAACN,GAAA,EAAK,SAAQ,cAAc,YAAQ,YAAA,CAAY;AAAA,QAAA,EAAA,CAClD,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO;AAAA,QACP,QAAQ,CAAAK,MAAW;AAEjB,gBAAMK,IAASL,EAAQ;AAEvB,iBAAKK,sBAKFD,GAAA,EAAK,gBAAe,YAAW,YAAW,UACzC,4BAACV,GAAA,EAAO,SAAQ,aAAY,SAASW,EAAO,SAAS,OAAOA,EAAO,OAChE,UAAAA,EAAO,OACV,EAAA,CACF,IARO;AAAA,QAUX;AAAA,MAAA;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAIhB,EAAS,WAAW,IACf,OAIP,gBAAAY,EAAC,OAAA,EAAI,WAAWK,EAAWC,EAAO,MAAMjB,CAAS,GAC/C,UAAA,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACL,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAAJ,EAAE,mBAAmB,GACxB;AAAA,sBAECgB,GAAA,EAAU,GAAGV,GAAe,OAAON,EAAE,mBAAmB,EAAA,CAAG;AAAA,EAAA,EAAA,CAC9D,EAAA,CACF;AAEJ;"}

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.module.scss.js

@@ -0,0 +1,8 @@
+const o = "_root_gqrwc_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=PayrollBlockerList.module.scss.js.map

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollBlockerList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Payroll/PayrollBlocker/index.d.ts

@@ -1,4 +1,5 @@
 import "./types/i18next.d.ts"
-export { PayrollBlockerAlerts } from './PayrollBlockerAlerts';
-export { PayrollBlockerList } from './PayrollBlockerList';
-export type { PayrollBlocker, PayrollBlockerProps, PayrollBlockerListProps, PayrollBlockerStatus, PayrollBlockerResolutionStep, } from './PayrollBlockerTypes';
+export { PayrollBlocker } from './PayrollBlocker';
+export { PayrollBlockerAlerts } from './components/PayrollBlockerAlerts';
+export { PayrollBlockerList } from './components/PayrollBlockerList';
+export type { ApiPayrollBlocker } from './payrollHelpers';

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.d.ts

@@ -0,0 +1,27 @@
+import { PayrollBlockersError } from '@gusto/embedded-api/models/errors/payrollblockerserror';
+import { UnprocessableEntityErrorObject1 } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject1';
+export interface ApiPayrollBlocker {
+    key: string;
+    message?: string;
+}
+export declare function isPayrollBlockersError(error: unknown): error is PayrollBlockersError;
+export declare function isUnprocessableEntityWithPayrollBlockers(error: unknown): error is UnprocessableEntityErrorObject1;
+export declare function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[];
+export interface PayrollSubmitResult {
+    success: boolean;
+    blockers: ApiPayrollBlocker[];
+}
+/**
+ * Direct submit handler for payroll operations that handles payroll blockers
+ * Returns blockers if found, otherwise throws the error for caller to handle
+ */
+export declare const payrollSubmitHandler: (payrollHandler: () => Promise<void>) => Promise<PayrollSubmitResult>;
+/**
+ * Get translation keys for a blocker - use these in components with useTranslation
+ */
+export declare function getBlockerTranslationKeys(key: string): {
+    titleKey: string;
+    descriptionKey: string;
+    helpTextKey: string;
+    defaultActionKey: string;
+};

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.js

@@ -0,0 +1,39 @@
+import { PayrollBlockersError as s } from "@gusto/embedded-api/models/errors/payrollblockerserror";
+import { UnprocessableEntityErrorObject1 as l } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject1";
+function t(r) {
+  return typeof r == "object" && r !== null && "key" in r && typeof r.key == "string";
+}
+function c(r) {
+  return r instanceof s;
+}
+function a(r) {
+  return r instanceof l && Array.isArray(r.errors) && r.errors.some((o) => o.category === "payroll_blocker");
+}
+function y(r) {
+  return c(r) ? !r.errors || r.errors.length === 0 ? [] : r.errors.map((e) => ({ key: t(e.metadata) ? e.metadata.key : e.errorKey || "unknown", message: e.message })) : a(r) ? r.errors.filter((e) => e.category === "payroll_blocker").map((e) => ({ key: t(e.metadata) ? e.metadata.key : e.errorKey || "unknown", message: e.message })) : [];
+}
+const i = (r) => r instanceof s ? !0 : r instanceof l ? Array.isArray(r.errors) && r.errors.some((o) => o.category === "payroll_blocker") : !1, f = async (r) => {
+  try {
+    return await r(), { success: !0, blockers: [] };
+  } catch (o) {
+    if (i(o))
+      return { success: !1, blockers: y(o) };
+    throw o;
+  }
+};
+function b(r) {
+  return {
+    titleKey: `PayrollBlocker:blockers.${r}.title`,
+    descriptionKey: `PayrollBlocker:blockers.${r}.description`,
+    helpTextKey: `PayrollBlocker:blockers.${r}.helpText`,
+    defaultActionKey: `PayrollBlocker:blockers.${r}.defaultAction`
+  };
+}
+export {
+  b as getBlockerTranslationKeys,
+  c as isPayrollBlockersError,
+  a as isUnprocessableEntityWithPayrollBlockers,
+  y as parsePayrollBlockersFromError,
+  f as payrollSubmitHandler
+};
+//# sourceMappingURL=payrollHelpers.js.map

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payrollHelpers.js","sources":["../../../../src/components/Payroll/PayrollBlocker/payrollHelpers.ts"],"sourcesContent":["import { PayrollBlockersError } from '@gusto/embedded-api/models/errors/payrollblockerserror'\nimport { UnprocessableEntityErrorObject1 } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject1'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string } {\n  return (\n    typeof metadata === 'object' &&\n    metadata !== null &&\n    'key' in metadata &&\n    typeof (metadata as { key: unknown }).key === 'string'\n  )\n}\n\nexport interface ApiPayrollBlocker {\n  key: string\n  message?: string\n}\n\nexport function isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n  return error instanceof PayrollBlockersError\n}\n\nexport function isUnprocessableEntityWithPayrollBlockers(\n  error: unknown,\n): error is UnprocessableEntityErrorObject1 {\n  return (\n    error instanceof UnprocessableEntityErrorObject1 &&\n    Array.isArray(error.errors) &&\n    error.errors.some(err => err.category === 'payroll_blocker')\n  )\n}\n\nexport function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[] {\n  // Handle PayrollBlockersError (dedicated blocker error type)\n  if (isPayrollBlockersError(error)) {\n    if (!error.errors || error.errors.length === 0) {\n      return []\n    }\n\n    const blockers = error.errors.map(err => {\n      const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n      return { key, message: err.message }\n    })\n\n    return blockers\n  }\n\n  // Handle UnprocessableEntityErrorObject1 with payroll blockers\n  if (isUnprocessableEntityWithPayrollBlockers(error)) {\n    const blockers = error.errors\n      .filter(err => err.category === 'payroll_blocker')\n      .map(err => {\n        const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n        return { key, message: err.message }\n      })\n\n    return blockers\n  }\n\n  return []\n}\n\ntype PayrollBlockerError = PayrollBlockersError | UnprocessableEntityErrorObject1\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n  if (error instanceof PayrollBlockersError) {\n    return true\n  }\n  if (error instanceof UnprocessableEntityErrorObject1) {\n    return (\n      Array.isArray(error.errors) && error.errors.some(err => err.category === 'payroll_blocker')\n    )\n  }\n  return false\n}\n\nexport interface PayrollSubmitResult {\n  success: boolean\n  blockers: ApiPayrollBlocker[]\n}\n\n/**\n * Direct submit handler for payroll operations that handles payroll blockers\n * Returns blockers if found, otherwise throws the error for caller to handle\n */\nexport const payrollSubmitHandler = async (\n  payrollHandler: () => Promise<void>,\n): Promise<PayrollSubmitResult> => {\n  try {\n    await payrollHandler()\n    return { success: true, blockers: [] }\n  } catch (error: unknown) {\n    if (hasPayrollBlockers(error)) {\n      const blockers = parsePayrollBlockersFromError(error)\n      return { success: false, blockers }\n    }\n\n    // For non-payroll errors, re-throw\n    throw error\n  }\n}\n\n/**\n * Get translation keys for a blocker - use these in components with useTranslation\n */\nexport function getBlockerTranslationKeys(key: string) {\n  return {\n    titleKey: `PayrollBlocker:blockers.${key}.title`,\n    descriptionKey: `PayrollBlocker:blockers.${key}.description`,\n    helpTextKey: `PayrollBlocker:blockers.${key}.helpText`,\n    defaultActionKey: `PayrollBlocker:blockers.${key}.defaultAction`,\n  }\n}\n"],"names":["hasMetadataKey","metadata","isPayrollBlockersError","error","PayrollBlockersError","isUnprocessableEntityWithPayrollBlockers","UnprocessableEntityErrorObject1","err","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","getBlockerTranslationKeys","key"],"mappings":";;AAGA,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAOO,SAASC,EAAuBC,GAA+C;AACpF,SAAOA,aAAiBC;AAC1B;AAEO,SAASC,EACdF,GAC0C;AAC1C,SACEA,aAAiBG,KACjB,MAAM,QAAQH,EAAM,MAAM,KAC1BA,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAEO,SAASC,EAA8BL,GAAqC;AAEjF,SAAID,EAAuBC,CAAK,IAC1B,CAACA,EAAM,UAAUA,EAAM,OAAO,WAAW,IACpC,CAAA,IAGQA,EAAM,OAAO,IAAI,CAAAI,OAGzB,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMCF,EAAyCF,CAAK,IAC/BA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAKE,CAAA;AACT;AAIA,MAAME,IAAqB,CAACN,MACtBA,aAAiBC,IACZ,KAELD,aAAiBG,IAEjB,MAAM,QAAQH,EAAM,MAAM,KAAKA,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAGvF,IAYIG,IAAuB,OAClCC,MACiC;AACjC,MAAI;AACF,iBAAMA,EAAA,GACC,EAAE,SAAS,IAAM,UAAU,CAAA,EAAC;AAAA,EACrC,SAASR,GAAgB;AACvB,QAAIM,EAAmBN,CAAK;AAE1B,aAAO,EAAE,SAAS,IAAO,UADRK,EAA8BL,CAAK,EAC3B;AAI3B,UAAMA;AAAA,EACR;AACF;AAKO,SAASS,EAA0BC,GAAa;AACrD,SAAO;AAAA,IACL,UAAU,2BAA2BA,CAAG;AAAA,IACxC,gBAAgB,2BAA2BA,CAAG;AAAA,IAC9C,aAAa,2BAA2BA,CAAG;AAAA,IAC3C,kBAAkB,2BAA2BA,CAAG;AAAA,EAAA;AAEpD;"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js

@@ -1,80 +1,122 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useEffect as h } from "react";
-import { useEmployeesListSuspense as D } from "@gusto/embedded-api/react-query/employeesList";
-import { usePayrollsGetSuspense as S } from "@gusto/embedded-api/react-query/payrollsGet";
-import { usePayrollsCalculateMutation as A } from "@gusto/embedded-api/react-query/payrollsCalculate";
-import { PayrollProcessingRequestStatus as c } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as E } from "react-i18next";
-import { usePreparedPayrollData as _ } from "../usePreparedPayrollData.js";
-import { PayrollConfigurationPresentation as O } from "./PayrollConfigurationPresentation.js";
-import { BaseComponent as q } from "../../Base/Base.js";
-import { useBase as w } from "../../Base/useBase.js";
-import { componentEvents as i } from "../../../shared/constants.js";
-import { useComponentDictionary as B, useI18n as U } from "../../../i18n/I18n.js";
-const u = (o) => o?.payrollShow?.processingRequest?.status === c.Calculating, Y = (o) => o?.payrollShow?.processingRequest?.status === c.CalculateSuccess;
-function Q(o) {
-  return /* @__PURE__ */ a(q, { ...o, children: /* @__PURE__ */ a(x, { ...o, children: o.children }) });
+import { jsx as m } from "react/jsx-runtime";
+import { useState as f, useEffect as N } from "react";
+import { useEmployeesListSuspense as b } from "@gusto/embedded-api/react-query/employeesList";
+import { usePayrollsGetSuspense as x } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePayrollsCalculateMutation as B } from "@gusto/embedded-api/react-query/payrollsCalculate";
+import { PayrollProcessingRequestStatus as p } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
+import { useTranslation as k } from "react-i18next";
+import { usePayrollsUpdateMutation as T } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePreparedPayrollData as H } from "../usePreparedPayrollData.js";
+import { payrollSubmitHandler as M } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollConfigurationPresentation as V } from "./PayrollConfigurationPresentation.js";
+import { BaseComponent as F } from "../../Base/Base.js";
+import { componentEvents as a } from "../../../shared/constants.js";
+import { useComponentDictionary as G, useI18n as K } from "../../../i18n/I18n.js";
+import { useBase as j } from "../../Base/useBase.js";
+const I = (e) => e?.status === p.Calculating, W = (e) => e?.status === p.CalculateSuccess;
+function ce(e) {
+  return /* @__PURE__ */ m(F, { ...e, children: /* @__PURE__ */ m(z, { ...e, children: e.children }) });
 }
-const x = ({
-  onEvent: o,
-  companyId: t,
-  payrollId: e,
-  dictionary: m,
-  alerts: p
+const z = ({
+  onEvent: e,
+  companyId: l,
+  payrollId: s,
+  dictionary: d,
+  alerts: g
 }) => {
-  B("Payroll.PayrollConfiguration", m), U("Payroll.PayrollConfiguration");
-  const { t: n } = E("Payroll.PayrollConfiguration"), { LoadingIndicator: f } = w(), { data: r } = S(
+  G("Payroll.PayrollConfiguration", d), K("Payroll.PayrollConfiguration");
+  const { t: P } = k("Payroll.PayrollConfiguration"), { baseSubmitHandler: y } = j(), [t, n] = f(!1), [L, c] = f([]), { data: C } = b({
+    companyId: l
+  }), { data: r } = x(
     {
-      companyId: t,
-      payrollId: e,
+      companyId: l,
+      payrollId: s,
       include: ["taxes", "benefits", "deductions"]
     },
-    {
-      refetchInterval: (l) => u(l.state.data) ? 5e3 : !1
-    }
-  ), { data: y } = D({
-    companyId: t
-  }), { mutateAsync: P } = A(), {
-    preparedPayroll: s,
-    paySchedule: C,
-    isLoading: d
-  } = _({
-    companyId: t,
-    payrollId: e
-  }), g = () => {
-    o(i.RUN_PAYROLL_BACK);
-  }, L = async () => {
-    await P({
-      request: {
-        companyId: t,
-        payrollId: e
-      }
+    { refetchInterval: t ? 5e3 : !1 }
+  ), { mutateAsync: R } = B(), { mutateAsync: S, isPending: _ } = T(), {
+    preparedPayroll: u,
+    paySchedule: E,
+    isLoading: A,
+    handlePreparePayroll: w
+  } = H({
+    companyId: l,
+    payrollId: s
+  }), O = async () => {
+    c([]), await y({}, async () => {
+      const o = await M(async () => {
+        await R({
+          request: {
+            companyId: l,
+            payrollId: s
+          }
+        }), n(!0);
+      });
+      !o.success && o.blockers.length > 0 && c(o.blockers);
     });
-  }, R = (l) => {
-    o(i.RUN_PAYROLL_EMPLOYEE_EDIT, { employeeId: l.uuid });
-  };
-  return h(() => {
-    Y(r) && o(i.RUN_PAYROLL_CALCULATED, {
-      payrollId: e,
-      alert: { type: "success", title: n("alerts.progressSaved") }
+  }, h = (o) => {
+    e(a.RUN_PAYROLL_EMPLOYEE_EDIT, { employeeId: o.uuid });
+  }, U = ({
+    paymentMethod: o,
+    ...i
+  }) => ({
+    ...i,
+    ...o && o !== "Historical" ? { paymentMethod: o } : {},
+    memo: i.memo || void 0
+  }), D = async (o) => {
+    e(a.RUN_PAYROLL_EMPLOYEE_SKIP, {
+      employeeId: o.employeeUuid
+    }), await y({}, async () => {
+      const i = U(o), q = await S({
+        request: {
+          companyId: l,
+          payrollId: s,
+          payrollUpdate: {
+            employeeCompensations: [
+              { ...i, excluded: !i.excluded }
+            ]
+          }
+        }
+      });
+      e(a.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: q.payrollPrepared
+      }), await w();
     });
-  }, [r, o, e, n]), d || u(r) ? /* @__PURE__ */ a(f, {}) : /* @__PURE__ */ a(
-    O,
+  }, Y = () => {
+    e(a.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
+  };
+  return N(() => {
+    I(r.payrollShow?.processingRequest) && !t && n(!0), t && W(r.payrollShow?.processingRequest) && (e(a.RUN_PAYROLL_CALCULATED, {
+      payrollId: s,
+      alert: { type: "success", title: P("alerts.progressSaved") }
+    }), c([]), n(!1)), t && r.payrollShow?.processingRequest?.status === p.ProcessingFailed && (e(a.RUN_PAYROLL_PROCESSING_FAILED), n(!1));
+  }, [
+    r.payrollShow?.processingRequest,
+    t,
+    e,
+    P,
+    s,
+    r.payrollShow?.calculatedAt
+  ]), /* @__PURE__ */ m(
+    V,
     {
-      onBack: g,
-      onCalculatePayroll: L,
-      onEdit: R,
-      employeeCompensations: s?.employeeCompensations || [],
-      employeeDetails: y.showEmployees || [],
-      payPeriod: s?.payPeriod,
-      paySchedule: C,
-      isOffCycle: s?.offCycle,
-      alerts: p
+      onCalculatePayroll: O,
+      onEdit: h,
+      onToggleExclude: D,
+      onViewBlockers: Y,
+      employeeCompensations: u?.employeeCompensations || [],
+      employeeDetails: C.showEmployees || [],
+      payPeriod: u?.payPeriod,
+      paySchedule: E,
+      isOffCycle: u?.offCycle,
+      alerts: g,
+      isPending: t || A || _,
+      payrollBlockers: L
     }
   );
 };
 export {
-  Q as PayrollConfiguration,
-  x as Root
+  ce as PayrollConfiguration,
+  z as Root
 };
 //# sourceMappingURL=PayrollConfiguration.js.map