@gusto/embedded-react-sdk 0.55.7 → 0.55.8

package/dist/components/Company/FederalTaxes/useFederalTaxes.js

@@ -1,5 +1,5 @@
 import { z as o } from "zod";
-import { FilingForm as r, TaxPayerType as e } from "@gusto/embedded-api/models/components/federaltaxdetails";
+import { FilingForm as r, TaxPayerType as t } from "@gusto/embedded-api/models/components/federaltaxdetails";
 import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
@@ -11,21 +11,22 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const b = o.object({
+import { createCompoundContext as e } from "../../Base/createCompoundContext.js";
+const j = o.object({
   federalEin: o.string().optional(),
-  taxPayerType: o.enum(Object.values(e)).optional(),
+  taxPayerType: o.enum(Object.values(t)).optional(),
   filingForm: o.enum(Object.values(r)).optional(),
   legalName: o.string().min(1)
-}), [j, v] = t(
+}), [v, P] = e(
   "CompanyFederalTaxesContext"
 );
 export {
-  b as FederalTaxFormSchema,
-  v as FederalTaxesProvider,
-  j as useFederalTaxes
+  j as FederalTaxFormSchema,
+  P as FederalTaxesProvider,
+  v as useFederalTaxes
 };
 //# sourceMappingURL=useFederalTaxes.js.map

package/dist/components/Company/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { FederalTaxDetails } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { FilingForm, TaxPayerType } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const FederalTaxFormSchema = z.object({\n  federalEin: z.string().optional(),\n  taxPayerType: z.enum(Object.values(TaxPayerType) as [string, ...string[]]).optional(),\n  filingForm: z.enum(Object.values(FilingForm) as [string, ...string[]]).optional(),\n  legalName: z.string().min(1),\n})\n\n/** @internal */\nexport type FederalTaxFormInputs = z.input<typeof FederalTaxFormSchema>\n\n/**\n * Pre-populated values for the company federal tax form, supplied via {@link FederalTaxesProps}.\n * At least one of `taxPayerType`, `filingForm`, or `legalName` must be provided.\n *\n * @public\n */\nexport type FederalTaxesDefaultValues = RequireAtLeastOne<{\n  taxPayerType?: FederalTaxFormInputs['taxPayerType']\n  filingForm?: FederalTaxFormInputs['filingForm']\n  legalName?: FederalTaxFormInputs['legalName']\n}>\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n  federalTaxDetails?: FederalTaxDetails\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] = createCompoundContext<FederalTaxesContextType>(\n  'CompanyFederalTaxesContext',\n)\n\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["FederalTaxFormSchema","z","TaxPayerType","FilingForm","useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EAC3C,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,cAAcA,EAAE,KAAK,OAAO,OAAOC,CAAY,CAA0B,EAAE,SAAA;AAAA,EAC3E,YAAYD,EAAE,KAAK,OAAO,OAAOE,CAAU,CAA0B,EAAE,SAAA;AAAA,EACvE,WAAWF,EAAE,OAAA,EAAS,IAAI,CAAC;AAC7B,CAAC,GAsBK,CAACG,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { FederalTaxDetails } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { FilingForm, TaxPayerType } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const FederalTaxFormSchema = z.object({\n  federalEin: z.string().optional(),\n  taxPayerType: z.enum(Object.values(TaxPayerType) as [string, ...string[]]).optional(),\n  filingForm: z.enum(Object.values(FilingForm) as [string, ...string[]]).optional(),\n  legalName: z.string().min(1),\n})\n\n/** @internal */\nexport type FederalTaxFormInputs = z.input<typeof FederalTaxFormSchema>\n\n/**\n * Pre-populated values for the company federal tax form, supplied via {@link FederalTaxesProps}.\n * At least one of `taxPayerType`, `filingForm`, or `legalName` must be provided.\n *\n * @public\n */\nexport type FederalTaxesDefaultValues = RequireAtLeastOne<{\n  taxPayerType?: FederalTaxFormInputs['taxPayerType']\n  filingForm?: FederalTaxFormInputs['filingForm']\n  legalName?: FederalTaxFormInputs['legalName']\n}>\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n  federalTaxDetails?: FederalTaxDetails\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] = createCompoundContext<FederalTaxesContextType>(\n  'CompanyFederalTaxesContext',\n)\n\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["FederalTaxFormSchema","z","TaxPayerType","FilingForm","useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EAC3C,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,cAAcA,EAAE,KAAK,OAAO,OAAOC,CAAY,CAA0B,EAAE,SAAA;AAAA,EAC3E,YAAYD,EAAE,KAAK,OAAO,OAAOE,CAAU,CAA0B,EAAE,SAAA;AAAA,EACvE,WAAWF,EAAE,OAAA,EAAS,IAAI,CAAC;AAC7B,CAAC,GAsBK,CAACG,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}

package/dist/components/Company/Industry/Context.js

@@ -9,19 +9,20 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const [P, f] = t("IndustryItems", {
+const [f, v] = t("IndustryItems", {
   items: []
-}), [v, x] = t("IndustryApi", {
+}), [x, C] = t("IndustryApi", {
   isPending: !1
 });
 export {
-  x as IndustryApiStateProvider,
-  f as IndustryItemsProvider,
-  v as useIndustryApiState,
-  P as useIndustryItems
+  C as IndustryApiStateProvider,
+  v as IndustryItemsProvider,
+  x as useIndustryApiState,
+  f as useIndustryItems
 };
 //# sourceMappingURL=Context.js.map

package/dist/components/Company/Industry/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}

package/dist/components/Company/Locations/LocationForm/useLocationForm.js

@@ -9,15 +9,16 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [L, f] = o(
+const [f, v] = o(
   "CompanyDocumentFormContext"
 );
 export {
-  f as LocationsFormProvider,
-  L as useLocationsForm
+  v as LocationsFormProvider,
+  f as useLocationsForm
 };
 //# sourceMappingURL=useLocationForm.js.map

package/dist/components/Company/Locations/LocationForm/useLocationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/Locations/LocationsList/useLocationsList.js

@@ -9,15 +9,16 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [f, v] = o(
+const [v, y] = o(
   "CompanyDocumentListContext"
 );
 export {
-  v as LocationsListProvider,
-  f as useLocationsList
+  y as LocationsListProvider,
+  v as useLocationsList
 };
 //# sourceMappingURL=useLocationsList.js.map

package/dist/components/Company/Locations/LocationsList/useLocationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  isFetching?: boolean\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  isFetching?: boolean\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/OnboardingOverview/context.js

@@ -9,13 +9,14 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [C, c] = o("OnboardingOverviewContext");
+const [c, s] = o("OnboardingOverviewContext");
 export {
-  c as OnboardingOverviewProvider,
-  C as useOnboardingOverview
+  s as OnboardingOverviewProvider,
+  c as useOnboardingOverview
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/OnboardingOverview/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}
+{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}

package/dist/components/Company/PaySchedule/PaySchedule.js

@@ -1,43 +1,58 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as u, useMemo as l } from "react";
-import { createMachine as p } from "robot3";
-import { usePaySchedulesGetAllSuspense as h } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { payScheduleStateMachine as S } from "./payScheduleStateMachine.js";
-import { PayScheduleListContextual as d, PayScheduleFormContextual as f } from "./PayScheduleComponents.js";
-import { BaseComponent as y } from "../../Base/Base.js";
-import { useBase as C } from "../../Base/useBase.js";
-import { useI18n as P, useComponentDictionary as x } from "../../../i18n/I18n.js";
-import { Flow as M } from "../../Flow/Flow.js";
-const L = ({
+import { jsx as m } from "react/jsx-runtime";
+import { useState as l, useMemo as p } from "react";
+import { createMachine as h } from "robot3";
+import { usePaySchedulesGetAllSuspense as S } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { payScheduleStateMachine as d } from "./payScheduleStateMachine.js";
+import { PayScheduleListContextual as f, PayScheduleFormContextual as y } from "./PayScheduleComponents.js";
+import { BaseComponent as C } from "../../Base/Base.js";
+import { useBase as P } from "../../Base/useBase.js";
+import { useI18n as x, useComponentDictionary as M } from "../../../i18n/I18n.js";
+import { Flow as B } from "../../Flow/Flow.js";
+const D = ({
   companyId: e,
-  defaultValues: t,
-  dictionary: n,
+  defaultValues: o,
+  disableWorkweekStartDayEditing: t,
+  dictionary: r,
   ...i
-}) => /* @__PURE__ */ r(y, { ...i, children: /* @__PURE__ */ r(w, { companyId: e, defaultValues: t, dictionary: n }) });
-function w({ companyId: e, defaultValues: t, dictionary: n }) {
-  P("Company.PaySchedule"), x("Company.PaySchedule", n);
-  const { onEvent: i } = C(), { data: s } = h({ companyId: e }), [{ initialState: a, initialComponent: m }] = u(() => {
-    const o = (s.payScheduleShowResponse?.length ?? 0) > 0;
+}) => /* @__PURE__ */ m(C, { ...i, children: /* @__PURE__ */ m(
+  F,
+  {
+    companyId: e,
+    defaultValues: o,
+    disableWorkweekStartDayEditing: t,
+    dictionary: r
+  }
+) });
+function F({
+  companyId: e,
+  defaultValues: o,
+  disableWorkweekStartDayEditing: t,
+  dictionary: r
+}) {
+  x("Company.PaySchedule"), M("Company.PaySchedule", r);
+  const { onEvent: i } = P(), { data: s } = S({ companyId: e }), [{ initialState: a, initialComponent: c }] = l(() => {
+    const n = (s.payScheduleShowResponse?.length ?? 0) > 0;
     return {
-      initialState: o ? "listSchedules" : "addSchedule",
-      initialComponent: o ? d : f
+      initialState: n ? "listSchedules" : "addSchedule",
+      initialComponent: n ? f : y
     };
-  }), c = l(
-    () => p(
+  }), u = p(
+    () => h(
       a,
-      S,
-      (o) => ({
-        ...o,
-        component: m,
+      d,
+      (n) => ({
+        ...n,
+        component: c,
         companyId: e,
-        defaultValues: t
+        defaultValues: o,
+        disableWorkweekStartDayEditing: t
       })
     ),
-    [e, t, a, m]
+    [e, o, t, a, c]
   );
-  return /* @__PURE__ */ r(M, { machine: c, onEvent: i });
+  return /* @__PURE__ */ m(B, { machine: u, onEvent: i });
 }
 export {
-  L as PaySchedule
+  D as PaySchedule
 };
 //# sourceMappingURL=PaySchedule.js.map

package/dist/components/Company/PaySchedule/PaySchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { payScheduleStateMachine } from './payScheduleStateMachine'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport type { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * The full set of fields that may be pre-filled on the {@link PaySchedule} create form.\n *\n * @public\n */\nexport type PayScheduleDefaultFields = {\n  [\n    K in keyof Pick<\n      PayScheduleFormData,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  ]: NonNullable<PayScheduleFormData[K]>\n}\n\n/**\n * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule\n * takes precedence over these defaults when editing.\n *\n * @public\n */\nexport type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>\n\n/**\n * Props for the {@link PaySchedule} component.\n *\n * @public\n */\nexport interface PayScheduleProps extends BaseComponentInterface<'Company.PaySchedule'> {\n  /** Identifier of the company whose pay schedules are managed. */\n  companyId: string\n  /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */\n  defaultValues?: PayScheduleDefaultValues\n}\n\n/**\n * Manages a company's pay schedules, including listing existing schedules and creating or editing one.\n *\n * @remarks\n * Renders the schedule list when at least one pay schedule exists and the create form otherwise.\n * Emits the following events through `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/created` | A new pay schedule was created | The created pay schedule entity |\n * | `paySchedule/updated` | An existing pay schedule was updated | The updated pay schedule entity |\n *\n * @param props - {@link PayScheduleProps} plus the standard base component props.\n * @returns The pay schedule list or form depending on whether any schedules exist.\n * @public\n */\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  dictionary,\n  ...props\n}: PayScheduleProps) => {\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues} dictionary={dictionary} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues, dictionary }: Omit<PayScheduleProps, BaseComponentKeys>) {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  // Freeze the initial routing decision. Recomputing it after a later refetch (e.g. once\n  // the first schedule is created) would re-seat the machine and orphan its interpreter.\n  const [{ initialState, initialComponent }] = useState<{\n    initialState: keyof typeof payScheduleStateMachine\n    initialComponent: typeof PayScheduleListContextual | typeof PayScheduleFormContextual\n  }>(() => {\n    const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n    return {\n      initialState: hasSchedules ? 'listSchedules' : 'addSchedule',\n      initialComponent: hasSchedules ? PayScheduleListContextual : PayScheduleFormContextual,\n    }\n  })\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleStateMachine,\n        (initialContext: PayScheduleContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","defaultValues","dictionary","props","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","initialState","initialComponent","useState","hasSchedules","PayScheduleListContextual","PayScheduleFormContextual","machine","useMemo","createMachine","payScheduleStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;AAkEO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAK,WAAAN,GAAsB,eAAAC,GAA8B,YAAAC,EAAA,CAAwB,EAAA,CACpF;AAIJ,SAASI,EAAK,EAAE,WAAAN,GAAW,eAAAC,GAAe,YAAAC,KAAyD;AACjG,EAAAK,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBN,CAAU;AACxD,QAAM,EAAE,SAAAO,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAZ,GAAW,GAIpE,CAAC,EAAE,cAAAa,GAAc,kBAAAC,GAAkB,IAAIC,EAG1C,MAAM;AACP,UAAMC,KAAgBL,EAAa,yBAAyB,UAAU,KAAK;AAC3E,WAAO;AAAA,MACL,cAAcK,IAAe,kBAAkB;AAAA,MAC/C,kBAAkBA,IAAeC,IAA4BC;AAAA,IAAA;AAAA,EAEjE,CAAC,GAEKC,IAAUC;AAAA,IACd,MACEC;AAAA,MACER;AAAA,MACAS;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWT;AAAA,QACX,WAAAd;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,GAAeY,GAAcC,CAAgB;AAAA,EAAA;AAG3D,SAAO,gBAAAV,EAACoB,GAAA,EAAK,SAAAL,GAAkB,SAAAV,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { payScheduleStateMachine } from './payScheduleStateMachine'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport type { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * The full set of fields that may be pre-filled on the {@link PaySchedule} create form.\n *\n * @public\n */\nexport type PayScheduleDefaultFields = {\n  [\n    K in keyof Pick<\n      PayScheduleFormData,\n      | 'anchorPayDate'\n      | 'anchorEndOfPayPeriod'\n      | 'day1'\n      | 'day2'\n      | 'customName'\n      | 'frequency'\n      | 'workweekStartDay'\n    >\n  ]: NonNullable<PayScheduleFormData[K]>\n}\n\n/**\n * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule\n * takes precedence over these defaults when editing.\n *\n * @public\n */\nexport type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>\n\n/**\n * Props for the {@link PaySchedule} component.\n *\n * @public\n */\nexport interface PayScheduleProps extends BaseComponentInterface<'Company.PaySchedule'> {\n  /** Identifier of the company whose pay schedules are managed. */\n  companyId: string\n  /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */\n  defaultValues?: PayScheduleDefaultValues\n  /**\n   * Renders the workweek start day field disabled while still submitting its current value,\n   * for partners that compute the workweek start day themselves and don't want end users\n   * editing it directly. Defaults to `false`.\n   *\n   * @alpha\n   */\n  disableWorkweekStartDayEditing?: boolean\n}\n\n/**\n * Manages a company's pay schedules, including listing existing schedules and creating or editing one.\n *\n * @remarks\n * Renders the schedule list when at least one pay schedule exists and the create form otherwise.\n * Emits the following events through `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/created` | A new pay schedule was created | The created pay schedule entity |\n * | `paySchedule/updated` | An existing pay schedule was updated | The updated pay schedule entity |\n *\n * @param props - {@link PayScheduleProps} plus the standard base component props.\n * @returns The pay schedule list or form depending on whether any schedules exist.\n * @public\n */\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  disableWorkweekStartDayEditing,\n  dictionary,\n  ...props\n}: PayScheduleProps) => {\n  return (\n    <BaseComponent {...props}>\n      <Root\n        companyId={companyId}\n        defaultValues={defaultValues}\n        disableWorkweekStartDayEditing={disableWorkweekStartDayEditing}\n        dictionary={dictionary}\n      />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  defaultValues,\n  disableWorkweekStartDayEditing,\n  dictionary,\n}: Omit<PayScheduleProps, BaseComponentKeys>) {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  // Freeze the initial routing decision. Recomputing it after a later refetch (e.g. once\n  // the first schedule is created) would re-seat the machine and orphan its interpreter.\n  const [{ initialState, initialComponent }] = useState<{\n    initialState: keyof typeof payScheduleStateMachine\n    initialComponent: typeof PayScheduleListContextual | typeof PayScheduleFormContextual\n  }>(() => {\n    const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n    return {\n      initialState: hasSchedules ? 'listSchedules' : 'addSchedule',\n      initialComponent: hasSchedules ? PayScheduleListContextual : PayScheduleFormContextual,\n    }\n  })\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleStateMachine,\n        (initialContext: PayScheduleContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          defaultValues,\n          disableWorkweekStartDayEditing,\n        }),\n      ),\n    [companyId, defaultValues, disableWorkweekStartDayEditing, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","defaultValues","disableWorkweekStartDayEditing","dictionary","props","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","initialState","initialComponent","useState","hasSchedules","PayScheduleListContextual","PayScheduleFormContextual","machine","useMemo","createMachine","payScheduleStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;AAgFO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gCAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAP;AAAA,IACA,eAAAC;AAAA,IACA,gCAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,GAEJ;AAIJ,SAASI,EAAK;AAAA,EACZ,WAAAP;AAAA,EACA,eAAAC;AAAA,EACA,gCAAAC;AAAA,EACA,YAAAC;AACF,GAA8C;AAC5C,EAAAK,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBN,CAAU;AACxD,QAAM,EAAE,SAAAO,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAb,GAAW,GAIpE,CAAC,EAAE,cAAAc,GAAc,kBAAAC,GAAkB,IAAIC,EAG1C,MAAM;AACP,UAAMC,KAAgBL,EAAa,yBAAyB,UAAU,KAAK;AAC3E,WAAO;AAAA,MACL,cAAcK,IAAe,kBAAkB;AAAA,MAC/C,kBAAkBA,IAAeC,IAA4BC;AAAA,IAAA;AAAA,EAEjE,CAAC,GAEKC,IAAUC;AAAA,IACd,MACEC;AAAA,MACER;AAAA,MACAS;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWT;AAAA,QACX,WAAAf;AAAA,QACA,eAAAC;AAAA,QACA,gCAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWC,GAAeC,GAAgCY,GAAcC,CAAgB;AAAA,EAAA;AAG3F,SAAO,gBAAAV,EAACoB,GAAA,EAAK,SAAAL,GAAkB,SAAAV,EAAA,CAAkB;AACnD;"}

package/dist/components/Company/PaySchedule/PayScheduleComponents.js

@@ -1,26 +1,27 @@
 import { jsx as t } from "react/jsx-runtime";
-import { PayScheduleList as a } from "./PayScheduleList.js";
+import { PayScheduleList as d } from "./PayScheduleList.js";
 import { PayScheduleForm as c } from "./PayScheduleForm.js";
-import { useFlow as n } from "../../Flow/useFlow.js";
-import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
+import { useFlow as r } from "../../Flow/useFlow.js";
+import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
 function f() {
-  const { companyId: o, onEvent: e } = n();
-  return /* @__PURE__ */ t(a, { onEvent: e, companyId: r(o) });
+  const { companyId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(d, { onEvent: o, companyId: n(e) });
 }
-function s() {
-  const { companyId: o, payScheduleId: e, defaultValues: m, onEvent: u } = n();
+function S() {
+  const { companyId: e, payScheduleId: o, defaultValues: a, disableWorkweekStartDayEditing: m, onEvent: u } = r();
   return /* @__PURE__ */ t(
     c,
     {
-      companyId: r(o),
-      payScheduleId: e,
-      defaultValues: m,
+      companyId: n(e),
+      payScheduleId: o,
+      defaultValues: a,
+      disableWorkweekStartDayEditing: m,
       onEvent: u
     }
   );
 }
 export {
-  s as PayScheduleFormContextual,
+  S as PayScheduleFormContextual,
   f as PayScheduleListContextual
 };
 //# sourceMappingURL=PayScheduleComponents.js.map

package/dist/components/Company/PaySchedule/PayScheduleComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleComponents.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleComponents.tsx"],"sourcesContent":["import type { PayScheduleDefaultValues } from './PaySchedule'\nimport { PayScheduleList } from './PayScheduleList'\nimport { PayScheduleForm } from './PayScheduleForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface PayScheduleContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleListContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleContextInterface>()\n  return <PayScheduleList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function PayScheduleFormContextual() {\n  const { companyId, payScheduleId, defaultValues, onEvent } =\n    useFlow<PayScheduleContextInterface>()\n\n  return (\n    <PayScheduleForm\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleListContextual","companyId","onEvent","useFlow","PayScheduleList","ensureRequired","PayScheduleFormContextual","payScheduleId","defaultValues","jsx","PayScheduleForm"],"mappings":";;;;;AAeO,SAASA,IAA4B;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAgB,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAClF;AAGO,SAASK,IAA4B;AAC1C,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,eAAAC,GAAe,SAAAN,EAAA,IAC/CC,EAAA;AAEF,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWL,EAAeJ,CAAS;AAAA,MACnC,eAAAM;AAAA,MACA,eAAAC;AAAA,MACA,SAAAN;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayScheduleComponents.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleComponents.tsx"],"sourcesContent":["import type { PayScheduleDefaultValues } from './PaySchedule'\nimport { PayScheduleList } from './PayScheduleList'\nimport { PayScheduleForm } from './PayScheduleForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface PayScheduleContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  disableWorkweekStartDayEditing?: boolean\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleListContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleContextInterface>()\n  return <PayScheduleList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function PayScheduleFormContextual() {\n  const { companyId, payScheduleId, defaultValues, disableWorkweekStartDayEditing, onEvent } =\n    useFlow<PayScheduleContextInterface>()\n\n  return (\n    <PayScheduleForm\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      disableWorkweekStartDayEditing={disableWorkweekStartDayEditing}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleListContextual","companyId","onEvent","useFlow","PayScheduleList","ensureRequired","PayScheduleFormContextual","payScheduleId","defaultValues","disableWorkweekStartDayEditing","jsx","PayScheduleForm"],"mappings":";;;;;AAgBO,SAASA,IAA4B;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAgB,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAClF;AAGO,SAASK,IAA4B;AAC1C,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,eAAAC,GAAe,gCAAAC,GAAgC,SAAAP,EAAA,IAC/EC,EAAA;AAEF,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN,EAAeJ,CAAS;AAAA,MACnC,eAAAM;AAAA,MACA,eAAAC;AAAA,MACA,gCAAAC;AAAA,MACA,SAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Company/PaySchedule/PayScheduleForm.js

@@ -1,55 +1,63 @@
 import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { useState as C } from "react";
-import { useTranslation as w } from "react-i18next";
-import { usePayScheduleForm as q } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
-import y from "./PayScheduleForm.module.scss.js";
-import { BaseBoundaries as A, BaseLayout as P } from "../../Base/Base.js";
+import { useState as R } from "react";
+import { useTranslation as C } from "react-i18next";
+import { usePayScheduleForm as O } from "./shared/usePayScheduleForm/usePayScheduleForm.js";
+import m from "./PayScheduleForm.module.scss.js";
+import { BaseBoundaries as M, BaseLayout as f } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { SDKFormProvider as M } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Form as O } from "../../Common/Form/Form.js";
-import { Flex as h } from "../../Common/Flex/Flex.js";
+import { SDKFormProvider as q } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as A } from "../../Common/Form/Form.js";
+import { Flex as u } from "../../Common/Flex/Flex.js";
 import { Grid as L } from "../../Common/Grid/Grid.js";
 import { ActionsLayout as T } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useDateFormatter as F } from "../../../hooks/useDateFormatter.js";
-import { componentEvents as f } from "../../../shared/constants.js";
+import { useComponentContext as F } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as x } from "../../../hooks/useDateFormatter.js";
+import { componentEvents as D } from "../../../shared/constants.js";
 import { normalizeToDate as N } from "../../../helpers/dateFormatting.js";
-const u = (s) => N(s.toString());
-function $({ onEvent: s, LoaderComponent: d, ...p }) {
-  return /* @__PURE__ */ a(A, { componentName: "Company.PayScheduleForm", LoaderComponent: d, children: /* @__PURE__ */ a(I, { onEvent: s, LoaderComponent: d, ...p }) });
+const p = (l) => N(l.toString());
+function ee({ onEvent: l, LoaderComponent: d, ...h }) {
+  return /* @__PURE__ */ a(M, { componentName: "Company.PayScheduleForm", LoaderComponent: d, children: /* @__PURE__ */ a(I, { onEvent: l, LoaderComponent: d, ...h }) });
 }
-function I({ onEvent: s, LoaderComponent: d, ...p }) {
-  const { t: e } = w("Company.PaySchedule"), o = x(), D = F(), i = q(p), [n, v] = C(0);
-  if (i.isLoading)
+function I({ onEvent: l, LoaderComponent: d, ...h }) {
+  const { t: e } = C("Company.PaySchedule"), i = F(), P = x(), o = O(h), [n, w] = R(0);
+  if (o.isLoading)
     return /* @__PURE__ */ a(
-      P,
+      f,
       {
         isLoading: !0,
-        error: i.errorHandling.errors,
+        error: o.errorHandling.errors,
         LoaderComponent: d
       }
     );
-  const g = async () => {
-    const t = await i.actions.onSubmit();
-    t && s(
-      t.mode === "create" ? f.PAY_SCHEDULE_CREATED : f.PAY_SCHEDULE_UPDATED,
+  const v = async () => {
+    const t = await o.actions.onSubmit();
+    t && l(
+      t.mode === "create" ? D.PAY_SCHEDULE_CREATED : D.PAY_SCHEDULE_UPDATED,
       { paySchedule: t.data }
     );
-  }, { Fields: r } = i.form, { paymentSpeedDays: b, payPreviewLoading: E } = i.data, l = i.data.payPeriodPreview, S = {
+  }, { Fields: r } = o.form, { paymentSpeedDays: S, payPreviewLoading: g } = o.data, s = o.data.payPeriodPreview, b = {
     "Every week": e("frequencies.everyWeek"),
     "Every other week": e("frequencies.everyOtherWeek"),
     "Twice per month": e("frequencies.twicePerMonth"),
     Monthly: e("frequencies.monthly")
-  }, R = {
+  }, k = {
     "1st15th": e("frequencyOptions.15thAndLast"),
     custom: e("frequencyOptions.custom")
+  }, E = {
+    Sunday: e("workweekStartDayOptions.sunday"),
+    Monday: e("workweekStartDayOptions.monday"),
+    Tuesday: e("workweekStartDayOptions.tuesday"),
+    Wednesday: e("workweekStartDayOptions.wednesday"),
+    Thursday: e("workweekStartDayOptions.thursday"),
+    Friday: e("workweekStartDayOptions.friday"),
+    Saturday: e("workweekStartDayOptions.saturday")
   };
-  return /* @__PURE__ */ a(P, { error: i.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ a(M, { formHookResult: i, children: /* @__PURE__ */ a(O, { onSubmit: () => {
-    g();
-  }, children: /* @__PURE__ */ c(h, { flexDirection: "column", children: [
-    /* @__PURE__ */ a(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(o.Heading, { as: "h2", children: i.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
-    /* @__PURE__ */ a("div", { className: y.payScheduleContainer, children: /* @__PURE__ */ c(L, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
-      /* @__PURE__ */ a("div", { className: y.payScheduleForm, children: /* @__PURE__ */ c(h, { flexDirection: "column", children: [
+  return /* @__PURE__ */ a(f, { error: o.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ a(q, { formHookResult: o, children: /* @__PURE__ */ a(A, { onSubmit: () => {
+    v();
+  }, children: /* @__PURE__ */ c(u, { flexDirection: "column", children: [
+    /* @__PURE__ */ a(u, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(i.Heading, { as: "h2", children: o.status.mode === "create" ? e("headings.addPaySchedule") : e("headings.editPaySchedule") }) }) }),
+    /* @__PURE__ */ a("div", { className: m.payScheduleContainer, children: /* @__PURE__ */ c(L, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
+      /* @__PURE__ */ a("div", { className: m.payScheduleForm, children: /* @__PURE__ */ c(u, { flexDirection: "column", children: [
         /* @__PURE__ */ a(
           r.CustomName,
           {
@@ -62,7 +70,7 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
           {
             label: e("labels.frequency"),
             placeholder: e("labels.frequencyPlaceholder"),
-            getOptionLabel: (t) => S[t],
+            getOptionLabel: (t) => b[t],
             validationMessages: { REQUIRED: e("validations.frequency") }
           }
         ),
@@ -71,7 +79,7 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
           {
             label: e("labels.frequencyOptions"),
             description: e("descriptions.frequencyOptionsDescription"),
-            getOptionLabel: (t) => R[t] ?? t,
+            getOptionLabel: (t) => k[t] ?? t,
             validationMessages: { REQUIRED: e("validations.frequencyOptions") }
           }
         ),
@@ -80,7 +88,7 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
           {
             label: e("labels.firstPayDate"),
             description: e("descriptions.anchorPayDateDescription", {
-              count: b
+              count: S
             }),
             validationMessages: { REQUIRED: e("validations.firstPayDate") },
             minDate: /* @__PURE__ */ new Date()
@@ -113,46 +121,55 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
               DAY_RANGE: e("validations.dayRange")
             }
           }
+        ),
+        r.WorkweekStartDay && /* @__PURE__ */ a(
+          r.WorkweekStartDay,
+          {
+            label: e("labels.workweekStartDay"),
+            placeholder: e("labels.workweekStartDayPlaceholder"),
+            description: e("descriptions.workweekStartDayDescription"),
+            getOptionLabel: (t) => E[t]
+          }
         )
       ] }) }),
-      /* @__PURE__ */ a(h, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: l && l[n] ? /* @__PURE__ */ c("div", { className: y.calendarContainer, children: [
-        !E && /* @__PURE__ */ a(
-          o.Select,
+      /* @__PURE__ */ a(u, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: s && s[n] ? /* @__PURE__ */ c("div", { className: m.calendarContainer, children: [
+        !g && /* @__PURE__ */ a(
+          i.Select,
           {
             label: e("labels.preview"),
             placeholder: "",
             isRequired: !0,
-            options: l.map((t, m) => ({
-              value: String(m),
-              label: D.formatPayPeriodRange(
+            options: s.map((t, y) => ({
+              value: String(y),
+              label: P.formatPayPeriodRange(
                 t.startDate.toString(),
                 t.endDate.toString()
               )
             })),
             value: String(n),
             onChange: (t) => {
-              const m = Number(t);
-              isNaN(m) || v(m);
+              const y = Number(t);
+              isNaN(y) || w(y);
             }
           }
         ),
         /* @__PURE__ */ a(
-          o.CalendarPreview,
+          i.CalendarPreview,
           {
             dateRange: {
-              start: u(l[n].startDate),
-              end: u(l[n].endDate),
+              start: p(s[n].startDate),
+              end: p(s[n].endDate),
               label: e("payPreview.payPeriod") || "Pay Period"
             },
             highlightDates: [
               {
-                date: u(l[n].checkDate),
+                date: p(s[n].checkDate),
                 highlightColor: "primary",
                 label: e("payPreview.payday") || "Payday"
               },
               {
-                date: u(
-                  l[n].runPayrollBy
+                date: p(
+                  s[n].runPayrollBy
                 ),
                 highlightColor: "secondary",
                 label: e("payPreview.payrollDeadline") || "Payroll Deadline"
@@ -161,12 +178,12 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
           },
           n
         )
-      ] }) : /* @__PURE__ */ a("div", { className: y.calendarContainer, children: /* @__PURE__ */ a(
-        o.Alert,
+      ] }) : /* @__PURE__ */ a("div", { className: m.calendarContainer, children: /* @__PURE__ */ a(
+        i.Alert,
         {
           status: "info",
           label: e("previewAlert.title", "Pay Schedule Preview"),
-          children: /* @__PURE__ */ a(o.Text, { children: e(
+          children: /* @__PURE__ */ a(i.Text, { children: e(
             "previewAlert.description",
             "Complete all the required fields on the left to see a preview of your pay schedule."
           ) })
@@ -175,20 +192,20 @@ function I({ onEvent: s, LoaderComponent: d, ...p }) {
     ] }) }),
     /* @__PURE__ */ c(T, { children: [
       /* @__PURE__ */ a(
-        o.Button,
+        i.Button,
         {
           variant: "secondary",
           onClick: () => {
-            s(f.CANCEL);
+            l(D.CANCEL);
           },
           children: e("actions.cancel")
         }
       ),
-      /* @__PURE__ */ a(o.Button, { type: "submit", isLoading: i.status.isPending, children: e("actions.save") })
+      /* @__PURE__ */ a(i.Button, { type: "submit", isLoading: o.status.isPending, children: e("actions.save") })
     ] })
   ] }) }) }) });
 }
 export {
-  $ as PayScheduleForm
+  ee as PayScheduleForm
 };
 //# sourceMappingURL=PayScheduleForm.js.map