@gusto/embedded-react-sdk 0.7.0 → 0.8.0

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

@@ -0,0 +1,62 @@
+import { jsxs as e, Fragment as d, jsx as o } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { usePaySchedule as m } from "../usePaySchedule.js";
+import { ActionsLayout as a } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const S = () => {
+  const { t: n } = l("Company.PaySchedule"), { mode: c, handleAdd: r, handleCancel: i, handleContinue: s } = m(), t = u();
+  return /* @__PURE__ */ e(d, { children: [
+    c === "LIST_PAY_SCHEDULES" && /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ o(
+        t.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            r();
+          },
+          children: n("addAnotherPayScheduleCta")
+        }
+      ),
+      /* @__PURE__ */ o(
+        t.Button,
+        {
+          variant: "primary",
+          onClick: () => {
+            s();
+          },
+          children: n("continueCta")
+        }
+      )
+    ] }),
+    c === "ADD_PAY_SCHEDULE" && /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ o(
+        t.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            i();
+          },
+          children: n("actions.cancel")
+        }
+      ),
+      /* @__PURE__ */ o(t.Button, { type: "submit", children: n("actions.save") })
+    ] }),
+    c === "EDIT_PAY_SCHEDULE" && /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ o(
+        t.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            i();
+          },
+          children: n("actions.cancel")
+        }
+      ),
+      /* @__PURE__ */ o(t.Button, { type: "submit", children: n("actions.save") })
+    ] })
+  ] });
+};
+export {
+  S as Actions
+};
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const { mode, handleAdd, handleCancel, handleContinue } = usePaySchedule()\n  const Components = useComponentContext()\n\n  return (\n    <>\n      {mode === 'LIST_PAY_SCHEDULES' && (\n        <ActionsLayout>\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              handleAdd()\n            }}\n          >\n            {t('addAnotherPayScheduleCta')}\n          </Components.Button>\n          <Components.Button\n            variant=\"primary\"\n            onClick={() => {\n              handleContinue()\n            }}\n          >\n            {t('continueCta')}\n          </Components.Button>\n        </ActionsLayout>\n      )}\n      {mode === 'ADD_PAY_SCHEDULE' && (\n        <ActionsLayout>\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              handleCancel()\n            }}\n          >\n            {t('actions.cancel')}\n          </Components.Button>\n          <Components.Button type=\"submit\">{t('actions.save')}</Components.Button>\n        </ActionsLayout>\n      )}\n      {mode === 'EDIT_PAY_SCHEDULE' && (\n        <ActionsLayout>\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              handleCancel()\n            }}\n          >\n            {t('actions.cancel')}\n          </Components.Button>\n          <Components.Button type=\"submit\">{t('actions.save')}</Components.Button>\n        </ActionsLayout>\n      )}\n    </>\n  )\n}\n"],"names":["Actions","t","useTranslation","mode","handleAdd","handleCancel","handleContinue","usePaySchedule","Components","useComponentContext","jsxs","Fragment","ActionsLayout","jsx"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,MAAAC,GAAM,WAAAC,GAAW,cAAAC,GAAc,gBAAAC,EAAA,IAAmBC,EAAe,GACnEC,IAAaC,EAAoB;AAEvC,SAEK,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAASR,MAAA,0CACPS,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACH,YAAAJ,EAAA;AAAA,UACZ;AAAA,UAEC,YAAE,0BAA0B;AAAA,QAAA;AAAA,MAC/B;AAAA,MACA,gBAAAS;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACE,YAAAF,EAAA;AAAA,UACjB;AAAA,UAEC,YAAE,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB,GACF;AAAA,IAEDH,MAAS,sBACR,gBAAAO,EAACE,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACA,YAAAH,EAAA;AAAA,UACf;AAAA,UAEC,YAAE,gBAAgB;AAAA,QAAA;AAAA,MACrB;AAAA,MACA,gBAAAQ,EAACL,EAAW,QAAX,EAAkB,MAAK,UAAU,UAAAP,EAAE,cAAc,EAAE,CAAA;AAAA,IAAA,GACtD;AAAA,IAEDE,MAAS,uBACR,gBAAAO,EAACE,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACA,YAAAH,EAAA;AAAA,UACf;AAAA,UAEC,YAAE,gBAAgB;AAAA,QAAA;AAAA,MACrB;AAAA,MACA,gBAAAQ,EAACL,EAAW,QAAX,EAAkB,MAAK,UAAU,UAAAP,EAAE,cAAc,EAAE,CAAA;AAAA,IAAA,EACtD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/PaySchedule/_parts/Edit.d.ts

@@ -0,0 +1 @@
+export declare const Edit: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,115 @@
+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 { 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,
+        {
+          name: "frequency",
+          label: e("labels.frequency"),
+          options: [
+            { value: "Every week", label: e("frequencies.everyWeek") },
+            { value: "Every other week", label: e("frequencies.everyOtherWeek") },
+            { value: "Twice per month", label: e("frequencies.twicePerMonth") },
+            { value: "Monthly", label: e("frequencies.monthly") }
+          ]
+        }
+      ),
+      n === "Twice per month" && /* @__PURE__ */ a(
+        M,
+        {
+          name: "customTwicePerMonth",
+          label: e("labels.frequencyOptions"),
+          description: e("descriptions.frequencyOptionsDescription"),
+          options: [
+            { value: "1st15th", label: e("frequencyOptions.15thAndLast") },
+            { value: "custom", label: e("frequencyOptions.custom") }
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        v,
+        {
+          name: "anchorPayDate",
+          label: e("labels.firstPayDate"),
+          description: e("descriptions.anchorPayDateDescription")
+        }
+      ),
+      /* @__PURE__ */ a(
+        v,
+        {
+          name: "anchorEndOfPayPeriod",
+          label: e("labels.firstPayPeriodEndDate"),
+          description: e("descriptions.anchorEndOfPayPeriodDescription")
+        }
+      ),
+      /* @__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__ */ 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,
+        {
+          name: "payPeriodPreviewRange",
+          label: e("labels.preview"),
+          options: r.map((s, c) => ({
+            value: String(c),
+            label: `${f(s.startDate)} – ${f(s.endDate)}`
+          })),
+          defaultValue: String(t),
+          onChange: (s) => {
+            const c = Number(s);
+            isNaN(c) || g(c);
+          }
+        }
+      ),
+      /* @__PURE__ */ a(
+        b.CalendarPreview,
+        {
+          dateRange: {
+            start: new Date(r[t].startDate),
+            end: new Date(r[t].endDate),
+            label: e("payPreview.payPeriod") || "Pay Period"
+          },
+          highlightDates: [
+            {
+              date: new Date(r[t].checkDate),
+              highlightColor: "primary",
+              label: e("payPreview.payday") || "Payday"
+            },
+            {
+              date: new Date(r[t].runPayrollBy),
+              highlightColor: "secondary",
+              label: e("payPreview.payrollDeadline") || "Payroll Deadline"
+            }
+          ]
+        },
+        t
+      )
+    ] }) })
+  ] }) });
+};
+export {
+  z as Edit
+};
+//# sourceMappingURL=Edit.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,14 @@
+const a = "_payScheduleContainer_15aaq_1", e = "_payScheduleForm_15aaq_5", n = "_visuallyHidden_15aaq_9", l = "_calendarContainer_15aaq_13", d = {
+  payScheduleContainer: a,
+  payScheduleForm: e,
+  visuallyHidden: n,
+  calendarContainer: l
+};
+export {
+  l as calendarContainer,
+  d as default,
+  a as payScheduleContainer,
+  e as payScheduleForm,
+  n as visuallyHidden
+};
+//# sourceMappingURL=Edit.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Company/PaySchedule/_parts/Head.d.ts

@@ -0,0 +1 @@
+export declare const Head: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,47 @@
+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 { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const y = () => {
+  const { t } = c("Company.PaySchedule"), n = l(), { mode: s } = d();
+  let i = /* @__PURE__ */ e(o, {});
+  switch (s) {
+    case "LIST_PAY_SCHEDULES":
+      i = /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("headings.pageTitle") }),
+        /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
+          a,
+          {
+            i18nKey: "listDescription",
+            t,
+            components: {
+              how_to_choose_schedule: /* @__PURE__ */ e(n.Link, {})
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
+          a,
+          {
+            i18nKey: "listDescription2",
+            t,
+            components: {
+              payment_law_doc: /* @__PURE__ */ e(n.Link, {})
+            }
+          }
+        ) })
+      ] });
+      break;
+    case "ADD_PAY_SCHEDULE":
+      i = /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("headings.addPaySchedule") });
+      break;
+    case "EDIT_PAY_SCHEDULE":
+      i = /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("headings.editPaySchedule") });
+      break;
+  }
+  return /* @__PURE__ */ e(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ e("header", { children: i }) });
+};
+export {
+  y as Head
+};
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +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;"}

package/dist/components/Company/PaySchedule/_parts/List.d.ts

@@ -0,0 +1 @@
+export declare const List: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,60 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { useTranslation as h } from "react-i18next";
+import { usePaySchedule as y } from "../usePaySchedule.js";
+import { Flex as o } from "../../../Common/Flex/Flex.js";
+import f from "../../../../assets/icons/pencil.svg.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { HamburgerMenu as L } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { VisuallyHidden as s } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
+import { useDataView as g } from "../../../Common/DataView/useDataView.js";
+import { DataView as v } from "../../../Common/DataView/DataView.js";
+const A = () => {
+  const { t: r } = h("Company.PaySchedule"), n = S(), { paySchedules: c, mode: m, handleEdit: l } = y(), { ...d } = g({
+    data: c || [],
+    columns: [
+      {
+        title: r("payScheduleList.name"),
+        key: "customName",
+        render: (t) => {
+          const a = !!t.name;
+          let i = a ? t.name : t.customName;
+          i && i.length > 1 ? i = i.charAt(0).toUpperCase() + i.slice(1) : i = t.customName;
+          const u = t.customName;
+          return /* @__PURE__ */ p(o, { flexDirection: "column", gap: 0, children: [
+            /* @__PURE__ */ e("div", { children: i }),
+            a && /* @__PURE__ */ e("div", { children: u })
+          ] });
+        }
+      },
+      {
+        title: /* @__PURE__ */ e(s, { children: r("payScheduleList.active") }),
+        key: "active",
+        render: (t) => /* @__PURE__ */ e(o, { alignItems: "center", justifyContent: "center", children: t.active ? /* @__PURE__ */ e(n.Badge, { status: "success", children: r("payScheduleList.active") }) : /* @__PURE__ */ e(n.Badge, { status: "info", children: r("payScheduleList.inactive") }) })
+      },
+      {
+        title: /* @__PURE__ */ e(s, { children: r("payScheduleList.actions") }),
+        key: "actions",
+        render: (t) => /* @__PURE__ */ e(
+          L,
+          {
+            triggerLabel: "Actions",
+            items: [
+              {
+                label: r("payScheduleList.edit"),
+                onClick: () => {
+                  l(t);
+                },
+                icon: /* @__PURE__ */ e(f, { "aria-hidden": !0 })
+              }
+            ]
+          }
+        )
+      }
+    ]
+  });
+  return m !== "LIST_PAY_SCHEDULES" ? null : /* @__PURE__ */ e(v, { label: "test", ...d });
+};
+export {
+  A as List
+};
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +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 { 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>{displayName}</div>\n              {hasName && <div>{displayFrequency}</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            {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          </Flex>\n        ),\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.actions')}</VisuallyHidden>,\n        key: 'actions',\n        render: 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  })\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","jsxs","Flex","jsx","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":";;;;;;;;;;AAOO,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;AAClC,iBACG,gBAAAI,EAAAC,GAAA,EAAK,eAAe,UAAU,KAAK,GAClC,UAAA;AAAA,YAAA,gBAAAC,EAAC,SAAK,UAAYJ,EAAA,CAAA;AAAA,YACjBD,KAAY,gBAAAK,EAAA,OAAA,EAAK,UAAiBH,EAAA,CAAA;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,OAAO,gBAAAG,EAACC,GAAgB,EAAA,UAAAjB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACL,gBAAAM,EAAAD,GAAA,EAAK,YAAY,UAAU,gBAAgB,UACzC,UAASL,EAAA,SACP,gBAAAM,EAAAd,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAEF,EAAA,wBAAwB,EAAE,CAAA,IAE/D,gBAAAgB,EAAAd,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAEF,EAAA,0BAA0B,GAAE,EAEnE,CAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,OAAO,gBAAAgB,EAACC,GAAgB,EAAA,UAAAjB,EAAE,yBAAyB,GAAE;AAAA,QACrD,KAAK;AAAA,QACL,QAAQ,CAAYU,MAEhB,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,cAAa;AAAA,YACb,OAAO;AAAA,cACL;AAAA,gBACE,OAAOlB,EAAE,sBAAsB;AAAA,gBAC/B,SAAS,MAAM;AACb,kBAAAM,EAAWI,CAAQ;AAAA,gBACrB;AAAA,gBACA,MAAM,gBAAAM,EAACG,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,cAAA;AAAA,YAC/B;AAAA,UACF;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAId,MAAS,uBACJ,OAGD,gBAAAW,EAAAI,GAAA,EAAS,OAAM,QAAQ,GAAGZ,GAAe;AACnD;"}

package/dist/components/Company/PaySchedule/_parts/index.d.ts

@@ -0,0 +1,4 @@
+export * from './List';
+export * from './Edit';
+export * from './Head';
+export * from './Actions';

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

@@ -0,0 +1 @@
+export * from './PaySchedule';

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

@@ -0,0 +1,34 @@
+import { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate';
+import { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist';
+import { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject';
+import { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview';
+import { RequireAtLeastOne } from '../../../types/Helpers';
+import * as v from 'valibot';
+export type MODE = 'LIST_PAY_SCHEDULES' | 'ADD_PAY_SCHEDULE' | 'EDIT_PAY_SCHEDULE' | 'PREVIEW_PAY_SCHEDULE';
+type PayScheduleContextType = {
+    companyId: string;
+    handleAdd: () => void;
+    handleEdit: (schedule: PayScheduleType) => void;
+    handleCancel: () => void;
+    handleContinue: () => void;
+    mode: MODE;
+    paySchedules: PayScheduleList[] | undefined | null;
+    currentPaySchedule: PayScheduleType | undefined | null;
+    payPeriodPreview?: PayPeriods[];
+    payPreviewLoading?: boolean;
+};
+export declare const PayScheduleSchema: v.ObjectSchema<{
+    readonly frequency: v.UnionSchema<[v.LiteralSchema<"Every week", undefined>, v.LiteralSchema<"Every other week", undefined>, v.LiteralSchema<"Twice per month", undefined>, v.LiteralSchema<"Monthly", undefined>], undefined>;
+    readonly anchorPayDate: v.OptionalSchema<v.InstanceSchema<DateConstructor, undefined>, never>;
+    readonly anchorEndOfPayPeriod: v.OptionalSchema<v.InstanceSchema<DateConstructor, undefined>, never>;
+    readonly day1: v.OptionalSchema<v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 31, undefined>]>, never>;
+    readonly day2: v.OptionalSchema<v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 31, undefined>]>, never>;
+    readonly customName: v.OptionalSchema<v.StringSchema<undefined>, never>;
+    readonly customTwicePerMonth: v.OptionalSchema<v.StringSchema<undefined>, never>;
+    readonly payPeriodPreviewRange: v.OptionalSchema<v.NumberSchema<undefined>, never>;
+}, undefined>;
+export type PayScheduleInputs = v.InferInput<typeof PayScheduleSchema>;
+export type PayScheduleOutputs = v.InferOutput<typeof PayScheduleSchema>;
+export type PayScheduleDefaultValues = RequireAtLeastOne<Partial<Pick<PayScheduleCreateUpdate, 'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'>>>;
+declare const usePaySchedule: () => PayScheduleContextType, PayScheduleProvider: import('react').Provider<PayScheduleContextType | null>;
+export { usePaySchedule, PayScheduleProvider };

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

@@ -0,0 +1,33 @@
+import * as e from "valibot";
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "../../Base/useBase.js";
+import "dompurify";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
+const d = e.object({
+  frequency: e.union([
+    e.literal("Every week"),
+    e.literal("Every other week"),
+    e.literal("Twice per month"),
+    e.literal("Monthly")
+  ]),
+  anchorPayDate: e.optional(e.instance(Date)),
+  anchorEndOfPayPeriod: e.optional(e.instance(Date)),
+  day1: e.optional(e.pipe(e.number(), e.minValue(1), e.maxValue(31))),
+  day2: e.optional(e.pipe(e.number(), e.minValue(1), e.maxValue(31))),
+  customName: e.optional(e.string()),
+  customTwicePerMonth: e.optional(e.string()),
+  payPeriodPreviewRange: e.optional(e.number())
+}), [h, P] = o("PayScheduleContext");
+export {
+  P as PayScheduleProvider,
+  d as PayScheduleSchema,
+  h as usePaySchedule
+};
+//# sourceMappingURL=usePaySchedule.js.map

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

@@ -0,0 +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 * as v from 'valibot'\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 = v.object({\n  frequency: v.union([\n    v.literal('Every week'),\n    v.literal('Every other week'),\n    v.literal('Twice per month'),\n    v.literal('Monthly'),\n  ]),\n  anchorPayDate: v.optional(v.instance(Date)),\n  anchorEndOfPayPeriod: v.optional(v.instance(Date)),\n  day1: v.optional(v.pipe(v.number(), v.minValue(1), v.maxValue(31))),\n  day2: v.optional(v.pipe(v.number(), v.minValue(1), v.maxValue(31))),\n  customName: v.optional(v.string()),\n  customTwicePerMonth: v.optional(v.string()),\n  payPeriodPreviewRange: v.optional(v.number()),\n})\n\nexport type PayScheduleInputs = v.InferInput<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = v.InferOutput<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","v","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;AA2Ba,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,MAAM;AAAA,IACjBA,EAAE,QAAQ,YAAY;AAAA,IACtBA,EAAE,QAAQ,kBAAkB;AAAA,IAC5BA,EAAE,QAAQ,iBAAiB;AAAA,IAC3BA,EAAE,QAAQ,SAAS;AAAA,EAAA,CACpB;AAAA,EACD,eAAeA,EAAE,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1C,sBAAsBA,EAAE,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACjD,MAAMA,EAAE,SAASA,EAAE,KAAKA,EAAE,OAAO,GAAGA,EAAE,SAAS,CAAC,GAAGA,EAAE,SAAS,EAAE,CAAC,CAAC;AAAA,EAClE,MAAMA,EAAE,SAASA,EAAE,KAAKA,EAAE,OAAO,GAAGA,EAAE,SAAS,CAAC,GAAGA,EAAE,SAAS,EAAE,CAAC,CAAC;AAAA,EAClE,YAAYA,EAAE,SAASA,EAAE,QAAQ;AAAA,EACjC,qBAAqBA,EAAE,SAASA,EAAE,QAAQ;AAAA,EAC1C,uBAAuBA,EAAE,SAASA,EAAE,OAAQ,CAAA;AAC9C,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}

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

@@ -0,0 +1,5 @@
+import { BaseComponentInterface } from '../../Base';
+export interface StateTaxesFlowProps extends BaseComponentInterface {
+    companyId: string;
+}
+export declare function StateTaxesFlow({ companyId, onEvent }: StateTaxesFlowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createMachine as m } from "robot3";
+import { stateTaxesStateMachine as i } from "./stateTaxesStateMachine.js";
+import { StateTaxesListContextual as n } from "./StateTaxesFlowComponents.js";
+import { Flow as s } from "../../Flow/Flow.js";
+function T({ companyId: t, onEvent: e }) {
+  const a = m(
+    "viewStateTaxes",
+    i,
+    (o) => ({
+      ...o,
+      component: n,
+      companyId: t
+    })
+  );
+  return /* @__PURE__ */ r(s, { machine: a, onEvent: e });
+}
+export {
+  T as StateTaxesFlow
+};
+//# sourceMappingURL=StateTaxesFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxesFlow.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesFlowComponents'\nimport { StateTaxesListContextual } from './StateTaxesFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\n\nexport interface StateTaxesFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function StateTaxesFlow({ companyId, onEvent }: StateTaxesFlowProps) {\n  const manageStateTaxes = createMachine(\n    'viewStateTaxes',\n    stateTaxesStateMachine,\n    (initialContext: StateTaxesContextInterface) => ({\n      ...initialContext,\n      component: StateTaxesListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxesFlow","companyId","onEvent","manageStateTaxes","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;AAWO,SAASA,EAAe,EAAE,WAAAC,GAAW,SAAAC,KAAgC;AAC1E,QAAMC,IAAmBC;AAAA,IACvB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAN;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAO,EAAAC,GAAA,EAAK,SAASN,GAAkB,SAAAD,EAAkB,CAAA;AAC5D;"}

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

@@ -0,0 +1,8 @@
+import { FlowContextInterface } from '../../Flow/useFlow';
+export interface StateTaxesContextInterface extends FlowContextInterface {
+    companyId: string;
+    state?: string;
+    component: React.ComponentType | null;
+}
+export declare function StateTaxesListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function StateTaxesFormContextual(): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxesFlowComponents.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesFlowComponents.tsx"],"sourcesContent":["import { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  companyId: string\n  state?: string\n  component: React.ComponentType | null\n}\n\nexport function StateTaxesListContextual() {\n  const { companyId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function StateTaxesFormContextual() {\n  const { companyId, state, onEvent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesForm\n      companyId={ensureRequired(companyId)}\n      state={ensureRequired(state)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["StateTaxesListContextual","companyId","onEvent","useFlow","StateTaxesList","ensureRequired","StateTaxesFormContextual","state","jsx","StateTaxesForm"],"mappings":";;;;;AAWO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAQ,IAAIC,EAAoC;AACnE,2BAAQC,GAAe,EAAA,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAA2B;AACzC,QAAM,EAAE,WAAAL,GAAW,OAAAM,GAAO,SAAAL,EAAA,IAAYC,EAAoC;AAExE,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAeJ,CAAS;AAAA,MACnC,OAAOI,EAAeE,CAAK;AAAA,MAC3B,SAAAL;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1 @@
+export declare function Actions(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import { useStateTaxesForm as i } from "./context.js";
+import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function C() {
+  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: r } = i(), o = m();
+  return /* @__PURE__ */ e(s, { children: [
+    /* @__PURE__ */ n(o.Button, { variant: "secondary", onClick: r, children: t("cancelCta") }),
+    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", children: t("saveCta") })
+  ] });
+}
+export {
+  C as Actions
+};
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +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 } = 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\">\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAKO,SAASA,IAAU;AAClB,QAAA,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,EAAa,IAAIC,EAAkB,GACrCC,IAAaC,EAAoB;AAEvC,2BACGC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASF,GAC7C,UAAE,EAAA,WAAW,EAChB,CAAA;AAAA,IACA,gBAAAK,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UACvC,UAAE,EAAA,SAAS,EACd,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,4 @@
+import * as v from 'valibot';
+export declare const StateFormSchema: v.RecordSchema<v.StringSchema<undefined>, v.RecordSchema<v.StringSchema<undefined>, v.UnknownSchema, undefined>, undefined>;
+export type StateFormInputs = v.InferInput<typeof StateFormSchema>;
+export declare function Form(): import("react/jsx-runtime").JSX.Element[] | undefined;

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

@@ -0,0 +1,34 @@
+import { jsxs as m, Fragment as f, jsx as o } from "react/jsx-runtime";
+import * as t from "valibot";
+import { useTranslation as u } from "react-i18next";
+import { useStateTaxesForm as x } from "./context.js";
+import { QuestionInput as l } from "../../../Common/TaxInputs/TaxInputs.js";
+import { useLocaleDateFormatter as T } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+t.record(t.string(), t.record(t.string(), t.unknown()));
+function j() {
+  const { t: s } = u("Company.StateTaxes", { keyPrefix: "form" }), i = T(), { stateTaxRequirements: p } = x(), r = h();
+  return p.requirementSets?.map(
+    ({ requirements: c, label: d, effectiveFrom: n, key: a }) => /* @__PURE__ */ m(f, { children: [
+      /* @__PURE__ */ m("div", { children: [
+        /* @__PURE__ */ o(r.Heading, { as: "h4", children: d }),
+        n && /* @__PURE__ */ o(r.Text, { className: "lightText", children: s("effectiveFromLabel", { date: i.format(new Date(n)) }) })
+      ] }),
+      c?.map((e) => /* @__PURE__ */ o(
+        l,
+        {
+          requirement: {
+            ...e,
+            key: `${a}.${e.key}`
+          },
+          questionType: e.metadata?.type ?? "Text"
+        },
+        e.key
+      ))
+    ] }, a)
+  );
+}
+export {
+  j as Form
+};
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import * as v from 'valibot'\nimport { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { useStateTaxesForm } from './context'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useLocaleDateFormatter } from '@/contexts/LocaleProvider/useLocale'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = v.record(v.string(), v.record(v.string(), v.unknown()))\n\nexport type StateFormInputs = v.InferInput<typeof StateFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useLocaleDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return stateTaxRequirements.requirementSets?.map(\n    ({ requirements, label, effectiveFrom, key }) => (\n      <Fragment key={key}>\n        <div>\n          <Components.Heading as=\"h4\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text className=\"lightText\">\n              {t('effectiveFromLabel', { date: dateFormatter.format(new Date(effectiveFrom)) })}\n            </Components.Text>\n          )}\n        </div>\n        {requirements?.map(requirement => {\n          return (\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${key}.${requirement.key as string}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n              key={requirement.key}\n            />\n          )\n        })}\n      </Fragment>\n    ),\n  )\n}\n"],"names":["v","Form","t","useTranslation","dateFormatter","useLocaleDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirements","label","effectiveFrom","key","Fragment","jsxs","jsx","requirement","QuestionInput"],"mappings":";;;;;;;AAQ+BA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,QAAA,CAAS,CAAC;AAI9E,SAASC,IAAO;AACf,QAAA,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAuB,GACvC,EAAE,sBAAAC,EAAqB,IAAIC,EAAkB,GAC7CC,IAAaC,EAAoB;AAEvC,SAAOH,EAAqB,iBAAiB;AAAA,IAC3C,CAAC,EAAE,cAAAI,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,EAAI,wBACxCC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAAC,OACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAMG,GAAA;AAAA,QAClCC,KACE,gBAAAI,EAAAR,EAAW,MAAX,EAAgB,WAAU,aACxB,UAAEN,EAAA,sBAAsB,EAAE,MAAME,EAAc,OAAO,IAAI,KAAKQ,CAAa,CAAC,EAAA,CAAG,EAClF,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCF,GAAc,IAAI,CAAeO,MAE9B,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,GAAGD;AAAA,YACH,KAAK,GAAGJ,CAAG,IAAII,EAAY,GAAa;AAAA,UAC1C;AAAA,UACA,cAAcA,EAAY,UAAU,QAAQ;AAAA,QAAA;AAAA,QACvCA,EAAY;AAAA,MACnB,CAEH;AAAA,IAAA,EAAA,GApBYJ,CAqBf;AAAA,EAEJ;AACF;"}