@gusto/embedded-react-sdk 0.55.2 → 0.55.4

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleTaxWithholdingTable.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCycleTaxWithholdingTable.module.scss'\nimport {\n  WITHHOLDING_PAY_PERIOD_I18N_KEY,\n  type OffCycleTaxWithholdingTableProps,\n  type WageTypeCategory,\n} from './OffCycleTaxWithholdingTableTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport type { TableData, TableRow } from '@/components/Common/UI/Table/TableTypes'\n\n/** @internal */\nexport function OffCycleTaxWithholdingTable({\n  wageTypeGroups,\n  config,\n  onEditClick,\n}: OffCycleTaxWithholdingTableProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Table, Button, Heading, Text } = useComponentContext()\n\n  const frequencyText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[config.withholdingPayPeriod],\n  ).toLowerCase()\n\n  const taxedAsByCategory: Record<WageTypeCategory, string> = {\n    regular: t('table.taxedAsRegular', { frequency: frequencyText }),\n    supplemental:\n      config.withholdingRate === 'supplemental'\n        ? t('table.taxedAsSupplemental')\n        : t('table.taxedAsRegular', { frequency: frequencyText }),\n    reimbursement: t('table.taxedAsNotTaxed'),\n  }\n\n  const headers: TableData[] = [\n    { key: 'wage-types', content: t('table.headers.wageTypes') },\n    { key: 'taxed-as', content: t('table.headers.taxedAs') },\n  ]\n\n  const rows: TableRow[] = wageTypeGroups.map(group => ({\n    key: group.category,\n    data: [\n      {\n        key: `${group.category}-type`,\n        content: (\n          <div className={styles.wageTypeCell}>\n            <Text weight=\"semibold\">{group.label}</Text>\n            {group.description && <Text variant=\"supporting\">{group.description}</Text>}\n          </div>\n        ),\n      },\n      {\n        key: `${group.category}-taxed-as`,\n        content: taxedAsByCategory[group.category],\n      },\n    ],\n  }))\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.header}>\n        <div className={styles.headerContent}>\n          <Heading as=\"h3\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </div>\n        <Button variant=\"secondary\" onClick={onEditClick}>\n          {t('editButton')}\n        </Button>\n      </div>\n      <Table aria-label={t('title')} headers={headers} rows={rows} className={styles.table} />\n    </div>\n  )\n}\n"],"names":["OffCycleTaxWithholdingTable","wageTypeGroups","config","onEditClick","useI18n","t","useTranslation","Table","Button","Heading","Text","useComponentContext","frequencyText","WITHHOLDING_PAY_PERIOD_I18N_KEY","taxedAsByCategory","headers","rows","group","jsxs","styles","jsx"],"mappings":";;;;;;AAYO,SAASA,EAA4B;AAAA,EAC1C,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,GAAqC;AACnC,EAAAC,EAAQ,gCAAgC;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAEnCC,IAAgBP;AAAA,IACpBQ,EAAgCX,EAAO,oBAAoB;AAAA,EAAA,EAC3D,YAAA,GAEIY,IAAsD;AAAA,IAC1D,SAAST,EAAE,wBAAwB,EAAE,WAAWO,GAAe;AAAA,IAC/D,cACEV,EAAO,oBAAoB,iBACvBG,EAAE,2BAA2B,IAC7BA,EAAE,wBAAwB,EAAE,WAAWO,EAAA,CAAe;AAAA,IAC5D,eAAeP,EAAE,uBAAuB;AAAA,EAAA,GAGpCU,IAAuB;AAAA,IAC3B,EAAE,KAAK,cAAc,SAASV,EAAE,yBAAyB,EAAA;AAAA,IACzD,EAAE,KAAK,YAAY,SAASA,EAAE,uBAAuB,EAAA;AAAA,EAAE,GAGnDW,IAAmBf,EAAe,IAAI,CAAAgB,OAAU;AAAA,IACpD,KAAKA,EAAM;AAAA,IACX,MAAM;AAAA,MACJ;AAAA,QACE,KAAK,GAAGA,EAAM,QAAQ;AAAA,QACtB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,UAAA,gBAAAC,EAACV,GAAA,EAAK,QAAO,YAAY,UAAAO,EAAM,OAAM;AAAA,UACpCA,EAAM,eAAe,gBAAAG,EAACV,KAAK,SAAQ,cAAc,YAAM,YAAA,CAAY;AAAA,QAAA,EAAA,CACtE;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK,GAAGO,EAAM,QAAQ;AAAA,QACtB,SAASH,EAAkBG,EAAM,QAAQ;AAAA,MAAA;AAAA,IAC3C;AAAA,EACF,EACA;AAEF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,eACrB,UAAA;AAAA,QAAA,gBAAAC,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,0BAC5BK,GAAA,EAAK,SAAQ,cAAc,UAAAL,EAAE,aAAa,EAAA,CAAE;AAAA,MAAA,GAC/C;AAAA,MACA,gBAAAe,EAACZ,KAAO,SAAQ,aAAY,SAASL,GAClC,UAAAE,EAAE,YAAY,EAAA,CACjB;AAAA,IAAA,GACF;AAAA,IACA,gBAAAe,EAACb,GAAA,EAAM,cAAYF,EAAE,OAAO,GAAG,SAAAU,GAAkB,MAAAC,GAAY,WAAWG,EAAO,MAAA,CAAO;AAAA,EAAA,GACxF;AAEJ;"}
+{"version":3,"file":"OffCycleTaxWithholdingTable.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCycleTaxWithholdingTable.module.scss'\nimport {\n  WITHHOLDING_PAY_PERIOD_I18N_KEY,\n  type OffCycleTaxWithholdingTableProps,\n  type WageTypeCategory,\n} from './OffCycleTaxWithholdingTableTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport type { TableData, TableRow } from '@/components/Common/UI/Table/TableTypes'\n\n/** @internal */\nexport function OffCycleTaxWithholdingTable({\n  wageTypeGroups,\n  config,\n  onEditClick,\n}: OffCycleTaxWithholdingTableProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Table, Button, Heading, Text } = useComponentContext()\n\n  const frequencyText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[config.withholdingPayPeriod],\n  ).toLowerCase()\n\n  const taxedAsByCategory: Record<WageTypeCategory, string> = {\n    regular: t('table.taxedAsRegular', { frequency: frequencyText }),\n    supplemental:\n      config.withholdingRate === 'supplemental'\n        ? t('table.taxedAsSupplemental')\n        : t('table.taxedAsRegular', { frequency: frequencyText }),\n    reimbursement: t('table.taxedAsNotTaxed'),\n  }\n\n  const headers: TableData[] = [\n    { key: 'wage-types', content: t('table.headers.wageTypes') },\n    { key: 'taxed-as', content: t('table.headers.taxedAs') },\n  ]\n\n  const rows: TableRow[] = wageTypeGroups.map(group => ({\n    key: group.category,\n    data: [\n      {\n        key: `${group.category}-type`,\n        content: (\n          <div className={styles.wageTypeCell}>\n            <Text weight=\"semibold\">{group.label}</Text>\n            {group.description && <Text variant=\"supporting\">{group.description}</Text>}\n          </div>\n        ),\n      },\n      {\n        key: `${group.category}-taxed-as`,\n        content: (\n          <div className={styles.taxedAsCell}>\n            <Text>{taxedAsByCategory[group.category]}</Text>\n            {group.taxedAsDescription && (\n              <Text variant=\"supporting\">{group.taxedAsDescription}</Text>\n            )}\n          </div>\n        ),\n      },\n    ],\n  }))\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.header}>\n        <div className={styles.headerContent}>\n          <Heading as=\"h3\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </div>\n        <Button variant=\"secondary\" onClick={onEditClick}>\n          {t('editButton')}\n        </Button>\n      </div>\n      <Table aria-label={t('title')} headers={headers} rows={rows} className={styles.table} />\n    </div>\n  )\n}\n"],"names":["OffCycleTaxWithholdingTable","wageTypeGroups","config","onEditClick","useI18n","t","useTranslation","Table","Button","Heading","Text","useComponentContext","frequencyText","WITHHOLDING_PAY_PERIOD_I18N_KEY","taxedAsByCategory","headers","rows","group","jsxs","styles","jsx"],"mappings":";;;;;;AAYO,SAASA,EAA4B;AAAA,EAC1C,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,GAAqC;AACnC,EAAAC,EAAQ,gCAAgC;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAEnCC,IAAgBP;AAAA,IACpBQ,EAAgCX,EAAO,oBAAoB;AAAA,EAAA,EAC3D,YAAA,GAEIY,IAAsD;AAAA,IAC1D,SAAST,EAAE,wBAAwB,EAAE,WAAWO,GAAe;AAAA,IAC/D,cACEV,EAAO,oBAAoB,iBACvBG,EAAE,2BAA2B,IAC7BA,EAAE,wBAAwB,EAAE,WAAWO,EAAA,CAAe;AAAA,IAC5D,eAAeP,EAAE,uBAAuB;AAAA,EAAA,GAGpCU,IAAuB;AAAA,IAC3B,EAAE,KAAK,cAAc,SAASV,EAAE,yBAAyB,EAAA;AAAA,IACzD,EAAE,KAAK,YAAY,SAASA,EAAE,uBAAuB,EAAA;AAAA,EAAE,GAGnDW,IAAmBf,EAAe,IAAI,CAAAgB,OAAU;AAAA,IACpD,KAAKA,EAAM;AAAA,IACX,MAAM;AAAA,MACJ;AAAA,QACE,KAAK,GAAGA,EAAM,QAAQ;AAAA,QACtB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,UAAA,gBAAAC,EAACV,GAAA,EAAK,QAAO,YAAY,UAAAO,EAAM,OAAM;AAAA,UACpCA,EAAM,eAAe,gBAAAG,EAACV,KAAK,SAAQ,cAAc,YAAM,YAAA,CAAY;AAAA,QAAA,EAAA,CACtE;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK,GAAGO,EAAM,QAAQ;AAAA,QACtB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,aACrB,UAAA;AAAA,UAAA,gBAAAC,EAACV,GAAA,EAAM,UAAAI,EAAkBG,EAAM,QAAQ,GAAE;AAAA,UACxCA,EAAM,sBACL,gBAAAG,EAACV,KAAK,SAAQ,cAAc,YAAM,mBAAA,CAAmB;AAAA,QAAA,EAAA,CAEzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EACA;AAEF,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,eACrB,UAAA;AAAA,QAAA,gBAAAC,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,0BAC5BK,GAAA,EAAK,SAAQ,cAAc,UAAAL,EAAE,aAAa,EAAA,CAAE;AAAA,MAAA,GAC/C;AAAA,MACA,gBAAAe,EAACZ,KAAO,SAAQ,aAAY,SAASL,GAClC,UAAAE,EAAE,YAAY,EAAA,CACjB;AAAA,IAAA,GACF;AAAA,IACA,gBAAAe,EAACb,GAAA,EAAM,cAAYF,EAAE,OAAO,GAAG,SAAAU,GAAkB,MAAAC,GAAY,WAAWG,EAAO,MAAA,CAAO;AAAA,EAAA,GACxF;AAEJ;"}

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.module.scss.js

@@ -1,16 +1,18 @@
-const e = "_root_izowe_1", o = "_header_izowe_7", t = "_headerContent_izowe_14", _ = "_wageTypeCell_izowe_20", a = "_table_izowe_26", n = {
+const e = "_root_xmpo5_1", t = "_header_xmpo5_7", o = "_headerContent_xmpo5_14", _ = "_wageTypeCell_xmpo5_20", a = "_taxedAsCell_xmpo5_21", l = "_table_xmpo5_27", n = {
   root: e,
-  header: o,
-  headerContent: t,
+  header: t,
+  headerContent: o,
   wageTypeCell: _,
-  table: a
+  taxedAsCell: a,
+  table: l
 };
 export {
   n as default,
-  o as header,
-  t as headerContent,
+  t as header,
+  o as headerContent,
   e as root,
-  a as table,
+  l as table,
+  a as taxedAsCell,
   _ as wageTypeCell
 };
 //# sourceMappingURL=OffCycleTaxWithholdingTable.module.scss.js.map

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.module.scss.js.map

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

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.d.ts

@@ -22,6 +22,8 @@ export interface WageTypeGroup {
     label: string;
     /** Optional supporting text shown beneath the label. */
     description?: string;
+    /** Optional supporting text shown beneath the derived "taxed as" value, explaining how this wage type category is taxed. */
+    taxedAsDescription?: string;
 }
 /** @internal */
 export interface OffCycleTaxWithholdingConfig {

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleTaxWithholdingTableTypes.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.ts"],"sourcesContent":["import { WithholdingPayPeriod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport type { WithholdingType } from '@/components/Payroll/OffCycleReasonSelection'\n\n/** @internal */\nexport const WITHHOLDING_PAY_PERIOD_I18N_KEY = {\n  [WithholdingPayPeriod.EveryWeek]: 'payPeriodFrequency.everyWeek',\n  [WithholdingPayPeriod.EveryOtherWeek]: 'payPeriodFrequency.everyOtherWeek',\n  [WithholdingPayPeriod.TwicePerMonth]: 'payPeriodFrequency.twicePerMonth',\n  [WithholdingPayPeriod.Monthly]: 'payPeriodFrequency.monthly',\n  [WithholdingPayPeriod.Quarterly]: 'payPeriodFrequency.quarterly',\n  [WithholdingPayPeriod.Semiannually]: 'payPeriodFrequency.semiannually',\n  [WithholdingPayPeriod.Annually]: 'payPeriodFrequency.annually',\n} as const\n\n/** @internal */\nexport const WAGE_TYPE_CATEGORIES = ['regular', 'supplemental', 'reimbursement'] as const\n/** @internal */\nexport type WageTypeCategory = (typeof WAGE_TYPE_CATEGORIES)[number]\n\n/** @internal */\nexport interface WageTypeGroup {\n  /** Wage type grouping this row represents. */\n  category: WageTypeCategory\n  /** Display label for the wage type group. */\n  label: string\n  /** Optional supporting text shown beneath the label. */\n  description?: string\n}\n\n/** @internal */\nexport interface OffCycleTaxWithholdingConfig {\n  /** Pay period frequency used to compute regular withholding. */\n  withholdingPayPeriod: WithholdingPayPeriod\n  /** Whether supplemental wages are taxed at the regular or supplemental rate. */\n  withholdingRate: WithholdingType\n}\n\n/** @internal */\nexport interface OffCycleTaxWithholdingTableProps {\n  /** Wage type groups to render as rows in the table. */\n  wageTypeGroups: WageTypeGroup[]\n  /** Withholding configuration that determines how each row is taxed. */\n  config: OffCycleTaxWithholdingConfig\n  /** Invoked when the user clicks the edit button in the table header. */\n  onEditClick: () => void\n}\n"],"names":["WITHHOLDING_PAY_PERIOD_I18N_KEY","WithholdingPayPeriod","WAGE_TYPE_CATEGORIES"],"mappings":";AAIO,MAAMA,IAAkC;AAAA,EAC7C,CAACC,EAAqB,SAAS,GAAG;AAAA,EAClC,CAACA,EAAqB,cAAc,GAAG;AAAA,EACvC,CAACA,EAAqB,aAAa,GAAG;AAAA,EACtC,CAACA,EAAqB,OAAO,GAAG;AAAA,EAChC,CAACA,EAAqB,SAAS,GAAG;AAAA,EAClC,CAACA,EAAqB,YAAY,GAAG;AAAA,EACrC,CAACA,EAAqB,QAAQ,GAAG;AACnC,GAGaC,IAAuB,CAAC,WAAW,gBAAgB,eAAe;"}
+{"version":3,"file":"OffCycleTaxWithholdingTableTypes.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.ts"],"sourcesContent":["import { WithholdingPayPeriod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport type { WithholdingType } from '@/components/Payroll/OffCycleReasonSelection'\n\n/** @internal */\nexport const WITHHOLDING_PAY_PERIOD_I18N_KEY = {\n  [WithholdingPayPeriod.EveryWeek]: 'payPeriodFrequency.everyWeek',\n  [WithholdingPayPeriod.EveryOtherWeek]: 'payPeriodFrequency.everyOtherWeek',\n  [WithholdingPayPeriod.TwicePerMonth]: 'payPeriodFrequency.twicePerMonth',\n  [WithholdingPayPeriod.Monthly]: 'payPeriodFrequency.monthly',\n  [WithholdingPayPeriod.Quarterly]: 'payPeriodFrequency.quarterly',\n  [WithholdingPayPeriod.Semiannually]: 'payPeriodFrequency.semiannually',\n  [WithholdingPayPeriod.Annually]: 'payPeriodFrequency.annually',\n} as const\n\n/** @internal */\nexport const WAGE_TYPE_CATEGORIES = ['regular', 'supplemental', 'reimbursement'] as const\n/** @internal */\nexport type WageTypeCategory = (typeof WAGE_TYPE_CATEGORIES)[number]\n\n/** @internal */\nexport interface WageTypeGroup {\n  /** Wage type grouping this row represents. */\n  category: WageTypeCategory\n  /** Display label for the wage type group. */\n  label: string\n  /** Optional supporting text shown beneath the label. */\n  description?: string\n  /** Optional supporting text shown beneath the derived \"taxed as\" value, explaining how this wage type category is taxed. */\n  taxedAsDescription?: string\n}\n\n/** @internal */\nexport interface OffCycleTaxWithholdingConfig {\n  /** Pay period frequency used to compute regular withholding. */\n  withholdingPayPeriod: WithholdingPayPeriod\n  /** Whether supplemental wages are taxed at the regular or supplemental rate. */\n  withholdingRate: WithholdingType\n}\n\n/** @internal */\nexport interface OffCycleTaxWithholdingTableProps {\n  /** Wage type groups to render as rows in the table. */\n  wageTypeGroups: WageTypeGroup[]\n  /** Withholding configuration that determines how each row is taxed. */\n  config: OffCycleTaxWithholdingConfig\n  /** Invoked when the user clicks the edit button in the table header. */\n  onEditClick: () => void\n}\n"],"names":["WITHHOLDING_PAY_PERIOD_I18N_KEY","WithholdingPayPeriod","WAGE_TYPE_CATEGORIES"],"mappings":";AAIO,MAAMA,IAAkC;AAAA,EAC7C,CAACC,EAAqB,SAAS,GAAG;AAAA,EAClC,CAACA,EAAqB,cAAc,GAAG;AAAA,EACvC,CAACA,EAAqB,aAAa,GAAG;AAAA,EACtC,CAACA,EAAqB,OAAO,GAAG;AAAA,EAChC,CAACA,EAAqB,SAAS,GAAG;AAAA,EAClC,CAACA,EAAqB,YAAY,GAAG;AAAA,EACrC,CAACA,EAAqB,QAAQ,GAAG;AACnC,GAGaC,IAAuB,CAAC,WAAW,gBAAgB,eAAe;"}

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

@@ -1,197 +1,198 @@
-import { jsx as C, jsxs as fe, Fragment as Ce } from "react/jsx-runtime";
-import { useState as f, useRef as q, useMemo as F, useEffect as D } from "react";
-import { useQueryClient as Pe } from "@tanstack/react-query";
-import { usePayrollsGetSuspense as Ue } from "@gusto/embedded-api/react-query/payrollsGet";
-import { payrollsCalculate as ge } from "@gusto/embedded-api/funcs/payrollsCalculate";
-import { useGustoEmbeddedContext as he } from "@gusto/embedded-api/react-query/_context";
-import { PayrollProcessingRequestStatus as O } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as Le } from "react-i18next";
-import { usePayrollsUpdateMutation as Se } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { usePayrollsCalculateGrossUpMutation as Ae } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
-import { usePayrollsGetBlockersSuspense as _e } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { payrollSubmitHandler as we } from "../PayrollBlocker/payrollHelpers.js";
-import { hasDirectDepositEmployees as Re } from "../helpers.js";
-import { PayrollOverview as Ee } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollConfigurationPresentation as De } from "./PayrollConfigurationPresentation.js";
-import { usePayrollConfigurationData as Oe } from "./usePayrollConfigurationData.js";
+import { jsx as C, jsxs as Pe, Fragment as Ue } from "react/jsx-runtime";
+import { useState as f, useRef as D, useMemo as q, useEffect as O } from "react";
+import { usePayrollsGetSuspense as ge } from "@gusto/embedded-api/react-query/payrollsGet";
+import { payrollsCalculate as he } from "@gusto/embedded-api/funcs/payrollsCalculate";
+import { useGustoEmbeddedContext as Le } from "@gusto/embedded-api/react-query/_context";
+import { PayrollProcessingRequestStatus as E } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
+import { useTranslation as Se } from "react-i18next";
+import { usePayrollsUpdateMutation as we } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsCalculateGrossUpMutation as Re } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
+import { usePayrollsGetBlockersSuspense as Ae } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as _e } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollOverview as De } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollConfigurationPresentation as Oe } from "./PayrollConfigurationPresentation.js";
+import { usePayrollConfigurationData as Ee } from "./usePayrollConfigurationData.js";
 import { isGrossUpEligible as Te, getGrossUpTargetCompensationName as xe } from "./grossUpHelpers.js";
 import { BaseComponent as be } from "../../Base/Base.js";
 import { componentEvents as l } from "../../../shared/constants.js";
-import { useComponentDictionary as ke, useI18n as Ne } from "../../../i18n/I18n.js";
-import { useBase as Ge } from "../../Base/useBase.js";
+import { useComponentDictionary as ke, useI18n as Ge } from "../../../i18n/I18n.js";
+import { useBase as Ne } from "../../Base/useBase.js";
 import { useDateFormatter as Ye } from "../../../hooks/useDateFormatter.js";
-import { SDKInternalError as j } from "../../../types/sdkError.js";
-import { API_QUERY_NAMESPACE as Me } from "../../../contexts/ApiProvider/apiVersion.js";
-import { GrossUpModal as Be } from "../GrossUpModal/GrossUpModal.js";
-const qe = (t) => t?.status === O.Calculating, Fe = (t, u) => u != null && (t?.status === O.CalculateSuccess || t == null);
-function fo(t) {
-  return /* @__PURE__ */ C(be, { ...t, children: /* @__PURE__ */ C(je, { ...t, children: t.children }) });
+import { SDKInternalError as W } from "../../../types/sdkError.js";
+import { GrossUpModal as Me } from "../GrossUpModal/GrossUpModal.js";
+const v = (o) => o?.status === E.Calculating, Be = (o, n) => n != null && (o?.status === E.CalculateSuccess || o == null);
+function ut(o) {
+  return /* @__PURE__ */ C(be, { ...o, children: /* @__PURE__ */ C(Fe, { ...o, children: o.children }) });
 }
-const je = ({
-  onEvent: t,
-  companyId: u,
+const Fe = ({
+  onEvent: o,
+  companyId: n,
   payrollId: i,
-  dictionary: v,
-  alerts: W,
+  dictionary: K,
+  alerts: H,
   withReimbursements: T = !0
 }) => {
-  ke("Payroll.PayrollConfiguration", v), Ne("Payroll.PayrollConfiguration");
-  const { t: p } = Le("Payroll.PayrollConfiguration"), { baseSubmitHandler: P } = Ge(), c = Ye(), [n, m] = f(!1), [g, x] = f(!1), h = q(null), K = he(), H = Pe(), { data: s } = Ue(
+  ke("Payroll.PayrollConfiguration", K), Ge("Payroll.PayrollConfiguration");
+  const { t: c } = Se("Payroll.PayrollConfiguration"), { baseSubmitHandler: P } = Ne(), m = Ye(), [u, d] = f(!1), [x, b] = f(!1), g = D(null), p = D(!1), V = Le(), { data: a } = ge(
     {
-      companyId: u,
+      companyId: n,
       payrollId: i,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     },
-    { refetchInterval: n ? 5e3 : !1 }
-  ), V = F(
-    () => s.payrollShow?.employeeCompensations?.filter((e) => e.excluded).map((e) => e.employeeUuid).filter(Boolean) ?? [],
-    [s.payrollShow?.employeeCompensations]
-  ), {
-    employeeDetails: I,
-    employeeCompensations: b,
-    paySchedule: Q,
-    payPeriod: J,
-    payrollCategory: L,
-    pagination: z,
-    isLoading: X,
-    isAlreadyProcessed: S,
-    refetch: A
-  } = Oe({
-    companyId: u,
+    { refetchInterval: u ? 5e3 : !1 }
+  ), I = q(
+    () => a.payrollShow?.employeeCompensations?.filter((e) => e.excluded).map((e) => e.employeeUuid).filter(Boolean) ?? [],
+    [a.payrollShow?.employeeCompensations]
+  );
+  v(a.payrollShow?.processingRequest) && (p.current = !0);
+  const k = x || u || p.current, {
+    employeeDetails: J,
+    employeeCompensations: G,
+    paySchedule: z,
+    payPeriod: Q,
+    payrollCategory: h,
+    pagination: X,
+    isLoading: Z,
+    isAlreadyProcessed: L,
+    refetch: S
+  } = Ee({
+    companyId: n,
     payrollId: i,
-    isCalculating: n || g,
-    excludedEmployeeUuids: V
-  }), _ = F(
+    // Don't prepare while calculating, or once we've seen it calculate. If the payroll was already
+    // calculated when we opened (e.g. clicking Edit), we do prepare so it can be edited.
+    disablePrepare: u || x || p.current,
+    excludedEmployeeUuids: I
+  }), w = q(
     () => ({
       type: "error",
-      title: p("alerts.alreadyProcessed"),
+      title: c("alerts.alreadyProcessed"),
       alertKey: "alreadyProcessed"
     }),
-    [p]
-  ), w = q(!1);
-  D(() => {
-    if (!S) {
-      w.current = !1;
+    [c]
+  ), R = D(!1);
+  O(() => {
+    if (!L) {
+      R.current = !1;
       return;
     }
-    w.current || (w.current = !0, t(l.RUN_PAYROLL_ALREADY_PROCESSED, {
+    R.current || (R.current = !0, o(l.RUN_PAYROLL_ALREADY_PROCESSED, {
       payrollId: i,
-      alert: _,
-      payPeriod: s.payrollShow?.payPeriod
+      alert: w,
+      payPeriod: a.payrollShow?.payPeriod
     }));
   }, [
-    S,
-    t,
+    L,
+    o,
     i,
-    _,
-    s.payrollShow?.payPeriod
+    w,
+    a.payrollShow?.payPeriod
   ]);
-  const { mutateAsync: k, isPending: Z } = Se(), { mutateAsync: $ } = Ae(), [d, N] = f(null), [ee, R] = f(!1), G = Te(L), U = xe(L), oe = (e) => {
-    N(e), R(!0), t(l.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
-  }, te = async (e) => {
-    if (!d) return null;
-    let o = null;
+  const { mutateAsync: N, isPending: $ } = we(), { mutateAsync: ee } = Re(), [y, Y] = f(null), [te, A] = f(!1), M = Te(h), U = xe(h), oe = (e) => {
+    Y(e), A(!0), o(l.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
+  }, ae = async (e) => {
+    if (!y) return null;
+    let t = null;
     return await P(null, async () => {
-      o = (await $({
+      t = (await ee({
         request: {
           payrollUuid: i,
           payrollGrossUpRequest: {
-            employeeUuid: d,
+            employeeUuid: y,
             netPay: e.toString()
           }
         }
-      })).payrollGrossUpResponse?.grossUp ?? null, o && t(l.RUN_PAYROLL_GROSS_UP_CALCULATED, {
-        grossUp: o,
+      })).payrollGrossUpResponse?.grossUp ?? null, t && o(l.RUN_PAYROLL_GROSS_UP_CALCULATED, {
+        grossUp: t,
         netPay: e,
-        employeeUuid: d
+        employeeUuid: y
       });
-    }), o;
-  }, ae = async (e) => {
-    if (!d || !U)
-      throw new j(
+    }), t;
+  }, se = async (e) => {
+    if (!y || !U)
+      throw new W(
         "Unable to apply gross-up: missing employee or target compensation."
       );
-    const o = b.find((a) => a.employeeUuid === d);
-    if (!o)
-      throw new j("Unable to apply gross-up: employee compensation not found.");
-    const r = o.fixedCompensations ?? [], y = r.some(
-      (a) => a.name?.toLowerCase() === U.toLowerCase()
-    ), B = r.map((a) => ({
-      name: a.name,
-      jobUuid: a.jobUuid,
-      amount: a.name?.toLowerCase() === U.toLowerCase() ? e : "0"
+    const t = G.find((s) => s.employeeUuid === y);
+    if (!t)
+      throw new W("Unable to apply gross-up: employee compensation not found.");
+    const r = t.fixedCompensations ?? [], de = r.some(
+      (s) => s.name?.toLowerCase() === U.toLowerCase()
+    ), j = r.map((s) => ({
+      name: s.name,
+      jobUuid: s.jobUuid,
+      amount: s.name?.toLowerCase() === U.toLowerCase() ? e : "0"
     }));
-    if (!y) {
-      const a = o.hourlyCompensations?.[0]?.jobUuid ?? r[0]?.jobUuid ?? "";
-      B.push({
+    if (!de) {
+      const s = t.hourlyCompensations?.[0]?.jobUuid ?? r[0]?.jobUuid ?? "";
+      j.push({
         name: U,
-        jobUuid: a,
+        jobUuid: s,
         amount: e
       });
     }
-    const me = (o.hourlyCompensations ?? []).map((a) => ({
-      name: a.name,
-      jobUuid: a.jobUuid,
+    const ye = (t.hourlyCompensations ?? []).map((s) => ({
+      name: s.name,
+      jobUuid: s.jobUuid,
       hours: "0"
-    })), de = (o.paidTimeOff ?? []).map((a) => ({
-      name: a.name,
+    })), fe = (t.paidTimeOff ?? []).map((s) => ({
+      name: s.name,
       hours: "0"
-    })), ye = M({
-      ...o,
-      fixedCompensations: B,
-      hourlyCompensations: me,
-      paidTimeOff: de
+    })), Ce = F({
+      ...t,
+      fixedCompensations: j,
+      hourlyCompensations: ye,
+      paidTimeOff: fe
     });
     await P({}, async () => {
-      const a = await k({
+      const s = await N({
         request: {
-          companyId: u,
+          companyId: n,
           payrollId: i,
           payrollUpdate: {
-            employeeCompensations: [{ ...ye, excluded: !1 }]
+            employeeCompensations: [{ ...Ce, excluded: !1 }]
           }
         }
       });
-      t(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: a.payrollPrepared
-      }), await A();
-    }), N(null), R(!1);
-  }, se = async (e) => {
+      o(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: s.payrollPrepared
+      }), await S();
+    }), Y(null), A(!1);
+  }, re = async (e) => {
     try {
-      await ae(e);
+      await se(e);
     } catch {
     }
-  }, { data: re } = _e({
-    companyUuid: u
-  }), Y = (re.payrollBlockers ?? []).map((e) => ({
+  }, { data: le } = Ae({
+    companyUuid: n
+  }), B = (le.payrollBlockers ?? []).map((e) => ({
     key: e.key,
     message: e.message
-  })), [le, E] = f(Y), ie = async () => {
-    E([]), h.current = s.payrollShow?.calculatedAt?.getTime() ?? null, await P({}, async () => {
-      const e = await we(async () => {
-        x(!0);
+  })), [ie, _] = f(B), ne = async () => {
+    _([]), p.current = !0, g.current = a.payrollShow?.calculatedAt?.getTime() ?? null, await P({}, async () => {
+      const e = await _e(async () => {
+        b(!0);
         try {
-          const o = await ge(K, {
-            companyId: u,
+          const t = await he(V, {
+            companyId: n,
             payrollId: i
           });
-          if (!o.ok)
-            throw o.error;
-          H.invalidateQueries({ queryKey: [Me] }), m(!0);
+          if (!t.ok)
+            throw t.error;
+          d(!0);
         } finally {
-          x(!1);
+          b(!1);
         }
       });
-      !e.success && e.blockers.length > 0 && E(e.blockers);
+      !e.success && e.blockers.length > 0 && _(e.blockers);
     });
-  }, ne = (e) => {
-    t(l.RUN_PAYROLL_EMPLOYEE_EDIT, {
+  }, ue = (e) => {
+    o(l.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, M = (e) => {
-    const { paymentMethod: o } = e;
+  }, F = (e) => {
+    const { paymentMethod: t } = e;
     return {
       employeeUuid: e.employeeUuid,
       version: e.version,
@@ -200,133 +201,133 @@ const je = ({
       hourlyCompensations: e.hourlyCompensations,
       paidTimeOff: e.paidTimeOff,
       deductions: e.deductions,
-      ...o && o !== "Historical" ? { paymentMethod: o } : {},
+      ...t && t !== "Historical" ? { paymentMethod: t } : {},
       memo: e.memo || void 0
     };
-  }, ue = async (e) => {
-    t(l.RUN_PAYROLL_EMPLOYEE_SKIP, {
+  }, ce = async (e) => {
+    o(l.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
     }), await P({}, async () => {
-      const o = M(e), r = await k({
+      const t = F(e), r = await N({
         request: {
-          companyId: u,
+          companyId: n,
           payrollId: i,
           payrollUpdate: {
             employeeCompensations: [
-              { ...o, excluded: !o.excluded }
+              { ...t, excluded: !t.excluded }
             ]
           }
         }
       });
-      t(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
+      o(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: r.payrollPrepared
-      }), await A();
+      }), await S();
     });
   }, pe = () => {
-    t(l.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
+    o(l.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
-  D(() => {
-    qe(s.payrollShow?.processingRequest) && !n && (h.current = s.payrollShow?.calculatedAt?.getTime() ?? null, m(!0));
-    const e = s.payrollShow?.calculatedAt, o = e?.getTime() !== h.current;
-    n && o && Fe(s.payrollShow?.processingRequest, e) && (t(l.RUN_PAYROLL_CALCULATED, {
+  O(() => {
+    v(a.payrollShow?.processingRequest) && !u && (g.current = a.payrollShow?.calculatedAt?.getTime() ?? null, d(!0));
+    const e = a.payrollShow?.calculatedAt, t = e?.getTime() !== g.current;
+    u && t && Be(a.payrollShow?.processingRequest, e) && (o(l.RUN_PAYROLL_CALCULATED, {
       payrollId: i,
       alert: {
         type: "success",
-        title: p("alerts.progressSaved"),
+        title: c("alerts.progressSaved"),
         alertKey: "progressSaved"
       },
-      payPeriod: s.payrollShow?.payPeriod
-    }), E([]), m(!1)), n && s.payrollShow?.processingRequest?.status === O.ProcessingFailed && (t(l.RUN_PAYROLL_PROCESSING_FAILED), m(!1));
+      payPeriod: a.payrollShow?.payPeriod
+    }), _([]), d(!1)), u && a.payrollShow?.processingRequest?.status === E.ProcessingFailed && (o(l.RUN_PAYROLL_PROCESSING_FAILED), d(!1), p.current = !1);
   }, [
-    s.payrollShow?.processingRequest?.status,
-    s.payrollShow?.calculatedAt,
-    n,
-    t,
-    p,
+    a.payrollShow?.processingRequest?.status,
+    a.payrollShow?.calculatedAt,
+    u,
+    o,
+    c,
     i
-  ]), D(() => {
-    if (!n) return;
-    const e = 180 * 1e3, o = setTimeout(() => {
-      t(l.RUN_PAYROLL_PROCESSING_FAILED), m(!1);
+  ]), O(() => {
+    if (!u) return;
+    const e = 180 * 1e3, t = setTimeout(() => {
+      o(l.RUN_PAYROLL_PROCESSING_FAILED), d(!1), p.current = !1;
     }, e);
     return () => {
-      clearTimeout(o);
+      clearTimeout(t);
     };
-  }, [n, t]);
-  const ce = (() => {
-    const e = s.payrollShow?.payrollStatusMeta;
+  }, [u, o]);
+  const me = (() => {
+    const e = a.payrollShow?.payrollStatusMeta;
     if (e?.payrollLate && e.initialCheckDate && e.expectedDebitTime && e.expectedCheckDate)
       return {
-        label: p("alerts.payrollLate", {
-          initialCheckDate: c.formatShortWithWeekday(e.initialCheckDate)
+        label: c("alerts.payrollLate", {
+          initialCheckDate: m.formatShortWithWeekday(e.initialCheckDate)
         }),
-        content: p("alerts.payrollLateText", {
-          ...c.formatWithTime(e.expectedDebitTime),
-          newCheckDate: c.formatShortWithWeekday(e.expectedCheckDate)
+        content: c("alerts.payrollLateText", {
+          ...m.formatWithTime(e.expectedDebitTime),
+          newCheckDate: m.formatShortWithWeekday(e.expectedCheckDate)
         }),
         variant: "warning"
       };
-    const { payrollShow: r } = s, y = r?.employeeCompensations;
-    if (r && y && y.length > 0 && Re(y))
+    const { payrollShow: r } = a;
+    if (r?.checkDate && r.payrollDeadline)
       return {
-        label: p("alerts.directDepositDeadline", {
-          payDate: c.formatShortWithWeekday(r.checkDate),
-          ...c.formatWithTime(r.payrollDeadline)
+        label: c("alerts.directDepositDeadline", {
+          payDate: m.formatShortWithWeekday(r.checkDate),
+          ...m.formatWithTime(r.payrollDeadline)
         }),
-        content: p("alerts.directDepositDeadlineText"),
+        content: c("alerts.directDepositDeadlineText"),
         variant: "info"
       };
   })();
-  return S ? /* @__PURE__ */ C(
-    Ee,
+  return L ? /* @__PURE__ */ C(
+    De,
     {
-      companyId: u,
+      companyId: n,
       payrollId: i,
-      onEvent: (o, r) => {
-        o === l.RUN_PAYROLL_CANCELLED && A(), t(o, r);
+      onEvent: (t, r) => {
+        t === l.RUN_PAYROLL_CANCELLED && S(), o(t, r);
       },
       withReimbursements: T,
-      alerts: [_]
+      alerts: [w]
     }
-  ) : /* @__PURE__ */ fe(Ce, { children: [
+  ) : /* @__PURE__ */ Pe(Ue, { children: [
     /* @__PURE__ */ C(
-      De,
+      Oe,
       {
-        onCalculatePayroll: ie,
-        isCalculateDisabled: Y.length > 0,
-        onEdit: ne,
-        onToggleExclude: ue,
+        onCalculatePayroll: ne,
+        isCalculateDisabled: B.length > 0,
+        onEdit: ue,
+        onToggleExclude: ce,
         onViewBlockers: pe,
-        employeeCompensations: b,
-        employeeDetails: I,
-        payPeriod: J,
-        paySchedule: Q,
-        payrollCategory: L,
-        alerts: W,
-        payrollAlert: ce,
-        isPending: n || X || Z || g,
-        isCalculating: g || n,
-        payrollBlockers: le,
-        pagination: z,
+        employeeCompensations: G,
+        employeeDetails: J,
+        payPeriod: Q,
+        paySchedule: z,
+        payrollCategory: h,
+        alerts: H,
+        payrollAlert: me,
+        isPending: k || Z || $,
+        isCalculating: k,
+        payrollBlockers: ie,
+        pagination: X,
         withReimbursements: T,
-        grossUpEnabled: G,
+        grossUpEnabled: M,
         onGrossUpSelect: oe
       }
     ),
-    G && /* @__PURE__ */ C(
-      Be,
+    M && /* @__PURE__ */ C(
+      Me,
       {
-        isOpen: ee,
-        onCalculateGrossUp: te,
-        onApply: se,
+        isOpen: te,
+        onCalculateGrossUp: ae,
+        onApply: re,
         onCancel: () => {
-          R(!1);
+          A(!1);
         }
       }
     )
   ] });
 };
 export {
-  fo as PayrollConfiguration
+  ut as PayrollConfiguration
 };
 //# sourceMappingURL=PayrollConfiguration.js.map