@gusto/embedded-react-sdk 0.10.3 → 0.10.5

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

@@ -1,29 +1,30 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useFormContext as T, useWatch as d } from "react-hook-form";
-import { useTranslation as q } from "react-i18next";
-import { useState as E, useEffect as u } from "react";
-import { usePaySchedule as N } from "../usePaySchedule.js";
-import i from "./Edit.module.scss.js";
-import { Flex as h } from "../../../Common/Flex/Flex.js";
-import { Grid as x } from "../../../Common/Grid/Grid.js";
-import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatDateNamedWeekdayShortPlusDate as f } from "../../../../helpers/dateFormatting.js";
-import { TextInputField as F } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { SelectField as P } from "../../../Common/Fields/SelectField/SelectField.js";
-import { RadioGroupField as M } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useFormContext as S, useWatch as u } from "react-hook-form";
+import { useTranslation as T } from "react-i18next";
+import { useState as N, useEffect as h } from "react";
+import { usePaySchedule as x } from "../usePaySchedule.js";
+import n from "./Edit.module.scss.js";
+import { Flex as f } from "../../../Common/Flex/Flex.js";
+import { Grid as E } from "../../../Common/Grid/Grid.js";
+import "classnames";
+import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatDateNamedWeekdayShortPlusDate as P } from "../../../../helpers/dateFormatting.js";
+import { TextInputField as O } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { SelectField as v } from "../../../Common/Fields/SelectField/SelectField.js";
+import { RadioGroupField as F } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as D } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { DatePickerField as v } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-const z = () => {
-  const b = O(), { t: e } = q("Company.PaySchedule"), { payPeriodPreview: r, mode: y, payPreviewLoading: w } = N(), { setValue: o } = T(), [t, g] = E(0), n = d({ name: "frequency" }), l = d({ name: "customTwicePerMonth" }), p = d({ name: "payPeriodPreviewRange" }), C = n === "Twice per month" && l === "custom" || n === "Monthly", S = n === "Twice per month" && l === "custom";
-  return u(() => {
-    n === "Twice per month" && l === "1st15th" && (o("day1", 15), o("day2", 31));
-  }, [n, l, o]), u(() => {
-    p === void 0 && o("payPeriodPreviewRange", t);
-  }, [t, o, p]), y !== "EDIT_PAY_SCHEDULE" && y !== "ADD_PAY_SCHEDULE" ? null : /* @__PURE__ */ a("div", { className: i.payScheduleContainer, children: /* @__PURE__ */ m(x, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
-    /* @__PURE__ */ a("div", { className: i.payScheduleForm, children: /* @__PURE__ */ m(h, { flexDirection: "column", children: [
-      /* @__PURE__ */ a(F, { name: "customName", label: "Name" }),
-      /* @__PURE__ */ a(
-        P,
+import { DatePickerField as w } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+const J = () => {
+  const d = R(), { t: e } = T("Company.PaySchedule"), { payPeriodPreview: t, mode: p, payPreviewLoading: b } = x(), { setValue: o } = S(), [a, g] = N(0), i = u({ name: "frequency" }), l = u({ name: "customTwicePerMonth" }), y = u({ name: "payPeriodPreviewRange" }), q = i === "Twice per month" && l === "custom" || i === "Monthly", C = i === "Twice per month" && l === "custom";
+  return h(() => {
+    i === "Twice per month" && l === "1st15th" && (o("day1", 15), o("day2", 31));
+  }, [i, l, o]), h(() => {
+    y === void 0 && o("payPeriodPreviewRange", a);
+  }, [a, o, y]), p !== "EDIT_PAY_SCHEDULE" && p !== "ADD_PAY_SCHEDULE" ? null : /* @__PURE__ */ r("div", { className: n.payScheduleContainer, children: /* @__PURE__ */ m(E, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
+    /* @__PURE__ */ r("div", { className: n.payScheduleForm, children: /* @__PURE__ */ m(f, { flexDirection: "column", children: [
+      /* @__PURE__ */ r(O, { name: "customName", label: "Name", isRequired: !0 }),
+      /* @__PURE__ */ r(
+        v,
         {
           name: "frequency",
           label: e("labels.frequency"),
@@ -32,11 +33,12 @@ const z = () => {
             { value: "Every other week", label: e("frequencies.everyOtherWeek") },
             { value: "Twice per month", label: e("frequencies.twicePerMonth") },
             { value: "Monthly", label: e("frequencies.monthly") }
-          ]
+          ],
+          isRequired: !0
         }
       ),
-      n === "Twice per month" && /* @__PURE__ */ a(
-        M,
+      i === "Twice per month" && /* @__PURE__ */ r(
+        F,
         {
           name: "customTwicePerMonth",
           label: e("labels.frequencyOptions"),
@@ -47,69 +49,81 @@ const z = () => {
           ]
         }
       ),
-      /* @__PURE__ */ a(
-        v,
+      /* @__PURE__ */ r(
+        w,
         {
           name: "anchorPayDate",
           label: e("labels.firstPayDate"),
-          description: e("descriptions.anchorPayDateDescription")
+          description: e("descriptions.anchorPayDateDescription"),
+          isRequired: !0
         }
       ),
-      /* @__PURE__ */ a(
-        v,
+      /* @__PURE__ */ r(
+        w,
         {
           name: "anchorEndOfPayPeriod",
           label: e("labels.firstPayPeriodEndDate"),
-          description: e("descriptions.anchorEndOfPayPeriodDescription")
+          description: e("descriptions.anchorEndOfPayPeriodDescription"),
+          isRequired: !0
         }
       ),
-      /* @__PURE__ */ a("div", { className: C ? "" : i.visuallyHidden, children: /* @__PURE__ */ a(D, { name: "day1", label: e("labels.firstPayDayOfTheMonth") }) }),
-      /* @__PURE__ */ a("div", { className: S ? "" : i.visuallyHidden, children: /* @__PURE__ */ a(D, { name: "day2", label: e("labels.lastPayDayOfTheMonth") }) })
+      /* @__PURE__ */ r("div", { className: q ? "" : n.visuallyHidden, children: /* @__PURE__ */ r(D, { name: "day1", label: e("labels.firstPayDayOfTheMonth"), isRequired: !0 }) }),
+      /* @__PURE__ */ r("div", { className: C ? "" : n.visuallyHidden, children: /* @__PURE__ */ r(D, { name: "day2", label: e("labels.lastPayDayOfTheMonth"), isRequired: !0 }) })
     ] }) }),
-    /* @__PURE__ */ a(h, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: r && r[t] && /* @__PURE__ */ m("div", { className: i.calendarContainer, children: [
-      !w && /* @__PURE__ */ a(
-        P,
+    /* @__PURE__ */ r(f, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: t && t[a] ? /* @__PURE__ */ m("div", { className: n.calendarContainer, children: [
+      !b && /* @__PURE__ */ r(
+        v,
         {
           name: "payPeriodPreviewRange",
           label: e("labels.preview"),
-          options: r.map((s, c) => ({
+          options: t.map((s, c) => ({
             value: String(c),
-            label: `${f(s.startDate)} – ${f(s.endDate)}`
+            label: `${P(s.startDate)} – ${P(s.endDate)}`
           })),
-          defaultValue: String(t),
+          defaultValue: String(a),
           onChange: (s) => {
             const c = Number(s);
             isNaN(c) || g(c);
           }
         }
       ),
-      /* @__PURE__ */ a(
-        b.CalendarPreview,
+      /* @__PURE__ */ r(
+        d.CalendarPreview,
         {
           dateRange: {
-            start: new Date(r[t].startDate),
-            end: new Date(r[t].endDate),
+            start: new Date(t[a].startDate),
+            end: new Date(t[a].endDate),
             label: e("payPreview.payPeriod") || "Pay Period"
           },
           highlightDates: [
             {
-              date: new Date(r[t].checkDate),
+              date: new Date(t[a].checkDate),
               highlightColor: "primary",
               label: e("payPreview.payday") || "Payday"
             },
             {
-              date: new Date(r[t].runPayrollBy),
+              date: new Date(t[a].runPayrollBy),
               highlightColor: "secondary",
               label: e("payPreview.payrollDeadline") || "Payroll Deadline"
             }
           ]
         },
-        t
+        a
       )
-    ] }) })
+    ] }) : /* @__PURE__ */ r("div", { className: n.calendarContainer, children: /* @__PURE__ */ r(
+      d.Alert,
+      {
+        status: "info",
+        label: e("previewAlert.title", "Pay Schedule Preview"),
+        children: /* @__PURE__ */ r(d.Text, { children: e(
+          "previewAlert.description",
+          "Complete all the required fields on the left to see a preview of your pay schedule."
+        ) })
+      }
+    ) }) })
   ] }) });
 };
 export {
-  z as Edit
+  J as Edit
 };
 //# sourceMappingURL=Edit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Edit.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect, useState } from 'react'\nimport type { PayScheduleInputs } from '../usePaySchedule'\nimport { usePaySchedule } from '../usePaySchedule'\nimport style from './Edit.module.scss'\nimport {\n  Flex,\n  SelectField,\n  RadioGroupField,\n  Grid,\n  TextInputField,\n  NumberInputField,\n  DatePickerField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateNamedWeekdayShortPlusDate } from '@/helpers/dateFormatting'\n\nexport const Edit = () => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('Company.PaySchedule')\n  const { payPeriodPreview, mode, payPreviewLoading } = usePaySchedule()\n  const { setValue } = useFormContext<PayScheduleInputs>()\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState<number>(0)\n\n  const frequency = useWatch({ name: 'frequency' })\n  const customTwicePerMonth = useWatch({ name: 'customTwicePerMonth' })\n  const payPeriodPreviewRange = useWatch({ name: 'payPeriodPreviewRange' })\n\n  const shouldShowDay1 =\n    (frequency === 'Twice per month' && customTwicePerMonth === 'custom') || frequency === 'Monthly'\n  const shouldShowDay2 = frequency === 'Twice per month' && customTwicePerMonth === 'custom'\n\n  useEffect(() => {\n    if (frequency === 'Twice per month' && customTwicePerMonth === '1st15th') {\n      setValue('day1', 15)\n      setValue('day2', 31)\n    }\n  }, [frequency, customTwicePerMonth, setValue])\n\n  // This is a workaround to ensure that the pay period preview range is set when the selected pay period index changes\n  // TODO: Once we have a RHF free select, that can be used and this effect can be removed\n  useEffect(() => {\n    if (payPeriodPreviewRange === undefined) {\n      setValue('payPeriodPreviewRange', selectedPayPeriodIndex)\n    }\n  }, [selectedPayPeriodIndex, setValue, payPeriodPreviewRange])\n\n  if (mode !== 'EDIT_PAY_SCHEDULE' && mode !== 'ADD_PAY_SCHEDULE') {\n    return null\n  }\n\n  return (\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            <TextInputField name=\"customName\" label=\"Name\" />\n            <SelectField\n              name=\"frequency\"\n              label={t('labels.frequency')}\n              options={[\n                { value: 'Every week', label: t('frequencies.everyWeek') },\n                { value: 'Every other week', label: t('frequencies.everyOtherWeek') },\n                { value: 'Twice per month', label: t('frequencies.twicePerMonth') },\n                { value: 'Monthly', label: t('frequencies.monthly') },\n              ]}\n            />\n            {frequency === 'Twice per month' && (\n              <RadioGroupField\n                name=\"customTwicePerMonth\"\n                label={t('labels.frequencyOptions')}\n                description={t('descriptions.frequencyOptionsDescription')}\n                options={[\n                  { value: '1st15th', label: t('frequencyOptions.15thAndLast') },\n                  { value: 'custom', label: t('frequencyOptions.custom') },\n                ]}\n              />\n            )}\n            <DatePickerField\n              name=\"anchorPayDate\"\n              label={t('labels.firstPayDate')}\n              description={t('descriptions.anchorPayDateDescription')}\n            />\n            <DatePickerField\n              name=\"anchorEndOfPayPeriod\"\n              label={t('labels.firstPayPeriodEndDate')}\n              description={t('descriptions.anchorEndOfPayPeriodDescription')}\n            />\n            <div className={shouldShowDay1 ? '' : style.visuallyHidden}>\n              <NumberInputField name=\"day1\" label={t('labels.firstPayDayOfTheMonth')} />\n            </div>\n            <div className={shouldShowDay2 ? '' : style.visuallyHidden}>\n              <NumberInputField name=\"day2\" label={t('labels.lastPayDayOfTheMonth')} />\n            </div>\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                <SelectField\n                  name=\"payPeriodPreviewRange\"\n                  label={t('labels.preview')}\n                  options={payPeriodPreview.map((period, index) => {\n                    return {\n                      value: String(index),\n                      label: `${formatDateNamedWeekdayShortPlusDate(period.startDate)} – ${formatDateNamedWeekdayShortPlusDate(period.endDate)}`,\n                    }\n                  })}\n                  defaultValue={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(payPeriodPreview[selectedPayPeriodIndex].startDate as string),\n                  end: new Date(payPeriodPreview[selectedPayPeriodIndex].endDate as string),\n                  label: t('payPreview.payPeriod') || 'Pay Period',\n                }}\n                highlightDates={[\n                  {\n                    date: new Date(payPeriodPreview[selectedPayPeriodIndex].checkDate as string),\n                    highlightColor: 'primary',\n                    label: t('payPreview.payday') || 'Payday',\n                  },\n                  {\n                    date: new Date(payPeriodPreview[selectedPayPeriodIndex].runPayrollBy as string),\n                    highlightColor: 'secondary',\n                    label: t('payPreview.payrollDeadline') || 'Payroll Deadline',\n                  },\n                ]}\n              />\n            </div>\n          )}\n        </Flex>\n      </Grid>\n    </div>\n  )\n}\n"],"names":["Edit","Components","useComponentContext","t","useTranslation","payPeriodPreview","mode","payPreviewLoading","usePaySchedule","setValue","useFormContext","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","frequency","useWatch","customTwicePerMonth","payPeriodPreviewRange","shouldShowDay1","shouldShowDay2","useEffect","jsx","style","jsxs","Grid","Flex","TextInputField","SelectField","RadioGroupField","DatePickerField","NumberInputField","period","index","formatDateNamedWeekdayShortPlusDate","value","numericValue"],"mappings":"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"}
+{"version":3,"file":"Edit.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Edit.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect, useState } from 'react'\nimport type { PayScheduleInputs } from '../usePaySchedule'\nimport { usePaySchedule } from '../usePaySchedule'\nimport style from './Edit.module.scss'\nimport {\n  Flex,\n  SelectField,\n  RadioGroupField,\n  Grid,\n  TextInputField,\n  NumberInputField,\n  DatePickerField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateNamedWeekdayShortPlusDate } from '@/helpers/dateFormatting'\n\nexport const Edit = () => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('Company.PaySchedule')\n  const { payPeriodPreview, mode, payPreviewLoading } = usePaySchedule()\n  const { setValue } = useFormContext<PayScheduleInputs>()\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState<number>(0)\n\n  const frequency = useWatch({ name: 'frequency' })\n  const customTwicePerMonth = useWatch({ name: 'customTwicePerMonth' })\n  const payPeriodPreviewRange = useWatch({ name: 'payPeriodPreviewRange' })\n\n  const shouldShowDay1 =\n    (frequency === 'Twice per month' && customTwicePerMonth === 'custom') || frequency === 'Monthly'\n  const shouldShowDay2 = frequency === 'Twice per month' && customTwicePerMonth === 'custom'\n\n  useEffect(() => {\n    if (frequency === 'Twice per month' && customTwicePerMonth === '1st15th') {\n      setValue('day1', 15)\n      setValue('day2', 31)\n    }\n  }, [frequency, customTwicePerMonth, setValue])\n\n  // This is a workaround to ensure that the pay period preview range is set when the selected pay period index changes\n  // TODO: Once we have a RHF free select, that can be used and this effect can be removed\n  useEffect(() => {\n    if (payPeriodPreviewRange === undefined) {\n      setValue('payPeriodPreviewRange', selectedPayPeriodIndex)\n    }\n  }, [selectedPayPeriodIndex, setValue, payPeriodPreviewRange])\n\n  if (mode !== 'EDIT_PAY_SCHEDULE' && mode !== 'ADD_PAY_SCHEDULE') {\n    return null\n  }\n\n  return (\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            <TextInputField name=\"customName\" label=\"Name\" isRequired />\n            <SelectField\n              name=\"frequency\"\n              label={t('labels.frequency')}\n              options={[\n                { value: 'Every week', label: t('frequencies.everyWeek') },\n                { value: 'Every other week', label: t('frequencies.everyOtherWeek') },\n                { value: 'Twice per month', label: t('frequencies.twicePerMonth') },\n                { value: 'Monthly', label: t('frequencies.monthly') },\n              ]}\n              isRequired\n            />\n            {frequency === 'Twice per month' && (\n              <RadioGroupField\n                name=\"customTwicePerMonth\"\n                label={t('labels.frequencyOptions')}\n                description={t('descriptions.frequencyOptionsDescription')}\n                options={[\n                  { value: '1st15th', label: t('frequencyOptions.15thAndLast') },\n                  { value: 'custom', label: t('frequencyOptions.custom') },\n                ]}\n              />\n            )}\n            <DatePickerField\n              name=\"anchorPayDate\"\n              label={t('labels.firstPayDate')}\n              description={t('descriptions.anchorPayDateDescription')}\n              isRequired\n            />\n            <DatePickerField\n              name=\"anchorEndOfPayPeriod\"\n              label={t('labels.firstPayPeriodEndDate')}\n              description={t('descriptions.anchorEndOfPayPeriodDescription')}\n              isRequired\n            />\n            <div className={shouldShowDay1 ? '' : style.visuallyHidden}>\n              <NumberInputField name=\"day1\" label={t('labels.firstPayDayOfTheMonth')} isRequired />\n            </div>\n            <div className={shouldShowDay2 ? '' : style.visuallyHidden}>\n              <NumberInputField name=\"day2\" label={t('labels.lastPayDayOfTheMonth')} isRequired />\n            </div>\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                <SelectField\n                  name=\"payPeriodPreviewRange\"\n                  label={t('labels.preview')}\n                  options={payPeriodPreview.map((period, index) => {\n                    return {\n                      value: String(index),\n                      label: `${formatDateNamedWeekdayShortPlusDate(period.startDate)} – ${formatDateNamedWeekdayShortPlusDate(period.endDate)}`,\n                    }\n                  })}\n                  defaultValue={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(payPeriodPreview[selectedPayPeriodIndex].startDate as string),\n                  end: new Date(payPeriodPreview[selectedPayPeriodIndex].endDate as string),\n                  label: t('payPreview.payPeriod') || 'Pay Period',\n                }}\n                highlightDates={[\n                  {\n                    date: new Date(payPeriodPreview[selectedPayPeriodIndex].checkDate as string),\n                    highlightColor: 'primary',\n                    label: t('payPreview.payday') || 'Payday',\n                  },\n                  {\n                    date: new Date(payPeriodPreview[selectedPayPeriodIndex].runPayrollBy as string),\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  )\n}\n"],"names":["Edit","Components","useComponentContext","t","useTranslation","payPeriodPreview","mode","payPreviewLoading","usePaySchedule","setValue","useFormContext","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","frequency","useWatch","customTwicePerMonth","payPeriodPreviewRange","shouldShowDay1","shouldShowDay2","useEffect","jsx","style","jsxs","Grid","Flex","TextInputField","SelectField","RadioGroupField","DatePickerField","NumberInputField","period","index","formatDateNamedWeekdayShortPlusDate","value","numericValue"],"mappings":"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"}

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

@@ -2,8 +2,9 @@ import { jsx as e, jsxs as r, Fragment as o } from "react/jsx-runtime";
 import { useTranslation as c, Trans as a } from "react-i18next";
 import { usePaySchedule as d } from "../usePaySchedule.js";
 import { Flex as h } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const y = () => {
+const D = () => {
   const { t } = c("Company.PaySchedule"), n = l(), { mode: s } = d();
   let i = /* @__PURE__ */ e(o, {});
   switch (s) {
@@ -42,6 +43,6 @@ const y = () => {
   return /* @__PURE__ */ e(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ e("header", { children: i }) });
 };
 export {
-  y as Head
+  D as Head
 };
 //# sourceMappingURL=Head.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for PaySchedule component\nexport const Head = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n\n  const { mode } = usePaySchedule()\n  let headingOutput: React.ReactElement = <></>\n\n  switch (mode) {\n    case 'LIST_PAY_SCHEDULES':\n      headingOutput = (\n        <>\n          <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n          <Components.Text>\n            <Trans\n              i18nKey={'listDescription'}\n              t={t}\n              components={{\n                how_to_choose_schedule: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n          <Components.Text>\n            <Trans\n              i18nKey={'listDescription2'}\n              t={t}\n              components={{\n                payment_law_doc: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        </>\n      )\n      break\n    case 'ADD_PAY_SCHEDULE':\n      headingOutput = (\n        <Components.Heading as=\"h2\">{t('headings.addPaySchedule')}</Components.Heading>\n      )\n      break\n    case 'EDIT_PAY_SCHEDULE':\n      headingOutput = (\n        <Components.Heading as=\"h2\">{t('headings.editPaySchedule')}</Components.Heading>\n      )\n      break\n    default:\n  }\n\n  return (\n    <Flex justifyContent=\"space-between\" flexDirection={'column'} gap={4}>\n      <header>{headingOutput}</header>\n    </Flex>\n  )\n}\n"],"names":["Head","useTranslation","Components","useComponentContext","mode","usePaySchedule","headingOutput","jsx","Fragment","jsxs","Trans","Flex"],"mappings":";;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB,GAEjC,EAAE,MAAAC,EAAK,IAAIC,EAAe;AAChC,MAAIC,IAAsC,gBAAAC,EAAAC,GAAA,EAAA;AAE1C,UAAQJ,GAAM;AAAA,IACZ,KAAK;AACH,MAAAE,IAEI,gBAAAG,EAAAD,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAD,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,QACrD,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,wBAAwB,gBAAAH,EAACL,EAAW,MAAX,CAAgB,CAAA;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,iBAAiB,gBAAAH,EAACL,EAAW,MAAX,CAAgB,CAAA;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA,GACF;AAEF;AAAA,IACF,KAAK;AAED,MAAAI,IAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,yBAAyB,GAAE;AAE5D;AAAA,IACF,KAAK;AAED,MAAAI,IAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,0BAA0B,GAAE;AAE7D;AAAA,EACF;AAIA,SAAA,gBAAAK,EAACI,GAAK,EAAA,gBAAe,iBAAgB,eAAe,UAAU,KAAK,GACjE,UAAA,gBAAAJ,EAAC,UAAQ,EAAA,UAAAD,EAAc,CAAA,GACzB;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for PaySchedule component\nexport const Head = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n\n  const { mode } = usePaySchedule()\n  let headingOutput: React.ReactElement = <></>\n\n  switch (mode) {\n    case 'LIST_PAY_SCHEDULES':\n      headingOutput = (\n        <>\n          <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n          <Components.Text>\n            <Trans\n              i18nKey={'listDescription'}\n              t={t}\n              components={{\n                how_to_choose_schedule: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n          <Components.Text>\n            <Trans\n              i18nKey={'listDescription2'}\n              t={t}\n              components={{\n                payment_law_doc: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        </>\n      )\n      break\n    case 'ADD_PAY_SCHEDULE':\n      headingOutput = (\n        <Components.Heading as=\"h2\">{t('headings.addPaySchedule')}</Components.Heading>\n      )\n      break\n    case 'EDIT_PAY_SCHEDULE':\n      headingOutput = (\n        <Components.Heading as=\"h2\">{t('headings.editPaySchedule')}</Components.Heading>\n      )\n      break\n    default:\n  }\n\n  return (\n    <Flex justifyContent=\"space-between\" flexDirection={'column'} gap={4}>\n      <header>{headingOutput}</header>\n    </Flex>\n  )\n}\n"],"names":["Head","useTranslation","Components","useComponentContext","mode","usePaySchedule","headingOutput","jsx","Fragment","jsxs","Trans","Flex"],"mappings":";;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB,GAEjC,EAAE,MAAAC,EAAK,IAAIC,EAAe;AAChC,MAAIC,IAAsC,gBAAAC,EAAAC,GAAA,EAAA;AAE1C,UAAQJ,GAAM;AAAA,IACZ,KAAK;AACH,MAAAE,IAEI,gBAAAG,EAAAD,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAD,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,QACrD,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,wBAAwB,gBAAAH,EAACL,EAAW,MAAX,CAAgB,CAAA;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,iBAAiB,gBAAAH,EAACL,EAAW,MAAX,CAAgB,CAAA;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA,GACF;AAEF;AAAA,IACF,KAAK;AAED,MAAAI,IAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,yBAAyB,GAAE;AAE5D;AAAA,IACF,KAAK;AAED,MAAAI,IAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,0BAA0B,GAAE;AAE7D;AAAA,EACF;AAIA,SAAA,gBAAAK,EAACI,GAAK,EAAA,gBAAe,iBAAgB,eAAe,UAAU,KAAK,GACjE,UAAA,gBAAAJ,EAAC,UAAQ,EAAA,UAAAD,EAAc,CAAA,GACzB;AAEJ;"}

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

@@ -3,15 +3,16 @@ import { useTranslation as h } from "react-i18next";
 import { usePaySchedule as y } from "../usePaySchedule.js";
 import o from "./List.module.scss.js";
 import { Flex as s } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import f from "../../../../assets/icons/pencil.svg.js";
 import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { HamburgerMenu as v } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { VisuallyHidden as g } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
 import { useDataView as L } from "../../../Common/DataView/useDataView.js";
 import { DataView as C } from "../../../Common/DataView/DataView.js";
-const H = () => {
-  const { t: n } = h("Company.PaySchedule"), r = S(), { paySchedules: c, mode: m, handleEdit: l } = y(), { ...d } = L({
-    data: c || [],
+const B = () => {
+  const { t: n } = h("Company.PaySchedule"), r = S(), { paySchedules: m, mode: c, handleEdit: l } = y(), { ...d } = L({
+    data: m || [],
     columns: [
       {
         title: n("payScheduleList.name"),
@@ -49,9 +50,9 @@ const H = () => {
       }
     )
   });
-  return m !== "LIST_PAY_SCHEDULES" ? null : /* @__PURE__ */ e(C, { label: "test", ...d });
+  return c !== "LIST_PAY_SCHEDULES" ? null : /* @__PURE__ */ e(C, { label: "test", ...d });
 };
 export {
-  H as List
+  B as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport styles from './List.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const { paySchedules, mode, handleEdit } = usePaySchedule()\n\n  const { ...dataViewProps } = useDataView({\n    data: paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection={'column'} gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => {\n      return (\n        <HamburgerMenu\n          triggerLabel=\"Actions\"\n          items={[\n            {\n              label: t('payScheduleList.edit'),\n              onClick: () => {\n                handleEdit(schedule)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST_PAY_SCHEDULES') {\n    return null\n  }\n\n  return <DataView label=\"test\" {...dataViewProps} />\n}\n"],"names":["List","t","useTranslation","Components","useComponentContext","paySchedules","mode","handleEdit","usePaySchedule","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":";;;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB,GACjC,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAe,GAEpD,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAC;AAAA,IACvB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAYU,MAAA;AACZ,gBAAAC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACjD,UAAAE,KAAeA,EAAY,SAAS,IACxBA,IAAAA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAEhC,iBAAA,gBAAAI,EAACC,GAAK,EAAA,eAAe,UAAU,KAAK,GAClC,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAYF,EAAA,CAAA;AAAA,YACjBD,KAAY,gBAAAG,EAAA,OAAA,EAAK,UAAiBD,EAAA,CAAA;AAAA,UAAA,EAAA,CACrC,EACF,CAAA;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAgB,EAAA,UAAAlB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACL,gBAAAI,EAAAC,GAAA,EAAK,YAAY,UAAU,gBAAgB,UAC1C,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACP,gBAAAI,EAAAZ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,wBAAwB,EAAE,CAAA,IAE/D,gBAAAc,EAAAZ,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAAF,EAAE,0BAA0B,GAAE,GAEnE,EACF,CAAA;AAAA,MAAA;AAAA,IAGN;AAAA,IACA,UAAU,CAAYU,MAElB,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,OAAOnB,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAM,EAAWI,CAAQ;AAAA,YACrB;AAAA,YACA,MAAM,gBAAAI,EAACM,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EAEJ,CACD;AAED,SAAIf,MAAS,uBACJ,OAGD,gBAAAS,EAAAO,GAAA,EAAS,OAAM,QAAQ,GAAGb,GAAe;AACnD;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport styles from './List.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const { paySchedules, mode, handleEdit } = usePaySchedule()\n\n  const { ...dataViewProps } = useDataView({\n    data: paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection={'column'} gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => {\n      return (\n        <HamburgerMenu\n          triggerLabel=\"Actions\"\n          items={[\n            {\n              label: t('payScheduleList.edit'),\n              onClick: () => {\n                handleEdit(schedule)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST_PAY_SCHEDULES') {\n    return null\n  }\n\n  return <DataView label=\"test\" {...dataViewProps} />\n}\n"],"names":["List","t","useTranslation","Components","useComponentContext","paySchedules","mode","handleEdit","usePaySchedule","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":";;;;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB,GACjC,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAe,GAEpD,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAC;AAAA,IACvB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAYU,MAAA;AACZ,gBAAAC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACjD,UAAAE,KAAeA,EAAY,SAAS,IACxBA,IAAAA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAEhC,iBAAA,gBAAAI,EAACC,GAAK,EAAA,eAAe,UAAU,KAAK,GAClC,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAYF,EAAA,CAAA;AAAA,YACjBD,KAAY,gBAAAG,EAAA,OAAA,EAAK,UAAiBD,EAAA,CAAA;AAAA,UAAA,EAAA,CACrC,EACF,CAAA;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAgB,EAAA,UAAAlB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACL,gBAAAI,EAAAC,GAAA,EAAK,YAAY,UAAU,gBAAgB,UAC1C,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACP,gBAAAI,EAAAZ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,wBAAwB,EAAE,CAAA,IAE/D,gBAAAc,EAAAZ,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAAF,EAAE,0BAA0B,GAAE,GAEnE,EACF,CAAA;AAAA,MAAA;AAAA,IAGN;AAAA,IACA,UAAU,CAAYU,MAElB,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,OAAOnB,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAM,EAAWI,CAAQ;AAAA,YACrB;AAAA,YACA,MAAM,gBAAAI,EAACM,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EAEJ,CACD;AAED,SAAIf,MAAS,uBACJ,OAGD,gBAAAS,EAAAO,GAAA,EAAS,OAAM,QAAQ,GAAGb,GAAe;AACnD;"}

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

@@ -9,10 +9,11 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
 import "../../../shared/constants.js";
+import "classnames";
 import "dompurify";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as e } from "../../Base/createCompoundContext.js";
-const s = o.object({
+const w = o.object({
   frequency: o.enum(["Every week", "Every other week", "Twice per month", "Monthly"]),
   anchorPayDate: o.date().optional(),
   anchorEndOfPayPeriod: o.date().optional(),
@@ -21,10 +22,10 @@ const s = o.object({
   customName: o.string().optional(),
   customTwicePerMonth: o.string().optional(),
   payPeriodPreviewRange: o.number().optional()
-}), [w, x] = e("PayScheduleContext");
+}), [x, S] = e("PayScheduleContext");
 export {
-  x as PayScheduleProvider,
-  s as PayScheduleSchema,
-  w as usePaySchedule
+  S as PayScheduleProvider,
+  w as PayScheduleSchema,
+  x as usePaySchedule
 };
 //# sourceMappingURL=usePaySchedule.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  paySchedules: PayScheduleList[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PayPeriods[]\n  payPreviewLoading?: boolean\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n  payPeriodPreviewRange: z.number().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AA2Ba,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAK,EAAE,SAAS;AAAA,EACjC,sBAAsBA,EAAE,KAAK,EAAE,SAAS;AAAA,EACxC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,YAAYA,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,qBAAqBA,EAAE,OAAO,EAAE,SAAS;AAAA,EACzC,uBAAuBA,EAAE,OAAO,EAAE,SAAS;AAC7C,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}
+{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  paySchedules: PayScheduleList[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PayPeriods[]\n  payPreviewLoading?: boolean\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n  payPeriodPreviewRange: z.number().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AA2Ba,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAK,EAAE,SAAS;AAAA,EACjC,sBAAsBA,EAAE,KAAK,EAAE,SAAS;AAAA,EACxC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,YAAYA,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,qBAAqBA,EAAE,OAAO,EAAE,SAAS;AAAA,EACzC,uBAAuBA,EAAE,OAAO,EAAE,SAAS;AAC7C,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}

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

@@ -1,16 +1,17 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { useTranslation as a } from "react-i18next";
 import { useStateTaxesForm as s } from "./context.js";
+import "classnames";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function d() {
-  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: e, isPending: r } = s(), o = c();
+function x() {
+  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: r, isPending: e } = s(), o = c();
   return /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ n(o.Button, { variant: "secondary", onClick: e, children: t("cancelCta") }),
-    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: r, children: t("saveCta") })
+    /* @__PURE__ */ n(o.Button, { variant: "secondary", onClick: r, children: t("cancelCta") }),
+    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: e, children: t("saveCta") })
   ] });
 }
 export {
-  d as Actions
+  x 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\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 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":";;;;;AAKO,SAASA,IAAU;AAClB,QAAA,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAU,IAAIC,EAAkB,GAChDC,IAAaC,EAAoB;AAEvC,2BACGC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAE,EAAA,WAAW,EAChB,CAAA;AAAA,IACC,gBAAAM,EAAAH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAE,EAAA,SAAS,EACd,CAAA;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\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 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":";;;;;;AAKO,SAASA,IAAU;AAClB,QAAA,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAU,IAAIC,EAAkB,GAChDC,IAAaC,EAAoB;AAEvC,2BACGC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAE,EAAA,WAAW,EAChB,CAAA;AAAA,IACC,gBAAAM,EAAAH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAE,EAAA,SAAS,EACd,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -8,12 +8,13 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
+import "classnames";
 import "dompurify";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [T, c] = t("StateTaxesFormContext");
+const [c, d] = t("StateTaxesFormContext");
 export {
-  c as StateTaxesFormProvider,
-  T as useStateTaxesForm
+  d as StateTaxesFormProvider,
+  c as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

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

@@ -1,13 +1,14 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import { useStateTaxesList as e } from "./context.js";
-import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function f() {
-  const { t: o } = i("Company.StateTaxes"), n = m(), { handleContinue: r } = e();
-  return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n.Button, { variant: "primary", onClick: r, children: o("list.continueCta") }) });
+import "classnames";
+import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function l() {
+  const { t: o } = i("Company.StateTaxes"), n = s(), { handleContinue: r } = e();
+  return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(n.Button, { variant: "primary", onClick: r, children: o("list.continueCta") }) });
 }
 export {
-  f as Actions
+  l as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAoB,GACjC,EAAE,gBAAAC,EAAe,IAAIC,EAAkB;AAC7C,SACG,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAEJ,EAAA,kBAAkB,EACvB,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAoB,GACjC,EAAE,gBAAAC,EAAe,IAAIC,EAAkB;AAC7C,SACG,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAEJ,EAAA,kBAAkB,EACvB,CAAA,GACF;AAEJ;"}

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

@@ -1,13 +1,14 @@
 import { jsx as s, Fragment as p } from "react/jsx-runtime";
 import { useTranslation as o } from "react-i18next";
 import { useStateTaxesList as l } from "./context.js";
+import "classnames";
 import { EmptyData as c } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDataView as d } from "../../../Common/DataView/useDataView.js";
 import { DataView as C } from "../../../Common/DataView/DataView.js";
-const S = () => {
-  const { stateTaxRequirements: n, handleChange: r } = l(), a = u(), { t } = o("Company.StateTaxes", { keyPrefix: "list" }), { t: i } = o("common", { keyPrefix: "statesHash" }), { ...m } = d({
-    data: n,
+const k = () => {
+  const { stateTaxRequirements: r, handleChange: n } = l(), a = u(), { t } = o("Company.StateTaxes", { keyPrefix: "list" }), { t: i } = o("common", { keyPrefix: "statesHash" }), { ...m } = d({
+    data: r,
     columns: [
       {
         key: "state",
@@ -25,7 +26,7 @@ const S = () => {
       {
         variant: "secondary",
         onClick: () => {
-          r(e.state);
+          n(e.state);
         },
         children: e.setupComplete ? t("editStateTaxCta") : t("continueStateTaxSetupCta")
       }
@@ -35,6 +36,6 @@ const S = () => {
   return /* @__PURE__ */ s(C, { label: t("requirementsListLabel"), ...m });
 };
 export {
-  S as List
+  k as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const List = () => {\n  const { stateTaxRequirements, handleChange } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => {\n          return <span>{statesHash(requirement.state as (typeof STATES_ABBR)[number])}</span>\n        },\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          return (\n            <>\n              <Components.Badge status={requirement.setupComplete ? 'success' : 'warning'}>\n                {requirement.setupComplete ? t('completeBadge') : t('incompleteBadge')}\n              </Components.Badge>\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      return (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleChange(requirement.state)\n          }}\n        >\n          {requirement.setupComplete ? t('editStateTaxCta') : t('continueStateTaxSetupCta')}\n        </Components.Button>\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["List","stateTaxRequirements","handleChange","useStateTaxesList","Components","useComponentContext","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsx","EmptyData","DataView"],"mappings":";;;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,sBAAAC,GAAsB,cAAAC,EAAa,IAAIC,EAAkB,GAC3DC,IAAaC,EAAoB,GAEjC,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAeS,MACb,gBAAAC,EAAA,QAAA,EAAM,UAAWJ,EAAAG,EAAY,KAAqC,GAAE;AAAA,MAEhF;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAeA,6BAGjB,UAAC,gBAAAC,EAAAP,EAAW,OAAX,EAAiB,QAAQM,EAAY,gBAAgB,YAAY,WAC/D,UAAAA,EAAY,gBAAgB,EAAE,eAAe,IAAI,EAAE,iBAAiB,EACvE,CAAA,GACF;AAAA,MAEJ;AAAA,IAEJ;AAAA,IACA,UAAU,CAAeA,MAErB,gBAAAC;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAaQ,EAAY,KAAK;AAAA,QAChC;AAAA,QAEC,YAAY,gBAAgB,EAAE,iBAAiB,IAAI,EAAE,0BAA0B;AAAA,MAAA;AAAA,IAClF;AAAA,IAIJ,YAAY,MACV,gBAAAC,EAACC,GAAU,EAAA,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,EAAG,CAAA;AAAA,EAAA,CAEpF;AACD,2BAAQC,GAAS,EAAA,OAAO,EAAE,uBAAuB,GAAI,GAAGL,GAAe;AACzE;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const List = () => {\n  const { stateTaxRequirements, handleChange } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => {\n          return <span>{statesHash(requirement.state as (typeof STATES_ABBR)[number])}</span>\n        },\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          return (\n            <>\n              <Components.Badge status={requirement.setupComplete ? 'success' : 'warning'}>\n                {requirement.setupComplete ? t('completeBadge') : t('incompleteBadge')}\n              </Components.Badge>\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      return (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleChange(requirement.state)\n          }}\n        >\n          {requirement.setupComplete ? t('editStateTaxCta') : t('continueStateTaxSetupCta')}\n        </Components.Button>\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["List","stateTaxRequirements","handleChange","useStateTaxesList","Components","useComponentContext","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsx","EmptyData","DataView"],"mappings":";;;;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,sBAAAC,GAAsB,cAAAC,EAAa,IAAIC,EAAkB,GAC3DC,IAAaC,EAAoB,GAEjC,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAeS,MACb,gBAAAC,EAAA,QAAA,EAAM,UAAWJ,EAAAG,EAAY,KAAqC,GAAE;AAAA,MAEhF;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAeA,6BAGjB,UAAC,gBAAAC,EAAAP,EAAW,OAAX,EAAiB,QAAQM,EAAY,gBAAgB,YAAY,WAC/D,UAAAA,EAAY,gBAAgB,EAAE,eAAe,IAAI,EAAE,iBAAiB,EACvE,CAAA,GACF;AAAA,MAEJ;AAAA,IAEJ;AAAA,IACA,UAAU,CAAeA,MAErB,gBAAAC;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAaQ,EAAY,KAAK;AAAA,QAChC;AAAA,QAEC,YAAY,gBAAgB,EAAE,iBAAiB,IAAI,EAAE,0BAA0B;AAAA,MAAA;AAAA,IAClF;AAAA,IAIJ,YAAY,MACV,gBAAAC,EAACC,GAAU,EAAA,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,EAAG,CAAA;AAAA,EAAA,CAEpF;AACD,2BAAQC,GAAS,EAAA,OAAO,EAAE,uBAAuB,GAAI,GAAGL,GAAe;AACzE;"}

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

@@ -8,12 +8,13 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
+import "classnames";
 import "dompurify";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [T, c] = t("StateTaxesListContext");
+const [c, d] = t("StateTaxesListContext");
 export {
-  c as StateTaxesListProvider,
-  T as useStateTaxesList
+  d as StateTaxesListProvider,
+  c as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { ResponseBody } from '@gusto/embedded-api/models/operations/getv1companiescompanyuuidtaxrequirements'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: ResponseBody[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { ResponseBody } from '@gusto/embedded-api/models/operations/getv1companiescompanyuuidtaxrequirements'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: ResponseBody[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

package/dist/components/Contractor/Address/Address.js

@@ -11,6 +11,8 @@ import { Actions as f } from "./Actions.js";
 import { Form as N } from "../../Common/Form/Form.js";
 import { useComponentDictionary as j, useI18n as q } from "../../../i18n/I18n.js";
 import { Flex as w } from "../../Common/Flex/Flex.js";
+import "react-i18next";
+import "classnames";
 import { BaseComponent as G } from "../../Base/Base.js";
 import { useBase as M } from "../../Base/useBase.js";
 import { contractorEvents as a } from "../../../shared/constants.js";