@gusto/embedded-react-sdk 0.12.1 → 0.12.3

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.js

@@ -1,16 +1,18 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { Flex as r } from "../../Common/Flex/Flex.js";
-import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { HamburgerMenu as m } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { HamburgerMenu as h } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import p from "../../../assets/icons/pencil.svg.js";
 import { DataView as y } from "../../Common/DataView/DataView.js";
-const J = ({
+const E = ({
   employees: a,
   onBack: d,
   onEdit: c,
   onCalculatePayroll: s
 }) => {
-  const { Alert: n, Button: o, Heading: t, Text: l } = h();
+  const { Alert: n, Button: o, Heading: t, Text: l } = m();
   return /* @__PURE__ */ i(r, { flexDirection: "column", children: [
     /* @__PURE__ */ i(r, { justifyContent: "space-between", children: [
       /* @__PURE__ */ e(t, { as: "h1", children: "Run payroll for Jul 5 - Jul 18, 2025" }),
@@ -52,7 +54,7 @@ const J = ({
         ],
         data: a,
         itemMenu: ({ employeeId: u }) => /* @__PURE__ */ e(
-          m,
+          h,
           {
             items: [
               {
@@ -73,6 +75,6 @@ const J = ({
   ] });
 };
 export {
-  J as PayrollConfigurationPresentation
+  E as PayrollConfigurationPresentation
 };
 //# sourceMappingURL=PayrollConfigurationPresentation.js.map

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\n//TODO: Use Speakeasy type\ninterface Employee {\n  employeeId: string\n}\n\ninterface PayrollConfigurationPresentationProps {\n  employees: Employee[]\n  onBack: () => void\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n}\n\nexport const PayrollConfigurationPresentation = ({\n  employees,\n  onBack,\n  onEdit,\n  onCalculatePayroll,\n}: PayrollConfigurationPresentationProps) => {\n  const { Alert, Button, Heading, Text } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex justifyContent=\"space-between\">\n        <Heading as=\"h1\">Run payroll for Jul 5 - Jul 18, 2025</Heading>\n        <Button title=\"Calculate payroll\" onClick={onCalculatePayroll}>\n          Calculate payroll\n        </Button>\n      </Flex>\n      <Text>Regular payroll</Text>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Alert\n          label=\"To pay your employees with direct deposit on Fri, Jul 25, you'll need to run payroll by 7:00 PM EDT on Wed, Jul 23\"\n          status=\"info\"\n        >\n          {\"If you miss this deadline, your employees' direct deposit will be delayed.\"}\n        </Alert>\n        <Alert label=\"2 employees will be skipped this payroll\" status=\"warning\">\n          <ul>\n            <li>John Smith - Employee address not verified</li>\n            <li>Jensen Cooper - Employee address not verified</li>\n          </ul>\n        </Alert>\n      </Flex>\n\n      <Heading as=\"h3\">Hours and additional earnings</Heading>\n      <Text>Review and update...</Text>\n      <DataView\n        label=\"Configuration\"\n        columns={[\n          {\n            title: 'Employees',\n            render: () => (\n              <Flex flexDirection=\"column\">\n                <Text>John Smith</Text>\n                <Text>$22.00/hr</Text>\n              </Flex>\n            ),\n          },\n          {\n            title: 'Hours',\n            render: () => <Text>40</Text>,\n          },\n        ]}\n        data={employees}\n        itemMenu={({ employeeId }) => (\n          <HamburgerMenu\n            items={[\n              {\n                label: 'Edit',\n                icon: <PencilSvg aria-hidden />,\n                onClick: () => {\n                  onEdit({ employeeId })\n                },\n              },\n            ]}\n            triggerLabel=\"Edit\"\n            isLoading={false}\n          />\n        )}\n      />\n      <Button title=\"Back\" onClick={onBack}>\n        Back\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["PayrollConfigurationPresentation","employees","onBack","onEdit","onCalculatePayroll","Alert","Button","Heading","Text","useComponentContext","jsxs","Flex","jsx","DataView","employeeId","HamburgerMenu","PencilSvg"],"mappings":";;;;;;AAiBO,MAAMA,IAAmC,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAC;AACF,MAA6C;AAC3C,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA;AAEzC,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,iBACnB,UAAA;AAAA,MAAA,gBAAAC,EAACL,GAAA,EAAQ,IAAG,MAAK,UAAA,wCAAoC;AAAA,wBACpDD,GAAA,EAAO,OAAM,qBAAoB,SAASF,GAAoB,UAAA,oBAAA,CAE/D;AAAA,IAAA,GACF;AAAA,IACA,gBAAAQ,EAACJ,KAAK,UAAA,kBAAA,CAAe;AAAA,IACrB,gBAAAE,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,WACtC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UAEN,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEFA,GAAA,EAAM,OAAM,4CAA2C,QAAO,WAC7D,4BAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAO,EAAC,QAAG,UAAA,6CAAA,CAA0C;AAAA,QAC9C,gBAAAA,EAAC,QAAG,UAAA,gDAAA,CAA6C;AAAA,MAAA,EAAA,CACnD,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAA,EAACL,GAAA,EAAQ,IAAG,MAAK,UAAA,iCAA6B;AAAA,IAC9C,gBAAAK,EAACJ,KAAK,UAAA,uBAAA,CAAoB;AAAA,IAC1B,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MACN,gBAAAH,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,cAAA,gBAAAC,EAACJ,KAAK,UAAA,aAAA,CAAU;AAAA,cAChB,gBAAAI,EAACJ,KAAK,UAAA,YAAA,CAAS;AAAA,YAAA,EAAA,CACjB;AAAA,UAAA;AAAA,UAGJ;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAI,EAACJ,GAAA,EAAK,UAAA,KAAA,CAAE;AAAA,UAAA;AAAA,QACxB;AAAA,QAEF,MAAMP;AAAA,QACN,UAAU,CAAC,EAAE,YAAAa,EAAA,MACX,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,OAAO;AAAA,gBACP,MAAM,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,gBAC7B,SAAS,MAAM;AACb,kBAAAb,EAAO,EAAE,YAAAW,GAAY;AAAA,gBACvB;AAAA,cAAA;AAAA,YACF;AAAA,YAEF,cAAa;AAAA,YACb,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,sBAGHR,GAAA,EAAO,OAAM,QAAO,SAASJ,GAAQ,UAAA,OAAA,CAEtC;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\n//TODO: Use Speakeasy type\ninterface Employee {\n  employeeId: string\n}\n\ninterface PayrollConfigurationPresentationProps {\n  employees: Employee[]\n  onBack: () => void\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n}\n\nexport const PayrollConfigurationPresentation = ({\n  employees,\n  onBack,\n  onEdit,\n  onCalculatePayroll,\n}: PayrollConfigurationPresentationProps) => {\n  const { Alert, Button, Heading, Text } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex justifyContent=\"space-between\">\n        <Heading as=\"h1\">Run payroll for Jul 5 - Jul 18, 2025</Heading>\n        <Button title=\"Calculate payroll\" onClick={onCalculatePayroll}>\n          Calculate payroll\n        </Button>\n      </Flex>\n      <Text>Regular payroll</Text>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Alert\n          label=\"To pay your employees with direct deposit on Fri, Jul 25, you'll need to run payroll by 7:00 PM EDT on Wed, Jul 23\"\n          status=\"info\"\n        >\n          {\"If you miss this deadline, your employees' direct deposit will be delayed.\"}\n        </Alert>\n        <Alert label=\"2 employees will be skipped this payroll\" status=\"warning\">\n          <ul>\n            <li>John Smith - Employee address not verified</li>\n            <li>Jensen Cooper - Employee address not verified</li>\n          </ul>\n        </Alert>\n      </Flex>\n\n      <Heading as=\"h3\">Hours and additional earnings</Heading>\n      <Text>Review and update...</Text>\n      <DataView\n        label=\"Configuration\"\n        columns={[\n          {\n            title: 'Employees',\n            render: () => (\n              <Flex flexDirection=\"column\">\n                <Text>John Smith</Text>\n                <Text>$22.00/hr</Text>\n              </Flex>\n            ),\n          },\n          {\n            title: 'Hours',\n            render: () => <Text>40</Text>,\n          },\n        ]}\n        data={employees}\n        itemMenu={({ employeeId }) => (\n          <HamburgerMenu\n            items={[\n              {\n                label: 'Edit',\n                icon: <PencilSvg aria-hidden />,\n                onClick: () => {\n                  onEdit({ employeeId })\n                },\n              },\n            ]}\n            triggerLabel=\"Edit\"\n            isLoading={false}\n          />\n        )}\n      />\n      <Button title=\"Back\" onClick={onBack}>\n        Back\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["PayrollConfigurationPresentation","employees","onBack","onEdit","onCalculatePayroll","Alert","Button","Heading","Text","useComponentContext","jsxs","Flex","jsx","DataView","employeeId","HamburgerMenu","PencilSvg"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAmC,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAC;AACF,MAA6C;AAC3C,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA;AAEzC,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,iBACnB,UAAA;AAAA,MAAA,gBAAAC,EAACL,GAAA,EAAQ,IAAG,MAAK,UAAA,wCAAoC;AAAA,wBACpDD,GAAA,EAAO,OAAM,qBAAoB,SAASF,GAAoB,UAAA,oBAAA,CAE/D;AAAA,IAAA,GACF;AAAA,IACA,gBAAAQ,EAACJ,KAAK,UAAA,kBAAA,CAAe;AAAA,IACrB,gBAAAE,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,WACtC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UAEN,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEFA,GAAA,EAAM,OAAM,4CAA2C,QAAO,WAC7D,4BAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAO,EAAC,QAAG,UAAA,6CAAA,CAA0C;AAAA,QAC9C,gBAAAA,EAAC,QAAG,UAAA,gDAAA,CAA6C;AAAA,MAAA,EAAA,CACnD,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAA,EAACL,GAAA,EAAQ,IAAG,MAAK,UAAA,iCAA6B;AAAA,IAC9C,gBAAAK,EAACJ,KAAK,UAAA,uBAAA,CAAoB;AAAA,IAC1B,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MACN,gBAAAH,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,cAAA,gBAAAC,EAACJ,KAAK,UAAA,aAAA,CAAU;AAAA,cAChB,gBAAAI,EAACJ,KAAK,UAAA,YAAA,CAAS;AAAA,YAAA,EAAA,CACjB;AAAA,UAAA;AAAA,UAGJ;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAI,EAACJ,GAAA,EAAK,UAAA,KAAA,CAAE;AAAA,UAAA;AAAA,QACxB;AAAA,QAEF,MAAMP;AAAA,QACN,UAAU,CAAC,EAAE,YAAAa,EAAA,MACX,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,OAAO;AAAA,gBACP,MAAM,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,gBAC7B,SAAS,MAAM;AACb,kBAAAb,EAAO,EAAE,YAAAW,GAAY;AAAA,gBACvB;AAAA,cAAA;AAAA,YACF;AAAA,YAEF,cAAa;AAAA,YACb,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,sBAGHR,GAAA,EAAO,OAAM,QAAO,SAASJ,GAAQ,UAAA,OAAA,CAEtC;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.js

@@ -1,21 +1,23 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { useForm as m, FormProvider as s } from "react-hook-form";
 import { Flex as a } from "../../Common/Flex/Flex.js";
-import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { NumberInputField as d } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Form as u } from "../../Common/Form/Form.js";
-import { NumberInputField as c } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-const H = ({ onDone: o }) => {
-  const { Button: n, Heading: e, Text: t } = d(), i = m();
+const C = ({ onDone: e }) => {
+  const { Button: n, Heading: o, Text: t } = p(), i = m();
   return /* @__PURE__ */ l(a, { flexDirection: "column", gap: 20, children: [
-    /* @__PURE__ */ r(e, { as: "h2", children: "Edit Hannah Arendt's payroll" }),
-    /* @__PURE__ */ r(e, { as: "h1", children: "$1,173.08" }),
+    /* @__PURE__ */ r(o, { as: "h2", children: "Edit Hannah Arendt's payroll" }),
+    /* @__PURE__ */ r(o, { as: "h1", children: "$1,173.08" }),
     /* @__PURE__ */ r(t, { children: "Gross pay" }),
-    /* @__PURE__ */ r(e, { as: "h3", children: "Regular hours" }),
-    /* @__PURE__ */ r(s, { ...i, children: /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(c, { defaultValue: 40, isRequired: !0, label: "Hours", name: "hours" }) }) }),
-    /* @__PURE__ */ r(n, { onClick: o, title: "Done", children: "Done" })
+    /* @__PURE__ */ r(o, { as: "h3", children: "Regular hours" }),
+    /* @__PURE__ */ r(s, { ...i, children: /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(d, { defaultValue: 40, isRequired: !0, label: "Hours", name: "hours" }) }) }),
+    /* @__PURE__ */ r(n, { onClick: e, title: "Done", children: "Done" })
   ] });
 };
 export {
-  H as PayrollEditEmployeePresentation
+  C as PayrollEditEmployeePresentation
 };
 //# sourceMappingURL=PayrollEditEmployeePresentation.js.map

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { Flex, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\n\ninterface PayrollEditEmployeeProps {\n  onDone: () => void\n}\n\nexport const PayrollEditEmployeePresentation = ({ onDone }: PayrollEditEmployeeProps) => {\n  const { Button, Heading, Text } = useComponentContext()\n  const formHandlers = useForm()\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <Heading as=\"h2\">{`Edit Hannah Arendt's payroll`}</Heading>\n      <Heading as=\"h1\">$1,173.08</Heading>\n      <Text>Gross pay</Text>\n      <Heading as=\"h3\">Regular hours</Heading>\n      <FormProvider {...formHandlers}>\n        <Form>\n          <NumberInputField defaultValue={40} isRequired label=\"Hours\" name=\"hours\" />\n        </Form>\n      </FormProvider>\n\n      <Button onClick={onDone} title=\"Done\">\n        Done\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["PayrollEditEmployeePresentation","onDone","Button","Heading","Text","useComponentContext","formHandlers","useForm","jsxs","Flex","jsx","FormProvider","Form","NumberInputField"],"mappings":";;;;;;AASO,MAAMA,IAAkC,CAAC,EAAE,QAAAC,QAAuC;AACvF,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAC5BC,IAAeC,EAAA;AACrB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAA,gCAA+B;AAAA,IACjD,gBAAAO,EAACP,GAAA,EAAQ,IAAG,MAAK,UAAA,aAAS;AAAA,IAC1B,gBAAAO,EAACN,KAAK,UAAA,YAAA,CAAS;AAAA,IACf,gBAAAM,EAACP,GAAA,EAAQ,IAAG,MAAK,UAAA,iBAAa;AAAA,sBAC7BQ,GAAA,EAAc,GAAGL,GAChB,UAAA,gBAAAI,EAACE,KACC,UAAA,gBAAAF,EAACG,GAAA,EAAiB,cAAc,IAAI,YAAU,IAAC,OAAM,SAAQ,MAAK,QAAA,CAAQ,GAC5E,GACF;AAAA,sBAECX,GAAA,EAAO,SAASD,GAAQ,OAAM,QAAO,UAAA,OAAA,CAEtC;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { Flex, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\n\ninterface PayrollEditEmployeeProps {\n  onDone: () => void\n}\n\nexport const PayrollEditEmployeePresentation = ({ onDone }: PayrollEditEmployeeProps) => {\n  const { Button, Heading, Text } = useComponentContext()\n  const formHandlers = useForm()\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <Heading as=\"h2\">{`Edit Hannah Arendt's payroll`}</Heading>\n      <Heading as=\"h1\">$1,173.08</Heading>\n      <Text>Gross pay</Text>\n      <Heading as=\"h3\">Regular hours</Heading>\n      <FormProvider {...formHandlers}>\n        <Form>\n          <NumberInputField defaultValue={40} isRequired label=\"Hours\" name=\"hours\" />\n        </Form>\n      </FormProvider>\n\n      <Button onClick={onDone} title=\"Done\">\n        Done\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["PayrollEditEmployeePresentation","onDone","Button","Heading","Text","useComponentContext","formHandlers","useForm","jsxs","Flex","jsx","FormProvider","Form","NumberInputField"],"mappings":";;;;;;;;AASO,MAAMA,IAAkC,CAAC,EAAE,QAAAC,QAAuC;AACvF,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAC5BC,IAAeC,EAAA;AACrB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAA,gCAA+B;AAAA,IACjD,gBAAAO,EAACP,GAAA,EAAQ,IAAG,MAAK,UAAA,aAAS;AAAA,IAC1B,gBAAAO,EAACN,KAAK,UAAA,YAAA,CAAS;AAAA,IACf,gBAAAM,EAACP,GAAA,EAAQ,IAAG,MAAK,UAAA,iBAAa;AAAA,sBAC7BQ,GAAA,EAAc,GAAGL,GAChB,UAAA,gBAAAI,EAACE,KACC,UAAA,gBAAAF,EAACG,GAAA,EAAiB,cAAc,IAAI,YAAU,IAAC,OAAM,SAAQ,MAAK,QAAA,CAAQ,GAC5E,GACF;AAAA,sBAECX,GAAA,EAAO,SAASD,GAAQ,OAAM,QAAO,UAAA,OAAA,CAEtC;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/PayrollList/PayrollListPresentation.js

@@ -1,14 +1,16 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { Flex as d } from "../../Common/Flex/Flex.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { DataView as c } from "../../Common/DataView/DataView.js";
-const x = ({
+import "classnames";
+import "../../../shared/constants.js";
+import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { DataView as u } from "../../Common/DataView/DataView.js";
+const f = ({
   onRunPayroll: t,
   payrolls: l
 }) => {
-  const { Badge: n, Button: o, Text: r } = u();
+  const { Badge: o, Button: n, Text: r } = m();
   return /* @__PURE__ */ e(
-    c,
+    u,
     {
       columns: [
         {
@@ -24,13 +26,13 @@ const x = ({
         },
         {
           title: "Status",
-          render: () => /* @__PURE__ */ e(n, { children: "Ready to submit" })
+          render: () => /* @__PURE__ */ e(o, { children: "Ready to submit" })
         }
       ],
       data: l,
       label: "Payrolls",
       itemMenu: ({ payrollId: i }) => /* @__PURE__ */ e(
-        o,
+        n,
         {
           onClick: () => {
             t({ payrollId: i });
@@ -44,6 +46,6 @@ const x = ({
   );
 };
 export {
-  x as PayrollListPresentation
+  f as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map

package/dist/components/Payroll/PayrollList/PayrollListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n//TODO: Use Speakeasy type\ninterface PayrollItem {\n  payrollId: string\n}\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: PayrollItem) => void\n  payrolls: PayrollItem[]\n}\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  payrolls,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Text } = useComponentContext()\n  return (\n    <DataView\n      columns={[\n        {\n          render: () => (\n            <Flex flexDirection=\"column\">\n              <Text>Jul 5 - Jul 18, 2025</Text>\n              <Text>Regular Payroll</Text>\n            </Flex>\n          ),\n          title: 'Pay period',\n        },\n        {\n          title: 'Run by',\n          render: () => <Text>Wed Jul 23, 2025</Text>,\n        },\n        {\n          title: 'Status',\n          render: () => <Badge>Ready to submit</Badge>,\n        },\n      ]}\n      data={payrolls}\n      label=\"Payrolls\"\n      itemMenu={({ payrollId }) => (\n        <Button\n          onClick={() => {\n            onRunPayroll({ payrollId })\n          }}\n          title=\"Run payroll\"\n          variant=\"secondary\"\n        >\n          Run payroll\n        </Button>\n      )}\n    />\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","payrolls","Badge","Button","Text","useComponentContext","jsx","DataView","jsxs","Flex","payrollId"],"mappings":";;;;AAWO,MAAMA,IAA0B,CAAC;AAAA,EACtC,cAAAC;AAAA,EACA,UAAAC;AACF,MAAoC;AAClC,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,EAAA,IAASC,EAAA;AAChC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP;AAAA,UACE,QAAQ,MACN,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,YAAA,gBAAAH,EAACF,KAAK,UAAA,uBAAA,CAAoB;AAAA,YAC1B,gBAAAE,EAACF,KAAK,UAAA,kBAAA,CAAe;AAAA,UAAA,GACvB;AAAA,UAEF,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,OAAO;AAAA,UACP,QAAQ,MAAM,gBAAAE,EAACF,GAAA,EAAK,UAAA,mBAAA,CAAgB;AAAA,QAAA;AAAA,QAEtC;AAAA,UACE,OAAO;AAAA,UACP,QAAQ,MAAM,gBAAAE,EAACJ,GAAA,EAAM,UAAA,kBAAA,CAAe;AAAA,QAAA;AAAA,MACtC;AAAA,MAEF,MAAMD;AAAA,MACN,OAAM;AAAA,MACN,UAAU,CAAC,EAAE,WAAAS,EAAA,MACX,gBAAAJ;AAAA,QAACH;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAH,EAAa,EAAE,WAAAU,GAAW;AAAA,UAC5B;AAAA,UACA,OAAM;AAAA,UACN,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n//TODO: Use Speakeasy type\ninterface PayrollItem {\n  payrollId: string\n}\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: PayrollItem) => void\n  payrolls: PayrollItem[]\n}\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  payrolls,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Text } = useComponentContext()\n  return (\n    <DataView\n      columns={[\n        {\n          render: () => (\n            <Flex flexDirection=\"column\">\n              <Text>Jul 5 - Jul 18, 2025</Text>\n              <Text>Regular Payroll</Text>\n            </Flex>\n          ),\n          title: 'Pay period',\n        },\n        {\n          title: 'Run by',\n          render: () => <Text>Wed Jul 23, 2025</Text>,\n        },\n        {\n          title: 'Status',\n          render: () => <Badge>Ready to submit</Badge>,\n        },\n      ]}\n      data={payrolls}\n      label=\"Payrolls\"\n      itemMenu={({ payrollId }) => (\n        <Button\n          onClick={() => {\n            onRunPayroll({ payrollId })\n          }}\n          title=\"Run payroll\"\n          variant=\"secondary\"\n        >\n          Run payroll\n        </Button>\n      )}\n    />\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","payrolls","Badge","Button","Text","useComponentContext","jsx","DataView","jsxs","Flex","payrollId"],"mappings":";;;;;;AAWO,MAAMA,IAA0B,CAAC;AAAA,EACtC,cAAAC;AAAA,EACA,UAAAC;AACF,MAAoC;AAClC,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,EAAA,IAASC,EAAA;AAChC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP;AAAA,UACE,QAAQ,MACN,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,YAAA,gBAAAH,EAACF,KAAK,UAAA,uBAAA,CAAoB;AAAA,YAC1B,gBAAAE,EAACF,KAAK,UAAA,kBAAA,CAAe;AAAA,UAAA,GACvB;AAAA,UAEF,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,OAAO;AAAA,UACP,QAAQ,MAAM,gBAAAE,EAACF,GAAA,EAAK,UAAA,mBAAA,CAAgB;AAAA,QAAA;AAAA,QAEtC;AAAA,UACE,OAAO;AAAA,UACP,QAAQ,MAAM,gBAAAE,EAACJ,GAAA,EAAM,UAAA,kBAAA,CAAe;AAAA,QAAA;AAAA,MACtC;AAAA,MAEF,MAAMD;AAAA,MACN,OAAM;AAAA,MACN,UAAU,CAAC,EAAE,WAAAS,EAAA,MACX,gBAAAJ;AAAA,QAACH;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAH,EAAa,EAAE,WAAAU,GAAW;AAAA,UAC5B;AAAA,UACA,OAAM;AAAA,UACN,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAIR;"}

package/dist/components/Payroll/PayrollOverview/PayrollOverview.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as u } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsSubmitMutation as u } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/payrollsSubmit.js";
 import { PayrollOverviewPresentation as a } from "./PayrollOverviewPresentation.js";
 import { componentEvents as r } from "../../../shared/constants.js";
 import { BaseComponent as c } from "../../Base/Base.js";

package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js

@@ -1,13 +1,15 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Flex as r } from "../../Common/Flex/Flex.js";
-import { useComponentContext as c } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Flex as l } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { DataView as s } from "../../Common/DataView/DataView.js";
-const p = ({ onEdit: a, onSubmit: d }) => {
-  const { Alert: i, Button: n, Heading: o, Text: t } = c();
-  return /* @__PURE__ */ l(r, { flexDirection: "column", alignItems: "stretch", children: [
-    /* @__PURE__ */ l(r, { justifyContent: "space-between", children: [
+const f = ({ onEdit: a, onSubmit: d }) => {
+  const { Alert: i, Button: n, Heading: o, Text: t } = m();
+  return /* @__PURE__ */ r(l, { flexDirection: "column", alignItems: "stretch", children: [
+    /* @__PURE__ */ r(l, { justifyContent: "space-between", children: [
       /* @__PURE__ */ e(o, { as: "h1", children: "Review payroll for Jul 5 - Jul 18, 2025" }),
-      /* @__PURE__ */ l(r, { justifyContent: "flex-end", children: [
+      /* @__PURE__ */ r(l, { justifyContent: "flex-end", children: [
         /* @__PURE__ */ e(n, { title: "Edit", onClick: a, variant: "secondary", children: "Edit" }),
         /* @__PURE__ */ e(n, { title: "Submit", onClick: d, children: "Submit" })
       ] })
@@ -63,6 +65,6 @@ const p = ({ onEdit: a, onSubmit: d }) => {
   ] });
 };
 export {
-  p as PayrollOverviewPresentation
+  f as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map

package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface PayrollOverviewProps {\n  onEdit: () => void\n  onSubmit: () => void\n}\n\nexport const PayrollOverviewPresentation = ({ onEdit, onSubmit }: PayrollOverviewProps) => {\n  const { Alert, Button, Heading, Text } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <Flex justifyContent=\"space-between\">\n        <Heading as=\"h1\">Review payroll for Jul 5 - Jul 18, 2025</Heading>\n        <Flex justifyContent=\"flex-end\">\n          <Button title=\"Edit\" onClick={onEdit} variant=\"secondary\">\n            Edit\n          </Button>\n          <Button title=\"Submit\" onClick={onSubmit}>\n            Submit\n          </Button>\n        </Flex>\n      </Flex>\n      <Alert label=\"Your progress has been saved\" status=\"success\"></Alert>\n      <Alert\n        label=\"To pay your employees with direct deposit on Fri, Jul 25, you'll need to run payroll by 7:00 PM EDT on Wed, Jul 23\"\n        status=\"warning\"\n      >\n        {\"If you miss this deadline, your employees' direct deposit will be delayed.\"}\n      </Alert>\n      <Heading as=\"h3\">Payroll Summary</Heading>\n      <DataView\n        label=\"Summary\"\n        columns={[\n          {\n            title: 'Total payroll',\n            render: () => <Text>$32,161.22</Text>,\n          },\n          {\n            title: 'Debit amount',\n            render: () => <Text>$28,896.27</Text>,\n          },\n        ]}\n        data={[{}]}\n      />\n      <DataView\n        label=\"Configuration\"\n        columns={[\n          {\n            title: 'Employees',\n            render: () => <Text>John Smith</Text>,\n          },\n          {\n            title: 'Gross Pay',\n            render: () => <Text>$2,345.16</Text>,\n          },\n          {\n            title: 'Reimbursements',\n            render: () => <Text>$0.00</Text>,\n          },\n        ]}\n        data={[{}]}\n      />\n    </Flex>\n  )\n}\n"],"names":["PayrollOverviewPresentation","onEdit","onSubmit","Alert","Button","Heading","Text","useComponentContext","jsxs","Flex","jsx","DataView"],"mappings":";;;;AAQO,MAAMA,IAA8B,CAAC,EAAE,QAAAC,GAAQ,UAAAC,QAAqC;AACzF,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA;AAEzC,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,WACtC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,iBACnB,UAAA;AAAA,MAAA,gBAAAC,EAACL,GAAA,EAAQ,IAAG,MAAK,UAAA,2CAAuC;AAAA,MACxD,gBAAAG,EAACC,GAAA,EAAK,gBAAe,YACnB,UAAA;AAAA,QAAA,gBAAAC,EAACN,KAAO,OAAM,QAAO,SAASH,GAAQ,SAAQ,aAAY,UAAA,OAAA,CAE1D;AAAA,0BACCG,GAAA,EAAO,OAAM,UAAS,SAASF,GAAU,UAAA,SAAA,CAE1C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAQ,EAACP,GAAA,EAAM,OAAM,gCAA+B,QAAO,WAAU;AAAA,IAC7D,gBAAAO;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QAEN,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAO,EAACL,GAAA,EAAQ,IAAG,MAAK,UAAA,mBAAe;AAAA,IAChC,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAD,EAACJ,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,UAAA;AAAA,UAEhC;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAI,EAACJ,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,MAAM,CAAC,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAD,EAACJ,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,UAAA;AAAA,UAEhC;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAI,EAACJ,GAAA,EAAK,UAAA,YAAA,CAAS;AAAA,UAAA;AAAA,UAE/B;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAI,EAACJ,GAAA,EAAK,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF,MAAM,CAAC,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACF;AAEJ;"}
+{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface PayrollOverviewProps {\n  onEdit: () => void\n  onSubmit: () => void\n}\n\nexport const PayrollOverviewPresentation = ({ onEdit, onSubmit }: PayrollOverviewProps) => {\n  const { Alert, Button, Heading, Text } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <Flex justifyContent=\"space-between\">\n        <Heading as=\"h1\">Review payroll for Jul 5 - Jul 18, 2025</Heading>\n        <Flex justifyContent=\"flex-end\">\n          <Button title=\"Edit\" onClick={onEdit} variant=\"secondary\">\n            Edit\n          </Button>\n          <Button title=\"Submit\" onClick={onSubmit}>\n            Submit\n          </Button>\n        </Flex>\n      </Flex>\n      <Alert label=\"Your progress has been saved\" status=\"success\"></Alert>\n      <Alert\n        label=\"To pay your employees with direct deposit on Fri, Jul 25, you'll need to run payroll by 7:00 PM EDT on Wed, Jul 23\"\n        status=\"warning\"\n      >\n        {\"If you miss this deadline, your employees' direct deposit will be delayed.\"}\n      </Alert>\n      <Heading as=\"h3\">Payroll Summary</Heading>\n      <DataView\n        label=\"Summary\"\n        columns={[\n          {\n            title: 'Total payroll',\n            render: () => <Text>$32,161.22</Text>,\n          },\n          {\n            title: 'Debit amount',\n            render: () => <Text>$28,896.27</Text>,\n          },\n        ]}\n        data={[{}]}\n      />\n      <DataView\n        label=\"Configuration\"\n        columns={[\n          {\n            title: 'Employees',\n            render: () => <Text>John Smith</Text>,\n          },\n          {\n            title: 'Gross Pay',\n            render: () => <Text>$2,345.16</Text>,\n          },\n          {\n            title: 'Reimbursements',\n            render: () => <Text>$0.00</Text>,\n          },\n        ]}\n        data={[{}]}\n      />\n    </Flex>\n  )\n}\n"],"names":["PayrollOverviewPresentation","onEdit","onSubmit","Alert","Button","Heading","Text","useComponentContext","jsxs","Flex","jsx","DataView"],"mappings":";;;;;;AAQO,MAAMA,IAA8B,CAAC,EAAE,QAAAC,GAAQ,UAAAC,QAAqC;AACzF,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA;AAEzC,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,WACtC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,iBACnB,UAAA;AAAA,MAAA,gBAAAC,EAACL,GAAA,EAAQ,IAAG,MAAK,UAAA,2CAAuC;AAAA,MACxD,gBAAAG,EAACC,GAAA,EAAK,gBAAe,YACnB,UAAA;AAAA,QAAA,gBAAAC,EAACN,KAAO,OAAM,QAAO,SAASH,GAAQ,SAAQ,aAAY,UAAA,OAAA,CAE1D;AAAA,0BACCG,GAAA,EAAO,OAAM,UAAS,SAASF,GAAU,UAAA,SAAA,CAE1C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAQ,EAACP,GAAA,EAAM,OAAM,gCAA+B,QAAO,WAAU;AAAA,IAC7D,gBAAAO;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QAEN,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAO,EAACL,GAAA,EAAQ,IAAG,MAAK,UAAA,mBAAe;AAAA,IAChC,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAD,EAACJ,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,UAAA;AAAA,UAEhC;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAI,EAACJ,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,MAAM,CAAC,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAD,EAACJ,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,UAAA;AAAA,UAEhC;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAI,EAACJ,GAAA,EAAK,UAAA,YAAA,CAAS;AAAA,UAAA;AAAA,UAE/B;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,MAAM,gBAAAI,EAACJ,GAAA,EAAK,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF,MAAM,CAAC,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACF;AAEJ;"}

package/dist/contexts/ApiProvider/ApiProvider.js

@@ -1,8 +1,8 @@
 import { jsx as c } from "react/jsx-runtime";
-import { QueryClient as p, QueryClientProvider as E } from "@tanstack/react-query";
-import { GustoEmbeddedProvider as H } from "@gusto/embedded-api/react-query/_context";
-import { GustoEmbeddedCore as b } from "@gusto/embedded-api/core";
-import { SDKHooks as R } from "@gusto/embedded-api/hooks/hooks";
+import { QueryClient as p, QueryClientProvider as E } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@tanstack/react-query/build/modern/index.js";
+import { GustoEmbeddedProvider as H } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/_context.js";
+import { GustoEmbeddedCore as b } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/core.js";
+import { SDKHooks as R } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/hooks/hooks.js";
 import { useMemo as a } from "react";
 function Q({ url: i, headers: s, hooks: e, children: u }) {
   const d = a(() => {

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -6,10 +6,12 @@ import { ComponentsProvider as P } from "../ComponentAdapter/ComponentsProvider.
 import { ApiProvider as I } from "../ApiProvider/ApiProvider.js";
 import { LoadingIndicatorProvider as x } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
 import { SDKI18next as t } from "./SDKI18next.js";
+import "classnames";
+import "../../shared/constants.js";
 import { InternalError as y } from "../../components/Common/InternalError/InternalError.js";
 import { LocaleProvider as C } from "../LocaleProvider/LocaleProvider.js";
 import { ThemeProvider as L } from "../ThemeProvider/ThemeProvider.js";
-const G = (a) => {
+const R = (a) => {
   const {
     children: d,
     config: e,
@@ -17,8 +19,8 @@ const G = (a) => {
     lng: n = "en",
     locale: c = "en-US",
     currency: l = "USD",
-    theme: s,
-    components: p,
+    theme: p,
+    components: s,
     LoaderComponent: f
   } = a;
   if (o)
@@ -35,9 +37,9 @@ const G = (a) => {
     }
   return g(() => {
     (async () => await t.changeLanguage(n))();
-  }, [n]), /* @__PURE__ */ r(P, { value: p, children: /* @__PURE__ */ r(x, { value: f, children: /* @__PURE__ */ r(h, { FallbackComponent: y, children: /* @__PURE__ */ r(L, { theme: s, children: /* @__PURE__ */ r(C, { locale: c, currency: l, children: /* @__PURE__ */ r(v, { i18n: t, children: /* @__PURE__ */ r(I, { url: e.baseUrl, headers: e.headers, hooks: e.hooks, children: d }) }, n) }) }) }) }) });
+  }, [n]), /* @__PURE__ */ r(P, { value: s, children: /* @__PURE__ */ r(x, { value: f, children: /* @__PURE__ */ r(h, { FallbackComponent: y, children: /* @__PURE__ */ r(L, { theme: p, children: /* @__PURE__ */ r(C, { locale: c, currency: l, children: /* @__PURE__ */ r(v, { i18n: t, children: /* @__PURE__ */ r(I, { url: e.baseUrl, headers: e.headers, hooks: e.hooks, children: d }) }, n) }) }) }) }) });
 };
 export {
-  G as GustoProviderCustomUIAdapter
+  R as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\n            <LocaleProvider locale={locale} currency={currency}>\n              <I18nextProvider i18n={SDKI18next} key={lng}>\n                <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","jsx","LoadingIndicatorProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;AA2CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOP,GACzB,UAAA,gBAAAQ,EAACC,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAO,EAACE,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAH,EAACI,GAAA,EAAc,OAAAb,GACb,UAAA,gBAAAS,EAACK,GAAA,EAAe,QAAAhB,GAAgB,UAAAC,GAC9B,UAAA,gBAAAU,EAACM,GAAA,EAAgB,MAAMT,GACrB,UAAA,gBAAAG,EAACO,GAAA,EAAY,KAAKrB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\n            <LocaleProvider locale={locale} currency={currency}>\n              <I18nextProvider i18n={SDKI18next} key={lng}>\n                <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","jsx","LoadingIndicatorProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;AA2CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOP,GACzB,UAAA,gBAAAQ,EAACC,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAO,EAACE,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAH,EAACI,GAAA,EAAc,OAAAb,GACb,UAAA,gBAAAS,EAACK,GAAA,EAAe,QAAAhB,GAAgB,UAAAC,GAC9B,UAAA,gBAAAU,EAACM,GAAA,EAAgB,MAAMT,GACrB,UAAA,gBAAAG,EAACO,GAAA,EAAY,KAAKrB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}

package/dist/contexts/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { useRef as c, useEffect as u } from "react";
-import { useTranslation as a } from "react-i18next";
+import { useRef as c, useEffect as a } from "react";
+import { useTranslation as i } from "react-i18next";
 import { ThemeContext as d } from "./useTheme.js";
 import { mergePartnerTheme as l } from "./theme.js";
 /* empty css                    */
@@ -8,13 +8,13 @@ const D = ({
   theme: n = {},
   children: t
 }) => {
-  const e = c(null), { t: r } = a(), o = c(null);
-  return u(() => {
-    const i = l(n);
+  const e = c(null), { t: r } = i(), o = c(null);
+  return a(() => {
+    const u = l(n);
     e.current && e.current.remove(), e.current = document.createElement("style"), e.current.setAttribute("data-testid", "GSDK"), e.current.appendChild(
       document.createTextNode(
         `.GSDK{
-${m(i).join(`
+${m(u).join(`
 `)}
 }`
       )
@@ -24,7 +24,7 @@ ${m(i).join(`
 }, m = (n, t) => {
   const e = [];
   for (const [r, o] of Object.entries(n))
-    typeof o == "object" ? e.push(...m(o, t ? t + "-" + r : r)) : e.push(`--g-${t ? t + "-" + r : r}: ${String(o)};`);
+    typeof o == "object" ? e.push(...m(o, t ? t + "-" + r : r)) : e.push(`--g-${t ? t + "-" + r : r}: ${o};`);
   return e;
 };
 export {

package/dist/contexts/ThemeProvider/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/contexts/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import type React from 'react'\nimport { useEffect, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ThemeContext } from './useTheme'\nimport { mergePartnerTheme, type GustoSDKTheme } from './theme'\nimport '@/styles/sdk.scss'\n\nexport interface ThemeProviderProps {\n  theme?: GustoSDKTheme\n  children?: React.ReactNode\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  theme: partnerThemeOverrides = {},\n  children,\n}) => {\n  const GThemeVariables = useRef<HTMLStyleElement | null>(null)\n  const { t } = useTranslation()\n  const containerRef = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    const gustoSDKThemeWithOverrides = mergePartnerTheme(partnerThemeOverrides)\n\n    if (GThemeVariables.current) {\n      GThemeVariables.current.remove()\n    }\n    GThemeVariables.current = document.createElement('style')\n    GThemeVariables.current.setAttribute('data-testid', 'GSDK')\n    GThemeVariables.current.appendChild(\n      document.createTextNode(\n        `.GSDK{\\n${parseThemeToCSS(gustoSDKThemeWithOverrides).join('\\n')}\\n}`,\n      ),\n    )\n    document.head.appendChild(GThemeVariables.current)\n  }, [partnerThemeOverrides, t])\n\n  return (\n    // @ts-expect-error HACK fix mismatch where containerRef allows null\n    <ThemeContext.Provider value={{ container: containerRef }}>\n      <article className=\"GSDK\" data-testid=\"GSDK\" ref={containerRef}>\n        {children}\n      </article>\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Recursive flattening of the theme object into css variable format\n */\nconst parseThemeToCSS = (theme: GustoSDKTheme, prefix?: string): string[] => {\n  const cssProps: string[] = []\n  for (const [key, value] of Object.entries(theme)) {\n    if (typeof value === 'object') {\n      cssProps.push(...parseThemeToCSS(value, prefix ? prefix + '-' + key : key))\n    } else {\n      cssProps.push(`--g-${prefix ? prefix + '-' + key : key}: ${String(value)};`)\n    }\n  }\n  return cssProps\n}\n"],"names":["ThemeProvider","partnerThemeOverrides","children","GThemeVariables","useRef","t","useTranslation","containerRef","useEffect","gustoSDKThemeWithOverrides","mergePartnerTheme","parseThemeToCSS","ThemeContext","jsx","theme","prefix","cssProps","key","value"],"mappings":";;;;;;AAYO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAOC,IAAwB,CAAA;AAAA,EAC/B,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBC,EAAgC,IAAI,GACtD,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAeH,EAAoB,IAAI;AAE7C,SAAAI,EAAU,MAAM;AACd,UAAMC,IAA6BC,EAAkBT,CAAqB;AAE1E,IAAIE,EAAgB,WAClBA,EAAgB,QAAQ,OAAA,GAE1BA,EAAgB,UAAU,SAAS,cAAc,OAAO,GACxDA,EAAgB,QAAQ,aAAa,eAAe,MAAM,GAC1DA,EAAgB,QAAQ;AAAA,MACtB,SAAS;AAAA,QACP;AAAA,EAAWQ,EAAgBF,CAA0B,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA,MAAA;AAAA,IACnE,GAEF,SAAS,KAAK,YAAYN,EAAgB,OAAO;AAAA,EACnD,GAAG,CAACF,GAAuBI,CAAC,CAAC;AAAA,oBAI1BO,EAAa,UAAb,EAAsB,OAAO,EAAE,WAAWL,EAAA,GACzC,UAAA,gBAAAM,EAAC,WAAA,EAAQ,WAAU,QAAO,eAAY,QAAO,KAAKN,GAC/C,UAAAL,GACH,EAAA,CACF;AAEJ,GAKMS,IAAkB,CAACG,GAAsBC,MAA8B;AAC3E,QAAMC,IAAqB,CAAA;AAC3B,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAK;AAC7C,IAAI,OAAOI,KAAU,WACnBF,EAAS,KAAK,GAAGL,EAAgBO,GAAOH,IAASA,IAAS,MAAME,IAAMA,CAAG,CAAC,IAE1ED,EAAS,KAAK,OAAOD,IAASA,IAAS,MAAME,IAAMA,CAAG,KAAK,OAAOC,CAAK,CAAC,GAAG;AAG/E,SAAOF;AACT;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/contexts/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import type React from 'react'\nimport { useEffect, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ThemeContext } from './useTheme'\nimport { mergePartnerTheme, type GustoSDKTheme } from './theme'\nimport '@/styles/sdk.scss'\n\nexport interface ThemeProviderProps {\n  theme?: GustoSDKTheme\n  children?: React.ReactNode\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  theme: partnerThemeOverrides = {},\n  children,\n}) => {\n  const GThemeVariables = useRef<HTMLStyleElement | null>(null)\n  const { t } = useTranslation()\n  const containerRef = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    const gustoSDKThemeWithOverrides = mergePartnerTheme(partnerThemeOverrides)\n\n    if (GThemeVariables.current) {\n      GThemeVariables.current.remove()\n    }\n    GThemeVariables.current = document.createElement('style')\n    GThemeVariables.current.setAttribute('data-testid', 'GSDK')\n    GThemeVariables.current.appendChild(\n      document.createTextNode(\n        `.GSDK{\\n${parseThemeToCSS(gustoSDKThemeWithOverrides).join('\\n')}\\n}`,\n      ),\n    )\n    document.head.appendChild(GThemeVariables.current)\n  }, [partnerThemeOverrides, t])\n\n  return (\n    // @ts-expect-error HACK fix mismatch where containerRef allows null\n    <ThemeContext.Provider value={{ container: containerRef }}>\n      <article className=\"GSDK\" data-testid=\"GSDK\" ref={containerRef}>\n        {children}\n      </article>\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Recursive flattening of the theme object into css variable format\n */\nconst parseThemeToCSS = (theme: GustoSDKTheme, prefix?: string): string[] => {\n  const cssProps: string[] = []\n  for (const [key, value] of Object.entries(theme)) {\n    if (typeof value === 'object') {\n      cssProps.push(...parseThemeToCSS(value, prefix ? prefix + '-' + key : key))\n    } else {\n      cssProps.push(`--g-${prefix ? prefix + '-' + key : key}: ${value};`)\n    }\n  }\n  return cssProps\n}\n"],"names":["ThemeProvider","partnerThemeOverrides","children","GThemeVariables","useRef","t","useTranslation","containerRef","useEffect","gustoSDKThemeWithOverrides","mergePartnerTheme","parseThemeToCSS","ThemeContext","jsx","theme","prefix","cssProps","key","value"],"mappings":";;;;;;AAYO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAOC,IAAwB,CAAA;AAAA,EAC/B,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBC,EAAgC,IAAI,GACtD,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAeH,EAAoB,IAAI;AAE7C,SAAAI,EAAU,MAAM;AACd,UAAMC,IAA6BC,EAAkBT,CAAqB;AAE1E,IAAIE,EAAgB,WAClBA,EAAgB,QAAQ,OAAA,GAE1BA,EAAgB,UAAU,SAAS,cAAc,OAAO,GACxDA,EAAgB,QAAQ,aAAa,eAAe,MAAM,GAC1DA,EAAgB,QAAQ;AAAA,MACtB,SAAS;AAAA,QACP;AAAA,EAAWQ,EAAgBF,CAA0B,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA,MAAA;AAAA,IACnE,GAEF,SAAS,KAAK,YAAYN,EAAgB,OAAO;AAAA,EACnD,GAAG,CAACF,GAAuBI,CAAC,CAAC;AAAA,oBAI1BO,EAAa,UAAb,EAAsB,OAAO,EAAE,WAAWL,EAAA,GACzC,UAAA,gBAAAM,EAAC,WAAA,EAAQ,WAAU,QAAO,eAAY,QAAO,KAAKN,GAC/C,UAAAL,GACH,EAAA,CACF;AAEJ,GAKMS,IAAkB,CAACG,GAAsBC,MAA8B;AAC3E,QAAMC,IAAqB,CAAA;AAC3B,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAK;AAC7C,IAAI,OAAOI,KAAU,WACnBF,EAAS,KAAK,GAAGL,EAAgBO,GAAOH,IAASA,IAAS,MAAME,IAAMA,CAAG,CAAC,IAE1ED,EAAS,KAAK,OAAOD,IAASA,IAAS,MAAME,IAAMA,CAAG,KAAKC,CAAK,GAAG;AAGvE,SAAOF;AACT;"}

package/dist/i18n/I18n.js

@@ -5,7 +5,7 @@ const C = "common", s = new l(50), c = ({ lng: n = "en", ns: o }) => {
   let e = !0, t = !1, r;
   const i = (async () => {
     try {
-      r = (await p(/* @__PURE__ */ Object.assign({ "./en/Company.AddBank.json": () => import("./en/Company.AddBank.json.js"), "./en/Company.Addresses.json": () => import("./en/Company.Addresses.json.js"), "./en/Company.AssignSignatory.json": () => import("./en/Company.AssignSignatory.json.js"), "./en/Company.BankAccount.json": () => import("./en/Company.BankAccount.json.js"), "./en/Company.DocumentList.json": () => import("./en/Company.DocumentList.json.js"), "./en/Company.FederalTaxes.json": () => import("./en/Company.FederalTaxes.json.js"), "./en/Company.Industry.json": () => import("./en/Company.Industry.json.js"), "./en/Company.Locations.json": () => import("./en/Company.Locations.json.js"), "./en/Company.OnboardingOverview.json": () => import("./en/Company.OnboardingOverview.json.js"), "./en/Company.PaySchedule.json": () => import("./en/Company.PaySchedule.json.js"), "./en/Company.SignatureForm.json": () => import("./en/Company.SignatureForm.json.js"), "./en/Company.StateTaxes.json": () => import("./en/Company.StateTaxes.json.js"), "./en/Contractor.Address.json": () => import("./en/Contractor.Address.json.js"), "./en/Contractor.ContractorList.json": () => import("./en/Contractor.ContractorList.json.js"), "./en/Contractor.NewHireReport.json": () => import("./en/Contractor.NewHireReport.json.js"), "./en/Contractor.PaymentMethod.json": () => import("./en/Contractor.PaymentMethod.json.js"), "./en/Contractor.Profile.json": () => import("./en/Contractor.Profile.json.js"), "./en/Contractor.Submit.json": () => import("./en/Contractor.Submit.json.js"), "./en/Employee.BankAccount.json": () => import("./en/Employee.BankAccount.json.js"), "./en/Employee.Compensation.json": () => import("./en/Employee.Compensation.json.js"), "./en/Employee.Deductions.json": () => import("./en/Employee.Deductions.json.js"), "./en/Employee.DocumentSigner.json": () => import("./en/Employee.DocumentSigner.json.js"), "./en/Employee.EmployeeList.json": () => import("./en/Employee.EmployeeList.json.js"), "./en/Employee.HomeAddress.json": () => import("./en/Employee.HomeAddress.json.js"), "./en/Employee.Landing.json": () => import("./en/Employee.Landing.json.js"), "./en/Employee.OnboardingSummary.json": () => import("./en/Employee.OnboardingSummary.json.js"), "./en/Employee.PaySchedules.json": () => import("./en/Employee.PaySchedules.json.js"), "./en/Employee.PaymentMethod.json": () => import("./en/Employee.PaymentMethod.json.js"), "./en/Employee.Profile.json": () => import("./en/Employee.Profile.json.js"), "./en/Employee.SplitPaycheck.json": () => import("./en/Employee.SplitPaycheck.json.js"), "./en/Employee.StateTaxes.json": () => import("./en/Employee.StateTaxes.json.js"), "./en/Employee.Taxes.json": () => import("./en/Employee.Taxes.json.js"), "./en/Payroll.PayrollHistoryList.json": () => import("./en/Payroll.PayrollHistoryList.json.js"), "./en/Payroll.PayrollSchedule.json": () => import("./en/Payroll.PayrollSchedule.json.js"), "./en/common.json": () => import("./en/common.json.js") }), `./${n}/${o}.json`, 3)).default, e = !1;
+      r = (await p(/* @__PURE__ */ Object.assign({ "./en/Company.AddBank.json": () => import("./en/Company.AddBank.json.js"), "./en/Company.Addresses.json": () => import("./en/Company.Addresses.json.js"), "./en/Company.AssignSignatory.json": () => import("./en/Company.AssignSignatory.json.js"), "./en/Company.BankAccount.json": () => import("./en/Company.BankAccount.json.js"), "./en/Company.DocumentList.json": () => import("./en/Company.DocumentList.json.js"), "./en/Company.FederalTaxes.json": () => import("./en/Company.FederalTaxes.json.js"), "./en/Company.Industry.json": () => import("./en/Company.Industry.json.js"), "./en/Company.Locations.json": () => import("./en/Company.Locations.json.js"), "./en/Company.OnboardingOverview.json": () => import("./en/Company.OnboardingOverview.json.js"), "./en/Company.PaySchedule.json": () => import("./en/Company.PaySchedule.json.js"), "./en/Company.SignatureForm.json": () => import("./en/Company.SignatureForm.json.js"), "./en/Company.StateTaxes.json": () => import("./en/Company.StateTaxes.json.js"), "./en/Contractor.Address.json": () => import("./en/Contractor.Address.json.js"), "./en/Contractor.ContractorList.json": () => import("./en/Contractor.ContractorList.json.js"), "./en/Contractor.NewHireReport.json": () => import("./en/Contractor.NewHireReport.json.js"), "./en/Contractor.PaymentMethod.json": () => import("./en/Contractor.PaymentMethod.json.js"), "./en/Contractor.Profile.json": () => import("./en/Contractor.Profile.json.js"), "./en/Contractor.Submit.json": () => import("./en/Contractor.Submit.json.js"), "./en/Employee.BankAccount.json": () => import("./en/Employee.BankAccount.json.js"), "./en/Employee.Compensation.json": () => import("./en/Employee.Compensation.json.js"), "./en/Employee.Deductions.json": () => import("./en/Employee.Deductions.json.js"), "./en/Employee.DocumentSigner.json": () => import("./en/Employee.DocumentSigner.json.js"), "./en/Employee.EmployeeList.json": () => import("./en/Employee.EmployeeList.json.js"), "./en/Employee.FederalTaxes.json": () => import("./en/Employee.FederalTaxes.json.js"), "./en/Employee.HomeAddress.json": () => import("./en/Employee.HomeAddress.json.js"), "./en/Employee.Landing.json": () => import("./en/Employee.Landing.json.js"), "./en/Employee.OnboardingSummary.json": () => import("./en/Employee.OnboardingSummary.json.js"), "./en/Employee.PaySchedules.json": () => import("./en/Employee.PaySchedules.json.js"), "./en/Employee.PaymentMethod.json": () => import("./en/Employee.PaymentMethod.json.js"), "./en/Employee.Profile.json": () => import("./en/Employee.Profile.json.js"), "./en/Employee.SplitPaycheck.json": () => import("./en/Employee.SplitPaycheck.json.js"), "./en/Employee.StateTaxes.json": () => import("./en/Employee.StateTaxes.json.js"), "./en/Employee.Taxes.json": () => import("./en/Employee.Taxes.json.js"), "./en/Payroll.PayrollHistoryList.json": () => import("./en/Payroll.PayrollHistoryList.json.js"), "./en/Payroll.PayrollSchedule.json": () => import("./en/Payroll.PayrollSchedule.json.js"), "./en/common.json": () => import("./en/common.json.js") }), `./${n}/${o}.json`, 3)).default, e = !1;
     } catch {
       t = !0, e = !1;
     }

package/dist/i18n/I18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18n.js","sources":["../../src/i18n/I18n.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport { LRUCache } from '@/helpers/LRUCache'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\n\nexport const defaultNS = 'common'\n\n//LRU cache holding requested resources\nconst resourceCache = new LRUCache(50)\n/**\n * Dynamic loading of translation resources - works with Suspence to prevent early access to loadable strings\n * @param lng(string): resource language\n * @param ns(string): Namespace/name of the component/resource\n * @returns Promise<Translation resource>\n */\nconst loadResource = ({ lng = 'en', ns }: { ns: string; lng?: string }) => {\n  let isLoading = true\n  let isError = false\n  let resource: Record<string, string>\n\n  const importResources = async () => {\n    try {\n      const module = await import(`@/i18n/${lng}/${ns}.json`)\n\n      resource = module.default\n      isLoading = false\n    } catch (err) {\n      isError = true\n      isLoading = false\n    }\n  }\n  const promise = importResources()\n  return () => {\n    if (isLoading) {\n      // eslint-disable-next-line @typescript-eslint/only-throw-error\n      throw promise // Throw the promise to indicate Suspense should suspend.\n    } else if (isError) {\n      throw new Error(`Error loading translation for component: ${ns}`) // Handle error\n    } else {\n      return resource // Return the resource when loading is complete\n    }\n  }\n}\n\n/**\n * Hook that allows component to load custom dictionary\n * @param @private {string} ns - Namespace - should match component name exactly - not exposed to consumers\n */\nexport const useI18n = (ns: keyof CustomTypeOptions['resources'] | null) => {\n  //Getting our instance of i18n -> supplied by the provider set in GustoApiProvider\n  const { i18n: i18nInstance } = useTranslation()\n  //Abort when namespace is not provided\n  if (!ns) return\n  const key = `${i18nInstance.resolvedLanguage}:${ns}`\n  //Skip loading default resource if it is already in cache\n  if (resourceCache.get(key) === null) {\n    //If resource not in cache, initiate loading and add getter to cache\n    resourceCache.put(key, loadResource({ lng: i18nInstance.resolvedLanguage, ns: ns }))\n  }\n  //Get resourceGetter from cache\n  const resourceGetter = resourceCache.get(key)\n  if (resourceGetter) {\n    const resource = resourceGetter()\n    i18nInstance.addResourceBundle(i18nInstance.resolvedLanguage ?? 'en', ns, resource, true, false) //Last argument is set to false to prevent override of keys provided by partners on GustoApiProvider level through dictionary prop\n  }\n}\n\n//Used by individual components to override their dictionaries with partner provided resources\nexport const useComponentDictionary = <K extends keyof Resources>(\n  ns: keyof CustomTypeOptions['resources'],\n  resource?: ResourceDictionary<K> | null,\n) => {\n  const { i18n: i18nInstance } = useTranslation()\n  if (resource) {\n    for (const lang in resource) {\n      i18nInstance.addResourceBundle(lang, ns, resource[lang], true, true)\n    }\n  }\n}\n"],"names":["defaultNS","resourceCache","LRUCache","loadResource","lng","ns","isLoading","isError","resource","promise","__variableDynamicImportRuntimeHelper","useI18n","i18nInstance","useTranslation","key","resourceGetter","useComponentDictionary","lang"],"mappings":";;;AAKO,MAAMA,IAAY,UAGnBC,IAAgB,IAAIC,EAAS,EAAE,GAO/BC,IAAe,CAAC,EAAE,KAAAC,IAAM,MAAM,IAAAC,QAAuC;AACzE,MAAIC,IAAY,IACZC,IAAU,IACVC;AAaJ,QAAMC,KAXkB,YAAY;AAClC,QAAI;AAGF,MAAAD,KAFe,MAAME,o7FAAA,KAAAN,CAAA,IAAAC,CAAA,SAAA,CAAA,GAEH,SAClBC,IAAY;AAAA,IACd,QAAc;AACZ,MAAAC,IAAU,IACVD,IAAY;AAAA,IACd;AAAA,EACF,GACgB;AAChB,SAAO,MAAM;AACX,QAAIA;AAEF,YAAMG;QACGF;AACT,YAAM,IAAI,MAAM,4CAA4CF,CAAE,EAAE;AAEhE,WAAOG;AAAA,EAEX;AACF,GAMaG,IAAU,CAACN,MAAoD;AAE1E,QAAM,EAAE,MAAMO,EAAA,IAAiBC,EAAA;AAE/B,MAAI,CAACR,EAAI;AACT,QAAMS,IAAM,GAAGF,EAAa,gBAAgB,IAAIP,CAAE;AAElD,EAAIJ,EAAc,IAAIa,CAAG,MAAM,QAE7Bb,EAAc,IAAIa,GAAKX,EAAa,EAAE,KAAKS,EAAa,kBAAkB,IAAAP,EAAA,CAAQ,CAAC;AAGrF,QAAMU,IAAiBd,EAAc,IAAIa,CAAG;AAC5C,MAAIC,GAAgB;AAClB,UAAMP,IAAWO,EAAA;AACjB,IAAAH,EAAa,kBAAkBA,EAAa,oBAAoB,MAAMP,GAAIG,GAAU,IAAM,EAAK;AAAA,EACjG;AACF,GAGaQ,IAAyB,CACpCX,GACAG,MACG;AACH,QAAM,EAAE,MAAMI,EAAA,IAAiBC,EAAA;AAC/B,MAAIL;AACF,eAAWS,KAAQT;AACjB,MAAAI,EAAa,kBAAkBK,GAAMZ,GAAIG,EAASS,CAAI,GAAG,IAAM,EAAI;AAGzE;"}
+{"version":3,"file":"I18n.js","sources":["../../src/i18n/I18n.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport { LRUCache } from '@/helpers/LRUCache'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\n\nexport const defaultNS = 'common'\n\n//LRU cache holding requested resources\nconst resourceCache = new LRUCache(50)\n/**\n * Dynamic loading of translation resources - works with Suspence to prevent early access to loadable strings\n * @param lng(string): resource language\n * @param ns(string): Namespace/name of the component/resource\n * @returns Promise<Translation resource>\n */\nconst loadResource = ({ lng = 'en', ns }: { ns: string; lng?: string }) => {\n  let isLoading = true\n  let isError = false\n  let resource: Record<string, string>\n\n  const importResources = async () => {\n    try {\n      const module = await import(`@/i18n/${lng}/${ns}.json`)\n\n      resource = module.default\n      isLoading = false\n    } catch (err) {\n      isError = true\n      isLoading = false\n    }\n  }\n  const promise = importResources()\n  return () => {\n    if (isLoading) {\n      // eslint-disable-next-line @typescript-eslint/only-throw-error\n      throw promise // Throw the promise to indicate Suspense should suspend.\n    } else if (isError) {\n      throw new Error(`Error loading translation for component: ${ns}`) // Handle error\n    } else {\n      return resource // Return the resource when loading is complete\n    }\n  }\n}\n\n/**\n * Hook that allows component to load custom dictionary\n * @param @private {string} ns - Namespace - should match component name exactly - not exposed to consumers\n */\nexport const useI18n = (ns: keyof CustomTypeOptions['resources'] | null) => {\n  //Getting our instance of i18n -> supplied by the provider set in GustoApiProvider\n  const { i18n: i18nInstance } = useTranslation()\n  //Abort when namespace is not provided\n  if (!ns) return\n  const key = `${i18nInstance.resolvedLanguage}:${ns}`\n  //Skip loading default resource if it is already in cache\n  if (resourceCache.get(key) === null) {\n    //If resource not in cache, initiate loading and add getter to cache\n    resourceCache.put(key, loadResource({ lng: i18nInstance.resolvedLanguage, ns: ns }))\n  }\n  //Get resourceGetter from cache\n  const resourceGetter = resourceCache.get(key)\n  if (resourceGetter) {\n    const resource = resourceGetter()\n    i18nInstance.addResourceBundle(i18nInstance.resolvedLanguage ?? 'en', ns, resource, true, false) //Last argument is set to false to prevent override of keys provided by partners on GustoApiProvider level through dictionary prop\n  }\n}\n\n//Used by individual components to override their dictionaries with partner provided resources\nexport const useComponentDictionary = <K extends keyof Resources>(\n  ns: keyof CustomTypeOptions['resources'],\n  resource?: ResourceDictionary<K> | null,\n) => {\n  const { i18n: i18nInstance } = useTranslation()\n  if (resource) {\n    for (const lang in resource) {\n      i18nInstance.addResourceBundle(lang, ns, resource[lang], true, true)\n    }\n  }\n}\n"],"names":["defaultNS","resourceCache","LRUCache","loadResource","lng","ns","isLoading","isError","resource","promise","__variableDynamicImportRuntimeHelper","useI18n","i18nInstance","useTranslation","key","resourceGetter","useComponentDictionary","lang"],"mappings":";;;AAKO,MAAMA,IAAY,UAGnBC,IAAgB,IAAIC,EAAS,EAAE,GAO/BC,IAAe,CAAC,EAAE,KAAAC,IAAM,MAAM,IAAAC,QAAuC;AACzE,MAAIC,IAAY,IACZC,IAAU,IACVC;AAaJ,QAAMC,KAXkB,YAAY;AAClC,QAAI;AAGF,MAAAD,KAFe,MAAME,2gGAAA,KAAAN,CAAA,IAAAC,CAAA,SAAA,CAAA,GAEH,SAClBC,IAAY;AAAA,IACd,QAAc;AACZ,MAAAC,IAAU,IACVD,IAAY;AAAA,IACd;AAAA,EACF,GACgB;AAChB,SAAO,MAAM;AACX,QAAIA;AAEF,YAAMG;QACGF;AACT,YAAM,IAAI,MAAM,4CAA4CF,CAAE,EAAE;AAEhE,WAAOG;AAAA,EAEX;AACF,GAMaG,IAAU,CAACN,MAAoD;AAE1E,QAAM,EAAE,MAAMO,EAAA,IAAiBC,EAAA;AAE/B,MAAI,CAACR,EAAI;AACT,QAAMS,IAAM,GAAGF,EAAa,gBAAgB,IAAIP,CAAE;AAElD,EAAIJ,EAAc,IAAIa,CAAG,MAAM,QAE7Bb,EAAc,IAAIa,GAAKX,EAAa,EAAE,KAAKS,EAAa,kBAAkB,IAAAP,EAAA,CAAQ,CAAC;AAGrF,QAAMU,IAAiBd,EAAc,IAAIa,CAAG;AAC5C,MAAIC,GAAgB;AAClB,UAAMP,IAAWO,EAAA;AACjB,IAAAH,EAAa,kBAAkBA,EAAa,oBAAoB,MAAMP,GAAIG,GAAU,IAAM,EAAK;AAAA,EACjG;AACF,GAGaQ,IAAyB,CACpCX,GACAG,MACG;AACH,QAAM,EAAE,MAAMI,EAAA,IAAiBC,EAAA;AAC/B,MAAIL;AACF,eAAWS,KAAQT;AACjB,MAAAI,EAAa,kBAAkBK,GAAMZ,GAAIG,EAASS,CAAI,GAAG,IAAM,EAAI;AAGzE;"}

package/dist/i18n/en/Employee.FederalTaxes.json.js

@@ -0,0 +1,46 @@
+const e = "Step 4b: Deductions", t = "Step 3: Dependents (if applicable)", o = "Step 4c: Extra withholding", i = "Step 1c: Federal filing status (1c)", l = "Select filing status...", s = "Federal tax withholdings (Form W-4)", a = `We'll use this information to withhold the appropriate federal taxes from each paycheck. If you’re unsure what to enter here, refer to <irs_calculator href="https://www.irs.gov/pub/irs-pdf/fw4.pdf" target="_blank">Form W4</irs_calculator> to calculate the values, visit our <help_center href="https://support.gusto.com" target="_blank">Help Center</help_center>, or consult your tax advisor.`, n = "Exempt from withholding", r = "Head of household", c = "Married", h = "Single", d = "This field is a required field. Please enter a value.", u = 'Includes spouse, if applicable. Answering 2c will result in a higher withholding, but to preserve privacy, this can be left unchecked. <irs_link href="https://www.irs.gov/newsroom/faqs-on-the-2020-form-w-4" target="_blank">Learn more on the IRS website</irs_link>.', p = "Step 2c: Multiple jobs (2c)", f = "Step 4a: Other income", w = "If you select Exempt from withholding, we wont withhold federal income taxes, but well still report taxable wages on a W-2. Keep in mind that anyone who claims exemption from withholding needs to submit a new W-4 each year.", g = "Continue", m = "Yes", S = "No", b = { federalFilingStatus: "Please select filing status", federalTwoJobs: "Please select an option" }, x = {
+  deductions: e,
+  dependentsTotalIfApplicable: t,
+  extraWithholding: o,
+  federalFilingStatus1c: i,
+  federalFillingStatusPlaceholder: l,
+  federalTaxesTitle: s,
+  irs_calculator: a,
+  filingStatusExemptFromWithholding: n,
+  filingStatusHeadOfHousehold: r,
+  filingStatusMarried: c,
+  filingStatusSingle: h,
+  fieldIsRequired: d,
+  includesSpouseExplanation: u,
+  multipleJobs2c: p,
+  otherIncome: f,
+  selectWithholdingDescription: w,
+  submitCta: g,
+  twoJobYesLabel: "Yes",
+  twoJobNoLabel: "No",
+  validations: b
+};
+export {
+  e as deductions,
+  x as default,
+  t as dependentsTotalIfApplicable,
+  o as extraWithholding,
+  i as federalFilingStatus1c,
+  l as federalFillingStatusPlaceholder,
+  s as federalTaxesTitle,
+  d as fieldIsRequired,
+  n as filingStatusExemptFromWithholding,
+  r as filingStatusHeadOfHousehold,
+  c as filingStatusMarried,
+  h as filingStatusSingle,
+  u as includesSpouseExplanation,
+  a as irs_calculator,
+  p as multipleJobs2c,
+  f as otherIncome,
+  w as selectWithholdingDescription,
+  g as submitCta,
+  S as twoJobNoLabel,
+  m as twoJobYesLabel,
+  b as validations
+};
+//# sourceMappingURL=Employee.FederalTaxes.json.js.map

package/dist/i18n/en/Employee.FederalTaxes.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Employee.FederalTaxes.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/i18n/en/Employee.StateTaxes.json.js

@@ -1,14 +1,10 @@
-const t = "State tax", a = "Filing Status", e = "Cancel", s = "Submit", n = {
-  title: t,
-  filingStatusLabel: a,
-  cancelCta: e,
-  submitCta: s
+const t = "{{state}} Tax Requirements", e = "Continue", s = {
+  stateTaxesTitle: t,
+  submitCta: e
 };
 export {
-  e as cancelCta,
-  n as default,
-  a as filingStatusLabel,
-  s as submitCta,
-  t as title
+  s as default,
+  t as stateTaxesTitle,
+  e as submitCta
 };
 //# sourceMappingURL=Employee.StateTaxes.json.js.map

package/dist/i18n/en/Employee.StateTaxes.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"Employee.StateTaxes.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Employee.StateTaxes.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/i18n/en/Employee.Taxes.json.js

@@ -1,10 +1,10 @@
-const e = "Back", t = "Step 4b: Deductions", o = "Step 3: Dependents (if applicable)", l = "Step 4c: Extra withholding", s = "Step 1c: Federal filing status (1c)", i = "Select filing status...", a = "Federal tax withholdings (Form W-4)", n = "Exempt from withholding", r = "Head of household", c = "Married", h = "Single", u = "This field is a required field. Please enter a value.", d = 'Includes spouse, if applicable. Answering 2c will result in a higher withholding, but to preserve privacy, this can be left unchecked. <irs_link href="https://www.irs.gov/newsroom/faqs-on-the-2020-form-w-4" target="_blank">Learn more on the IRS website</irs_link>.', p = 'We’ll use this info to withhold the appropriate federal taxes from each paycheck. If you’re unsure what to enter here, refer to <irs_calculator href="https://www.irs.gov/pub/irs-pdf/fw4.pdf" target="_blank">Form W4</irs_calculator> to calculate the values, visit our <help_center href="https://support.gusto.com" target="_blank">Help Center</help_center>, or consult your tax advisor.', f = 'Enter the results for {{lineNum}} from the <irs_calculator href="https://www.irs.gov/individuals/tax-withholding-estimator" target="_blank">IRS Calculator</irs_calculator> or <w4_link>form W-4</w4_link>.', w = "Step 2c: Multiple jobs (2c)", g = "Step 4a: Other income", m = "If you select Exempt from withholding, we wont withhold federal income taxes, but well still report taxable wages on a W-2. Keep in mind that anyone who claims exemption from withholding needs to submit a new W-4 each year.", b = "{{state}} Tax Requirements", S = "Continue", _ = "Yes", k = "No", x = { federalFilingStatus: "Please select filing status", federalTwoJobs: "Please select an option" }, v = {
+const e = "Back", t = "Step 4b: Deductions", o = "Step 3: Dependents (if applicable)", i = "Step 4c: Extra withholding", l = "Step 1c: Federal filing status (1c)", s = "Select filing status...", a = "Federal tax withholdings (Form W-4)", n = "Exempt from withholding", r = "Head of household", c = "Married", h = "Single", u = "This field is a required field. Please enter a value.", d = 'Includes spouse, if applicable. Answering 2c will result in a higher withholding, but to preserve privacy, this can be left unchecked. <irs_link href="https://www.irs.gov/newsroom/faqs-on-the-2020-form-w-4" target="_blank">Learn more on the IRS website</irs_link>.', p = 'We’ll use this information to withhold the appropriate federal taxes from each paycheck. If you’re unsure what to enter here, refer to <irs_calculator href="https://www.irs.gov/pub/irs-pdf/fw4.pdf" target="_blank">Form W4</irs_calculator> to calculate the values, visit our <help_center href="https://support.gusto.com" target="_blank">Help Center</help_center>, or consult your tax advisor.', f = 'Enter the results for {{lineNum}} from the <irs_calculator href="https://www.irs.gov/individuals/tax-withholding-estimator" target="_blank">IRS Calculator</irs_calculator> or <w4_link>form W-4</w4_link>.', w = "Step 2c: Multiple jobs (2c)", g = "Step 4a: Other income", m = "If you select Exempt from withholding, we wont withhold federal income taxes, but well still report taxable wages on a W-2. Keep in mind that anyone who claims exemption from withholding needs to submit a new W-4 each year.", b = "{{state}} Tax Requirements", S = "Continue", _ = "Yes", k = "No", x = { federalFilingStatus: "Please select filing status", federalTwoJobs: "Please select an option" }, v = {
   cancelCta: e,
   deductions: t,
   dependentsTotalIfApplicable: o,
-  extraWithholding: l,
-  federalFilingStatus1c: s,
-  federalFillingStatusPlaceholder: i,
+  extraWithholding: i,
+  federalFilingStatus1c: l,
+  federalFillingStatusPlaceholder: s,
   federalTaxesTitle: a,
   filingStatusExemptFromWithholding: n,
   filingStatusHeadOfHousehold: r,
@@ -28,9 +28,9 @@ export {
   t as deductions,
   v as default,
   o as dependentsTotalIfApplicable,
-  l as extraWithholding,
-  s as federalFilingStatus1c,
-  i as federalFillingStatusPlaceholder,
+  i as extraWithholding,
+  l as federalFilingStatus1c,
+  s as federalFillingStatusPlaceholder,
   a as federalTaxesTitle,
   u as fieldIsRequired,
   n as filingStatusExemptFromWithholding,

package/dist/shared/constants.d.ts

@@ -31,9 +31,10 @@ export declare const employeeEvents: {
     readonly EMPLOYEE_BANK_ACCOUNT_CREATE: "employee/bankAccount/create";
     readonly EMPLOYEE_BANK_ACCOUNT_CREATED: "employee/bankAccount/created";
     readonly EMPLOYEE_BANK_ACCOUNT_DELETED: "employee/bankAccount/deleted";
-    readonly EMPLOYEE_FEDERAL_TAXES_VIEW: "employee/federalTaxes/view";
     readonly EMPLOYEE_FEDERAL_TAXES_UPDATED: "employee/federalTaxes/updated";
+    readonly EMPLOYEE_FEDERAL_TAXES_DONE: "employee/federalTaxes/done";
     readonly EMPLOYEE_STATE_TAXES_UPDATED: "employee/stateTaxes/updated";
+    readonly EMPLOYEE_STATE_TAXES_DONE: "employee/stateTaxes/done";
     readonly EMPLOYEE_TAXES_DONE: "employee/taxes/done";
     readonly EMPLOYEE_SPLIT_PAYCHECK: "employee/bankAccount/split";
     readonly EMPLOYEE_JOB_CREATED: "employee/job/created";
@@ -216,9 +217,10 @@ export declare const componentEvents: {
     readonly EMPLOYEE_BANK_ACCOUNT_CREATE: "employee/bankAccount/create";
     readonly EMPLOYEE_BANK_ACCOUNT_CREATED: "employee/bankAccount/created";
     readonly EMPLOYEE_BANK_ACCOUNT_DELETED: "employee/bankAccount/deleted";
-    readonly EMPLOYEE_FEDERAL_TAXES_VIEW: "employee/federalTaxes/view";
     readonly EMPLOYEE_FEDERAL_TAXES_UPDATED: "employee/federalTaxes/updated";
+    readonly EMPLOYEE_FEDERAL_TAXES_DONE: "employee/federalTaxes/done";
     readonly EMPLOYEE_STATE_TAXES_UPDATED: "employee/stateTaxes/updated";
+    readonly EMPLOYEE_STATE_TAXES_DONE: "employee/stateTaxes/done";
     readonly EMPLOYEE_TAXES_DONE: "employee/taxes/done";
     readonly EMPLOYEE_SPLIT_PAYCHECK: "employee/bankAccount/split";
     readonly EMPLOYEE_JOB_CREATED: "employee/job/created";