@gusto/embedded-react-sdk 0.34.0 → 0.35.0-rc.2

package/dist/components/Common/UI/Menu/Menu.js

@@ -1,53 +1,54 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { Popover as N, Menu as P, MenuItem as v } from "react-aria-components";
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { Popover as b, Menu as v, MenuItem as x } from "react-aria-components";
 import r from "./Menu.module.scss.js";
-import { MenuDefaults as x } from "./MenuTypes.js";
-import { applyMissingDefaults as I } from "../../../../helpers/applyMissingDefaults.js";
+import { MenuDefaults as I } from "./MenuTypes.js";
+import { applyMissingDefaults as O } from "../../../../helpers/applyMissingDefaults.js";
 import "react";
-import { useTheme as O } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { useTheme as j } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-function E(s) {
-  const a = I(s, x), {
+function R(s) {
+  const a = O(s, I), {
     triggerRef: i,
     items: m,
     isOpen: l,
-    onClose: t,
-    "aria-label": p,
-    ...c
-  } = a, { container: u } = O(), f = (e) => {
-    e || t?.();
+    onClose: n,
+    placement: p,
+    "aria-label": c,
+    ...u
+  } = a, { container: f } = j(), h = (e) => {
+    e || n?.();
   };
   return /* @__PURE__ */ o(
-    N,
+    b,
     {
-      UNSTABLE_portalContainer: u.current,
-      onOpenChange: f,
+      UNSTABLE_portalContainer: f.current,
+      onOpenChange: h,
       isOpen: l,
       triggerRef: i,
-      placement: "bottom start",
+      placement: p,
       offset: 8,
       shouldUpdatePosition: !0,
-      children: /* @__PURE__ */ o(P, { onClose: t, "aria-label": p, className: r.root, ...c, children: m?.map(({ onClick: e, isDisabled: h, href: d, icon: n, label: M, ...g }, b) => /* @__PURE__ */ C(
-        v,
+      children: /* @__PURE__ */ o(v, { onClose: n, "aria-label": c, className: r.root, ...u, children: m?.map(({ onClick: e, isDisabled: d, href: M, icon: t, label: g, ...C }, N) => /* @__PURE__ */ P(
+        x,
         {
           onAction: () => {
             e();
           },
-          isDisabled: h,
-          href: d,
+          isDisabled: d,
+          href: M,
           className: r.menuItem,
-          ...g,
+          ...C,
           children: [
-            n && /* @__PURE__ */ o("div", { className: r.menuIcon, children: n }),
-            M
+            t && /* @__PURE__ */ o("div", { className: r.menuIcon, children: t }),
+            g
           ]
         },
-        b
+        N
       )) })
     }
   );
 }
 export {
-  E as Menu
+  R as Menu
 };
 //# sourceMappingURL=Menu.js.map

package/dist/components/Common/UI/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps, MenuDefaults } from './MenuTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport function Menu(rawProps: MenuProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, MenuDefaults)\n  const {\n    triggerRef,\n    items,\n    isOpen,\n    onClose,\n    'aria-label': ariaLabel,\n    ...otherProps\n  } = resolvedProps\n  const { container } = useTheme()\n\n  const handleOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onClose?.()\n    }\n  }\n\n  return (\n    <Popover\n      UNSTABLE_portalContainer={container.current}\n      onOpenChange={handleOpenChange}\n      isOpen={isOpen}\n      triggerRef={triggerRef}\n      placement=\"bottom start\"\n      offset={8}\n      shouldUpdatePosition={true}\n    >\n      <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...otherProps}>\n        {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n          <AriaMenuItem\n            key={index}\n            onAction={() => {\n              onClick()\n            }}\n            isDisabled={isDisabled}\n            href={href}\n            className={styles.menuItem}\n            {...itemProps}\n          >\n            {icon && <div className={styles.menuIcon}>{icon}</div>}\n            {label}\n          </AriaMenuItem>\n        ))}\n      </AriaMenu>\n    </Popover>\n  )\n}\n"],"names":["Menu","rawProps","resolvedProps","applyMissingDefaults","MenuDefaults","triggerRef","items","isOpen","onClose","ariaLabel","otherProps","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;;AAMO,SAASA,EAAKC,GAAqB;AACxC,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D;AAAA,IACJ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDR,GACE,EAAE,WAAAS,EAAA,IAAcC,EAAA,GAEhBC,IAAmB,CAACN,MAAoB;AAC5C,IAAKA,KACHC,IAAA;AAAA,EAEJ;AAEA,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BJ,EAAU;AAAA,MACpC,cAAcE;AAAA,MACd,QAAAN;AAAA,MACA,YAAAF;AAAA,MACA,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,sBAAsB;AAAA,MAEtB,UAAA,gBAAAS,EAACE,KAAS,SAAAR,GAAkB,cAAYC,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAJ,GAAO,IAAI,CAAC,EAAE,SAAAY,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,GAAaC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACd,YAAAR,EAAA;AAAA,UACF;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAQ,gBAAAP,EAAC,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAAI,GAAK;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps, MenuDefaults } from './MenuTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport function Menu(rawProps: MenuProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, MenuDefaults)\n  const {\n    triggerRef,\n    items,\n    isOpen,\n    onClose,\n    placement,\n    'aria-label': ariaLabel,\n    ...otherProps\n  } = resolvedProps\n  const { container } = useTheme()\n\n  const handleOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onClose?.()\n    }\n  }\n\n  return (\n    <Popover\n      UNSTABLE_portalContainer={container.current}\n      onOpenChange={handleOpenChange}\n      isOpen={isOpen}\n      triggerRef={triggerRef}\n      placement={placement}\n      offset={8}\n      shouldUpdatePosition={true}\n    >\n      <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...otherProps}>\n        {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n          <AriaMenuItem\n            key={index}\n            onAction={() => {\n              onClick()\n            }}\n            isDisabled={isDisabled}\n            href={href}\n            className={styles.menuItem}\n            {...itemProps}\n          >\n            {icon && <div className={styles.menuIcon}>{icon}</div>}\n            {label}\n          </AriaMenuItem>\n        ))}\n      </AriaMenu>\n    </Popover>\n  )\n}\n"],"names":["Menu","rawProps","resolvedProps","applyMissingDefaults","MenuDefaults","triggerRef","items","isOpen","onClose","placement","ariaLabel","otherProps","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;;AAMO,SAASA,EAAKC,GAAqB;AACxC,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D;AAAA,IACJ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDT,GACE,EAAE,WAAAU,EAAA,IAAcC,EAAA,GAEhBC,IAAmB,CAACP,MAAoB;AAC5C,IAAKA,KACHC,IAAA;AAAA,EAEJ;AAEA,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BJ,EAAU;AAAA,MACpC,cAAcE;AAAA,MACd,QAAAP;AAAA,MACA,YAAAF;AAAA,MACA,WAAAI;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB;AAAA,MAEtB,UAAA,gBAAAM,EAACE,KAAS,SAAAT,GAAkB,cAAYE,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAL,GAAO,IAAI,CAAC,EAAE,SAAAa,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,GAAaC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACd,YAAAR,EAAA;AAAA,UACF;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAQ,gBAAAP,EAAC,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAAI,GAAK;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/Menu/Menu.module.scss.js

@@ -1,12 +1,12 @@
-const n = "_root_ggn54_1", o = "_menuItem_ggn54_13", t = "_menuIcon_ggn54_44", e = {
-  root: n,
-  menuItem: o,
-  menuIcon: t
+const o = "_root_1t1om_1", t = "_menuItem_1t1om_13", n = "_menuIcon_1t1om_44", e = {
+  root: o,
+  menuItem: t,
+  menuIcon: n
 };
 export {
   e as default,
-  t as menuIcon,
-  o as menuItem,
-  n as root
+  n as menuIcon,
+  t as menuItem,
+  o as root
 };
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/components/Common/UI/Menu/MenuTypes.d.ts

@@ -43,10 +43,15 @@ export interface MenuProps extends DataAttributes {
      * Accessible label describing the menu's purpose
      */
     'aria-label': string;
+    /**
+     * Controls the placement of the menu popover relative to the trigger
+     */
+    placement?: 'top' | 'top start' | 'top end' | 'bottom' | 'bottom start' | 'bottom end' | 'left' | 'right';
 }
 /**
  * Default prop values for Menu component.
  */
 export declare const MenuDefaults: {
     readonly isOpen: false;
+    readonly placement: "bottom start";
 };

package/dist/components/Common/UI/Menu/MenuTypes.js

@@ -1,7 +1,8 @@
-const e = {
-  isOpen: !1
+const t = {
+  isOpen: !1,
+  placement: "bottom start"
 };
 export {
-  e as MenuDefaults
+  t as MenuDefaults
 };
 //# sourceMappingURL=MenuTypes.js.map

package/dist/components/Common/UI/Menu/MenuTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTypes.js","sources":["../../../../../src/components/Common/UI/Menu/MenuTypes.ts"],"sourcesContent":["import type { ReactNode, RefObject } from 'react'\nimport type { DataAttributes } from '@/types/Helpers'\n\nexport interface MenuItem extends DataAttributes {\n  /**\n   * Text label for the menu item\n   */\n  label: string\n  /**\n   * Optional icon to display before the label\n   */\n  icon?: ReactNode\n  /**\n   * Callback function when the menu item is clicked\n   */\n  onClick: () => void\n  /**\n   * Disables the menu item and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Optional URL to navigate to when clicked\n   */\n  href?: string\n}\n\nexport interface MenuProps extends DataAttributes {\n  /**\n   * Reference to the element that triggers the menu\n   */\n  triggerRef?: RefObject<Element | null>\n  /**\n   * Array of menu items to display\n   */\n  items?: MenuItem[]\n  /**\n   * Controls whether the menu is currently open\n   */\n  isOpen?: boolean\n  /**\n   * Callback when the menu is closed\n   */\n  onClose?: () => void\n  /**\n   * Accessible label describing the menu's purpose\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Menu component.\n */\nexport const MenuDefaults = {\n  isOpen: false,\n} as const satisfies Partial<MenuProps>\n"],"names":["MenuDefaults"],"mappings":"AAoDO,MAAMA,IAAe;AAAA,EAC1B,QAAQ;AACV;"}
+{"version":3,"file":"MenuTypes.js","sources":["../../../../../src/components/Common/UI/Menu/MenuTypes.ts"],"sourcesContent":["import type { ReactNode, RefObject } from 'react'\nimport type { DataAttributes } from '@/types/Helpers'\n\nexport interface MenuItem extends DataAttributes {\n  /**\n   * Text label for the menu item\n   */\n  label: string\n  /**\n   * Optional icon to display before the label\n   */\n  icon?: ReactNode\n  /**\n   * Callback function when the menu item is clicked\n   */\n  onClick: () => void\n  /**\n   * Disables the menu item and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Optional URL to navigate to when clicked\n   */\n  href?: string\n}\n\nexport interface MenuProps extends DataAttributes {\n  /**\n   * Reference to the element that triggers the menu\n   */\n  triggerRef?: RefObject<Element | null>\n  /**\n   * Array of menu items to display\n   */\n  items?: MenuItem[]\n  /**\n   * Controls whether the menu is currently open\n   */\n  isOpen?: boolean\n  /**\n   * Callback when the menu is closed\n   */\n  onClose?: () => void\n  /**\n   * Accessible label describing the menu's purpose\n   */\n  'aria-label': string\n  /**\n   * Controls the placement of the menu popover relative to the trigger\n   */\n  placement?:\n    | 'top'\n    | 'top start'\n    | 'top end'\n    | 'bottom'\n    | 'bottom start'\n    | 'bottom end'\n    | 'left'\n    | 'right'\n}\n\n/**\n * Default prop values for Menu component.\n */\nexport const MenuDefaults = {\n  isOpen: false,\n  placement: 'bottom start',\n} as const satisfies Partial<MenuProps>\n"],"names":["MenuDefaults"],"mappings":"AAgEO,MAAMA,IAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AACb;"}

package/dist/components/Common/UI/ProgressBar/ProgressBar.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import c from "classnames";
-import n from "./ProgressBar.module.scss.js";
-import { Flex as p } from "../../Flex/Flex.js";
+import { Flex as n } from "../../Flex/Flex.js";
+import p from "./ProgressBar.module.scss.js";
 import { VisuallyHidden as d } from "../../VisuallyHidden/VisuallyHidden.js";
 function y({
   className: i,
@@ -13,9 +13,9 @@ function y({
   const s = Math.max(1, Math.min(m, e)), l = {
     "--g-progress-bar-width": `${s * 100 / e}%`
   };
-  return /* @__PURE__ */ t(p, { flexDirection: "column", children: [
+  return /* @__PURE__ */ t(n, { flexDirection: "column", children: [
     o && /* @__PURE__ */ r(o, {}),
-    /* @__PURE__ */ r("div", { className: c(n.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
+    /* @__PURE__ */ r("div", { className: c(p.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
   ] });
 }
 export {

package/dist/components/Common/UI/Table/Table.module.scss.js

@@ -1,4 +1,4 @@
-const o = "_root_piezy_1", t = {
+const o = "_root_z1aas_1", t = {
   root: o
 };
 export {

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

@@ -1,43 +1,49 @@
-import { jsx as h, jsxs as K, Fragment as J } from "react/jsx-runtime";
-import { useContractorsListSuspense as Q } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentGroupsCreateMutation as X } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
-import { useContractorPaymentGroupsPreviewMutation as Z } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
-import { useState as u, useMemo as S } from "react";
-import $ from "dompurify";
-import { RFCDate as U } from "@gusto/embedded-api/types/rfcdate";
-import { useForm as tt } from "react-hook-form";
-import { zodResolver as et } from "@hookform/resolvers/zod";
-import { useTranslation as ot } from "react-i18next";
-import { useBankAccountsGet as rt } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { usePaymentConfigsGet as nt } from "@gusto/embedded-api/react-query/paymentConfigsGet";
-import { CreatePaymentPresentation as st } from "./CreatePaymentPresentation.js";
-import { EditContractorPaymentPresentation as at } from "./EditContractorPaymentPresentation.js";
-import { createEditContractorPaymentFormSchema as it } from "./EditContractorPaymentFormSchema.js";
-import { PreviewPresentation as ct } from "./PreviewPresentation.js";
-import { payrollSubmitHandler as mt } from "../../../Payroll/PayrollBlocker/payrollHelpers.js";
-import { useComponentDictionary as ut } from "../../../../i18n/I18n.js";
-import { BaseComponent as lt } from "../../../Base/Base.js";
-import { useBase as pt } from "../../../Base/useBase.js";
-import { ContractorOnboardingStatus as yt, componentEvents as y } from "../../../../shared/constants.js";
-import { firstLastName as dt } from "../../../../helpers/formattedStrings.js";
-function jt(c) {
-  return /* @__PURE__ */ h(lt, { ...c, children: /* @__PURE__ */ h(Pt, { ...c, children: c.children }) });
+import { jsx as h, jsxs as Q, Fragment as X } from "react/jsx-runtime";
+import { useContractorsListSuspense as Z } from "@gusto/embedded-api/react-query/contractorsList";
+import { useContractorPaymentGroupsCreateMutation as $ } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
+import { useContractorPaymentGroupsPreviewMutation as tt } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
+import { useState as u, useRef as et, useEffect as ot, useMemo as B } from "react";
+import rt from "dompurify";
+import { RFCDate as G } from "@gusto/embedded-api/types/rfcdate";
+import { useForm as nt } from "react-hook-form";
+import { zodResolver as st } from "@hookform/resolvers/zod";
+import { useTranslation as at } from "react-i18next";
+import { useBankAccountsGet as ct } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { usePaymentConfigsGet as it } from "@gusto/embedded-api/react-query/paymentConfigsGet";
+import { CreatePaymentPresentation as mt } from "./CreatePaymentPresentation.js";
+import { EditContractorPaymentPresentation as ut } from "./EditContractorPaymentPresentation.js";
+import { createEditContractorPaymentFormSchema as lt } from "./EditContractorPaymentFormSchema.js";
+import { PreviewPresentation as yt } from "./PreviewPresentation.js";
+import { payrollSubmitHandler as pt } from "../../../Payroll/PayrollBlocker/payrollHelpers.js";
+import { useComponentDictionary as dt } from "../../../../i18n/I18n.js";
+import { BaseComponent as Pt } from "../../../Base/Base.js";
+import { useBase as Ct } from "../../../Base/useBase.js";
+import { ContractorOnboardingStatus as ft, componentEvents as p } from "../../../../shared/constants.js";
+import { firstLastName as ht } from "../../../../helpers/formattedStrings.js";
+function Jt(i) {
+  return /* @__PURE__ */ h(Pt, { ...i, componentName: "Contractor.Payments.CreatePayment", children: /* @__PURE__ */ h(bt, { ...i, children: i.children }) });
 }
-const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
-  ut("Contractor.Payments.CreatePayment", _);
-  const { t: b } = ot("Contractor.Payments.CreatePayment"), [v, g] = u(!1), [T, B] = u(
-    (/* @__PURE__ */ new Date()).toISOString().split("T")[0] || ""
-  ), { baseSubmitHandler: M } = pt(), [D, d] = u({}), [P, N] = u(null), [G, w] = u([]), [k, A] = u({}), { mutateAsync: V, isPending: O } = X(), {
-    mutateAsync: H,
-    isPending: R
-  } = Z(), { data: L } = Q({ companyUuid: c }), a = (L.contractors || []).filter(
-    (t) => t.isActive && t.onboardingStatus === yt.ONBOARDING_COMPLETED
-  ), { data: Y } = rt({ companyId: c }), { data: F } = nt({ companyUuid: c }), q = Y?.companyBankAccounts?.[0], x = F?.paymentConfigs?.paymentSpeed, I = S(
+const bt = ({ companyId: i, dictionary: V, onEvent: l }) => {
+  dt("Contractor.Payments.CreatePayment", V);
+  const { t: b } = at("Contractor.Payments.CreatePayment"), [H, T] = u(!1), { baseSubmitHandler: M } = Ct(), [N, d] = u({}), [P, A] = u(null), [I, w] = u([]), [k, O] = u({}), { mutateAsync: L, isPending: R } = $(), {
+    mutateAsync: Y,
+    isPending: E
+  } = tt(), { data: F } = Z({ companyUuid: i }), a = (F.contractors || []).filter(
+    (t) => t.isActive && t.onboardingStatus === ft.ONBOARDING_COMPLETED
+  ), { data: q } = ct({ companyId: i }), { data: x } = it({ companyUuid: i }), z = q?.companyBankAccounts?.[0], C = x?.paymentConfigs?.paymentSpeed, S = (t) => {
+    const o = /* @__PURE__ */ new Date();
+    let e = 0;
+    return t === "1-day" ? e = 1 : t === "2-day" ? e = 2 : t === "4-day" && (e = 4), o.setDate(o.getDate() + e), o.toISOString().split("T")[0] || "";
+  }, [D, U] = u(S(C)), _ = et(!1);
+  ot(() => {
+    C && !_.current && (U(S(C)), _.current = !0);
+  }, [C]);
+  const j = B(
     () => a.map((t) => {
-      const e = t.paymentMethod ? t.paymentMethod : "Direct Deposit";
+      const o = t.paymentMethod ? t.paymentMethod : "Direct Deposit";
       return {
         contractorUuid: t.uuid,
-        paymentMethod: e,
+        paymentMethod: o,
         wage: "0",
         hours: "0",
         bonus: "0",
@@ -46,22 +52,22 @@ const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
       };
     }),
     [a]
-  ), [p, j] = u(I), z = S(
-    () => p.reduce(
-      (t, e) => {
-        const o = a.find((W) => W.uuid === e.contractorUuid), i = o?.wageType === "Hourly", n = Number(e.hours || "0"), s = Number(e.wage || "0"), r = Number(e.bonus || "0"), m = Number(e.reimbursement || "0"), E = i ? n * Number(o.hourlyRate || "0") : 0, f = i ? 0 : s;
+  ), [y, W] = u(j), K = B(
+    () => y.reduce(
+      (t, o) => {
+        const e = a.find((J) => J.uuid === o.contractorUuid), c = e?.wageType === "Hourly", n = Number(o.hours || "0"), s = Number(o.wage || "0"), r = Number(o.bonus || "0"), m = Number(o.reimbursement || "0"), v = c ? n * Number(e.hourlyRate || "0") : 0, g = c ? 0 : s;
         return {
-          wage: t.wage + f,
+          wage: t.wage + g,
           bonus: t.bonus + r,
           reimbursement: t.reimbursement + m,
-          total: t.total + E + f + r + m
+          total: t.total + v + g + r + m
         };
       },
       { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
     ),
-    [p, a]
-  ), C = tt({
-    resolver: et(it()),
+    [y, a]
+  ), f = nt({
+    resolver: st(lt()),
     defaultValues: {
       wageType: "Hourly",
       hours: 0,
@@ -74,64 +80,64 @@ const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
       contractorPaymentMethod: void 0
     }
   });
-  return /* @__PURE__ */ K(J, { children: [
+  return /* @__PURE__ */ Q(X, { children: [
     P && /* @__PURE__ */ h(
-      ct,
+      yt,
       {
         contractorPaymentGroup: P,
         contractors: a,
         onBackToEdit: () => {
-          N(null), w([]), A({}), l(y.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
+          A(null), w([]), O({}), l(p.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
         },
         onSubmit: async () => {
           await M(null, async () => {
-            const t = p.filter((s) => s.isTouched);
+            const t = y.filter((s) => s.isTouched);
             if (t.length === 0 || !P?.creationToken)
               return;
-            const e = P.creationToken, o = Object.entries(k).map(
+            const o = P.creationToken, e = Object.entries(k).map(
               ([s, r]) => ({
                 blockerType: s,
                 selectedOption: r
               })
-            ), i = {
-              checkDate: new U(T),
+            ), c = {
+              checkDate: new G(D),
               contractorPayments: t.map(({ isTouched: s, ...r }) => r),
-              creationToken: e,
-              ...o.length > 0 && { submissionBlockers: o }
-            }, n = await V({
+              creationToken: o,
+              ...e.length > 0 && { submissionBlockers: e }
+            }, n = await L({
               request: {
-                companyId: c,
-                requestBody: i
+                companyId: i,
+                requestBody: c
               }
             });
-            l(y.CONTRACTOR_PAYMENT_CREATED, n.contractorPaymentGroup || {});
+            l(p.CONTRACTOR_PAYMENT_CREATED, n.contractorPaymentGroup || {});
           });
         },
-        isLoading: O || R,
-        bankAccount: q,
+        isLoading: R || E,
+        bankAccount: z,
         selectedUnblockOptions: k,
-        onUnblockOptionChange: (t, e) => {
-          A((o) => ({
-            ...o,
-            [t]: e
+        onUnblockOptionChange: (t, o) => {
+          O((e) => ({
+            ...e,
+            [t]: o
           }));
         },
-        paymentSpeed: x
+        paymentSpeed: C
       }
     ),
     !P && /* @__PURE__ */ h(
-      st,
+      mt,
       {
         contractors: a,
-        contractorPayments: p,
-        paymentDate: T,
-        onPaymentDateChange: B,
+        contractorPayments: y,
+        paymentDate: D,
+        onPaymentDateChange: U,
         onSaveAndContinue: async () => {
           await M(null, async () => {
-            const t = p.filter((o) => o.isTouched);
+            const t = y.filter((e) => e.isTouched);
             if (t.length === 0) {
               d({
-                ...D,
+                ...N,
                 error: {
                   type: "error",
                   title: b("alerts.noContractorPayments")
@@ -140,75 +146,75 @@ const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
               return;
             }
             d({}), w([]);
-            const e = await mt(async () => {
-              const o = await H({
+            const o = await pt(async () => {
+              const e = await Y({
                 request: {
-                  companyId: c,
+                  companyId: i,
                   requestBody: {
-                    contractorPayments: t.map(({ isTouched: i, ...n }) => n),
-                    checkDate: new U(T)
+                    contractorPayments: t.map(({ isTouched: c, ...n }) => n),
+                    checkDate: new G(D)
                   }
                 }
               });
-              N(o.contractorPaymentGroupPreview || null), l(y.CONTRACTOR_PAYMENT_PREVIEW, o.contractorPaymentGroupPreview);
+              A(e.contractorPaymentGroupPreview || null), l(p.CONTRACTOR_PAYMENT_PREVIEW, e.contractorPaymentGroupPreview);
             });
-            !e.success && e.blockers.length > 0 && w(e.blockers);
+            !o.success && o.blockers.length > 0 && w(o.blockers);
           });
         },
         onEditContractor: (t) => {
-          const e = a.find((s) => s.uuid === t), o = p.find(
+          const o = a.find((s) => s.uuid === t), e = y.find(
             (s) => s.contractorUuid === t
-          ), i = o?.paymentMethod || "Direct Deposit", n = ["Check", "Direct Deposit"].includes(i) ? i : "Check";
-          C.reset(
+          ), c = e?.paymentMethod || "Direct Deposit", n = ["Check", "Direct Deposit"].includes(c) ? c : "Check";
+          f.reset(
             {
-              wageType: e?.wageType || "Hourly",
-              hours: Number(o?.hours || "0"),
-              wage: Number(o?.wage || "0"),
-              bonus: Number(o?.bonus || "0"),
-              reimbursement: Number(o?.reimbursement || "0"),
+              wageType: o?.wageType || "Hourly",
+              hours: Number(e?.hours || "0"),
+              wage: Number(e?.wage || "0"),
+              bonus: Number(e?.bonus || "0"),
+              reimbursement: Number(e?.reimbursement || "0"),
               paymentMethod: n,
-              hourlyRate: Number(e?.hourlyRate || "0"),
+              hourlyRate: Number(o?.hourlyRate || "0"),
               contractorUuid: t,
-              contractorPaymentMethod: e?.paymentMethod || void 0
+              contractorPaymentMethod: o?.paymentMethod || void 0
             },
             { keepDirty: !1, keepValues: !1 }
-          ), d({}), g(!0), l(y.CONTRACTOR_PAYMENT_EDIT);
+          ), d({}), T(!0), l(p.CONTRACTOR_PAYMENT_EDIT);
         },
-        totals: z,
-        alerts: D,
-        payrollBlockers: G,
+        totals: K,
+        alerts: N,
+        payrollBlockers: I,
         onViewBlockers: () => {
-          l(y.CONTRACTOR_PAYMENT_RFI_RESPOND);
+          l(p.CONTRACTOR_PAYMENT_RFI_RESPOND);
         },
-        isLoading: O || R
+        isLoading: R || E
       }
     ),
     /* @__PURE__ */ h(
-      at,
+      ut,
       {
-        isOpen: v,
+        isOpen: H,
         onClose: () => {
-          g(!1);
+          T(!1);
         },
-        formMethods: C,
+        formMethods: f,
         onSubmit: (t) => {
-          const o = a.find((r) => r.uuid === t.contractorUuid)?.paymentMethod;
+          const e = a.find((r) => r.uuid === t.contractorUuid)?.paymentMethod;
           if (!["Check", "Direct Deposit"].includes(t.paymentMethod)) {
-            C.setError("paymentMethod", {
+            f.setError("paymentMethod", {
               type: "manual",
               message: b("editContractorPayment.errors.unsupportedPaymentMethod")
             });
             return;
           }
-          if (o === "Check" && t.paymentMethod === "Direct Deposit") {
-            C.setError("paymentMethod", {
+          if (e === "Check" && t.paymentMethod === "Direct Deposit") {
+            f.setError("paymentMethod", {
               type: "manual",
               message: b("editContractorPayment.errors.directDepositNotAvailable")
             });
             return;
           }
-          const i = (t.wage ?? 0) > 0 || (t.hours ?? 0) > 0 || (t.bonus ?? 0) > 0 || (t.reimbursement ?? 0) > 0;
-          j(
+          const c = (t.wage ?? 0) > 0 || (t.hours ?? 0) > 0 || (t.bonus ?? 0) > 0 || (t.reimbursement ?? 0) > 0;
+          W(
             (r) => r.map(
               (m) => m.contractorUuid === t.contractorUuid ? {
                 contractorUuid: m.contractorUuid,
@@ -217,14 +223,14 @@ const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
                 bonus: String(t.bonus ?? 0),
                 reimbursement: String(t.reimbursement ?? 0),
                 paymentMethod: t.paymentMethod,
-                isTouched: i
+                isTouched: c
               } : m
             )
           );
           const n = a.find(
             (r) => r.uuid === t.contractorUuid
-          ), s = $.sanitize(
-            n?.type === "Individual" ? dt({
+          ), s = rt.sanitize(
+            n?.type === "Individual" ? ht({
               first_name: n.firstName,
               last_name: n.lastName
             }) : n?.businessName || ""
@@ -239,20 +245,20 @@ const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
               }),
               onDismiss: () => {
                 d((m) => {
-                  const { [t.contractorUuid]: E, ...f } = m;
-                  return f;
+                  const { [t.contractorUuid]: v, ...g } = m;
+                  return g;
                 });
               }
             }
-          })), g(!1), l(y.CONTRACTOR_PAYMENT_UPDATE, t);
+          })), T(!1), l(p.CONTRACTOR_PAYMENT_UPDATE, t);
         },
-        contractorPaymentMethod: a.find((t) => t.uuid === C.getValues("contractorUuid"))?.paymentMethod ?? void 0
+        contractorPaymentMethod: a.find((t) => t.uuid === f.getValues("contractorUuid"))?.paymentMethod ?? void 0
       }
     )
   ] });
 };
 export {
-  jt as CreatePayment,
-  Pt as Root
+  Jt as CreatePayment,
+  bt as Root
 };
 //# sourceMappingURL=CreatePayment.js.map