@gusto/embedded-react-sdk 0.37.0-rc.1 → 0.37.0-rc.2

package/dist/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js

@@ -5,21 +5,19 @@ import { useTranslation as L } from "react-i18next";
 import { WithholdingPayPeriod as N } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
 import { WITHHOLDING_PAY_PERIOD_I18N_KEY as p } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js";
 import l from "./OffCycleTaxWithholdingModal.module.scss.js";
-import "../../../shared/constants.js";
-import "classnames";
-import { RadioGroupField as T } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { ActionsLayout as W } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as D } from "../../../i18n/I18n.js";
-import { SelectField as H } from "../../Common/Fields/SelectField/SelectField.js";
-function z({
+import { ActionsLayout as T } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as w } from "../../../i18n/I18n.js";
+import { SelectField as D } from "../../Common/Fields/SelectField/SelectField.js";
+import { RadioGroupField as H } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+function Y({
   isOpen: h,
   defaultConfig: f,
   onDone: g,
   onCancel: r
 }) {
-  D("Payroll.OffCycleTaxWithholding");
-  const { t: e } = L("Payroll.OffCycleTaxWithholding"), { Modal: y, Heading: i, Text: n, Button: s } = w(), d = R(null), a = C({
+  w("Payroll.OffCycleTaxWithholding");
+  const { t: e } = L("Payroll.OffCycleTaxWithholding"), { Modal: y, Heading: i, Text: n, Button: s } = W(), d = R(null), a = C({
     defaultValues: f
   }), S = x({
     control: a.control,
@@ -55,7 +53,7 @@ function z({
       isOpen: h,
       onClose: r,
       containerRef: d,
-      footer: /* @__PURE__ */ t(W, { children: [
+      footer: /* @__PURE__ */ t(T, { children: [
         /* @__PURE__ */ o(s, { variant: "secondary", onClick: r, children: e("modal.cancelButton") }),
         /* @__PURE__ */ o(s, { variant: "primary", onClick: P, children: e("modal.doneButton") })
       ] }),
@@ -69,7 +67,7 @@ function z({
             /* @__PURE__ */ o(n, { variant: "supporting", children: e("modal.regularSection.rateDescription") })
           ] }),
           /* @__PURE__ */ o(
-            H,
+            D,
             {
               name: "withholdingPayPeriod",
               label: e("modal.regularSection.rateLabel"),
@@ -83,7 +81,7 @@ function z({
         /* @__PURE__ */ t("div", { className: l.section, children: [
           /* @__PURE__ */ o(i, { as: "h3", children: e("modal.supplementalSection.title") }),
           /* @__PURE__ */ o(
-            T,
+            H,
             {
               name: "withholdingRate",
               label: e("modal.supplementalSection.title"),
@@ -97,6 +95,6 @@ function z({
   );
 }
 export {
-  z as OffCycleTaxWithholdingModal
+  Y as OffCycleTaxWithholdingModal
 };
 //# sourceMappingURL=OffCycleTaxWithholdingModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleTaxWithholdingModal.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { WithholdingPayPeriod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { WITHHOLDING_PAY_PERIOD_I18N_KEY } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport styles from './OffCycleTaxWithholdingModal.module.scss'\nimport type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes'\nimport { ActionsLayout, SelectField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function OffCycleTaxWithholdingModal({\n  isOpen,\n  defaultConfig,\n  onDone,\n  onCancel,\n}: OffCycleTaxWithholdingModalProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Modal, Heading, Text, Button } = useComponentContext()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const formHandlers = useForm<OffCycleTaxWithholdingConfig>({\n    defaultValues: defaultConfig,\n  })\n\n  const currentWithholdingPayPeriod = useWatch({\n    control: formHandlers.control,\n    name: 'withholdingPayPeriod',\n  })\n\n  const frequencyOptions = useMemo(\n    () =>\n      Object.values(WithholdingPayPeriod).map(value => ({\n        value,\n        label: t(WITHHOLDING_PAY_PERIOD_I18N_KEY[value]),\n      })),\n    [t],\n  )\n\n  const frequencyDisplayText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[currentWithholdingPayPeriod],\n  ).toLowerCase()\n\n  const withholdingRateOptions = useMemo(\n    () => [\n      {\n        value: 'supplemental' as const,\n        label: t('modal.supplementalSection.useSupplementalRate'),\n        description: t('modal.supplementalSection.useSupplementalRateDescription'),\n      },\n      {\n        value: 'regular' as const,\n        label: t('modal.supplementalSection.useRegularRate', {\n          frequency: frequencyDisplayText,\n        }),\n        description: t('modal.supplementalSection.useRegularRateDescription'),\n      },\n    ],\n    [t, frequencyDisplayText],\n  )\n\n  const handleSubmit = formHandlers.handleSubmit(onDone)\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('modal.cancelButton')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit}>\n            {t('modal.doneButton')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <Heading as=\"h2\">{t('modal.title')}</Heading>\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.regularSection.title')}</Heading>\n            <Text variant=\"supporting\">{t('modal.regularSection.subtitle')}</Text>\n\n            <div className={styles.rateInfo}>\n              <Text weight=\"semibold\">{t('modal.regularSection.rateLabel')}</Text>\n              <Text variant=\"supporting\">{t('modal.regularSection.rateDescription')}</Text>\n            </div>\n\n            <SelectField\n              name=\"withholdingPayPeriod\"\n              label={t('modal.regularSection.rateLabel')}\n              options={frequencyOptions}\n              shouldVisuallyHideLabel\n              portalContainer={modalContainerRef.current ?? undefined}\n            />\n          </div>\n\n          <hr className={styles.divider} />\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.supplementalSection.title')}</Heading>\n            <RadioGroupField\n              name=\"withholdingRate\"\n              label={t('modal.supplementalSection.title')}\n              options={withholdingRateOptions}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["OffCycleTaxWithholdingModal","isOpen","defaultConfig","onDone","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","useComponentContext","modalContainerRef","useRef","formHandlers","useForm","currentWithholdingPayPeriod","useWatch","frequencyOptions","useMemo","WithholdingPayPeriod","value","WITHHOLDING_PAY_PERIOD_I18N_KEY","frequencyDisplayText","withholdingRateOptions","handleSubmit","jsx","ActionsLayout","FormProvider","styles","jsxs","SelectField","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"OffCycleTaxWithholdingModal.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { WithholdingPayPeriod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { WITHHOLDING_PAY_PERIOD_I18N_KEY } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport styles from './OffCycleTaxWithholdingModal.module.scss'\nimport type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes'\nimport { ActionsLayout, SelectField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function OffCycleTaxWithholdingModal({\n  isOpen,\n  defaultConfig,\n  onDone,\n  onCancel,\n}: OffCycleTaxWithholdingModalProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Modal, Heading, Text, Button } = useComponentContext()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const formHandlers = useForm<OffCycleTaxWithholdingConfig>({\n    defaultValues: defaultConfig,\n  })\n\n  const currentWithholdingPayPeriod = useWatch({\n    control: formHandlers.control,\n    name: 'withholdingPayPeriod',\n  })\n\n  const frequencyOptions = useMemo(\n    () =>\n      Object.values(WithholdingPayPeriod).map(value => ({\n        value,\n        label: t(WITHHOLDING_PAY_PERIOD_I18N_KEY[value]),\n      })),\n    [t],\n  )\n\n  const frequencyDisplayText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[currentWithholdingPayPeriod],\n  ).toLowerCase()\n\n  const withholdingRateOptions = useMemo(\n    () => [\n      {\n        value: 'supplemental' as const,\n        label: t('modal.supplementalSection.useSupplementalRate'),\n        description: t('modal.supplementalSection.useSupplementalRateDescription'),\n      },\n      {\n        value: 'regular' as const,\n        label: t('modal.supplementalSection.useRegularRate', {\n          frequency: frequencyDisplayText,\n        }),\n        description: t('modal.supplementalSection.useRegularRateDescription'),\n      },\n    ],\n    [t, frequencyDisplayText],\n  )\n\n  const handleSubmit = formHandlers.handleSubmit(onDone)\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('modal.cancelButton')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit}>\n            {t('modal.doneButton')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <Heading as=\"h2\">{t('modal.title')}</Heading>\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.regularSection.title')}</Heading>\n            <Text variant=\"supporting\">{t('modal.regularSection.subtitle')}</Text>\n\n            <div className={styles.rateInfo}>\n              <Text weight=\"semibold\">{t('modal.regularSection.rateLabel')}</Text>\n              <Text variant=\"supporting\">{t('modal.regularSection.rateDescription')}</Text>\n            </div>\n\n            <SelectField\n              name=\"withholdingPayPeriod\"\n              label={t('modal.regularSection.rateLabel')}\n              options={frequencyOptions}\n              shouldVisuallyHideLabel\n              portalContainer={modalContainerRef.current ?? undefined}\n            />\n          </div>\n\n          <hr className={styles.divider} />\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.supplementalSection.title')}</Heading>\n            <RadioGroupField\n              name=\"withholdingRate\"\n              label={t('modal.supplementalSection.title')}\n              options={withholdingRateOptions}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["OffCycleTaxWithholdingModal","isOpen","defaultConfig","onDone","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","useComponentContext","modalContainerRef","useRef","formHandlers","useForm","currentWithholdingPayPeriod","useWatch","frequencyOptions","useMemo","WithholdingPayPeriod","value","WITHHOLDING_PAY_PERIOD_I18N_KEY","frequencyDisplayText","withholdingRateOptions","handleSubmit","jsx","ActionsLayout","FormProvider","styles","jsxs","SelectField","RadioGroupField"],"mappings":"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"}

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

@@ -3,21 +3,18 @@ import { useTranslation as A } from "react-i18next";
 import { hasActionableBlockers as K, getBlockerTranslationKeys as P, isActionableBlocker as D } from "../payrollHelpers.js";
 import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as B } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
-import "react";
 import { useI18n as I } from "../../../../i18n/I18n.js";
-function q({
+function H({
   blockers: o,
-  onViewBlockersClick: n,
+  onViewBlockersClick: i,
   viewBlockersLabel: y,
   className: a
 }) {
   I("Payroll.PayrollBlocker");
-  const { t } = A("Payroll.PayrollBlocker"), { Alert: p, Button: d, Text: u, UnorderedList: x } = C();
+  const { t } = A("Payroll.PayrollBlocker"), { Alert: d, Button: p, Text: u, UnorderedList: x } = C();
   if (o.length === 0)
     return null;
-  const s = o.length > 1, m = !!n && (s || K(o)), h = o.map((r) => {
+  const s = o.length > 1, h = !!i && (s || K(o)), m = o.map((r) => {
     const c = P(r.key), T = t(c.titleKey, {
       defaultValue: t("defaultBlockerDescription")
     }), k = t(c.descriptionKey, {
@@ -29,28 +26,28 @@ function q({
       description: k,
       helpText: v
     };
-  }), i = y || t(s ? "viewAllBlockers" : "viewBlocker"), l = h[0];
+  }), n = y || t(s ? "viewAllBlockers" : "viewBlocker"), l = m[0];
   if (!s && l)
-    return /* @__PURE__ */ e(p, { status: "error", label: l.title, className: a, children: /* @__PURE__ */ f(B, { flexDirection: "column", gap: 8, children: [
+    return /* @__PURE__ */ e(d, { status: "error", label: l.title, className: a, children: /* @__PURE__ */ f(B, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ e(u, { children: l.description }),
       l.helpText && l.helpText !== l.description && /* @__PURE__ */ e(u, { variant: "supporting", size: "sm", children: l.helpText }),
-      m && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { variant: "secondary", onClick: n, title: i, children: i }) })
+      h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(p, { variant: "secondary", onClick: i, title: n, children: n }) })
     ] }) });
-  const g = h.map((r) => r.title);
+  const g = m.map((r) => r.title);
   return /* @__PURE__ */ e(
-    p,
+    d,
     {
       status: "error",
       label: t("multipleIssuesTitle", { count: o.length }),
       className: a,
       children: /* @__PURE__ */ f(B, { flexDirection: "column", gap: 16, children: [
         /* @__PURE__ */ e(x, { items: g }),
-        m && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { variant: "secondary", onClick: n, title: i, children: i }) })
+        h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(p, { variant: "secondary", onClick: i, title: n, children: n }) })
       ] })
     }
   );
 }
 export {
-  q as PayrollBlockerAlerts
+  H as PayrollBlockerAlerts
 };
 //# sourceMappingURL=PayrollBlockerAlerts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  type ApiPayrollBlocker,\n  getBlockerTranslationKeys,\n  hasActionableBlockers,\n  isActionableBlocker,\n} 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  onViewBlockersClick?: () => void\n  viewBlockersLabel?: string\n}\n\nexport function PayrollBlockerAlerts({\n  blockers,\n  onViewBlockersClick,\n  viewBlockersLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n  const showViewBlockersCta =\n    Boolean(onViewBlockersClick) && (hasMultipleBlockers || hasActionableBlockers(blockers))\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('defaultBlockerDescription'),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = isActionableBlocker(blocker.key)\n      ? undefined\n      : t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const ctaLabel = viewBlockersLabel || t(hasMultipleBlockers ? 'viewAllBlockers' : 'viewBlocker')\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          {showViewBlockersCta && (\n            <div>\n              <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n                {ctaLabel}\n              </Button>\n            </div>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\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        {showViewBlockersCta && (\n          <div>\n            <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n              {ctaLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onViewBlockersClick","viewBlockersLabel","className","useI18n","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","showViewBlockersCta","hasActionableBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","isActionableBlocker","ctaLabel","singleBlocker","jsx","jsxs","Flex","listItems"],"mappings":";;;;;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAE/C,MAAIV,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMW,IAAsBX,EAAS,SAAS,GACxCY,IACJ,EAAQX,MAAyBU,KAAuBE,EAAsBb,CAAQ,IAElFc,IAAmBd,EAAS,IAAI,CAAAe,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQ,EAAEF,EAAgB,UAAU;AAAA,MACxC,cAAc,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKG,IAAc,EAAEH,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAW,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKK,IAAWC,EAAoBN,EAAQ,GAAG,IAC5C,SACA,EAAEC,EAAgB,aAAa,EAAE,cAAc,EAAE,oBAAoB,GAAG;AAE5E,WAAO;AAAA,MACL,GAAGD;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKE,IAAWpB,KAAqB,EAAES,IAAsB,oBAAoB,aAAa,GAEzFY,IAAgBT,EAAiB,CAAC;AAExC,MAAI,CAACH,KAAuBY;AAC1B,WACE,gBAAAC,EAAClB,GAAA,EAAM,QAAO,SAAQ,OAAOiB,EAAc,OAAO,WAAApB,GAChD,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAAChB,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCe,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAAChB,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,UACjB;AAAA,MAEDI,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMK,IAAYb,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK;AAE/D,SACE,gBAAAS;AAAA,IAAClB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAO,EAAE,uBAAuB,EAAE,OAAON,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACf,GAAA,EAAc,OAAOkB,EAAA,CAAW;AAAA,QAChCf,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  type ApiPayrollBlocker,\n  getBlockerTranslationKeys,\n  hasActionableBlockers,\n  isActionableBlocker,\n} 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  onViewBlockersClick?: () => void\n  viewBlockersLabel?: string\n}\n\nexport function PayrollBlockerAlerts({\n  blockers,\n  onViewBlockersClick,\n  viewBlockersLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n  const showViewBlockersCta =\n    Boolean(onViewBlockersClick) && (hasMultipleBlockers || hasActionableBlockers(blockers))\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('defaultBlockerDescription'),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = isActionableBlocker(blocker.key)\n      ? undefined\n      : t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const ctaLabel = viewBlockersLabel || t(hasMultipleBlockers ? 'viewAllBlockers' : 'viewBlocker')\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          {showViewBlockersCta && (\n            <div>\n              <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n                {ctaLabel}\n              </Button>\n            </div>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\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        {showViewBlockersCta && (\n          <div>\n            <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n              {ctaLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onViewBlockersClick","viewBlockersLabel","className","useI18n","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","showViewBlockersCta","hasActionableBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","isActionableBlocker","ctaLabel","singleBlocker","jsx","jsxs","Flex","listItems"],"mappings":";;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAE/C,MAAIV,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMW,IAAsBX,EAAS,SAAS,GACxCY,IACJ,EAAQX,MAAyBU,KAAuBE,EAAsBb,CAAQ,IAElFc,IAAmBd,EAAS,IAAI,CAAAe,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQ,EAAEF,EAAgB,UAAU;AAAA,MACxC,cAAc,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKG,IAAc,EAAEH,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAW,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKK,IAAWC,EAAoBN,EAAQ,GAAG,IAC5C,SACA,EAAEC,EAAgB,aAAa,EAAE,cAAc,EAAE,oBAAoB,GAAG;AAE5E,WAAO;AAAA,MACL,GAAGD;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKE,IAAWpB,KAAqB,EAAES,IAAsB,oBAAoB,aAAa,GAEzFY,IAAgBT,EAAiB,CAAC;AAExC,MAAI,CAACH,KAAuBY;AAC1B,WACE,gBAAAC,EAAClB,GAAA,EAAM,QAAO,SAAQ,OAAOiB,EAAc,OAAO,WAAApB,GAChD,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAAChB,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCe,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAAChB,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,UACjB;AAAA,MAEDI,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMK,IAAYb,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK;AAE/D,SACE,gBAAAS;AAAA,IAAClB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAO,EAAE,uBAAuB,EAAE,OAAON,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACf,GAAA,EAAc,OAAOkB,EAAA,CAAW;AAAA,QAChCf,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -10,19 +10,19 @@ import { getBlockerTranslationKeys as G } from "../payrollHelpers.js";
 import v from "./PayrollBlockerList.module.scss.js";
 import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { FlexItem as j, Flex as a } from "../../../Common/Flex/Flex.js";
-import { recoveryCasesEvents as $, informationRequestEvents as H } from "../../../../shared/constants.js";
-import { DataView as Q } from "../../../Common/DataView/DataView.js";
-import { useDataView as Y } from "../../../Common/DataView/useDataView.js";
-import { useComponentDictionary as z, useI18n as J } from "../../../../i18n/I18n.js";
-import { RecoveryCases as W } from "../../RecoveryCases/RecoveryCases.js";
-import { BaseComponent as X } from "../../../Base/Base.js";
+import { DataView as $ } from "../../../Common/DataView/DataView.js";
+import { useDataView as H } from "../../../Common/DataView/useDataView.js";
+import { useComponentDictionary as Q, useI18n as Y } from "../../../../i18n/I18n.js";
+import { RecoveryCases as z } from "../../RecoveryCases/RecoveryCases.js";
+import { BaseComponent as J } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
+import { recoveryCasesEvents as W, informationRequestEvents as X } from "../../../../shared/constants.js";
 import { InformationRequestsFlow as Z } from "../../../InformationRequests/InformationRequests.js";
 function be(s) {
-  return /* @__PURE__ */ o(X, { ...s, children: /* @__PURE__ */ o(ee, { ...s, children: s.children }) });
+  return /* @__PURE__ */ o(J, { ...s, children: /* @__PURE__ */ o(ee, { ...s, children: s.children }) });
 }
 function ee({ className: s, companyId: n, dictionary: B, onEvent: u }) {
-  z("Payroll.PayrollBlocker", B), J("Payroll.PayrollBlocker");
+  Q("Payroll.PayrollBlocker", B), Y("Payroll.PayrollBlocker");
   const { t: r } = N("Payroll.PayrollBlocker"), { Button: D, Text: i, Heading: b, Alert: g } = M(), [x, f] = _({
     id: 0,
     alerts: []
@@ -38,7 +38,7 @@ function ee({ className: s, companyId: n, dictionary: B, onEvent: u }) {
     }));
   }, []), p = d(
     (e, t) => {
-      e === $.RECOVERY_CASE_RESUBMIT_DONE && c("recoveryCaseResubmitted"), e === H.INFORMATION_REQUEST_FORM_DONE && c("informationRequestResponded"), u(e, t);
+      e === W.RECOVERY_CASE_RESUBMIT_DONE && c("recoveryCaseResubmitted"), e === X.INFORMATION_REQUEST_FORM_DONE && c("informationRequestResponded"), u(e, t);
     },
     [u, c]
   ), { data: A } = O({
@@ -62,7 +62,7 @@ function ee({ className: s, companyId: n, dictionary: B, onEvent: u }) {
     (e) => e.status !== "recovered"
   ), C = w.some(
     (e) => e.status !== K.Approved
-  ), L = Y({
+  ), L = H({
     data: y,
     columns: [
       {
@@ -96,9 +96,9 @@ function ee({ className: s, companyId: n, dictionary: B, onEvent: u }) {
     )),
     R && /* @__PURE__ */ m(a, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ o(b, { as: "h2", styledAs: "h4", children: r("blockersListTitle") }),
-      /* @__PURE__ */ o(Q, { ...L, label: r("blockersListTitle") })
+      /* @__PURE__ */ o($, { ...L, label: r("blockersListTitle") })
     ] }),
-    h && /* @__PURE__ */ o(W, { companyId: n, onEvent: p }),
+    h && /* @__PURE__ */ o(z, { companyId: n, onEvent: p }),
     C && /* @__PURE__ */ o(Z, { companyId: n, withAlert: !1, onEvent: p })
   ] }) }) : /* @__PURE__ */ o("div", { className: k(v.root, s), children: /* @__PURE__ */ o(i, { children: r("noBlockersMessage") }) });
 }

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

@@ -1,29 +1,29 @@
-import { jsx as P, jsxs as ne, Fragment as pe } from "react/jsx-runtime";
+import { jsx as S, jsxs as ie, Fragment as ne } from "react/jsx-runtime";
 import { useState as d, useEffect as G } from "react";
-import { usePayrollsGetSuspense as ue } from "@gusto/embedded-api/react-query/payrollsGet";
-import { payrollsCalculate as ce } from "@gusto/embedded-api/funcs/payrollsCalculate";
-import { useGustoEmbeddedContext as me } from "@gusto/embedded-api/react-query/_context";
+import { usePayrollsGetSuspense as pe } from "@gusto/embedded-api/react-query/payrollsGet";
+import { payrollsCalculate as ue } from "@gusto/embedded-api/funcs/payrollsCalculate";
+import { useGustoEmbeddedContext as ce } from "@gusto/embedded-api/react-query/_context";
 import { PayrollProcessingRequestStatus as L } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as ye } from "react-i18next";
-import { usePayrollsUpdateMutation as de } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { usePayrollsCalculateGrossUpMutation as fe } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
-import { usePayrollsGetBlockersSuspense as Ce } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { payrollSubmitHandler as Pe } from "../PayrollBlocker/payrollHelpers.js";
+import { useTranslation as me } from "react-i18next";
+import { usePayrollsUpdateMutation as ye } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsCalculateGrossUpMutation as de } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
+import { usePayrollsGetBlockersSuspense as fe } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as Ce } from "../PayrollBlocker/payrollHelpers.js";
 import { PayrollConfigurationPresentation as Se } from "./PayrollConfigurationPresentation.js";
-import { usePayrollConfigurationData as Ue } from "./usePayrollConfigurationData.js";
-import { isGrossUpEligible as ge, getGrossUpTargetCompensationName as he } from "./grossUpHelpers.js";
-import { BaseComponent as Le } from "../../Base/Base.js";
+import { usePayrollConfigurationData as Pe } from "./usePayrollConfigurationData.js";
+import { isGrossUpEligible as Ue, getGrossUpTargetCompensationName as ge } from "./grossUpHelpers.js";
+import { BaseComponent as he } from "../../Base/Base.js";
 import { componentEvents as r } from "../../../shared/constants.js";
-import { useComponentDictionary as we, useI18n as _e } from "../../../i18n/I18n.js";
-import { useBase as Re } from "../../Base/useBase.js";
-import { useDateFormatter as De } from "../../../hooks/useDateFormatter.js";
+import { useComponentDictionary as Le, useI18n as we } from "../../../i18n/I18n.js";
+import { useBase as _e } from "../../Base/useBase.js";
+import { useDateFormatter as Re } from "../../../hooks/useDateFormatter.js";
 import { SDKInternalError as T } from "../../../types/sdkError.js";
-import { GrossUpModal as Ae } from "../GrossUpModal/GrossUpModal.js";
-const Ee = (o) => o?.status === L.Calculating, Oe = (o, n) => o?.status === L.CalculateSuccess || o == null && n != null;
-function ve(o) {
-  return /* @__PURE__ */ P(Le, { ...o, children: /* @__PURE__ */ P(be, { ...o, children: o.children }) });
+import { GrossUpModal as De } from "../GrossUpModal/GrossUpModal.js";
+const Ae = (o) => o?.status === L.Calculating, Ee = (o, n) => n != null && (o?.status === L.CalculateSuccess || o == null);
+function $e(o) {
+  return /* @__PURE__ */ S(he, { ...o, children: /* @__PURE__ */ S(Oe, { ...o, children: o.children }) });
 }
-const be = ({
+const Oe = ({
   onEvent: o,
   companyId: n,
   payrollId: p,
@@ -31,8 +31,8 @@ const be = ({
   alerts: N,
   withReimbursements: M = !0
 }) => {
-  we("Payroll.PayrollConfiguration", x), _e("Payroll.PayrollConfiguration");
-  const { t: u } = ye("Payroll.PayrollConfiguration"), { baseSubmitHandler: f } = Re(), c = De(), [l, m] = d(!1), [S, w] = d(!1), Y = me(), {
+  Le("Payroll.PayrollConfiguration", x), we("Payroll.PayrollConfiguration");
+  const { t: u } = me("Payroll.PayrollConfiguration"), { baseSubmitHandler: f } = _e(), c = Re(), [l, m] = d(!1), [P, w] = d(!1), Y = ce(), {
     employeeDetails: B,
     employeeCompensations: _,
     paySchedule: j,
@@ -41,20 +41,20 @@ const be = ({
     pagination: W,
     isLoading: q,
     refetch: R
-  } = Ue({
+  } = Pe({
     companyId: n,
     payrollId: p,
-    isCalculating: l || S
-  }), { data: a } = ue(
+    isCalculating: l || P
+  }), { data: a } = pe(
     {
       companyId: n,
       payrollId: p,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     },
     { refetchInterval: l ? 5e3 : !1 }
-  ), { mutateAsync: D, isPending: I } = de(), { mutateAsync: H, isPending: K } = fe(), [y, A] = d(null), [V, g] = d(!1), E = ge(U), C = he(U), J = (e) => {
+  ), { mutateAsync: D, isPending: I } = ye(), { mutateAsync: H } = de(), [y, A] = d(null), [K, g] = d(!1), E = Ue(U), C = ge(U), V = (e) => {
     A(e), g(!0), o(r.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
-  }, z = async (e) => {
+  }, J = async (e) => {
     if (!y) return null;
     let t = null;
     return await f(null, async () => {
@@ -72,7 +72,7 @@ const be = ({
         employeeUuid: y
       });
     }), t;
-  }, Q = async (e) => {
+  }, z = async (e) => {
     if (!y || !C)
       throw new T(
         "Unable to apply gross-up: missing employee or target compensation."
@@ -80,14 +80,14 @@ const be = ({
     const t = _.find((s) => s.employeeUuid === y);
     if (!t)
       throw new T("Unable to apply gross-up: employee compensation not found.");
-    const i = t.fixedCompensations ?? [], se = i.some(
+    const i = t.fixedCompensations ?? [], ae = i.some(
       (s) => s.name?.toLowerCase() === C.toLowerCase()
     ), k = i.map((s) => ({
       name: s.name,
       jobUuid: s.jobUuid,
       amount: s.name?.toLowerCase() === C.toLowerCase() ? e : "0"
     }));
-    if (!se) {
+    if (!ae) {
       const s = t.hourlyCompensations?.[0]?.jobUuid ?? i[0]?.jobUuid ?? "";
       k.push({
         name: C,
@@ -95,18 +95,18 @@ const be = ({
         amount: e
       });
     }
-    const le = (t.hourlyCompensations ?? []).map((s) => ({
+    const se = (t.hourlyCompensations ?? []).map((s) => ({
       name: s.name,
       jobUuid: s.jobUuid,
       hours: "0"
-    })), re = (t.paidTimeOff ?? []).map((s) => ({
+    })), le = (t.paidTimeOff ?? []).map((s) => ({
       name: s.name,
       hours: "0"
-    })), ie = b({
+    })), re = b({
       ...t,
       fixedCompensations: k,
-      hourlyCompensations: le,
-      paidTimeOff: re
+      hourlyCompensations: se,
+      paidTimeOff: le
     });
     await f({}, async () => {
       const s = await D({
@@ -114,7 +114,7 @@ const be = ({
           companyId: n,
           payrollId: p,
           payrollUpdate: {
-            employeeCompensations: [{ ...ie, excluded: !1 }]
+            employeeCompensations: [{ ...re, excluded: !1 }]
           }
         }
       });
@@ -122,22 +122,22 @@ const be = ({
         payrollPrepared: s.payrollPrepared
       }), await R();
     }), A(null), g(!1);
-  }, X = async (e) => {
+  }, Q = async (e) => {
     try {
-      await Q(e);
+      await z(e);
     } catch {
     }
-  }, { data: Z } = Ce({
+  }, { data: X } = fe({
     companyUuid: n
-  }), O = (Z.payrollBlockers ?? []).map((e) => ({
+  }), O = (X.payrollBlockers ?? []).map((e) => ({
     key: e.key,
     message: e.message
-  })), [$, h] = d(O), v = async () => {
+  })), [Z, h] = d(O), $ = async () => {
     h([]), await f({}, async () => {
-      const e = await Pe(async () => {
+      const e = await Ce(async () => {
         w(!0);
         try {
-          const t = await ce(Y, {
+          const t = await ue(Y, {
             companyId: n,
             payrollId: p
           });
@@ -150,7 +150,7 @@ const be = ({
       });
       !e.success && e.blockers.length > 0 && h(e.blockers);
     });
-  }, ee = (e) => {
+  }, v = (e) => {
     o(r.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
@@ -164,7 +164,7 @@ const be = ({
     ...i,
     ...e && e !== "Historical" ? { paymentMethod: e } : {},
     memo: i.memo || void 0
-  }), oe = async (e) => {
+  }), ee = async (e) => {
     o(r.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
     }), await f({}, async () => {
@@ -183,11 +183,11 @@ const be = ({
         payrollPrepared: i.payrollPrepared
       }), await R();
     });
-  }, te = () => {
+  }, oe = () => {
     o(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
   G(() => {
-    Ee(a.payrollShow?.processingRequest) && !l && m(!0), l && Oe(
+    Ae(a.payrollShow?.processingRequest) && !l && m(!0), l && Ee(
       a.payrollShow?.processingRequest,
       a.payrollShow?.calculatedAt
     ) && (o(r.RUN_PAYROLL_CALCULATED, {
@@ -215,7 +215,7 @@ const be = ({
       clearTimeout(t);
     };
   }, [l, o]);
-  const ae = a.payrollShow?.payrollStatusMeta?.payrollLate && a.payrollShow.payrollStatusMeta.initialCheckDate && a.payrollShow.payrollStatusMeta.expectedDebitTime && a.payrollShow.payrollStatusMeta.expectedCheckDate ? {
+  const te = a.payrollShow?.payrollStatusMeta?.payrollLate && a.payrollShow.payrollStatusMeta.initialCheckDate && a.payrollShow.payrollStatusMeta.expectedDebitTime && a.payrollShow.payrollStatusMeta.expectedCheckDate ? {
     label: u("alerts.payrollLate", {
       initialCheckDate: c.formatShortWithWeekday(
         a.payrollShow.payrollStatusMeta.initialCheckDate
@@ -238,38 +238,37 @@ const be = ({
     content: u("alerts.directDepositDeadlineText"),
     variant: "info"
   } : void 0;
-  return /* @__PURE__ */ ne(pe, { children: [
-    /* @__PURE__ */ P(
+  return /* @__PURE__ */ ie(ne, { children: [
+    /* @__PURE__ */ S(
       Se,
       {
-        onCalculatePayroll: v,
+        onCalculatePayroll: $,
         isCalculateDisabled: O.length > 0,
-        onEdit: ee,
-        onToggleExclude: oe,
-        onViewBlockers: te,
+        onEdit: v,
+        onToggleExclude: ee,
+        onViewBlockers: oe,
         employeeCompensations: _,
         employeeDetails: B,
         payPeriod: F,
         paySchedule: j,
         payrollCategory: U,
         alerts: N,
-        payrollAlert: ae,
-        isPending: l || q || I || S,
-        isCalculating: S || l,
-        payrollBlockers: $,
+        payrollAlert: te,
+        isPending: l || q || I || P,
+        isCalculating: P || l,
+        payrollBlockers: Z,
         pagination: W,
         withReimbursements: M,
         grossUpEnabled: E,
-        onGrossUpSelect: J
+        onGrossUpSelect: V
       }
     ),
-    E && /* @__PURE__ */ P(
-      Ae,
+    E && /* @__PURE__ */ S(
+      De,
       {
-        isOpen: V,
-        onCalculateGrossUp: z,
-        isPending: K,
-        onApply: X,
+        isOpen: K,
+        onCalculateGrossUp: J,
+        onApply: Q,
         onCancel: () => {
           g(!1);
         }
@@ -278,7 +277,7 @@ const be = ({
   ] });
 };
 export {
-  ve as PayrollConfiguration,
-  be as Root
+  $e as PayrollConfiguration,
+  Oe as Root
 };
 //# sourceMappingURL=PayrollConfiguration.js.map