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

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

@@ -1 +1 @@
-{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useEffect, useState } from 'react'\nimport { usePaySchedulesGetPreview } from '@gusto/embedded-api/react-query/paySchedulesGetPreview'\nimport { usePaySchedulesUpdateMutation } from '@gusto/embedded-api/react-query/paySchedulesUpdate'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePaySchedulesCreateMutation } from '@gusto/embedded-api/react-query/paySchedulesCreate'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { Frequency } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayschedules'\nimport type { MODE, PayScheduleInputs, PayScheduleOutputs } from './usePaySchedule'\nimport {\n  PayScheduleProvider,\n  PayScheduleSchema,\n  type PayScheduleDefaultValues,\n} from './usePaySchedule'\nimport { Actions, Edit, Head, List } from './_parts'\nimport { Form } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface PayScheduleProps extends CommonComponentInterface<'Company.PaySchedule'> {\n  companyId: string\n  defaultValues?: PayScheduleDefaultValues\n}\n\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  dictionary,\n  ...props\n}: PayScheduleProps & BaseComponentInterface) => {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues}>\n        {props.children}\n      </Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, children, defaultValues }: PayScheduleProps) => {\n  const { baseSubmitHandler, onEvent, fieldErrors, setError: setBaseError } = useBase()\n  const [mode, setMode] = useState<MODE>('LIST_PAY_SCHEDULES')\n  const [currentPaySchedule, setCurrentPaySchedule] = useState<PayScheduleType | null>(null)\n  const transformedDefaultValues: PayScheduleInputs = {\n    frequency: defaultValues?.frequency ?? 'Every week',\n    anchorPayDate: defaultValues?.anchorPayDate ? new Date(defaultValues.anchorPayDate) : undefined,\n    anchorEndOfPayPeriod: defaultValues?.anchorEndOfPayPeriod\n      ? new Date(defaultValues.anchorEndOfPayPeriod)\n      : undefined,\n    day1: defaultValues?.day1 ?? undefined,\n    day2: defaultValues?.day2 ?? undefined,\n    customName: defaultValues?.customName ?? '',\n    customTwicePerMonth: 'false',\n    payPeriodPreviewRange: 0,\n  }\n\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n\n  const createPayScheduleMutation = usePaySchedulesCreateMutation()\n  const updatePayScheduleMutation = usePaySchedulesUpdateMutation()\n\n  const formMethods = useForm<PayScheduleInputs, unknown, PayScheduleOutputs>({\n    resolver: zodResolver(PayScheduleSchema),\n    defaultValues: transformedDefaultValues,\n  })\n  const { watch, setValue, reset, clearErrors, setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors) {\n      // TODO: These error messages are not being localized correctly\n      fieldErrors.forEach(error => {\n        setError(error.key as keyof PayScheduleInputs, { message: error.message })\n      })\n    }\n  }, [setError, fieldErrors])\n\n  const allValues = watch()\n\n  const formattedAnchorPayDate = allValues.anchorPayDate\n    ? formatDateToStringDate(allValues.anchorPayDate) || ''\n    : ''\n  const formattedAnchorEndOfPayPeriod = allValues.anchorEndOfPayPeriod\n    ? formatDateToStringDate(allValues.anchorEndOfPayPeriod) || ''\n    : ''\n\n  const { data: payPreviewData, isLoading } = usePaySchedulesGetPreview(\n    {\n      companyId,\n      frequency: allValues.frequency,\n      anchorPayDate: formattedAnchorPayDate,\n      anchorEndOfPayPeriod: formattedAnchorEndOfPayPeriod,\n      day1: allValues.day1 ?? undefined,\n      day2: allValues.day2 ?? undefined,\n    },\n    {\n      enabled: Boolean(\n        allValues.anchorPayDate &&\n          allValues.anchorEndOfPayPeriod &&\n          (mode === 'ADD_PAY_SCHEDULE' || mode === 'EDIT_PAY_SCHEDULE'),\n      ),\n    },\n  )\n\n  // Set the custom_twice_per_month value based on the frequency and day_1 and day_2 values as it is not set by the API call\n  useEffect(() => {\n    if (\n      allValues.frequency === 'Twice per month' &&\n      allValues.day1 === 15 &&\n      allValues.day2 === 31 &&\n      allValues.customTwicePerMonth === undefined\n    ) {\n      setValue('customTwicePerMonth', `1st15th`)\n    } else if (\n      allValues.frequency === 'Twice per month' &&\n      allValues.customTwicePerMonth === undefined\n    ) {\n      setValue('customTwicePerMonth', `custom`)\n    }\n  }, [allValues.frequency, allValues.day1, allValues.day2, setValue, allValues.customTwicePerMonth])\n\n  const handleAdd = () => {\n    setMode('ADD_PAY_SCHEDULE')\n    reset({})\n  }\n  const handleCancel = () => {\n    setMode('LIST_PAY_SCHEDULES')\n    reset({})\n    clearErrors()\n    setBaseError(null)\n  }\n  const handleEdit = (schedule: PayScheduleType) => {\n    reset({\n      frequency: schedule.frequency as Frequency,\n      anchorPayDate: schedule.anchorPayDate ? new Date(schedule.anchorPayDate) : undefined,\n      anchorEndOfPayPeriod: schedule.anchorEndOfPayPeriod\n        ? new Date(schedule.anchorEndOfPayPeriod)\n        : undefined,\n      day1: schedule.day1 ?? undefined,\n      day2: schedule.day2 ?? undefined,\n      customName: schedule.customName ?? '',\n    })\n    setCurrentPaySchedule(schedule)\n    setMode('EDIT_PAY_SCHEDULE')\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.PAY_SCHEDULE_DONE)\n  }\n  const onSubmit: SubmitHandler<PayScheduleOutputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const formatPayloadDate = (date: Date | undefined): string => {\n        return date ? formatDateToStringDate(date) || '' : ''\n      }\n\n      if (mode === 'ADD_PAY_SCHEDULE') {\n        const createPayScheduleResponse = await createPayScheduleMutation.mutateAsync({\n          request: {\n            companyId,\n            requestBody: {\n              frequency: payload.frequency,\n              anchorPayDate: formatPayloadDate(payload.anchorPayDate),\n              anchorEndOfPayPeriod: formatPayloadDate(payload.anchorEndOfPayPeriod),\n              customName: payload.customName,\n              day1: payload.day1,\n              day2: payload.day2,\n            },\n          },\n        })\n        onEvent(componentEvents.PAY_SCHEDULE_CREATED, createPayScheduleResponse)\n        reset()\n      } else if (mode === 'EDIT_PAY_SCHEDULE') {\n        const version = currentPaySchedule?.version\n        const updatePayScheduleResponse = await updatePayScheduleMutation.mutateAsync({\n          request: {\n            payScheduleId: currentPaySchedule?.uuid as string,\n            companyId,\n            requestBody: {\n              frequency: payload.frequency,\n              anchorPayDate: formatPayloadDate(payload.anchorPayDate),\n              anchorEndOfPayPeriod: formatPayloadDate(payload.anchorEndOfPayPeriod),\n              customName: payload.customName,\n              day1: payload.day1,\n              day2: payload.day2,\n              version: version as string,\n            },\n          },\n        })\n        onEvent(componentEvents.PAY_SCHEDULE_UPDATED, updatePayScheduleResponse)\n        reset()\n      }\n      setMode('LIST_PAY_SCHEDULES')\n    })\n  }\n\n  return (\n    <PayScheduleProvider\n      value={{\n        companyId,\n        handleAdd,\n        handleEdit,\n        handleCancel,\n        handleContinue,\n        mode,\n        paySchedules: paySchedules.payScheduleList,\n        payPeriodPreview: payPreviewData?.object?.payPeriods,\n        payPreviewLoading: isLoading,\n        currentPaySchedule,\n      }}\n    >\n      <span data-testid=\"pay-schedule-edit-form\">\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <Flex flexDirection=\"column\">\n                <Head />\n                <List />\n                <Edit />\n                <Actions />\n              </Flex>\n            )}\n          </Form>\n        </FormProvider>\n      </span>\n    </PayScheduleProvider>\n  )\n}\n\nPaySchedule.Head = Head\nPaySchedule.List = List\nPaySchedule.Edit = Edit\nPaySchedule.Actions = Actions\n"],"names":["PaySchedule","companyId","defaultValues","dictionary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","children","baseSubmitHandler","onEvent","fieldErrors","setBaseError","useBase","mode","setMode","useState","currentPaySchedule","setCurrentPaySchedule","transformedDefaultValues","paySchedules","usePaySchedulesGetAllSuspense","createPayScheduleMutation","usePaySchedulesCreateMutation","updatePayScheduleMutation","usePaySchedulesUpdateMutation","formMethods","useForm","zodResolver","PayScheduleSchema","watch","setValue","reset","clearErrors","setError","useEffect","error","allValues","formattedAnchorPayDate","formatDateToStringDate","formattedAnchorEndOfPayPeriod","payPreviewData","isLoading","usePaySchedulesGetPreview","handleAdd","handleCancel","handleEdit","schedule","handleContinue","componentEvents","onSubmit","data","payload","formatPayloadDate","date","createPayScheduleResponse","version","updatePayScheduleResponse","PayScheduleProvider","FormProvider","Form","jsxs","Flex","Head","List","Edit","Actions"],"mappings":"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"}
+{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useEffect, useState } from 'react'\nimport { usePaySchedulesGetPreview } from '@gusto/embedded-api/react-query/paySchedulesGetPreview'\nimport { usePaySchedulesUpdateMutation } from '@gusto/embedded-api/react-query/paySchedulesUpdate'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePaySchedulesCreateMutation } from '@gusto/embedded-api/react-query/paySchedulesCreate'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { Frequency } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayschedules'\nimport type { MODE, PayScheduleInputs, PayScheduleOutputs } from './usePaySchedule'\nimport {\n  PayScheduleProvider,\n  PayScheduleSchema,\n  type PayScheduleDefaultValues,\n} from './usePaySchedule'\nimport { Actions, Edit, Head, List } from './_parts'\nimport { Form } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface PayScheduleProps extends CommonComponentInterface<'Company.PaySchedule'> {\n  companyId: string\n  defaultValues?: PayScheduleDefaultValues\n}\n\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  dictionary,\n  ...props\n}: PayScheduleProps & BaseComponentInterface) => {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues}>\n        {props.children}\n      </Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, children, defaultValues }: PayScheduleProps) => {\n  const { baseSubmitHandler, onEvent, fieldErrors, setError: setBaseError } = useBase()\n  const [mode, setMode] = useState<MODE>('LIST_PAY_SCHEDULES')\n  const [currentPaySchedule, setCurrentPaySchedule] = useState<PayScheduleType | null>(null)\n  const transformedDefaultValues: PayScheduleInputs = {\n    frequency: defaultValues?.frequency ?? 'Every week',\n    anchorPayDate: defaultValues?.anchorPayDate ? new Date(defaultValues.anchorPayDate) : undefined,\n    anchorEndOfPayPeriod: defaultValues?.anchorEndOfPayPeriod\n      ? new Date(defaultValues.anchorEndOfPayPeriod)\n      : undefined,\n    day1: defaultValues?.day1 ?? undefined,\n    day2: defaultValues?.day2 ?? undefined,\n    customName: defaultValues?.customName ?? '',\n    customTwicePerMonth: 'false',\n    payPeriodPreviewRange: 0,\n  }\n\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n\n  const createPayScheduleMutation = usePaySchedulesCreateMutation()\n  const updatePayScheduleMutation = usePaySchedulesUpdateMutation()\n\n  const formMethods = useForm<PayScheduleInputs, unknown, PayScheduleOutputs>({\n    resolver: zodResolver(PayScheduleSchema),\n    defaultValues: transformedDefaultValues,\n  })\n  const { watch, setValue, reset, clearErrors, setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors) {\n      // TODO: These error messages are not being localized correctly\n      fieldErrors.forEach(error => {\n        setError(error.key as keyof PayScheduleInputs, { message: error.message })\n      })\n    }\n  }, [setError, fieldErrors])\n\n  const allValues = watch()\n\n  const formattedAnchorPayDate = allValues.anchorPayDate\n    ? formatDateToStringDate(allValues.anchorPayDate) || ''\n    : ''\n  const formattedAnchorEndOfPayPeriod = allValues.anchorEndOfPayPeriod\n    ? formatDateToStringDate(allValues.anchorEndOfPayPeriod) || ''\n    : ''\n\n  const { data: payPreviewData, isLoading } = usePaySchedulesGetPreview(\n    {\n      companyId,\n      frequency: allValues.frequency,\n      anchorPayDate: formattedAnchorPayDate,\n      anchorEndOfPayPeriod: formattedAnchorEndOfPayPeriod,\n      day1: allValues.day1 ?? undefined,\n      day2: allValues.day2 ?? undefined,\n    },\n    {\n      enabled: Boolean(\n        allValues.anchorPayDate &&\n          allValues.anchorEndOfPayPeriod &&\n          (mode === 'ADD_PAY_SCHEDULE' || mode === 'EDIT_PAY_SCHEDULE'),\n      ),\n    },\n  )\n\n  // Set the custom_twice_per_month value based on the frequency and day_1 and day_2 values as it is not set by the API call\n  useEffect(() => {\n    if (\n      allValues.frequency === 'Twice per month' &&\n      allValues.day1 === 15 &&\n      allValues.day2 === 31 &&\n      allValues.customTwicePerMonth === undefined\n    ) {\n      setValue('customTwicePerMonth', `1st15th`)\n    } else if (\n      allValues.frequency === 'Twice per month' &&\n      allValues.customTwicePerMonth === undefined\n    ) {\n      setValue('customTwicePerMonth', `custom`)\n    }\n  }, [allValues.frequency, allValues.day1, allValues.day2, setValue, allValues.customTwicePerMonth])\n\n  const handleAdd = () => {\n    setMode('ADD_PAY_SCHEDULE')\n    reset({})\n  }\n  const handleCancel = () => {\n    setMode('LIST_PAY_SCHEDULES')\n    reset({})\n    clearErrors()\n    setBaseError(null)\n  }\n  const handleEdit = (schedule: PayScheduleType) => {\n    reset({\n      frequency: schedule.frequency as Frequency,\n      anchorPayDate: schedule.anchorPayDate ? new Date(schedule.anchorPayDate) : undefined,\n      anchorEndOfPayPeriod: schedule.anchorEndOfPayPeriod\n        ? new Date(schedule.anchorEndOfPayPeriod)\n        : undefined,\n      day1: schedule.day1 ?? undefined,\n      day2: schedule.day2 ?? undefined,\n      customName: schedule.customName ?? '',\n    })\n    setCurrentPaySchedule(schedule)\n    setMode('EDIT_PAY_SCHEDULE')\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.PAY_SCHEDULE_DONE)\n  }\n  const onSubmit: SubmitHandler<PayScheduleOutputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const formatPayloadDate = (date: Date | undefined): string => {\n        return date ? formatDateToStringDate(date) || '' : ''\n      }\n\n      if (mode === 'ADD_PAY_SCHEDULE') {\n        const createPayScheduleResponse = await createPayScheduleMutation.mutateAsync({\n          request: {\n            companyId,\n            requestBody: {\n              frequency: payload.frequency,\n              anchorPayDate: formatPayloadDate(payload.anchorPayDate),\n              anchorEndOfPayPeriod: formatPayloadDate(payload.anchorEndOfPayPeriod),\n              customName: payload.customName,\n              day1: payload.day1,\n              day2: payload.day2,\n            },\n          },\n        })\n        onEvent(componentEvents.PAY_SCHEDULE_CREATED, createPayScheduleResponse)\n        reset()\n      } else if (mode === 'EDIT_PAY_SCHEDULE') {\n        const version = currentPaySchedule?.version\n        const updatePayScheduleResponse = await updatePayScheduleMutation.mutateAsync({\n          request: {\n            payScheduleId: currentPaySchedule?.uuid as string,\n            companyId,\n            requestBody: {\n              frequency: payload.frequency,\n              anchorPayDate: formatPayloadDate(payload.anchorPayDate),\n              anchorEndOfPayPeriod: formatPayloadDate(payload.anchorEndOfPayPeriod),\n              customName: payload.customName,\n              day1: payload.day1,\n              day2: payload.day2,\n              version: version as string,\n            },\n          },\n        })\n        onEvent(componentEvents.PAY_SCHEDULE_UPDATED, updatePayScheduleResponse)\n        reset()\n      }\n      setMode('LIST_PAY_SCHEDULES')\n    })\n  }\n\n  return (\n    <PayScheduleProvider\n      value={{\n        companyId,\n        handleAdd,\n        handleEdit,\n        handleCancel,\n        handleContinue,\n        mode,\n        paySchedules: paySchedules.payScheduleList,\n        payPeriodPreview: payPreviewData?.object?.payPeriods,\n        payPreviewLoading: isLoading,\n        currentPaySchedule,\n      }}\n    >\n      <span data-testid=\"pay-schedule-edit-form\">\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <Flex flexDirection=\"column\">\n                <Head />\n                <List />\n                <Edit />\n                <Actions />\n              </Flex>\n            )}\n          </Form>\n        </FormProvider>\n      </span>\n    </PayScheduleProvider>\n  )\n}\n"],"names":["PaySchedule","companyId","defaultValues","dictionary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","children","baseSubmitHandler","onEvent","fieldErrors","setBaseError","useBase","mode","setMode","useState","currentPaySchedule","setCurrentPaySchedule","transformedDefaultValues","paySchedules","usePaySchedulesGetAllSuspense","createPayScheduleMutation","usePaySchedulesCreateMutation","updatePayScheduleMutation","usePaySchedulesUpdateMutation","formMethods","useForm","zodResolver","PayScheduleSchema","watch","setValue","reset","clearErrors","setError","useEffect","error","allValues","formattedAnchorPayDate","formatDateToStringDate","formattedAnchorEndOfPayPeriod","payPreviewData","isLoading","usePaySchedulesGetPreview","handleAdd","handleCancel","handleEdit","schedule","handleContinue","componentEvents","onSubmit","data","payload","formatPayloadDate","date","createPayScheduleResponse","version","updatePayScheduleResponse","PayScheduleProvider","FormProvider","Form","jsxs","Flex","Head","List","Edit","Actions"],"mappings":"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"}

package/dist/components/Company/StateTaxes/StateTaxes.d.ts

@@ -3,7 +3,3 @@ export interface StateTaxesProps extends BaseComponentInterface<'Company.StateTa
     companyId: string;
 }
 export declare function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace StateTaxes {
-    var StateTaxesList: typeof import("./StateTaxesList/StateTaxesList").StateTaxesList;
-    var StateTaxesForm: typeof import("./StateTaxesForm/StateTaxesForm").StateTaxesForm;
-}

package/dist/components/Company/StateTaxes/StateTaxes.js

@@ -1,27 +1,44 @@
 import { jsx as i } from "react/jsx-runtime";
-import { createMachine as s } from "robot3";
-import { stateTaxesStateMachine as n } from "./stateTaxesStateMachine.js";
-import { StateTaxesListContextual as x } from "./StateTaxesComponents.js";
-import { StateTaxesList as p } from "./StateTaxesList/StateTaxesList.js";
-import { StateTaxesForm as S } from "./StateTaxesForm/StateTaxesForm.js";
-import { Flow as T } from "../../Flow/Flow.js";
-import { useComponentDictionary as f } from "../../../i18n/I18n.js";
-function t({ companyId: e, onEvent: a, dictionary: o }) {
-  f("Company.StateTaxes", o);
-  const m = s(
-    "viewStateTaxes",
-    n,
-    (r) => ({
-      ...r,
-      component: x,
-      companyId: e
-    })
-  );
-  return /* @__PURE__ */ i(T, { machine: m, onEvent: a });
+import { useReducer as x } from "react";
+import { stateTaxesReducer as T, initialState as p } from "./stateTaxesReducer.js";
+import { StateTaxesListContextual as u, StateTaxesFormContextual as A } from "./StateTaxesComponents.js";
+import { useComponentDictionary as E } from "../../../i18n/I18n.js";
+import { componentEvents as e } from "../../../shared/constants.js";
+function b({ companyId: m, onEvent: s, dictionary: n }) {
+  E("Company.StateTaxes", n);
+  const [r, a] = x(T, p), c = {
+    companyId: m,
+    stateData: r,
+    onEvent: (t, o) => {
+      switch (t) {
+        case e.COMPANY_STATE_TAX_EDIT:
+          a({ type: t, payload: o });
+          break;
+        case e.COMPANY_STATE_TAX_UPDATED:
+          a({ type: t });
+          break;
+        case e.COMPANY_STATE_TAX_DONE:
+          a({ type: t });
+          break;
+        case e.CANCEL:
+          a({ type: t });
+          break;
+        default:
+          s(t, o);
+          break;
+      }
+      s(t, o);
+    }
+  };
+  switch (r.state) {
+    case "editStateTaxes":
+      return /* @__PURE__ */ i(A, { ...c });
+    case "viewStateTaxes":
+    default:
+      return /* @__PURE__ */ i(u, { ...c });
+  }
 }
-t.StateTaxesList = p;
-t.StateTaxesForm = S;
 export {
-  t as StateTaxes
+  b as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  companyId: string\n}\n\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = createMachine(\n    'viewStateTaxes',\n    stateTaxesStateMachine,\n    (initialContext: StateTaxesContextInterface) => ({\n      ...initialContext,\n      component: StateTaxesListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n\nStateTaxes.StateTaxesList = StateTaxesList\nStateTaxes.StateTaxesForm = StateTaxesForm\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","manageStateTaxes","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow","StateTaxesList","StateTaxesForm"],"mappings":";;;;;;;;AAcO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AACvD,QAAME,IAAmBC;AAAA,IACvB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAS,EAAAC,GAAA,EAAK,SAASN,GAAkB,SAAAH,EAAkB,CAAA;AAC5D;AAEAF,EAAW,iBAAiBY;AAC5BZ,EAAW,iBAAiBa;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { useReducer } from 'react'\nimport { stateTaxesReducer, initialState } from './stateTaxesReducer'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual, StateTaxesFormContextual } from './StateTaxesComponents'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  companyId: string\n}\n\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n\n  const [stateData, dispatch] = useReducer(stateTaxesReducer, initialState)\n\n  const handleEvent: OnEventType<EventType, unknown> = (eventType, data) => {\n    // Handle the event and dispatch to reducer\n    switch (eventType) {\n      case componentEvents.COMPANY_STATE_TAX_EDIT:\n        dispatch({ type: eventType, payload: data as { state: string } })\n        break\n      case componentEvents.COMPANY_STATE_TAX_UPDATED:\n        dispatch({ type: eventType })\n        break\n      case componentEvents.COMPANY_STATE_TAX_DONE:\n        dispatch({ type: eventType })\n        break\n      case componentEvents.CANCEL:\n        dispatch({ type: eventType })\n        break\n      default:\n        // Pass through other events to parent\n        onEvent(eventType, data)\n        break\n    }\n\n    onEvent(eventType, data)\n  }\n\n  const contextProps: StateTaxesContextInterface = {\n    companyId,\n    stateData,\n    onEvent: handleEvent,\n  }\n\n  // Render the appropriate component based on state\n  switch (stateData.state) {\n    case 'editStateTaxes':\n      return <StateTaxesFormContextual {...contextProps} />\n    case 'viewStateTaxes':\n    default:\n      return <StateTaxesListContextual {...contextProps} />\n  }\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","stateData","dispatch","useReducer","stateTaxesReducer","initialState","contextProps","eventType","data","componentEvents","jsx","StateTaxesFormContextual","StateTaxesListContextual"],"mappings":";;;;;;AAcO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AAEvD,QAAM,CAACE,GAAWC,CAAQ,IAAIC,EAAWC,GAAmBC,CAAY,GA0BlEC,IAA2C;AAAA,IAC/C,WAAAT;AAAA,IACA,WAAAI;AAAA,IACA,SA3BmD,CAACM,GAAWC,MAAS;AAExE,cAAQD,GAAW;AAAA,QACjB,KAAKE,EAAgB;AACnB,UAAAP,EAAS,EAAE,MAAMK,GAAW,SAASC,GAA2B;AAChE;AAAA,QACF,KAAKC,EAAgB;AACV,UAAAP,EAAA,EAAE,MAAMK,GAAW;AAC5B;AAAA,QACF,KAAKE,EAAgB;AACV,UAAAP,EAAA,EAAE,MAAMK,GAAW;AAC5B;AAAA,QACF,KAAKE,EAAgB;AACV,UAAAP,EAAA,EAAE,MAAMK,GAAW;AAC5B;AAAA,QACF;AAEE,UAAAT,EAAQS,GAAWC,CAAI;AACvB;AAAA,MAAA;AAGJ,MAAAV,EAAQS,GAAWC,CAAI;AAAA,IACzB;AAAA,EAMA;AAGA,UAAQP,EAAU,OAAO;AAAA,IACvB,KAAK;AACI,aAAA,gBAAAS,EAACC,GAA0B,EAAA,GAAGL,EAAc,CAAA;AAAA,IACrD,KAAK;AAAA,IACL;AACS,aAAA,gBAAAI,EAACE,GAA0B,EAAA,GAAGN,EAAc,CAAA;AAAA,EAAA;AAEzD;"}

package/dist/components/Company/StateTaxes/StateTaxesComponents.d.ts

@@ -1,8 +1,10 @@
-import { FlowContextInterface } from '../../Flow/useFlow';
-export interface StateTaxesContextInterface extends FlowContextInterface {
+import { StateTaxesStateData } from './stateTaxesReducer';
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+export interface StateTaxesContextInterface {
     companyId: string;
-    state?: string;
-    component: React.ComponentType | null;
+    stateData: StateTaxesStateData;
+    onEvent: OnEventType<EventType, unknown>;
 }
-export declare function StateTaxesListContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function StateTaxesFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function StateTaxesListContextual({ companyId, onEvent }: StateTaxesContextInterface): import("react/jsx-runtime").JSX.Element;
+export declare function StateTaxesFormContextual({ companyId, stateData, onEvent, }: StateTaxesContextInterface): import("react/jsx-runtime").JSX.Element;

package/dist/components/Company/StateTaxes/StateTaxesComponents.js

@@ -1,25 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { StateTaxesList as m } from "./StateTaxesList/StateTaxesList.js";
-import { StateTaxesForm as s } from "./StateTaxesForm/StateTaxesForm.js";
-import { useFlow as r } from "../../Flow/useFlow.js";
-import { ensureRequired as e } from "../../../helpers/ensureRequired.js";
-function f() {
-  const { companyId: t, onEvent: o } = r();
-  return /* @__PURE__ */ n(m, { onEvent: o, companyId: e(t) });
+import { StateTaxesForm as n } from "./StateTaxesForm/StateTaxesForm.js";
+import { ensureRequired as o } from "../../../helpers/ensureRequired.js";
+function p({ companyId: t, onEvent: e }) {
+  return /* @__PURE__ */ r(m, { onEvent: e, companyId: o(t) });
 }
-function d() {
-  const { companyId: t, state: o, onEvent: a } = r();
-  return /* @__PURE__ */ n(
-    s,
+function f({
+  companyId: t,
+  stateData: e,
+  onEvent: a
+}) {
+  return /* @__PURE__ */ r(
+    n,
     {
-      companyId: e(t),
-      state: e(o),
+      companyId: o(t),
+      state: o(e.selectedState),
       onEvent: a
     }
   );
 }
 export {
-  d as StateTaxesFormContextual,
-  f as StateTaxesListContextual
+  f as StateTaxesFormContextual,
+  p as StateTaxesListContextual
 };
 //# sourceMappingURL=StateTaxesComponents.js.map

package/dist/components/Company/StateTaxes/StateTaxesComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesComponents.tsx"],"sourcesContent":["import { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  companyId: string\n  state?: string\n  component: React.ComponentType | null\n}\n\nexport function StateTaxesListContextual() {\n  const { companyId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function StateTaxesFormContextual() {\n  const { companyId, state, onEvent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesForm\n      companyId={ensureRequired(companyId)}\n      state={ensureRequired(state)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["StateTaxesListContextual","companyId","onEvent","useFlow","StateTaxesList","ensureRequired","StateTaxesFormContextual","state","jsx","StateTaxesForm"],"mappings":";;;;;AAWO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAQ,IAAIC,EAAoC;AACnE,2BAAQC,GAAe,EAAA,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAA2B;AACzC,QAAM,EAAE,WAAAL,GAAW,OAAAM,GAAO,SAAAL,EAAA,IAAYC,EAAoC;AAExE,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAeJ,CAAS;AAAA,MACnC,OAAOI,EAAeE,CAAK;AAAA,MAC3B,SAAAL;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesComponents.tsx"],"sourcesContent":["import { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport type { StateTaxesStateData } from './stateTaxesReducer'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nexport interface StateTaxesContextInterface {\n  companyId: string\n  stateData: StateTaxesStateData\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function StateTaxesListContextual({ companyId, onEvent }: StateTaxesContextInterface) {\n  return <StateTaxesList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function StateTaxesFormContextual({\n  companyId,\n  stateData,\n  onEvent,\n}: StateTaxesContextInterface) {\n  return (\n    <StateTaxesForm\n      companyId={ensureRequired(companyId)}\n      state={ensureRequired(stateData.selectedState)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["StateTaxesListContextual","companyId","onEvent","StateTaxesList","ensureRequired","StateTaxesFormContextual","stateData","jsx","StateTaxesForm"],"mappings":";;;;AAaO,SAASA,EAAyB,EAAE,WAAAC,GAAW,SAAAC,KAAuC;AAC3F,2BAAQC,GAAe,EAAA,SAAAD,GAAkB,WAAWE,EAAeH,CAAS,GAAG;AACjF;AAEO,SAASI,EAAyB;AAAA,EACvC,WAAAJ;AAAA,EACA,WAAAK;AAAA,EACA,SAAAJ;AACF,GAA+B;AAE3B,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAeH,CAAS;AAAA,MACnC,OAAOG,EAAeE,EAAU,aAAa;AAAA,MAC7C,SAAAJ;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.d.ts

@@ -4,9 +4,4 @@ interface StateTaxesFormProps extends CommonComponentInterface {
     state: string;
 }
 export declare function StateTaxesForm(props: StateTaxesFormProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare namespace StateTaxesForm {
-    var Head: typeof import("./Head").Head;
-    var Form: typeof import("./Form").Form;
-    var Actions: typeof import("./Actions").Actions;
-}
 export {};

package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.js

@@ -1,35 +1,35 @@
-import { jsx as a, jsxs as D, Fragment as H } from "react/jsx-runtime";
-import { useForm as K, FormProvider as M } from "react-hook-form";
-import { zodResolver as w } from "@hookform/resolvers/zod";
-import { useTaxRequirementsUpdateStateMutation as z } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
-import { useTaxRequirementsGetSuspense as G } from "@gusto/embedded-api/react-query/taxRequirementsGet";
+import { jsx as a, jsxs as V, Fragment as O } from "react/jsx-runtime";
+import { useForm as U, FormProvider as B } from "react-hook-form";
+import { zodResolver as D } from "@hookform/resolvers/zod";
+import { useTaxRequirementsUpdateStateMutation as K } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
+import { useTaxRequirementsGetSuspense as M } from "@gusto/embedded-api/react-query/taxRequirementsGet";
 import { z as r } from "zod";
-import { useMemo as L } from "react";
-import { useTranslation as X } from "react-i18next";
-import { Head as k } from "./Head.js";
-import { StateTaxesFormProvider as Y } from "./context.js";
-import { Form as A } from "./Form.js";
-import { Actions as P } from "./Actions.js";
-import { BaseComponent as $ } from "../../../Base/Base.js";
-import { useI18n as I } from "../../../../i18n/I18n.js";
-import { Flex as J } from "../../../Common/Flex/Flex.js";
-import { Form as Q } from "../../../Common/Form/Form.js";
-import { componentEvents as q } from "../../../../shared/constants.js";
-import { useBase as W } from "../../../Base/useBase.js";
-function h(i) {
-  return /* @__PURE__ */ a($, { ...i, children: /* @__PURE__ */ a(Z, { ...i, children: i.children }) });
+import { useMemo as w } from "react";
+import { useTranslation as z } from "react-i18next";
+import { Head as H } from "./Head.js";
+import { StateTaxesFormProvider as G } from "./context.js";
+import { Form as L } from "./Form.js";
+import { Actions as X } from "./Actions.js";
+import { BaseComponent as Y } from "../../../Base/Base.js";
+import { useI18n as $ } from "../../../../i18n/I18n.js";
+import { Flex as I } from "../../../Common/Flex/Flex.js";
+import { Form as J } from "../../../Common/Form/Form.js";
+import { componentEvents as g } from "../../../../shared/constants.js";
+import { useBase as Q } from "../../../Base/useBase.js";
+function Se(i) {
+  return /* @__PURE__ */ a(Y, { ...i, children: /* @__PURE__ */ a(W, { ...i, children: i.children }) });
 }
-function Z({ companyId: i, state: y, className: _, children: x }) {
-  I("Company.StateTaxes");
-  const { onEvent: F, baseSubmitHandler: j } = W(), { t: o } = X("Company.StateTaxes", { keyPrefix: "form" }), { data: C } = G({ companyUuid: i, state: y }), l = C.taxRequirementsState, { mutateAsync: E, isPending: N } = z(), { dynamicSchema: R, defaultValues: V } = L(() => {
+function W({ companyId: i, state: y, className: q, children: h }) {
+  $("Company.StateTaxes");
+  const { onEvent: x, baseSubmitHandler: k } = Q(), { t: o } = z("Company.StateTaxes", { keyPrefix: "form" }), { data: P } = M({ companyUuid: i, state: y }), l = P.taxRequirementsState, { mutateAsync: _, isPending: j } = K(), { dynamicSchema: A, defaultValues: C } = w(() => {
     const f = {}, s = {};
     return l.requirementSets?.forEach((t) => {
       if (!t.key) return;
       const m = t.key, c = {}, p = {};
       t.requirements?.forEach((e) => {
         if (!e.key) return;
-        const g = e.key;
-        p[g] = e.metadata?.type === "radio" ? e.value ?? void 0 : e.value ? String(e.value) : "";
+        const b = e.key;
+        p[b] = e.metadata?.type === "radio" ? e.value ?? void 0 : e.value ? String(e.value) : "";
         let v = r.string({
           required_error: o("validations.required")
         }).min(1, o("validations.required"));
@@ -51,18 +51,18 @@ function Z({ companyId: i, state: y, className: _, children: x }) {
           }
         e.metadata?.type === "radio" && (v = r.boolean({
           required_error: o("validations.required")
-        })), c[g] = v;
+        })), c[b] = v;
       }), Object.keys(c).length > 0 && (f[m] = r.object(c), s[m] = p);
     }), {
       dynamicSchema: r.object(f),
       defaultValues: s
     };
-  }, [l, o]), { control: O, ...T } = K({
-    resolver: w(R),
-    defaultValues: V
-  }), U = async (f) => {
-    await j(f, async (s) => {
-      const b = l.requirementSets?.filter((t) => t.key && s[t.key]).map((t) => {
+  }, [l, o]), { control: E, ...F } = U({
+    resolver: D(A),
+    defaultValues: C
+  }), N = async (f) => {
+    await k(f, async (s) => {
+      const T = l.requirementSets?.filter((t) => t.key && s[t.key]).map((t) => {
         const m = t.key, c = s[m];
         return {
           state: t.state,
@@ -74,33 +74,30 @@ function Z({ companyId: i, state: y, className: _, children: x }) {
           }))
         };
       });
-      await E({
+      await _({
         request: {
           companyUuid: i,
-          requestBody: { requirementSets: b },
+          requestBody: { requirementSets: T },
           state: y
         }
-      }), F(q.COMPANY_STATE_TAX_UPDATED);
+      }), x(g.COMPANY_STATE_TAX_UPDATED);
     });
-  }, B = () => {
-    F(q.CANCEL);
+  }, R = () => {
+    x(g.CANCEL);
   };
-  return /* @__PURE__ */ a("section", { className: _, children: /* @__PURE__ */ a(M, { ...T, control: O, children: /* @__PURE__ */ a(Q, { onSubmit: T.handleSubmit(U), children: /* @__PURE__ */ a(
-    Y,
+  return /* @__PURE__ */ a("section", { className: q, children: /* @__PURE__ */ a(B, { ...F, control: E, children: /* @__PURE__ */ a(J, { onSubmit: F.handleSubmit(N), children: /* @__PURE__ */ a(
+    G,
     {
-      value: { stateTaxRequirements: l, isPending: N, state: y, handleCancel: B },
-      children: /* @__PURE__ */ a(J, { flexDirection: "column", gap: 32, children: x || /* @__PURE__ */ D(H, { children: [
-        /* @__PURE__ */ a(k, {}),
-        /* @__PURE__ */ a(A, {}),
-        /* @__PURE__ */ a(P, {})
+      value: { stateTaxRequirements: l, isPending: j, state: y, handleCancel: R },
+      children: /* @__PURE__ */ a(I, { flexDirection: "column", gap: 32, children: h || /* @__PURE__ */ V(O, { children: [
+        /* @__PURE__ */ a(H, {}),
+        /* @__PURE__ */ a(L, {}),
+        /* @__PURE__ */ a(X, {})
       ] }) })
     }
   ) }) }) });
 }
-h.Head = k;
-h.Form = A;
-h.Actions = P;
 export {
-  h as StateTaxesForm
+  Se as StateTaxesForm
 };
 //# sourceMappingURL=StateTaxesForm.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { z } from 'zod'\nimport { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Head } from './Head'\nimport { StateTaxesFormProvider } from './context'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\ninterface StateTaxesFormProps extends CommonComponentInterface {\n  companyId: string\n  state: string\n}\n\nexport function StateTaxesForm(props: StateTaxesFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, state, className, children }: StateTaxesFormProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { data } = useTaxRequirementsGetSuspense({ companyUuid: companyId, state })\n  const stateTaxRequirements = data.taxRequirementsState!\n\n  const { mutateAsync: updateStateTax, isPending: isPendingUpdate } =\n    useTaxRequirementsUpdateStateMutation()\n\n  // Schema and default value generation\n  const { dynamicSchema, defaultValues } = useMemo(() => {\n    const schemaShape: Record<string, z.ZodObject<Record<string, z.ZodTypeAny>>> = {}\n    const values: Partial<Record<string, Record<string, string | boolean | number | undefined>>> =\n      {}\n\n    //Looping through each requirement set\n    stateTaxRequirements.requirementSets?.forEach(requirementSet => {\n      if (!requirementSet.key) return\n\n      const requirementSetKey = requirementSet.key\n      const requirementShape: Record<string, z.ZodTypeAny> = {}\n      const requirementValues: Record<string, string | boolean | number | undefined> = {}\n\n      requirementSet.requirements?.forEach(requirement => {\n        if (!requirement.key) return\n\n        const requirementKey = requirement.key\n\n        // --- Default Value Logic ---\n        requirementValues[requirementKey] =\n          requirement.metadata?.type === 'radio'\n            ? (requirement.value ?? undefined)\n            : requirement.value\n              ? String(requirement.value)\n              : ''\n\n        // --- Schema Logic ---\n        // Start with a basic string schema\n        let fieldSchema: z.ZodTypeAny = z\n          .string({\n            required_error: t('validations.required'),\n          })\n          .min(1, t('validations.required'))\n\n        const validation = requirement.metadata?.validation\n        // Not all requirements have validation\n        if (validation) {\n          if (requirement.metadata?.type === 'tax_rate') {\n            if (validation.type === 'min_max') {\n              const min = parseFloat(validation.min as string)\n              const max = parseFloat(validation.max as string)\n\n              if (!isNaN(min) && !isNaN(max)) {\n                fieldSchema = z.preprocess(\n                  val => Number(val),\n                  z\n                    .number()\n                    .min(min, t('validations.minValue', { min }))\n                    .max(max, t('validations.maxValue', { max }))\n                    .transform(num => String(num)),\n                )\n              }\n            } else {\n              //Type is one_of\n              const oneOfValues = validation.rates as string[]\n              fieldSchema = z\n                .string({\n                  required_error: t('validations.required'),\n                })\n                .min(1, t('validations.required'))\n                .refine(val => oneOfValues.includes(val), {\n                  message: t('validations.oneOf', { values: oneOfValues.join(', ') }),\n                })\n            }\n          }\n        }\n        if (requirement.metadata?.type === 'radio') {\n          fieldSchema = z.boolean({\n            required_error: t('validations.required'),\n          })\n        }\n        requirementShape[requirementKey] = fieldSchema\n        // --- End Schema Logic ---\n      })\n\n      if (Object.keys(requirementShape).length > 0) {\n        schemaShape[requirementSetKey] = z.object(requirementShape)\n        values[requirementSetKey] = requirementValues\n      }\n    })\n\n    const finalSchema = z.object(schemaShape)\n\n    // Return both the schema and the default values\n    return {\n      dynamicSchema: finalSchema,\n      defaultValues: values as z.infer<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema\n  type InferredFormInputs = z.infer<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm<InferredFormInputs>({\n    resolver: zodResolver(dynamicSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InferredFormInputs) => {\n    await baseSubmitHandler(formData, async payload => {\n      const requirementSets = stateTaxRequirements.requirementSets\n        ?.filter(rs => rs.key && payload[rs.key])\n        .map(requirementSet => {\n          const requirementSetKey = requirementSet.key as string\n          const payloadSet = payload[requirementSetKey] as Record<string, unknown>\n          return {\n            state: requirementSet.state,\n            key: requirementSetKey,\n            effectiveFrom: requirementSet.effectiveFrom,\n            requirements: Object.entries(payloadSet).map(([key, value]) => ({\n              key,\n              value: String(value),\n            })),\n          }\n        })\n      await updateStateTax({\n        request: {\n          companyUuid: companyId,\n          requestBody: { requirementSets },\n          state,\n        },\n      })\n      onEvent(componentEvents.COMPANY_STATE_TAX_UPDATED)\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <StateTaxesFormProvider\n            value={{ stateTaxRequirements, isPending: isPendingUpdate, state, handleCancel }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </StateTaxesFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n\nStateTaxesForm.Head = Head\nStateTaxesForm.Form = Form\nStateTaxesForm.Actions = Actions\n"],"names":["StateTaxesForm","props","jsx","BaseComponent","Root","companyId","state","className","children","useI18n","onEvent","baseSubmitHandler","useBase","t","useTranslation","data","useTaxRequirementsGetSuspense","stateTaxRequirements","updateStateTax","isPendingUpdate","useTaxRequirementsUpdateStateMutation","dynamicSchema","defaultValues","useMemo","schemaShape","values","requirementSet","requirementSetKey","requirementShape","requirementValues","requirement","requirementKey","fieldSchema","z","validation","min","max","val","num","oneOfValues","control","methods","useForm","zodResolver","onSubmit","formData","payload","requirementSets","rs","payloadSet","key","value","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":"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"}
+{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { z } from 'zod'\nimport { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Head } from './Head'\nimport { StateTaxesFormProvider } from './context'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\ninterface StateTaxesFormProps extends CommonComponentInterface {\n  companyId: string\n  state: string\n}\n\nexport function StateTaxesForm(props: StateTaxesFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, state, className, children }: StateTaxesFormProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { data } = useTaxRequirementsGetSuspense({ companyUuid: companyId, state })\n  const stateTaxRequirements = data.taxRequirementsState!\n\n  const { mutateAsync: updateStateTax, isPending: isPendingUpdate } =\n    useTaxRequirementsUpdateStateMutation()\n\n  // Schema and default value generation\n  const { dynamicSchema, defaultValues } = useMemo(() => {\n    const schemaShape: Record<string, z.ZodObject<Record<string, z.ZodTypeAny>>> = {}\n    const values: Partial<Record<string, Record<string, string | boolean | number | undefined>>> =\n      {}\n\n    //Looping through each requirement set\n    stateTaxRequirements.requirementSets?.forEach(requirementSet => {\n      if (!requirementSet.key) return\n\n      const requirementSetKey = requirementSet.key\n      const requirementShape: Record<string, z.ZodTypeAny> = {}\n      const requirementValues: Record<string, string | boolean | number | undefined> = {}\n\n      requirementSet.requirements?.forEach(requirement => {\n        if (!requirement.key) return\n\n        const requirementKey = requirement.key\n\n        // --- Default Value Logic ---\n        requirementValues[requirementKey] =\n          requirement.metadata?.type === 'radio'\n            ? (requirement.value ?? undefined)\n            : requirement.value\n              ? String(requirement.value)\n              : ''\n\n        // --- Schema Logic ---\n        // Start with a basic string schema\n        let fieldSchema: z.ZodTypeAny = z\n          .string({\n            required_error: t('validations.required'),\n          })\n          .min(1, t('validations.required'))\n\n        const validation = requirement.metadata?.validation\n        // Not all requirements have validation\n        if (validation) {\n          if (requirement.metadata?.type === 'tax_rate') {\n            if (validation.type === 'min_max') {\n              const min = parseFloat(validation.min as string)\n              const max = parseFloat(validation.max as string)\n\n              if (!isNaN(min) && !isNaN(max)) {\n                fieldSchema = z.preprocess(\n                  val => Number(val),\n                  z\n                    .number()\n                    .min(min, t('validations.minValue', { min }))\n                    .max(max, t('validations.maxValue', { max }))\n                    .transform(num => String(num)),\n                )\n              }\n            } else {\n              //Type is one_of\n              const oneOfValues = validation.rates as string[]\n              fieldSchema = z\n                .string({\n                  required_error: t('validations.required'),\n                })\n                .min(1, t('validations.required'))\n                .refine(val => oneOfValues.includes(val), {\n                  message: t('validations.oneOf', { values: oneOfValues.join(', ') }),\n                })\n            }\n          }\n        }\n        if (requirement.metadata?.type === 'radio') {\n          fieldSchema = z.boolean({\n            required_error: t('validations.required'),\n          })\n        }\n        requirementShape[requirementKey] = fieldSchema\n        // --- End Schema Logic ---\n      })\n\n      if (Object.keys(requirementShape).length > 0) {\n        schemaShape[requirementSetKey] = z.object(requirementShape)\n        values[requirementSetKey] = requirementValues\n      }\n    })\n\n    const finalSchema = z.object(schemaShape)\n\n    // Return both the schema and the default values\n    return {\n      dynamicSchema: finalSchema,\n      defaultValues: values as z.infer<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema\n  type InferredFormInputs = z.infer<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm<InferredFormInputs>({\n    resolver: zodResolver(dynamicSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InferredFormInputs) => {\n    await baseSubmitHandler(formData, async payload => {\n      const requirementSets = stateTaxRequirements.requirementSets\n        ?.filter(rs => rs.key && payload[rs.key])\n        .map(requirementSet => {\n          const requirementSetKey = requirementSet.key as string\n          const payloadSet = payload[requirementSetKey] as Record<string, unknown>\n          return {\n            state: requirementSet.state,\n            key: requirementSetKey,\n            effectiveFrom: requirementSet.effectiveFrom,\n            requirements: Object.entries(payloadSet).map(([key, value]) => ({\n              key,\n              value: String(value),\n            })),\n          }\n        })\n      await updateStateTax({\n        request: {\n          companyUuid: companyId,\n          requestBody: { requirementSets },\n          state,\n        },\n      })\n      onEvent(componentEvents.COMPANY_STATE_TAX_UPDATED)\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <StateTaxesFormProvider\n            value={{ stateTaxRequirements, isPending: isPendingUpdate, state, handleCancel }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </StateTaxesFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["StateTaxesForm","props","jsx","BaseComponent","Root","companyId","state","className","children","useI18n","onEvent","baseSubmitHandler","useBase","t","useTranslation","data","useTaxRequirementsGetSuspense","stateTaxRequirements","updateStateTax","isPendingUpdate","useTaxRequirementsUpdateStateMutation","dynamicSchema","defaultValues","useMemo","schemaShape","values","requirementSet","requirementSetKey","requirementShape","requirementValues","requirement","requirementKey","fieldSchema","z","validation","min","max","val","num","oneOfValues","control","methods","useForm","zodResolver","onSubmit","formData","payload","requirementSets","rs","payloadSet","key","value","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":"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"}

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.d.ts

@@ -3,9 +3,4 @@ interface StateTaxesListProps extends BaseComponentInterface {
     companyId: string;
 }
 export declare function StateTaxesList(props: StateTaxesListProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace StateTaxesList {
-    var Head: typeof import("./Head").Head;
-    var List: () => import("react/jsx-runtime").JSX.Element;
-    var Actions: typeof import("./Actions").Actions;
-}
 export {};

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js

@@ -1,45 +1,42 @@
-import { jsx as e, jsxs as p, Fragment as u } from "react/jsx-runtime";
-import { useTaxRequirementsGetAllSuspense as h } from "@gusto/embedded-api/react-query/taxRequirementsGetAll";
-import { Head as s } from "./Head.js";
-import { StateTaxesListProvider as T } from "./context.js";
-import { Actions as m } from "./Actions.js";
-import { List as a } from "./List.js";
-import { BaseComponent as x } from "../../../Base/Base.js";
-import { useI18n as A } from "../../../../i18n/I18n.js";
-import { Flex as C } from "../../../Common/Flex/Flex.js";
-import { componentEvents as i } from "../../../../shared/constants.js";
-import { useBase as E } from "../../../Base/useBase.js";
-function t(n) {
-  return /* @__PURE__ */ e(x, { ...n, children: /* @__PURE__ */ e(S, { ...n, children: n.children }) });
+import { jsx as e, jsxs as c, Fragment as l } from "react/jsx-runtime";
+import { useTaxRequirementsGetAllSuspense as d } from "@gusto/embedded-api/react-query/taxRequirementsGetAll";
+import { Head as f } from "./Head.js";
+import { StateTaxesListProvider as p } from "./context.js";
+import { Actions as u } from "./Actions.js";
+import { List as h } from "./List.js";
+import { BaseComponent as T } from "../../../Base/Base.js";
+import { useI18n as x } from "../../../../i18n/I18n.js";
+import { Flex as A } from "../../../Common/Flex/Flex.js";
+import { componentEvents as r } from "../../../../shared/constants.js";
+import { useBase as C } from "../../../Base/useBase.js";
+function y(n) {
+  return /* @__PURE__ */ e(T, { ...n, children: /* @__PURE__ */ e(E, { ...n, children: n.children }) });
 }
-function S({ className: n, children: o, companyId: c }) {
-  A("Company.StateTaxes");
-  const { onEvent: r } = E(), { data: d } = h({ companyUuid: c }), l = d.responseBodies;
+function E({ className: n, children: t, companyId: i }) {
+  x("Company.StateTaxes");
+  const { onEvent: o } = C(), { data: m } = d({ companyUuid: i }), s = m.responseBodies;
   return /* @__PURE__ */ e("section", { className: n, children: /* @__PURE__ */ e(
-    T,
+    p,
     {
       value: {
         isPending: !1,
-        stateTaxRequirements: l,
+        stateTaxRequirements: s,
         handleContinue: () => {
-          r(i.COMPANY_STATE_TAX_DONE);
+          o(r.COMPANY_STATE_TAX_DONE);
         },
-        handleChange: (f) => {
-          r(i.COMPANY_STATE_TAX_EDIT, { state: f });
+        handleChange: (a) => {
+          o(r.COMPANY_STATE_TAX_EDIT, { state: a });
         }
       },
-      children: /* @__PURE__ */ e(C, { flexDirection: "column", gap: 32, children: o || /* @__PURE__ */ p(u, { children: [
-        /* @__PURE__ */ e(s, {}),
-        /* @__PURE__ */ e(a, {}),
-        /* @__PURE__ */ e(m, {})
+      children: /* @__PURE__ */ e(A, { flexDirection: "column", gap: 32, children: t || /* @__PURE__ */ c(l, { children: [
+        /* @__PURE__ */ e(f, {}),
+        /* @__PURE__ */ e(h, {}),
+        /* @__PURE__ */ e(u, {})
       ] }) })
     }
   ) });
 }
-t.Head = s;
-t.List = a;
-t.Actions = m;
 export {
-  t as StateTaxesList
+  y as StateTaxesList
 };
 //# sourceMappingURL=StateTaxesList.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesList.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/StateTaxesList.tsx"],"sourcesContent":["import { useTaxRequirementsGetAllSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGetAll'\nimport { Head } from './Head'\nimport { StateTaxesListProvider } from './context'\nimport { Actions } from './Actions'\nimport { List } from './List'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\ninterface StateTaxesListProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function StateTaxesList(props: StateTaxesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, companyId }: StateTaxesListProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent } = useBase()\n  const { data } = useTaxRequirementsGetAllSuspense({ companyUuid: companyId })\n  const stateTaxRequirements = data.responseBodies!\n\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_DONE)\n  }\n\n  const handleChange = (state: string) => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_EDIT, { state })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesListProvider\n        value={{\n          isPending: false,\n          stateTaxRequirements,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </StateTaxesListProvider>\n    </section>\n  )\n}\n\nStateTaxesList.Head = Head\nStateTaxesList.List = List\nStateTaxesList.Actions = Actions\n"],"names":["StateTaxesList","props","jsx","BaseComponent","Root","className","children","companyId","useI18n","onEvent","useBase","data","useTaxRequirementsGetAllSuspense","stateTaxRequirements","StateTaxesListProvider","componentEvents","state","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;AAgBO,SAASA,EAAeC,GAA4B;AAEvD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,UAAAC,GAAU,WAAAC,KAAkC;AACrE,EAAAC,EAAQ,oBAAoB;AACtB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtB,EAAE,MAAAC,EAAK,IAAIC,EAAiC,EAAE,aAAaL,GAAW,GACtEM,IAAuBF,EAAK;AAWhC,SAAA,gBAAAT,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAAD;AAAA,QACA,gBAde,MAAM;AAC3B,UAAAJ,EAAQM,EAAgB,sBAAsB;AAAA,QAChD;AAAA,QAaQ,cAXa,CAACC,MAAkB;AACtC,UAAAP,EAAQM,EAAgB,wBAAwB,EAAE,OAAAC,EAAA,CAAO;AAAA,QAC3D;AAAA,MAUM;AAAA,MAEA,UAAA,gBAAAd,EAACe,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,KAIG,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAjB,EAACkB,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAtB,EAAe,OAAOoB;AACtBpB,EAAe,OAAOqB;AACtBrB,EAAe,UAAUsB;"}
+{"version":3,"file":"StateTaxesList.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/StateTaxesList.tsx"],"sourcesContent":["import { useTaxRequirementsGetAllSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGetAll'\nimport { Head } from './Head'\nimport { StateTaxesListProvider } from './context'\nimport { Actions } from './Actions'\nimport { List } from './List'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\ninterface StateTaxesListProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function StateTaxesList(props: StateTaxesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, companyId }: StateTaxesListProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent } = useBase()\n  const { data } = useTaxRequirementsGetAllSuspense({ companyUuid: companyId })\n  const stateTaxRequirements = data.responseBodies!\n\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_DONE)\n  }\n\n  const handleChange = (state: string) => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_EDIT, { state })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesListProvider\n        value={{\n          isPending: false,\n          stateTaxRequirements,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </StateTaxesListProvider>\n    </section>\n  )\n}\n"],"names":["StateTaxesList","props","jsx","BaseComponent","Root","className","children","companyId","useI18n","onEvent","useBase","data","useTaxRequirementsGetAllSuspense","stateTaxRequirements","StateTaxesListProvider","componentEvents","state","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;AAgBO,SAASA,EAAeC,GAA4B;AAEvD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,UAAAC,GAAU,WAAAC,KAAkC;AACrE,EAAAC,EAAQ,oBAAoB;AACtB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtB,EAAE,MAAAC,EAAK,IAAIC,EAAiC,EAAE,aAAaL,GAAW,GACtEM,IAAuBF,EAAK;AAWhC,SAAA,gBAAAT,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAAD;AAAA,QACA,gBAde,MAAM;AAC3B,UAAAJ,EAAQM,EAAgB,sBAAsB;AAAA,QAChD;AAAA,QAaQ,cAXa,CAACC,MAAkB;AACtC,UAAAP,EAAQM,EAAgB,wBAAwB,EAAE,OAAAC,EAAA,CAAO;AAAA,QAC3D;AAAA,MAUM;AAAA,MAEA,UAAA,gBAAAd,EAACe,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,KAIG,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAjB,EAACkB,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/StateTaxes/stateTaxesReducer.d.ts

@@ -0,0 +1,20 @@
+import { componentEvents } from '../../../shared/constants';
+export type StateTaxesState = 'viewStateTaxes' | 'editStateTaxes' | 'done';
+export interface StateTaxesStateData {
+    state: StateTaxesState;
+    selectedState?: string;
+}
+export type StateTaxesAction = {
+    type: typeof componentEvents.COMPANY_STATE_TAX_EDIT;
+    payload: {
+        state: string;
+    };
+} | {
+    type: typeof componentEvents.COMPANY_STATE_TAX_UPDATED;
+} | {
+    type: typeof componentEvents.COMPANY_STATE_TAX_DONE;
+} | {
+    type: typeof componentEvents.CANCEL;
+};
+export declare const initialState: StateTaxesStateData;
+export declare function stateTaxesReducer(state: StateTaxesStateData, action: StateTaxesAction): StateTaxesStateData;