@gusto/embedded-react-sdk 0.11.1 → 0.11.3-rc.1

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

@@ -1,14 +1,16 @@
-import { jsx as e, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, 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 "../../../../shared/constants.js";
 import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const y = () => {
-  const { t } = c("Company.PaySchedule"), n = l(), { mode: s } = d();
+const S = () => {
+  const { t } = c("Company.PaySchedule"), n = l(), { mode: r } = d();
   let i = /* @__PURE__ */ e(o, {});
-  switch (s) {
+  switch (r) {
     case "LIST_PAY_SCHEDULES":
-      i = /* @__PURE__ */ r(o, { children: [
+      i = /* @__PURE__ */ s(o, { children: [
         /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("headings.pageTitle") }),
         /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
           a,
@@ -42,6 +44,6 @@ const y = () => {
   return /* @__PURE__ */ e(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ e("header", { children: i }) });
 };
 export {
-  y as Head
+  S 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,EAAA,GAEb,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,MAAIC,IAAoC,gBAAAC,EAAAC,GAAA,EAAE;AAE1C,UAAQJ,GAAA;AAAA,IACN,KAAK;AACH,MAAAE,IACE,gBAAAG,EAAAD,GAAA,EACE,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,CAAA,CAAgB;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,CAAA,CAAgB;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA,EACF,CACF;AAAA,MAAA,GACF;AAEF;AAAA,IACF,KAAK;AACH,MAAAI,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,yBAAyB,GAAE;AAE5D;AAAA,IACF,KAAK;AACH,MAAAI,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,0BAA0B,GAAE;AAE7D;AAAA,EACF;AAGF,SACE,gBAAAK,EAACI,GAAA,EAAK,gBAAe,iBAAgB,eAAe,UAAU,KAAK,GACjE,UAAA,gBAAAJ,EAAC,UAAA,EAAQ,UAAAD,EAAA,CAAc,GACzB;AAEJ;"}

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

@@ -1,36 +1,38 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
 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 "../../../../shared/constants.js";
 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 F = () => {
+  const { t: r } = h("Company.PaySchedule"), n = S(), { paySchedules: m, mode: c, handleEdit: l } = y(), { ...d } = L({
+    data: m || [],
     columns: [
       {
-        title: n("payScheduleList.name"),
+        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__ */ e(s, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ p("div", { className: o.content, children: [
+          const p = t.customName;
+          return /* @__PURE__ */ e(s, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ u("div", { className: o.content, children: [
             /* @__PURE__ */ e("div", { children: i }),
-            a && /* @__PURE__ */ e("div", { children: u })
+            a && /* @__PURE__ */ e("div", { children: p })
           ] }) });
         }
       },
       {
-        title: /* @__PURE__ */ e(g, { children: n("payScheduleList.active") }),
+        title: /* @__PURE__ */ e(g, { children: r("payScheduleList.active") }),
         key: "active",
-        render: (t) => /* @__PURE__ */ e(s, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ e("div", { className: o.content, children: t.active ? /* @__PURE__ */ e(r.Badge, { status: "success", children: n("payScheduleList.active") }) : /* @__PURE__ */ e(r.Badge, { status: "info", children: n("payScheduleList.inactive") }) }) })
+        render: (t) => /* @__PURE__ */ e(s, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ e("div", { className: o.content, children: t.active ? /* @__PURE__ */ e(n.Badge, { status: "success", children: r("payScheduleList.active") }) : /* @__PURE__ */ e(n.Badge, { status: "info", children: r("payScheduleList.inactive") }) }) })
       }
     ],
     itemMenu: (t) => /* @__PURE__ */ e(
@@ -39,7 +41,7 @@ const H = () => {
         triggerLabel: "Actions",
         items: [
           {
-            label: n("payScheduleList.edit"),
+            label: r("payScheduleList.edit"),
             onClick: () => {
               l(t);
             },
@@ -49,9 +51,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
+  F 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,EAAA,GACb,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAA,GAErC,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAA;AAAA,IACtB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAAU,MAAY;AAClB,gBAAMC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACrD,UAAIE,KAAeA,EAAY,SAAS,IACtCA,IAAcA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAClC,iBACE,gBAAAI,EAACC,GAAA,EAAK,eAAe,UAAU,KAAK,GAClC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAAF,EAAA,CAAY;AAAA,YACjBD,KAAW,gBAAAG,EAAC,OAAA,EAAK,UAAAD,EAAA,CAAiB;AAAA,UAAA,EAAA,CACrC,EAAA,CACF;AAAA,QAEJ;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAA,EAAgB,UAAAlB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACN,gBAAAI,EAACC,GAAA,EAAK,YAAY,UAAU,gBAAgB,UAC1C,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACR,gBAAAI,EAACZ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,wBAAwB,EAAA,CAAE,IAEhE,gBAAAc,EAACZ,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAAF,EAAE,0BAA0B,GAAE,GAEnE,EAAA,CACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,UAAU,CAAAU,MAEN,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,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SAAIf,MAAS,uBACJ,OAGF,gBAAAS,EAACO,GAAA,EAAS,OAAM,QAAQ,GAAGb,GAAe;AACnD;"}

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

@@ -25,7 +25,6 @@ export declare const PayScheduleSchema: z.ZodObject<{
     day2: z.ZodOptional<z.ZodNumber>;
     customName: z.ZodOptional<z.ZodString>;
     customTwicePerMonth: z.ZodOptional<z.ZodString>;
-    payPeriodPreviewRange: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     frequency: "Every week" | "Every other week" | "Twice per month" | "Monthly";
     anchorPayDate?: Date | undefined;
@@ -34,7 +33,6 @@ export declare const PayScheduleSchema: z.ZodObject<{
     day2?: number | undefined;
     customName?: string | undefined;
     customTwicePerMonth?: string | undefined;
-    payPeriodPreviewRange?: number | undefined;
 }, {
     frequency: "Every week" | "Every other week" | "Twice per month" | "Monthly";
     anchorPayDate?: Date | undefined;
@@ -43,7 +41,6 @@ export declare const PayScheduleSchema: z.ZodObject<{
     day2?: number | undefined;
     customName?: string | undefined;
     customTwicePerMonth?: string | undefined;
-    payPeriodPreviewRange?: number | undefined;
 }>;
 export type PayScheduleInputs = z.input<typeof PayScheduleSchema>;
 export type PayScheduleOutputs = z.output<typeof PayScheduleSchema>;

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

@@ -9,23 +9,23 @@ 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 "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { createCompoundContext as e } from "../../Base/createCompoundContext.js";
-const w = o.object({
+import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
+const S = o.object({
   frequency: o.enum(["Every week", "Every other week", "Twice per month", "Monthly"]),
   anchorPayDate: o.date().optional(),
   anchorEndOfPayPeriod: o.date().optional(),
   day1: o.number().min(1).max(31).optional(),
   day2: o.number().min(1).max(31).optional(),
   customName: o.string().optional(),
-  customTwicePerMonth: o.string().optional(),
-  payPeriodPreviewRange: o.number().optional()
-}), [x, S] = e("PayScheduleContext");
+  customTwicePerMonth: o.string().optional()
+}), [f, w] = t("PayScheduleContext");
 export {
-  S as PayScheduleProvider,
-  w as PayScheduleSchema,
-  x as usePaySchedule
+  w as PayScheduleProvider,
+  S as PayScheduleSchema,
+  f 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})\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":";;;;;;;;;;;;;;;;AA2BO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAA,EAAO,SAAA;AAAA,EACxB,sBAAsBA,EAAE,KAAA,EAAO,SAAA;AAAA,EAC/B,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,qBAAqBA,EAAE,OAAA,EAAS,SAAA;AAClC,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  companyId: string\n}\n\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = createMachine(\n    'viewStateTaxes',\n    stateTaxesStateMachine,\n    (initialContext: StateTaxesContextInterface) => ({\n      ...initialContext,\n      component: StateTaxesListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","manageStateTaxes","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;;AAYO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AACvD,QAAME,IAAmBC;AAAA,IACvB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAS,EAAAC,GAAA,EAAK,SAASN,GAAkB,SAAAH,EAAkB,CAAA;AAC5D;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  companyId: string\n}\n\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = createMachine(\n    'viewStateTaxes',\n    stateTaxesStateMachine,\n    (initialContext: StateTaxesContextInterface) => ({\n      ...initialContext,\n      component: StateTaxesListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","manageStateTaxes","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;;AAYO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AACvD,QAAME,IAAmBC;AAAA,IACvB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,IAAA;AAAA,EACF;AAEF,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAASN,GAAkB,SAAAH,EAAA,CAAkB;AAC5D;"}

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

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

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

@@ -1,16 +1,18 @@
 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 "../../../../shared/constants.js";
 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 y() {
+  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
+  y 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;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,31 +1,31 @@
-import { jsxs as m, Fragment as f, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, Fragment as f, jsx as o } from "react/jsx-runtime";
 import { z as t } from "zod";
 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";
+import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 t.record(t.string(), t.record(t.string(), t.unknown()));
 function w() {
-  const { t: s } = u("Company.StateTaxes", { keyPrefix: "form" }), i = T(), { stateTaxRequirements: p } = x(), r = h();
+  const { t: s } = u("Company.StateTaxes", { keyPrefix: "form" }), i = T(), { stateTaxRequirements: p } = x(), r = y();
   return p.requirementSets?.map(
-    ({ requirements: c, label: d, effectiveFrom: n, key: a }) => /* @__PURE__ */ m(f, { children: [
-      /* @__PURE__ */ m("div", { children: [
+    ({ requirements: c, label: d, effectiveFrom: n, key: m }) => /* @__PURE__ */ a(f, { children: [
+      /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ o(r.Heading, { as: "h3", children: d }),
-        n && /* @__PURE__ */ o(r.Text, { className: "lightText", children: s("effectiveFromLabel", { date: i.format(new Date(n)) }) })
+        n && /* @__PURE__ */ o(r.Text, { size: "sm", children: s("effectiveFromLabel", { date: i.format(new Date(n)) }) })
       ] }),
       c?.map((e) => /* @__PURE__ */ o(
         l,
         {
           requirement: {
             ...e,
-            key: `${a}.${e.key}`
+            key: `${m}.${e.key}`
           },
           questionType: e.metadata?.type ?? "Text"
         },
         e.key
       ))
-    ] }, a)
+    ] }, m)
   );
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\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 = z.record(z.string(), z.record(z.string(), z.unknown()))\n\nexport type StateFormInputs = z.infer<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=\"h3\">{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":["z","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;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\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 = z.record(z.string(), z.record(z.string(), z.unknown()))\n\nexport type StateFormInputs = z.infer<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=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\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":["z","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,OAAA,GAAUA,EAAE,QAAA,CAAS,CAAC;AAI9E,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA;AAEnB,SAAOH,EAAqB,iBAAiB;AAAA,IAC3C,CAAC,EAAE,cAAAI,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,EAAA,wBACpCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAG,GAAM;AAAA,QAClCC,KACC,gBAAAI,EAACR,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,OAAO,IAAI,KAAKQ,CAAa,CAAC,EAAA,CAAG,EAAA,CAClF;AAAA,MAAA,GAEJ;AAAA,MACCF,GAAc,IAAI,CAAAO,MAEf,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,GAAGD;AAAA,YACH,KAAK,GAAGJ,CAAG,IAAII,EAAY,GAAa;AAAA,UAAA;AAAA,UAE1C,cAAcA,EAAY,UAAU,QAAQ;AAAA,QAAA;AAAA,QACvCA,EAAY;AAAA,MAAA,CAGtB;AAAA,IAAA,EAAA,GApBYJ,CAqBf;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n  const Components = useComponentContext()\n\n  const { state } = useStateTaxesForm()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">\n        {t('title', { state: statesHash(state as (typeof STATES_ABBR)[number]) })}\n      </Components.Heading>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","statesHash","Components","useComponentContext","state","useStateTaxesForm","jsx"],"mappings":";;;;AAKO,SAASA,IAAO;AACf,QAAA,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GACxEE,IAAaC,EAAoB,GAEjC,EAAE,OAAAC,EAAM,IAAIC,EAAkB;AAEpC,2BACG,UACC,EAAA,UAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAEH,EAAA,SAAS,EAAE,OAAOE,EAAWG,CAAqC,EAAE,CAAC,EAC1E,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n  const Components = useComponentContext()\n\n  const { state } = useStateTaxesForm()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">\n        {t('title', { state: statesHash(state as (typeof STATES_ABBR)[number]) })}\n      </Components.Heading>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","statesHash","Components","useComponentContext","state","useStateTaxesForm","jsx"],"mappings":";;;;AAKO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GACxEE,IAAaC,EAAA,GAEb,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAElB,2BACG,UAAA,EACC,UAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,SAAS,EAAE,OAAOE,EAAWG,CAAqC,EAAA,CAAG,GAC1E,GACF;AAEJ;"}

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

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

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

@@ -8,13 +8,14 @@ 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 "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [c, d] = t("StateTaxesFormContext");
+const [d, u] = t("StateTaxesFormContext");
 export {
-  d as StateTaxesFormProvider,
-  c as useStateTaxesForm
+  u as StateTaxesFormProvider,
+  d 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,15 @@
 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 "../../../../shared/constants.js";
+import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function x() {
+  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
+  x 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,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <div>\n      <Components.Alert status=\"warning\" label={t('list.selfOnboardingWarningLabel')}>\n        {t('list.selfOnboardingWarningDescription')}\n      </Components.Alert>\n    </div>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAoB;AACvC,SACG,gBAAAC,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAF,EAAW,OAAX,EAAiB,QAAO,WAAU,OAAOF,EAAE,iCAAiC,GAC1E,UAAEA,EAAA,uCAAuC,EAC5C,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <div>\n      <Components.Alert status=\"warning\" label={t('list.selfOnboardingWarningLabel')}>\n        {t('list.selfOnboardingWarningDescription')}\n      </Components.Alert>\n    </div>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACF,EAAW,OAAX,EAAiB,QAAO,WAAU,OAAOF,EAAE,iCAAiC,GAC1E,UAAAA,EAAE,uCAAuC,GAC5C,GACF;AAEJ;"}

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

@@ -1,13 +1,15 @@
 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 "../../../../shared/constants.js";
 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 b = () => {
+  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 +27,7 @@ const S = () => {
       {
         variant: "secondary",
         onClick: () => {
-          r(e.state);
+          n(e.state);
         },
         children: e.setupComplete ? t("editStateTaxCta") : t("continueStateTaxSetupCta")
       }
@@ -35,6 +37,6 @@ const S = () => {
   return /* @__PURE__ */ s(C, { label: t("requirementsListLabel"), ...m });
 };
 export {
-  S as List
+  b 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,IAAiBC,EAAA,GACzCC,IAAaC,EAAA,GAEb,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAS,MACC,gBAAAC,EAAC,QAAA,EAAM,UAAAJ,EAAWG,EAAY,KAAqC,GAAE;AAAA,MAC9E;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAA,6BAGF,UAAA,gBAAAC,EAACP,EAAW,OAAX,EAAiB,QAAQM,EAAY,gBAAgB,YAAY,WAC/D,UAAAA,EAAY,gBAAgB,EAAE,eAAe,IAAI,EAAE,iBAAiB,GACvE,GACF;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAA,MAEN,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,IAAA;AAAA,IAKtF,YAAY,MACV,gBAAAC,EAACC,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,EAAA,CAAG;AAAA,EAAA,CAEpF;AACD,2BAAQC,GAAA,EAAS,OAAO,EAAE,uBAAuB,GAAI,GAAGL,GAAe;AACzE;"}

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

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