@gusto/embedded-react-sdk 0.52.2 → 0.53.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleForm.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { usePayScheduleForm } from './shared/usePayScheduleForm'\nimport type { UsePayScheduleFormProps, PayScheduleFrequency } from './shared/usePayScheduleForm'\nimport style from './PayScheduleForm.module.scss'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface PayScheduleFormProps extends UsePayScheduleFormProps {\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal */\nexport function PayScheduleForm({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  return (\n    <BaseBoundaries componentName=\"Company.PayScheduleForm\">\n      <PayScheduleFormRoot onEvent={onEvent} {...hookProps} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PayScheduleFormRoot({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const paySchedule = usePayScheduleForm(hookProps)\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState(0)\n\n  if (paySchedule.isLoading) {\n    return <BaseLayout isLoading error={paySchedule.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await paySchedule.actions.onSubmit()\n    if (result) {\n      onEvent(\n        result.mode === 'create'\n          ? componentEvents.PAY_SCHEDULE_CREATED\n          : componentEvents.PAY_SCHEDULE_UPDATED,\n        { paySchedule: result.data },\n      )\n    }\n  }\n\n  const { Fields } = paySchedule.form\n  const { paymentSpeedDays, payPreviewLoading } = paySchedule.data\n  const payPeriodPreview = paySchedule.data.payPeriodPreview\n\n  const frequencyLabels: Record<PayScheduleFrequency, string> = {\n    'Every week': t('frequencies.everyWeek'),\n    'Every other week': t('frequencies.everyOtherWeek'),\n    'Twice per month': t('frequencies.twicePerMonth'),\n    Monthly: t('frequencies.monthly'),\n  }\n\n  const twicePerMonthLabels: Record<string, string> = {\n    '1st15th': t('frequencyOptions.15thAndLast'),\n    custom: t('frequencyOptions.custom'),\n  }\n\n  return (\n    <BaseLayout error={paySchedule.errorHandling.errors}>\n      <SDKFormProvider formHookResult={paySchedule}>\n        <Form onSubmit={() => void handleSubmit()}>\n          <Flex flexDirection=\"column\">\n            <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n              <header>\n                <Components.Heading as=\"h2\">\n                  {paySchedule.status.mode === 'create'\n                    ? t('headings.addPaySchedule')\n                    : t('headings.editPaySchedule')}\n                </Components.Heading>\n              </header>\n            </Flex>\n            <div className={style.payScheduleContainer}>\n              <Grid gap={32} gridTemplateColumns={{ base: '1fr', small: '1fr 1fr' }}>\n                <div className={style.payScheduleForm}>\n                  <Flex flexDirection=\"column\">\n                    <Fields.CustomName\n                      label={t('labels.name')}\n                      validationMessages={{ REQUIRED: t('validations.name') }}\n                    />\n                    <Fields.Frequency\n                      label={t('labels.frequency')}\n                      placeholder={t('labels.frequencyPlaceholder')}\n                      getOptionLabel={(entry: PayScheduleFrequency) => frequencyLabels[entry]}\n                      validationMessages={{ REQUIRED: t('validations.frequency') }}\n                    />\n                    {Fields.CustomTwicePerMonth && (\n                      <Fields.CustomTwicePerMonth\n                        label={t('labels.frequencyOptions')}\n                        description={t('descriptions.frequencyOptionsDescription')}\n                        getOptionLabel={(entry: string) => twicePerMonthLabels[entry] ?? entry}\n                      />\n                    )}\n                    <Fields.AnchorPayDate\n                      label={t('labels.firstPayDate')}\n                      description={t('descriptions.anchorPayDateDescription', {\n                        count: paymentSpeedDays,\n                      })}\n                      validationMessages={{ REQUIRED: t('validations.firstPayDate') }}\n                      minDate={new Date()}\n                    />\n                    <Fields.AnchorEndOfPayPeriod\n                      label={t('labels.firstPayPeriodEndDate')}\n                      description={t('descriptions.anchorEndOfPayPeriodDescription')}\n                      validationMessages={{ REQUIRED: t('validations.firstPayPeriodEndDate') }}\n                    />\n                    {Fields.Day1 && (\n                      <Fields.Day1\n                        label={t('labels.firstPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.firstPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                    {Fields.Day2 && (\n                      <Fields.Day2\n                        label={t('labels.lastPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.lastPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                  </Flex>\n                </div>\n                <Flex flexDirection=\"column\" gap={4} justifyContent=\"center\" alignItems=\"center\">\n                  {payPeriodPreview && payPeriodPreview[selectedPayPeriodIndex] ? (\n                    <div className={style.calendarContainer}>\n                      {!payPreviewLoading && (\n                        <Components.Select\n                          label={t('labels.preview')}\n                          placeholder=\"\"\n                          isRequired\n                          options={payPeriodPreview.map((period, index) => ({\n                            value: String(index),\n                            label: dateFormatter.formatPayPeriodRange(\n                              period.startDate.toString(),\n                              period.endDate.toString(),\n                            ),\n                          }))}\n                          value={String(selectedPayPeriodIndex)}\n                          onChange={(value: string) => {\n                            const numericValue = Number(value)\n                            if (!isNaN(numericValue)) {\n                              setSelectedPayPeriodIndex(numericValue)\n                            }\n                          }}\n                        />\n                      )}\n                      <Components.CalendarPreview\n                        key={selectedPayPeriodIndex}\n                        dateRange={{\n                          start: new Date(\n                            payPeriodPreview[selectedPayPeriodIndex].startDate.toString(),\n                          ),\n                          end: new Date(\n                            payPeriodPreview[selectedPayPeriodIndex].endDate.toString(),\n                          ),\n                          label: t('payPreview.payPeriod') || 'Pay Period',\n                        }}\n                        highlightDates={[\n                          {\n                            date: new Date(\n                              payPeriodPreview[selectedPayPeriodIndex].checkDate.toString(),\n                            ),\n                            highlightColor: 'primary',\n                            label: t('payPreview.payday') || 'Payday',\n                          },\n                          {\n                            date: new Date(\n                              payPeriodPreview[selectedPayPeriodIndex].runPayrollBy.toString(),\n                            ),\n                            highlightColor: 'secondary',\n                            label: t('payPreview.payrollDeadline') || 'Payroll Deadline',\n                          },\n                        ]}\n                      />\n                    </div>\n                  ) : (\n                    <div className={style.calendarContainer}>\n                      <Components.Alert\n                        status=\"info\"\n                        label={t('previewAlert.title', 'Pay Schedule Preview')}\n                      >\n                        <Components.Text>\n                          {t(\n                            'previewAlert.description',\n                            'Complete all the required fields on the left to see a preview of your pay schedule.',\n                          )}\n                        </Components.Text>\n                      </Components.Alert>\n                    </div>\n                  )}\n                </Flex>\n              </Grid>\n            </div>\n            <ActionsLayout>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onEvent(componentEvents.CANCEL)\n                }}\n              >\n                {t('actions.cancel')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={paySchedule.status.isPending}>\n                {t('actions.save')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["PayScheduleForm","onEvent","hookProps","jsx","BaseBoundaries","PayScheduleFormRoot","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","paySchedule","usePayScheduleForm","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","BaseLayout","handleSubmit","result","componentEvents","Fields","paymentSpeedDays","payPreviewLoading","payPeriodPreview","frequencyLabels","twicePerMonthLabels","SDKFormProvider","Form","jsxs","Flex","style","Grid","entry","period","index","value","numericValue","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PayScheduleForm.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { usePayScheduleForm } from './shared/usePayScheduleForm'\nimport type { UsePayScheduleFormProps, PayScheduleFrequency } from './shared/usePayScheduleForm'\nimport style from './PayScheduleForm.module.scss'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\ninterface PayScheduleFormProps extends UsePayScheduleFormProps {\n  onEvent: OnEventType<EventType, unknown>\n}\n\n// Pay period preview dates are RFCDate (`YYYY-MM-DD`) instances; normalizeToDate parses\n// them as local midnight instead of new Date's UTC midnight, which CalendarPreview would\n// otherwise roll back a day for timezones behind UTC. The format is always valid here.\nconst toLocalDate = (rfcDate: { toString(): string }): Date => normalizeToDate(rfcDate.toString())!\n\n/** @internal */\nexport function PayScheduleForm({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  return (\n    <BaseBoundaries componentName=\"Company.PayScheduleForm\">\n      <PayScheduleFormRoot onEvent={onEvent} {...hookProps} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PayScheduleFormRoot({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const paySchedule = usePayScheduleForm(hookProps)\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState(0)\n\n  if (paySchedule.isLoading) {\n    return <BaseLayout isLoading error={paySchedule.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await paySchedule.actions.onSubmit()\n    if (result) {\n      onEvent(\n        result.mode === 'create'\n          ? componentEvents.PAY_SCHEDULE_CREATED\n          : componentEvents.PAY_SCHEDULE_UPDATED,\n        { paySchedule: result.data },\n      )\n    }\n  }\n\n  const { Fields } = paySchedule.form\n  const { paymentSpeedDays, payPreviewLoading } = paySchedule.data\n  const payPeriodPreview = paySchedule.data.payPeriodPreview\n\n  const frequencyLabels: Record<PayScheduleFrequency, string> = {\n    'Every week': t('frequencies.everyWeek'),\n    'Every other week': t('frequencies.everyOtherWeek'),\n    'Twice per month': t('frequencies.twicePerMonth'),\n    Monthly: t('frequencies.monthly'),\n  }\n\n  const twicePerMonthLabels: Record<string, string> = {\n    '1st15th': t('frequencyOptions.15thAndLast'),\n    custom: t('frequencyOptions.custom'),\n  }\n\n  return (\n    <BaseLayout error={paySchedule.errorHandling.errors}>\n      <SDKFormProvider formHookResult={paySchedule}>\n        <Form onSubmit={() => void handleSubmit()}>\n          <Flex flexDirection=\"column\">\n            <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n              <header>\n                <Components.Heading as=\"h2\">\n                  {paySchedule.status.mode === 'create'\n                    ? t('headings.addPaySchedule')\n                    : t('headings.editPaySchedule')}\n                </Components.Heading>\n              </header>\n            </Flex>\n            <div className={style.payScheduleContainer}>\n              <Grid gap={32} gridTemplateColumns={{ base: '1fr', small: '1fr 1fr' }}>\n                <div className={style.payScheduleForm}>\n                  <Flex flexDirection=\"column\">\n                    <Fields.CustomName\n                      label={t('labels.name')}\n                      validationMessages={{ REQUIRED: t('validations.name') }}\n                    />\n                    <Fields.Frequency\n                      label={t('labels.frequency')}\n                      placeholder={t('labels.frequencyPlaceholder')}\n                      getOptionLabel={(entry: PayScheduleFrequency) => frequencyLabels[entry]}\n                      validationMessages={{ REQUIRED: t('validations.frequency') }}\n                    />\n                    {Fields.CustomTwicePerMonth && (\n                      <Fields.CustomTwicePerMonth\n                        label={t('labels.frequencyOptions')}\n                        description={t('descriptions.frequencyOptionsDescription')}\n                        getOptionLabel={(entry: string) => twicePerMonthLabels[entry] ?? entry}\n                      />\n                    )}\n                    <Fields.AnchorPayDate\n                      label={t('labels.firstPayDate')}\n                      description={t('descriptions.anchorPayDateDescription', {\n                        count: paymentSpeedDays,\n                      })}\n                      validationMessages={{ REQUIRED: t('validations.firstPayDate') }}\n                      minDate={new Date()}\n                    />\n                    <Fields.AnchorEndOfPayPeriod\n                      label={t('labels.firstPayPeriodEndDate')}\n                      description={t('descriptions.anchorEndOfPayPeriodDescription')}\n                      validationMessages={{ REQUIRED: t('validations.firstPayPeriodEndDate') }}\n                    />\n                    {Fields.Day1 && (\n                      <Fields.Day1\n                        label={t('labels.firstPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.firstPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                    {Fields.Day2 && (\n                      <Fields.Day2\n                        label={t('labels.lastPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.lastPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                  </Flex>\n                </div>\n                <Flex flexDirection=\"column\" gap={4} justifyContent=\"center\" alignItems=\"center\">\n                  {payPeriodPreview && payPeriodPreview[selectedPayPeriodIndex] ? (\n                    <div className={style.calendarContainer}>\n                      {!payPreviewLoading && (\n                        <Components.Select\n                          label={t('labels.preview')}\n                          placeholder=\"\"\n                          isRequired\n                          options={payPeriodPreview.map((period, index) => ({\n                            value: String(index),\n                            label: dateFormatter.formatPayPeriodRange(\n                              period.startDate.toString(),\n                              period.endDate.toString(),\n                            ),\n                          }))}\n                          value={String(selectedPayPeriodIndex)}\n                          onChange={(value: string) => {\n                            const numericValue = Number(value)\n                            if (!isNaN(numericValue)) {\n                              setSelectedPayPeriodIndex(numericValue)\n                            }\n                          }}\n                        />\n                      )}\n                      <Components.CalendarPreview\n                        key={selectedPayPeriodIndex}\n                        dateRange={{\n                          start: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].startDate),\n                          end: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].endDate),\n                          label: t('payPreview.payPeriod') || 'Pay Period',\n                        }}\n                        highlightDates={[\n                          {\n                            date: toLocalDate(payPeriodPreview[selectedPayPeriodIndex].checkDate),\n                            highlightColor: 'primary',\n                            label: t('payPreview.payday') || 'Payday',\n                          },\n                          {\n                            date: toLocalDate(\n                              payPeriodPreview[selectedPayPeriodIndex].runPayrollBy,\n                            ),\n                            highlightColor: 'secondary',\n                            label: t('payPreview.payrollDeadline') || 'Payroll Deadline',\n                          },\n                        ]}\n                      />\n                    </div>\n                  ) : (\n                    <div className={style.calendarContainer}>\n                      <Components.Alert\n                        status=\"info\"\n                        label={t('previewAlert.title', 'Pay Schedule Preview')}\n                      >\n                        <Components.Text>\n                          {t(\n                            'previewAlert.description',\n                            'Complete all the required fields on the left to see a preview of your pay schedule.',\n                          )}\n                        </Components.Text>\n                      </Components.Alert>\n                    </div>\n                  )}\n                </Flex>\n              </Grid>\n            </div>\n            <ActionsLayout>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onEvent(componentEvents.CANCEL)\n                }}\n              >\n                {t('actions.cancel')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={paySchedule.status.isPending}>\n                {t('actions.save')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["toLocalDate","rfcDate","normalizeToDate","PayScheduleForm","onEvent","hookProps","jsx","BaseBoundaries","PayScheduleFormRoot","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","paySchedule","usePayScheduleForm","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","BaseLayout","handleSubmit","result","componentEvents","Fields","paymentSpeedDays","payPreviewLoading","payPeriodPreview","frequencyLabels","twicePerMonthLabels","SDKFormProvider","Form","jsxs","Flex","style","Grid","entry","period","index","value","numericValue","ActionsLayout"],"mappings":"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"}

package/dist/components/Company/PaySchedule/payScheduleStateMachine.d.ts

@@ -3,5 +3,4 @@ export declare const payScheduleStateMachine: {
     listSchedules: import('robot3').MachineState<any>;
     addSchedule: import('robot3').MachineState<any>;
     editSchedule: import('robot3').MachineState<any>;
-    done: import('robot3').MachineState<any>;
 };

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

@@ -1,45 +1,43 @@
-import { state as o, transition as e, reduce as l } from "robot3";
-import { PayScheduleFormContextual as S, PayScheduleListContextual as E } from "./PayScheduleComponents.js";
-import { componentEvents as d } from "../../../shared/constants.js";
-const c = l((t) => ({
-  ...t,
-  component: E,
+import { state as c, transition as e, reduce as l } from "robot3";
+import { PayScheduleFormContextual as u, PayScheduleListContextual as i } from "./PayScheduleComponents.js";
+import { componentEvents as t } from "../../../shared/constants.js";
+const o = l((d) => ({
+  ...d,
+  component: i,
   payScheduleId: void 0
-})), a = {
-  listSchedules: o(
+})), h = {
+  listSchedules: c(
     e(
-      d.PAY_SCHEDULE_CREATE,
+      t.PAY_SCHEDULE_CREATE,
       "addSchedule",
-      l((t) => ({
-        ...t,
-        component: S,
+      l((d) => ({
+        ...d,
+        component: u,
         payScheduleId: void 0
       }))
     ),
     e(
-      d.PAY_SCHEDULE_UPDATE,
+      t.PAY_SCHEDULE_UPDATE,
       "editSchedule",
       l(
-        (t, u) => ({
-          ...t,
-          component: S,
-          payScheduleId: u.payload.uuid
+        (d, S) => ({
+          ...d,
+          component: u,
+          payScheduleId: S.payload.uuid
         })
       )
-    ),
-    e(d.PAY_SCHEDULE_DONE, "done")
-  ),
-  addSchedule: o(
-    e(d.PAY_SCHEDULE_CREATED, "listSchedules", c),
-    e(d.CANCEL, "listSchedules", c)
+    )
   ),
-  editSchedule: o(
-    e(d.PAY_SCHEDULE_UPDATED, "listSchedules", c),
-    e(d.CANCEL, "listSchedules", c)
+  addSchedule: c(
+    e(t.PAY_SCHEDULE_CREATED, "listSchedules", o),
+    e(t.CANCEL, "listSchedules", o)
   ),
-  done: o()
+  editSchedule: c(
+    e(t.PAY_SCHEDULE_UPDATED, "listSchedules", o),
+    e(t.CANCEL, "listSchedules", o)
+  )
 };
 export {
-  a as payScheduleStateMachine
+  h as payScheduleStateMachine
 };
 //# sourceMappingURL=payScheduleStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"payScheduleStateMachine.js","sources":["../../../../src/components/Company/PaySchedule/payScheduleStateMachine.ts"],"sourcesContent":["import { reduce, state, state as final, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.PAY_SCHEDULE_UPDATE]: { uuid: string }\n  [componentEvents.PAY_SCHEDULE_CREATED]: undefined\n  [componentEvents.PAY_SCHEDULE_UPDATED]: undefined\n}\n\nconst toList = reduce((ctx: PayScheduleContextInterface): PayScheduleContextInterface => ({\n  ...ctx,\n  component: PayScheduleListContextual as ComponentType,\n  payScheduleId: undefined,\n}))\n\n/** @internal */\nexport const payScheduleStateMachine = {\n  listSchedules: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_CREATE,\n      'addSchedule',\n      reduce((ctx: PayScheduleContextInterface): PayScheduleContextInterface => ({\n        ...ctx,\n        component: PayScheduleFormContextual as ComponentType,\n        payScheduleId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.PAY_SCHEDULE_UPDATE,\n      'editSchedule',\n      reduce(\n        (\n          ctx: PayScheduleContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.PAY_SCHEDULE_UPDATE>,\n        ): PayScheduleContextInterface => ({\n          ...ctx,\n          component: PayScheduleFormContextual as ComponentType,\n          payScheduleId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.PAY_SCHEDULE_DONE, 'done'),\n  ),\n  addSchedule: state<MachineTransition>(\n    transition(componentEvents.PAY_SCHEDULE_CREATED, 'listSchedules', toList),\n    transition(componentEvents.CANCEL, 'listSchedules', toList),\n  ),\n  editSchedule: state<MachineTransition>(\n    transition(componentEvents.PAY_SCHEDULE_UPDATED, 'listSchedules', toList),\n    transition(componentEvents.CANCEL, 'listSchedules', toList),\n  ),\n  done: final(),\n}\n"],"names":["toList","reduce","ctx","PayScheduleListContextual","payScheduleStateMachine","state","transition","componentEvents","PayScheduleFormContextual","ev","final"],"mappings":";;;AAaA,MAAMA,IAASC,EAAO,CAACC,OAAmE;AAAA,EACxF,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,eAAe;AACjB,EAAE,GAGWC,IAA0B;AAAA,EACrC,eAAeC;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN,EAAO,CAACC,OAAmE;AAAA,QACzE,GAAGA;AAAA,QACH,WAAWM;AAAA,QACX,eAAe;AAAA,MAAA,EACf;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAO,OACiC;AAAA,UACjC,GAAGP;AAAA,UACH,WAAWM;AAAA,UACX,eAAeC,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC5B;AAAA,IACF;AAAA,IAEFH,EAAWC,EAAgB,mBAAmB,MAAM;AAAA,EAAA;AAAA,EAEtD,aAAaF;AAAA,IACXC,EAAWC,EAAgB,sBAAsB,iBAAiBP,CAAM;AAAA,IACxEM,EAAWC,EAAgB,QAAQ,iBAAiBP,CAAM;AAAA,EAAA;AAAA,EAE5D,cAAcK;AAAA,IACZC,EAAWC,EAAgB,sBAAsB,iBAAiBP,CAAM;AAAA,IACxEM,EAAWC,EAAgB,QAAQ,iBAAiBP,CAAM;AAAA,EAAA;AAAA,EAE5D,MAAMU,EAAA;AACR;"}
+{"version":3,"file":"payScheduleStateMachine.js","sources":["../../../../src/components/Company/PaySchedule/payScheduleStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.PAY_SCHEDULE_UPDATE]: { uuid: string }\n  [componentEvents.PAY_SCHEDULE_CREATED]: undefined\n  [componentEvents.PAY_SCHEDULE_UPDATED]: undefined\n}\n\nconst toList = reduce((ctx: PayScheduleContextInterface): PayScheduleContextInterface => ({\n  ...ctx,\n  component: PayScheduleListContextual as ComponentType,\n  payScheduleId: undefined,\n}))\n\n/** @internal */\nexport const payScheduleStateMachine = {\n  listSchedules: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_CREATE,\n      'addSchedule',\n      reduce((ctx: PayScheduleContextInterface): PayScheduleContextInterface => ({\n        ...ctx,\n        component: PayScheduleFormContextual as ComponentType,\n        payScheduleId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.PAY_SCHEDULE_UPDATE,\n      'editSchedule',\n      reduce(\n        (\n          ctx: PayScheduleContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.PAY_SCHEDULE_UPDATE>,\n        ): PayScheduleContextInterface => ({\n          ...ctx,\n          component: PayScheduleFormContextual as ComponentType,\n          payScheduleId: ev.payload.uuid,\n        }),\n      ),\n    ),\n  ),\n  addSchedule: state<MachineTransition>(\n    transition(componentEvents.PAY_SCHEDULE_CREATED, 'listSchedules', toList),\n    transition(componentEvents.CANCEL, 'listSchedules', toList),\n  ),\n  editSchedule: state<MachineTransition>(\n    transition(componentEvents.PAY_SCHEDULE_UPDATED, 'listSchedules', toList),\n    transition(componentEvents.CANCEL, 'listSchedules', toList),\n  ),\n}\n"],"names":["toList","reduce","ctx","PayScheduleListContextual","payScheduleStateMachine","state","transition","componentEvents","PayScheduleFormContextual","ev"],"mappings":";;;AAaA,MAAMA,IAASC,EAAO,CAACC,OAAmE;AAAA,EACxF,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,eAAe;AACjB,EAAE,GAGWC,IAA0B;AAAA,EACrC,eAAeC;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN,EAAO,CAACC,OAAmE;AAAA,QACzE,GAAGA;AAAA,QACH,WAAWM;AAAA,QACX,eAAe;AAAA,MAAA,EACf;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAO,OACiC;AAAA,UACjC,GAAGP;AAAA,UACH,WAAWM;AAAA,UACX,eAAeC,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaJ;AAAA,IACXC,EAAWC,EAAgB,sBAAsB,iBAAiBP,CAAM;AAAA,IACxEM,EAAWC,EAAgB,QAAQ,iBAAiBP,CAAM;AAAA,EAAA;AAAA,EAE5D,cAAcK;AAAA,IACZC,EAAWC,EAAgB,sBAAsB,iBAAiBP,CAAM;AAAA,IACxEM,EAAWC,EAAgB,QAAQ,iBAAiBP,CAAM;AAAA,EAAA;AAE9D;"}

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/fields.js

@@ -1,17 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
-import { TextInputHookField as t } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { NumberInputHookField as n } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
 import { DatePickerHookField as r } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { RadioGroupHookField as m } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { RadioGroupHookField as t } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { TextInputHookField as m } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
 function F(e) {
-  return /* @__PURE__ */ o(t, { ...e, name: "customName" });
+  return /* @__PURE__ */ o(m, { ...e, name: "customName" });
 }
 function p(e) {
   return /* @__PURE__ */ o(i, { ...e, name: "frequency" });
 }
 function y(e) {
-  return /* @__PURE__ */ o(m, { ...e, name: "customTwicePerMonth" });
+  return /* @__PURE__ */ o(t, { ...e, name: "customTwicePerMonth" });
 }
 function P(e) {
   return /* @__PURE__ */ o(r, { ...e, name: "anchorPayDate" });

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

@@ -29,9 +29,10 @@ export interface StateTaxesProps extends BaseComponentInterface<'Company.StateTa
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `company/stateTaxes/edit` | A state row was selected for editing | `{ state: string }` |
+ * | `company/stateTaxes/manageRates` | A state row's tax rate history/scheduling view was opened | `{ state: string }` |
  * | `company/stateTaxes/updated` | State tax requirements were saved | — |
  * | `company/stateTaxes/done` | The list view was completed | — |
- * | `CANCEL` | Editing was cancelled and the form was closed | — |
+ * | `CANCEL` | Editing or rate management was cancelled and the list was shown again | — |
  *
  * @param props - {@link StateTaxesProps}
  * @returns The rendered state taxes flow.

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 { useMemo } from 'react'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link StateTaxes} flow.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** UUID of the company whose state taxes are being managed. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button below the state tax list.\n   *\n   * When `false`, hides the Continue button. Use this when the flow is embedded\n   * as one step inside a larger flow that provides its own navigation.\n   *\n   * @defaultValue `true`\n   */\n  showContinueButton?: boolean\n}\n\n/**\n * Orchestrated flow for managing a company's state tax setup.\n *\n * @remarks\n * Switches internally between a list of states with tax requirements and a per-state edit form.\n * For finer-grained control over navigation, use the standalone {@link StateTaxesList} and\n * {@link StateTaxesForm} building blocks directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/edit` | A state row was selected for editing | `{ state: string }` |\n * | `company/stateTaxes/updated` | State tax requirements were saved | — |\n * | `company/stateTaxes/done` | The list view was completed | — |\n * | `CANCEL` | Editing was cancelled and the form was closed | — |\n *\n * @param props - {@link StateTaxesProps}\n * @returns The rendered state taxes flow.\n * @public\n */\nexport function StateTaxes({\n  companyId,\n  onEvent,\n  dictionary,\n  showContinueButton = true,\n}: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = useMemo(\n    () =>\n      createMachine(\n        'viewStateTaxes',\n        stateTaxesStateMachine,\n        (initialContext: StateTaxesContextInterface) => ({\n          ...initialContext,\n          component: StateTaxesListContextual,\n          companyId,\n          showContinueButton,\n        }),\n      ),\n    [companyId, showContinueButton],\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","showContinueButton","useComponentDictionary","manageStateTaxes","useMemo","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;;;AAgDO,SAASA,EAAW;AAAA,EACzB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAAoB;AAClB,EAAAC,EAAuB,sBAAsBF,CAAU;AACvD,QAAMG,IAAmBC;AAAA,IACvB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAV;AAAA,QACA,oBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAWG,CAAkB;AAAA,EAAA;AAEhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAkB,SAAAJ,EAAA,CAAkB;AAC5D;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link StateTaxes} flow.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** UUID of the company whose state taxes are being managed. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button below the state tax list.\n   *\n   * When `false`, hides the Continue button. Use this when the flow is embedded\n   * as one step inside a larger flow that provides its own navigation.\n   *\n   * @defaultValue `true`\n   */\n  showContinueButton?: boolean\n}\n\n/**\n * Orchestrated flow for managing a company's state tax setup.\n *\n * @remarks\n * Switches internally between a list of states with tax requirements and a per-state edit form.\n * For finer-grained control over navigation, use the standalone {@link StateTaxesList} and\n * {@link StateTaxesForm} building blocks directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/edit` | A state row was selected for editing | `{ state: string }` |\n * | `company/stateTaxes/manageRates` | A state row's tax rate history/scheduling view was opened | `{ state: string }` |\n * | `company/stateTaxes/updated` | State tax requirements were saved | — |\n * | `company/stateTaxes/done` | The list view was completed | — |\n * | `CANCEL` | Editing or rate management was cancelled and the list was shown again | — |\n *\n * @param props - {@link StateTaxesProps}\n * @returns The rendered state taxes flow.\n * @public\n */\nexport function StateTaxes({\n  companyId,\n  onEvent,\n  dictionary,\n  showContinueButton = true,\n}: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = useMemo(\n    () =>\n      createMachine(\n        'viewStateTaxes',\n        stateTaxesStateMachine,\n        (initialContext: StateTaxesContextInterface) => ({\n          ...initialContext,\n          component: StateTaxesListContextual,\n          companyId,\n          showContinueButton,\n        }),\n      ),\n    [companyId, showContinueButton],\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","showContinueButton","useComponentDictionary","manageStateTaxes","useMemo","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;;;AAiDO,SAASA,EAAW;AAAA,EACzB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAAoB;AAClB,EAAAC,EAAuB,sBAAsBF,CAAU;AACvD,QAAMG,IAAmBC;AAAA,IACvB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAV;AAAA,QACA,oBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAWG,CAAkB;AAAA,EAAA;AAEhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAkB,SAAAJ,EAAA,CAAkB;AAC5D;"}

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

@@ -14,3 +14,5 @@ export interface StateTaxesContextInterface extends FlowContextInterface {
 export declare function StateTaxesListContextual(): import("react").JSX.Element;
 /** @internal */
 export declare function StateTaxesFormContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function TaxRateManagementContextual(): import("react").JSX.Element;

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

@@ -1,32 +1,45 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { StateTaxesList as m } from "./StateTaxesList/StateTaxesList.js";
 import { StateTaxesForm as s } from "./StateTaxesForm/StateTaxesForm.js";
-import { useFlow as a } from "../../Flow/useFlow.js";
-import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
-function f() {
-  const { companyId: t, onEvent: o, showContinueButton: e } = a();
-  return /* @__PURE__ */ r(
+import { TaxRateManagement as u } from "./TaxRateManagement/TaxRateManagement.js";
+import { useFlow as r } from "../../Flow/useFlow.js";
+import { ensureRequired as e } from "../../../helpers/ensureRequired.js";
+function y() {
+  const { companyId: t, onEvent: o, showContinueButton: n } = r();
+  return /* @__PURE__ */ a(
     m,
     {
       onEvent: o,
-      companyId: n(t),
-      showContinueButton: e
+      companyId: e(t),
+      showContinueButton: n
     }
   );
 }
-function d() {
-  const { companyId: t, state: o, onEvent: e } = a();
-  return /* @__PURE__ */ r(
+function I() {
+  const { companyId: t, state: o, onEvent: n } = r();
+  return /* @__PURE__ */ a(
     s,
     {
-      companyId: n(t),
-      state: n(o),
-      onEvent: e
+      companyId: e(t),
+      state: e(o),
+      onEvent: n
+    }
+  );
+}
+function T() {
+  const { companyId: t, state: o, onEvent: n } = r();
+  return /* @__PURE__ */ a(
+    u,
+    {
+      companyId: e(t),
+      state: e(o),
+      onEvent: n
     }
   );
 }
 export {
-  d as StateTaxesFormContextual,
-  f as StateTaxesListContextual
+  I as StateTaxesFormContextual,
+  y as StateTaxesListContextual,
+  T as TaxRateManagementContextual
 };
 //# 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\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  /** UUID of the company whose state taxes are being managed. */\n  companyId: string\n  /** Two-letter state code currently being edited, when in the form view. */\n  state?: string\n  /** Current step component rendered by the flow machine. */\n  component: React.ComponentType | null\n  /** Controls visibility of the Continue button in the state tax list. */\n  showContinueButton: boolean\n}\n\n/** @internal */\nexport function StateTaxesListContextual() {\n  const { companyId, onEvent, showContinueButton } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesList\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      showContinueButton={showContinueButton}\n    />\n  )\n}\n\n/** @internal */\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","showContinueButton","useFlow","jsx","StateTaxesList","ensureRequired","StateTaxesFormContextual","state","StateTaxesForm"],"mappings":";;;;;AAkBO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,EAAA,IAAuBC,EAAA;AACnD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAJ;AAAA,MACA,WAAWK,EAAeN,CAAS;AAAA,MACnC,oBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA2B;AACzC,QAAM,EAAE,WAAAP,GAAW,OAAAQ,GAAO,SAAAP,EAAA,IAAYE,EAAA;AACtC,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWH,EAAeN,CAAS;AAAA,MACnC,OAAOM,EAAeE,CAAK;AAAA,MAC3B,SAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesComponents.tsx"],"sourcesContent":["import { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { TaxRateManagement } from './TaxRateManagement/TaxRateManagement'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  /** UUID of the company whose state taxes are being managed. */\n  companyId: string\n  /** Two-letter state code currently being edited, when in the form view. */\n  state?: string\n  /** Current step component rendered by the flow machine. */\n  component: React.ComponentType | null\n  /** Controls visibility of the Continue button in the state tax list. */\n  showContinueButton: boolean\n}\n\n/** @internal */\nexport function StateTaxesListContextual() {\n  const { companyId, onEvent, showContinueButton } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesList\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      showContinueButton={showContinueButton}\n    />\n  )\n}\n\n/** @internal */\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\n/** @internal */\nexport function TaxRateManagementContextual() {\n  const { companyId, state, onEvent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <TaxRateManagement\n      companyId={ensureRequired(companyId)}\n      state={ensureRequired(state)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["StateTaxesListContextual","companyId","onEvent","showContinueButton","useFlow","jsx","StateTaxesList","ensureRequired","StateTaxesFormContextual","state","StateTaxesForm","TaxRateManagementContextual","TaxRateManagement"],"mappings":";;;;;;AAmBO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,EAAA,IAAuBC,EAAA;AACnD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAJ;AAAA,MACA,WAAWK,EAAeN,CAAS;AAAA,MACnC,oBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA2B;AACzC,QAAM,EAAE,WAAAP,GAAW,OAAAQ,GAAO,SAAAP,EAAA,IAAYE,EAAA;AACtC,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWH,EAAeN,CAAS;AAAA,MACnC,OAAOM,EAAeE,CAAK;AAAA,MAC3B,SAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASS,IAA8B;AAC5C,QAAM,EAAE,WAAAV,GAAW,OAAAQ,GAAO,SAAAP,EAAA,IAAYE,EAAA;AACtC,SACE,gBAAAC;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAWL,EAAeN,CAAS;AAAA,MACnC,OAAOM,EAAeE,CAAK;AAAA,MAC3B,SAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -3,8 +3,7 @@ import { useTranslation as a } from "react-i18next";
 import { useStateTaxesForm as s } from "./context.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-function x() {
+function d() {
   const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: e, isPending: r } = s(), o = c();
   return /* @__PURE__ */ i(m, { children: [
     /* @__PURE__ */ n(o.Button, { type: "button", variant: "secondary", onClick: e, children: t("cancelCta") }),
@@ -12,6 +11,6 @@ function x() {
   ] });
 }
 export {
-  x as Actions
+  d as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,aAAY,SAASH,GAC3D,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,aAAY,SAASH,GAC3D,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
 /** @internal */
-export declare function Form(): import("react").JSX.Element[] | undefined;
+export declare function Form(): (import("react").JSX.Element | null)[];

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

@@ -1,37 +1,26 @@
-import { jsxs as m, Fragment as u, jsx as o } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { useFormContext as x, useWatch as h } from "react-hook-form";
-import { useStateTaxesForm as T } from "./context.js";
-import { toRhfKey as F } from "./rhfKey.js";
-import { isRequirementApplicable as y } from "./applicableIf.js";
-import { QuestionInput as C } from "../../../Common/TaxInputs/TaxInputs.js";
-import { useLocaleDateFormatter as b } from "../../../../contexts/LocaleProvider/useLocale.js";
-import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function z() {
-  const { t: n } = d("Company.StateTaxes", { keyPrefix: "form" }), s = b(), { stateTaxRequirements: i } = T(), r = R(), { control: p } = x(), f = h({ control: p });
-  return i.requirementSets?.map(
-    ({ requirements: c, label: l, effectiveFrom: a, key: e }) => /* @__PURE__ */ m(u, { children: [
-      /* @__PURE__ */ m("div", { children: [
-        /* @__PURE__ */ o(r.Heading, { as: "h3", children: l }),
-        a && /* @__PURE__ */ o(r.Text, { size: "sm", children: n("effectiveFromLabel", { date: s.format(new Date(a)) }) })
+import { jsxs as i, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import { RequirementFields as h } from "../shared/RequirementFields.js";
+import { getUniqueRhfKey as F } from "../shared/rhfKey.js";
+import { useStateTaxesForm as q } from "./context.js";
+import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as S } from "../../../../hooks/useDateFormatter.js";
+function k() {
+  const { t: s } = x("Company.StateTaxes", { keyPrefix: "form" }), a = S(), { stateTaxRequirements: f } = q(), t = y(), r = f.requirementSets ?? [];
+  return r.map((o, u) => {
+    const { requirements: c, label: p, effectiveFrom: n, key: l } = o;
+    if (!l) return null;
+    const m = F(o, u, r);
+    return /* @__PURE__ */ i(d, { children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e(t.Heading, { as: "h3", children: p }),
+        n && /* @__PURE__ */ e(t.Text, { size: "sm", children: s("effectiveFromLabel", { date: a.formatLongWithYear(n) }) })
       ] }),
-      c?.flatMap((t) => t.editable === !1 ? [] : !e || !y(t, e, f) ? [] : [
-        /* @__PURE__ */ o(
-          C,
-          {
-            requirement: {
-              ...t,
-              key: `${e}.${F(t.key)}`
-            },
-            questionType: t.metadata?.type ?? "Text"
-          },
-          t.key
-        )
-      ])
-    ] }, e)
-  );
+      /* @__PURE__ */ e(h, { requirements: c, requirementSetKey: m })
+    ] }, m);
+  });
 }
 export {
-  z as Form
+  k as Form
 };
 //# sourceMappingURL=Form.js.map