Merge branch 'main' into kw/fix/SDK-198

Author: krisxcrash

package-lock.json

@@ -100,7 +100,7 @@
     "sass-embedded": "^1.96.0",
     "ts-morph": "^27.0.2",
     "tsx": "^4.21.0",
-    "typescript-eslint": "^8.49.0",
+    "typescript-eslint": "^8.50.0",
     "vite": "^6.4.1",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-circular-dependency": "^0.5.0",
@@ -117,15 +117,15 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
-    "@gusto/embedded-api": "^0.11.3",
+    "@gusto/embedded-api": "^0.11.4",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^5.2.2",
     "@internationalized/date": "^3.10.0",
     "@internationalized/number": "^3.6.5",
     "classnames": "^2.5.1",
     "deepmerge": "^4.3.1",
     "dompurify": "^3.3.1",
-    "i18next": "^25.7.2",
+    "i18next": "^25.7.3",
     "react-aria": "^3.44.0",
     "react-aria-components": "1.13.0",
     "react-error-boundary": "^6.0.0",

package.json

@@ -8,6 +8,6 @@ export type PaginationControlProps = {
   handleItemsPerPageChange: (n: PaginationItemsPerPage) => void
   currentPage: number
   totalPages: number
-  itemsPerPage: PaginationItemsPerPage
+  itemsPerPage?: PaginationItemsPerPage
   isFetching?: boolean
 }

src/components/Common/PaginationControl/PaginationControlTypes.ts

@@ -13,7 +13,7 @@ import { useComponentContext } from '@/contexts/ComponentAdapter/useComponentCon
 interface ReorderableItemProps {
   item: ReorderableListItem
   index: number
-  moveItem: (fromIndex: number, toIndex: number, source?: 'keyboard' | 'dragdrop') => void
+  moveItem: (fromIndex: number, toIndex: number, source: 'keyboard' | 'dragdrop') => void
   itemCount: number
   itemIndex: number
   listId: string

src/components/Common/ReorderableList/ReorderableItem.tsx

@@ -150,7 +150,7 @@ export function ReorderableList({
   }, [])
 
   const moveItem = useCallback(
-    (fromPosition: number, toPosition: number, source: 'keyboard' | 'dragdrop' = 'dragdrop') => {
+    (fromPosition: number, toPosition: number, source: 'keyboard' | 'dragdrop') => {
       if (
         disabled ||
         fromPosition === toPosition ||

src/components/Common/ReorderableList/ReorderableList.tsx

@@ -210,7 +210,7 @@ function PercentageField({
   split: Split
   control: Control<CombinedSchemaInputs>
   onChange: (value: number) => void
-  currency: string
+  currency?: string
 }) {
   const { t } = useTranslation('Employee.PaymentMethod')
   return (

src/components/Employee/PaymentMethod/Split.tsx

@@ -70,6 +70,7 @@ export const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {
           endDate: ctx.payPeriod?.endDate ?? '',
         }),
         component: PayrollConfigurationContextual,
+        alerts: undefined,
       })) as (context: unknown) => unknown,
     },
   },

src/components/Payroll/PayrollFlow/payrollStateMachine.ts

@@ -1,8 +1,8 @@
 import { createContext, useContext } from 'react'
 
 export interface LocaleProps {
-  locale: string
-  currency: string
+  locale?: string
+  currency?: string
 }
 
 export const LocaleContext = createContext<LocaleProps | null>(null)
@@ -12,14 +12,17 @@ export const useLocale = () => {
   if (!values) {
     throw new Error('useLocal used outside provider')
   }
-  return values
+  return {
+    locale: values.locale ?? 'en-US',
+    currency: values.currency ?? 'USD',
+  }
 }
 export const useLocaleDateFormatter = () => {
   const values = useContext(LocaleContext)
   if (!values) {
     throw new Error('useLocaleDateFormatter used outside provider')
   }
-  return new Intl.DateTimeFormat(values.locale, {
+  return new Intl.DateTimeFormat(values.locale ?? 'en-US', {
     year: 'numeric',
     month: 'long',
     day: '2-digit',