@gusto/embedded-react-sdk 0.12.0 → 0.12.3

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

@@ -0,0 +1,80 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Flex as r } from "../../Common/Flex/Flex.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 E = ({
+  employees: a,
+  onBack: d,
+  onEdit: c,
+  onCalculatePayroll: s
+}) => {
+  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" }),
+      /* @__PURE__ */ e(o, { title: "Calculate payroll", onClick: s, children: "Calculate payroll" })
+    ] }),
+    /* @__PURE__ */ e(l, { children: "Regular payroll" }),
+    /* @__PURE__ */ i(r, { flexDirection: "column", alignItems: "stretch", children: [
+      /* @__PURE__ */ e(
+        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",
+          status: "info",
+          children: "If you miss this deadline, your employees' direct deposit will be delayed."
+        }
+      ),
+      /* @__PURE__ */ e(n, { label: "2 employees will be skipped this payroll", status: "warning", children: /* @__PURE__ */ i("ul", { children: [
+        /* @__PURE__ */ e("li", { children: "John Smith - Employee address not verified" }),
+        /* @__PURE__ */ e("li", { children: "Jensen Cooper - Employee address not verified" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(t, { as: "h3", children: "Hours and additional earnings" }),
+    /* @__PURE__ */ e(l, { children: "Review and update..." }),
+    /* @__PURE__ */ e(
+      y,
+      {
+        label: "Configuration",
+        columns: [
+          {
+            title: "Employees",
+            render: () => /* @__PURE__ */ i(r, { flexDirection: "column", children: [
+              /* @__PURE__ */ e(l, { children: "John Smith" }),
+              /* @__PURE__ */ e(l, { children: "$22.00/hr" })
+            ] })
+          },
+          {
+            title: "Hours",
+            render: () => /* @__PURE__ */ e(l, { children: "40" })
+          }
+        ],
+        data: a,
+        itemMenu: ({ employeeId: u }) => /* @__PURE__ */ e(
+          h,
+          {
+            items: [
+              {
+                label: "Edit",
+                icon: /* @__PURE__ */ e(p, { "aria-hidden": !0 }),
+                onClick: () => {
+                  c({ employeeId: u });
+                }
+              }
+            ],
+            triggerLabel: "Edit",
+            isLoading: !1
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(o, { title: "Back", onClick: d, children: "Back" })
+  ] });
+};
+export {
+  E as PayrollConfigurationPresentation
+};
+//# sourceMappingURL=PayrollConfigurationPresentation.js.map

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

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

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.d.ts

@@ -0,0 +1,6 @@
+import { BaseComponentInterface } from '../../Base/Base';
+interface PayrollEditEmployeeProps extends BaseComponentInterface {
+    employeeId: string;
+}
+export declare const PayrollEditEmployee: ({ employeeId, onEvent, ...baseProps }: PayrollEditEmployeeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { PayrollEditEmployeePresentation as r } from "./PayrollEditEmployeePresentation.js";
+import { componentEvents as p } from "../../../shared/constants.js";
+import { BaseComponent as s } from "../../Base/Base.js";
+const a = ({ employeeId: t }) => ({ mutate: async () => {
+} }), u = ({
+  employeeId: t,
+  onEvent: o,
+  ...n
+}) => {
+  const { mutate: m } = a({ employeeId: t });
+  return /* @__PURE__ */ e(s, { ...n, onEvent: o, children: /* @__PURE__ */ e(r, { onDone: async () => {
+    await m(), o(p.RUN_PAYROLL_EMPLOYEE_SAVED);
+  } }) });
+};
+export {
+  u as PayrollEditEmployee
+};
+//# sourceMappingURL=PayrollEditEmployee.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.tsx"],"sourcesContent":["import { PayrollEditEmployeePresentation } from './PayrollEditEmployeePresentation'\nimport { componentEvents } from '@/shared/constants'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\n\n//TODO: Use Speakeasy type\ninterface Employee {\n  employeeId: string\n}\n\n// TODO: Replace this hook with call to Speakeasy instead\nconst useEditEmployeeApi = ({ employeeId }: Employee) => {\n  const mutate = async () => {}\n  return { mutate }\n}\n\ninterface PayrollEditEmployeeProps extends BaseComponentInterface {\n  employeeId: string\n}\n\nexport const PayrollEditEmployee = ({\n  employeeId,\n  onEvent,\n  ...baseProps\n}: PayrollEditEmployeeProps) => {\n  const { mutate } = useEditEmployeeApi({ employeeId })\n  const onDone = async () => {\n    await mutate()\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED)\n  }\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      <PayrollEditEmployeePresentation onDone={onDone} />\n    </BaseComponent>\n  )\n}\n"],"names":["useEditEmployeeApi","employeeId","PayrollEditEmployee","onEvent","baseProps","mutate","jsx","BaseComponent","PayrollEditEmployeePresentation","componentEvents"],"mappings":";;;;AAWA,MAAMA,IAAqB,CAAC,EAAE,YAAAC,SAErB,EAAE,QADM,YAAY;AAAC,EACnB,IAOEC,IAAsB,CAAC;AAAA,EAClC,YAAAD;AAAA,EACA,SAAAE;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAM,EAAE,QAAAC,EAAA,IAAWL,EAAmB,EAAE,YAAAC,GAAY;AAKpD,SACE,gBAAAK,EAACC,KAAe,GAAGH,GAAW,SAAAD,GAC5B,UAAA,gBAAAG,EAACE,GAAA,EAAgC,QANtB,YAAY;AACzB,UAAMH,EAAA,GACNF,EAAQM,EAAgB,0BAA0B;AAAA,EACpD,GAGqD,EAAA,CACnD;AAEJ;"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.d.ts

@@ -0,0 +1,5 @@
+interface PayrollEditEmployeeProps {
+    onDone: () => void;
+}
+export declare const PayrollEditEmployeePresentation: ({ onDone }: PayrollEditEmployeeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +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 "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";
+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(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(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 {
+  C as PayrollEditEmployeePresentation
+};
+//# sourceMappingURL=PayrollEditEmployeePresentation.js.map

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

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

package/dist/components/Payroll/PayrollList/PayrollList.d.ts

@@ -0,0 +1,6 @@
+import { BaseComponentInterface } from '../../Base';
+interface PayrollListBlockProps extends BaseComponentInterface {
+    companyId: string;
+}
+export declare const PayrollList: ({ companyId, onEvent, ...baseProps }: PayrollListBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { PayrollListPresentation as s } from "./PayrollListPresentation.js";
+import { BaseComponent as m } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { componentEvents as p } from "../../../shared/constants.js";
+const i = ({ companyId: o }) => ({
+  data: [{ payrollId: "abcd" }]
+}), u = ({ companyId: o, onEvent: r, ...n }) => {
+  const { data: a } = i({ companyId: o });
+  return /* @__PURE__ */ t(m, { ...n, onEvent: r, children: /* @__PURE__ */ t(s, { payrolls: a, onRunPayroll: ({ payrollId: l }) => {
+    r(p.RUN_PAYROLL_SELECTED, { payrollId: l });
+  } }) });
+};
+export {
+  u as PayrollList
+};
+//# sourceMappingURL=PayrollList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollList.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollList.tsx"],"sourcesContent":["import { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\n//TODO: Use Speakeasy type\ninterface Company {\n  companyId: string\n}\n\n// TODO: Replace this hook with call to Speakeasy instead\nconst useListCompanyPayrollsApi = ({ companyId }: Company) => {\n  return {\n    data: [{ payrollId: 'abcd' }],\n  }\n}\n\ninterface PayrollListBlockProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport const PayrollList = ({ companyId, onEvent, ...baseProps }: PayrollListBlockProps) => {\n  const { data: payrolls } = useListCompanyPayrollsApi({ companyId })\n  const onRunPayroll = ({ payrollId }: { payrollId: string }) => {\n    onEvent(componentEvents.RUN_PAYROLL_SELECTED, { payrollId })\n  }\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      <PayrollListPresentation payrolls={payrolls} onRunPayroll={onRunPayroll} />\n    </BaseComponent>\n  )\n}\n"],"names":["useListCompanyPayrollsApi","companyId","PayrollList","onEvent","baseProps","payrolls","jsx","BaseComponent","PayrollListPresentation","payrollId","componentEvents"],"mappings":";;;;;AAWA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,SAC5B;AAAA,EACL,MAAM,CAAC,EAAE,WAAW,QAAQ;AAAA,IAQnBC,IAAc,CAAC,EAAE,WAAAD,GAAW,SAAAE,GAAS,GAAGC,QAAuC;AAC1F,QAAM,EAAE,MAAMC,EAAA,IAAaL,EAA0B,EAAE,WAAAC,GAAW;AAIlE,SACE,gBAAAK,EAACC,KAAe,GAAGH,GAAW,SAAAD,GAC5B,UAAA,gBAAAG,EAACE,GAAA,EAAwB,UAAAH,GAAoB,cAL5B,CAAC,EAAE,WAAAI,QAAuC;AAC7D,IAAAN,EAAQO,EAAgB,sBAAsB,EAAE,WAAAD,EAAA,CAAW;AAAA,EAC7D,EAGiD,CAA4B,EAAA,CAC3E;AAEJ;"}

package/dist/components/Payroll/PayrollList/PayrollListPresentation.d.ts

@@ -0,0 +1,9 @@
+interface PayrollItem {
+    payrollId: string;
+}
+interface PayrollListPresentationProps {
+    onRunPayroll: ({ payrollId }: PayrollItem) => void;
+    payrolls: PayrollItem[];
+}
+export declare const PayrollListPresentation: ({ onRunPayroll, payrolls, }: PayrollListPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Flex as d } from "../../Common/Flex/Flex.js";
+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: o, Button: n, Text: r } = m();
+  return /* @__PURE__ */ e(
+    u,
+    {
+      columns: [
+        {
+          render: () => /* @__PURE__ */ a(d, { flexDirection: "column", children: [
+            /* @__PURE__ */ e(r, { children: "Jul 5 - Jul 18, 2025" }),
+            /* @__PURE__ */ e(r, { children: "Regular Payroll" })
+          ] }),
+          title: "Pay period"
+        },
+        {
+          title: "Run by",
+          render: () => /* @__PURE__ */ e(r, { children: "Wed Jul 23, 2025" })
+        },
+        {
+          title: "Status",
+          render: () => /* @__PURE__ */ e(o, { children: "Ready to submit" })
+        }
+      ],
+      data: l,
+      label: "Payrolls",
+      itemMenu: ({ payrollId: i }) => /* @__PURE__ */ e(
+        n,
+        {
+          onClick: () => {
+            t({ payrollId: i });
+          },
+          title: "Run payroll",
+          variant: "secondary",
+          children: "Run payroll"
+        }
+      )
+    }
+  );
+};
+export {
+  f as PayrollListPresentation
+};
+//# sourceMappingURL=PayrollListPresentation.js.map

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

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

package/dist/components/Payroll/PayrollOverview/PayrollOverview.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentInterface } from '../../Base';
+interface PayrollOverviewProps extends BaseComponentInterface {
+    companyId: string;
+    payrollId: string;
+}
+export declare const PayrollOverview: ({ companyId, onEvent, payrollId, ...baseProps }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+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";
+import "../../Base/useBase.js";
+const E = ({
+  companyId: s,
+  onEvent: o,
+  payrollId: e,
+  ...i
+}) => {
+  const { mutateAsync: m } = u();
+  return /* @__PURE__ */ t(c, { ...i, onEvent: o, children: /* @__PURE__ */ t(a, { onEdit: () => {
+    o(r.RUN_PAYROLL_EDITED);
+  }, onSubmit: async () => {
+    const n = await m({
+      request: {
+        companyId: s,
+        payrollId: e,
+        requestBody: {
+          submissionBlockers: []
+        }
+      }
+    });
+    o(r.RUN_PAYROLL_SUBMITTED, n);
+  } }) });
+};
+export {
+  E as PayrollOverview
+};
+//# sourceMappingURL=PayrollOverview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents } from '@/shared/constants'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\ninterface PayrollOverviewProps extends BaseComponentInterface {\n  companyId: string\n  payrollId: string\n}\n\nexport const PayrollOverview = ({\n  companyId,\n  onEvent,\n  payrollId,\n  ...baseProps\n}: PayrollOverviewProps) => {\n  const { mutateAsync } = usePayrollsSubmitMutation()\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDITED)\n  }\n  const onSubmit = async () => {\n    const result = await mutateAsync({\n      request: {\n        companyId,\n        payrollId,\n        requestBody: {\n          submissionBlockers: [],\n        },\n      },\n    })\n    onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n  }\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      <PayrollOverviewPresentation onEdit={onEdit} onSubmit={onSubmit} />\n    </BaseComponent>\n  )\n}\n"],"names":["PayrollOverview","companyId","onEvent","payrollId","baseProps","mutateAsync","usePayrollsSubmitMutation","jsx","BaseComponent","PayrollOverviewPresentation","componentEvents","result"],"mappings":";;;;;;AAUO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AAC1B,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA;AAiBxB,SACE,gBAAAC,EAACC,KAAe,GAAGJ,GAAW,SAAAF,GAC5B,UAAA,gBAAAK,EAACE,GAAA,EAA4B,QAjBlB,MAAM;AACnB,IAAAP,EAAQQ,EAAgB,kBAAkB;AAAA,EAC5C,GAeiD,UAdhC,YAAY;AAC3B,UAAMC,IAAS,MAAMN,EAAY;AAAA,MAC/B,SAAS;AAAA,QACP,WAAAJ;AAAA,QACA,WAAAE;AAAA,QACA,aAAa;AAAA,UACX,oBAAoB,CAAA;AAAA,QAAC;AAAA,MACvB;AAAA,IACF,CACD;AACD,IAAAD,EAAQQ,EAAgB,uBAAuBC,CAAM;AAAA,EACvD,EAGiD,CAAoB,EAAA,CACnE;AAEJ;"}

package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.d.ts

@@ -0,0 +1,6 @@
+interface PayrollOverviewProps {
+    onEdit: () => void;
+    onSubmit: () => void;
+}
+export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,70 @@
+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 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__ */ 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" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(i, { label: "Your progress has been saved", status: "success" }),
+    /* @__PURE__ */ e(
+      i,
+      {
+        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",
+        status: "warning",
+        children: "If you miss this deadline, your employees' direct deposit will be delayed."
+      }
+    ),
+    /* @__PURE__ */ e(o, { as: "h3", children: "Payroll Summary" }),
+    /* @__PURE__ */ e(
+      s,
+      {
+        label: "Summary",
+        columns: [
+          {
+            title: "Total payroll",
+            render: () => /* @__PURE__ */ e(t, { children: "$32,161.22" })
+          },
+          {
+            title: "Debit amount",
+            render: () => /* @__PURE__ */ e(t, { children: "$28,896.27" })
+          }
+        ],
+        data: [{}]
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        label: "Configuration",
+        columns: [
+          {
+            title: "Employees",
+            render: () => /* @__PURE__ */ e(t, { children: "John Smith" })
+          },
+          {
+            title: "Gross Pay",
+            render: () => /* @__PURE__ */ e(t, { children: "$2,345.16" })
+          },
+          {
+            title: "Reimbursements",
+            render: () => /* @__PURE__ */ e(t, { children: "$0.00" })
+          }
+        ],
+        data: [{}]
+      }
+    )
+  ] });
+};
+export {
+  f as PayrollOverviewPresentation
+};
+//# sourceMappingURL=PayrollOverviewPresentation.js.map

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

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

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.d.ts

@@ -0,0 +1,16 @@
+import { BaseComponentInterface } from '../../Base/Base';
+interface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {
+    companyId: string;
+    Configuration: ({ onEvent, payrollId, }: Pick<BaseComponentInterface, 'onEvent'> & {
+        payrollId: string;
+    }) => React.JSX.Element;
+    List: ({ companyId, onEvent, }: Pick<BaseComponentInterface, 'onEvent'> & {
+        companyId: string;
+    }) => React.JSX.Element;
+    Overview: ({ companyId, onEvent, payrollId, }: Pick<BaseComponentInterface, 'onEvent'> & {
+        companyId: string;
+        payrollId: string;
+    }) => React.JSX.Element;
+}
+export declare const RunPayroll: ({ companyId, Configuration, List, onEvent, Overview, }: RunPayrollProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js

@@ -0,0 +1,55 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useReducer as i } from "react";
+const P = () => ({
+  currentPayrollId: void 0,
+  isCalculated: !1
+}), p = (r, l) => {
+  switch (l.type) {
+    case "runPayroll/back":
+      return {
+        ...r,
+        currentPayrollId: void 0
+      };
+    case "runPayroll/edited":
+      return {
+        ...r,
+        isCalculated: !1
+      };
+    case "runPayroll/calculated":
+      return {
+        ...r,
+        isCalculated: !0
+      };
+    case "runPayroll/selected":
+      return {
+        ...r,
+        currentPayrollId: l.payload.payrollId
+      };
+    case "runPayroll/submitted":
+      return {
+        ...r,
+        isCalculated: !1,
+        currentPayrollId: void 0
+      };
+    default:
+      return r;
+  }
+}, v = ({
+  companyId: r,
+  Configuration: l,
+  List: n,
+  onEvent: c,
+  Overview: d
+}) => {
+  const [{ isCalculated: s, currentPayrollId: e }, y] = i(
+    p,
+    P()
+  ), a = (t, u) => {
+    y({ type: t, payload: u }), c(t, u);
+  };
+  return e ? s ? /* @__PURE__ */ o(d, { companyId: r, onEvent: a, payrollId: e }) : /* @__PURE__ */ o(l, { onEvent: a, payrollId: e }) : /* @__PURE__ */ o(n, { companyId: r, onEvent: a });
+};
+export {
+  v as RunPayroll
+};
+//# sourceMappingURL=RunPayroll.js.map

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunPayroll.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayroll.tsx"],"sourcesContent":["import { useReducer } from 'react'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, runPayrollEvents } from '@/shared/constants'\n\ntype PayrollFlowEvent = (typeof runPayrollEvents)[keyof typeof runPayrollEvents]\ntype PayrollFlowAction =\n  | {\n      type: Extract<\n        PayrollFlowEvent,\n        'runPayroll/back' | 'runPayroll/edited' | 'runPayroll/calculated' | 'runPayroll/submitted'\n      >\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/selected'>\n      payload: { payrollId: string }\n    }\n\ninterface PayrollFlowState {\n  currentPayrollId?: string\n  isCalculated: boolean\n}\nconst createInitialPayrollFlowState: () => PayrollFlowState = () => ({\n  currentPayrollId: undefined,\n  isCalculated: false,\n})\n\nconst runPayrollFlowReducer: (\n  state: PayrollFlowState,\n  action: PayrollFlowAction,\n) => PayrollFlowState = (state, action) => {\n  switch (action.type) {\n    case 'runPayroll/back':\n      return {\n        ...state,\n        currentPayrollId: undefined,\n      }\n    case 'runPayroll/edited':\n      return {\n        ...state,\n        isCalculated: false,\n      }\n    case 'runPayroll/calculated':\n      return {\n        ...state,\n        isCalculated: true,\n      }\n    case 'runPayroll/selected': {\n      return {\n        ...state,\n        currentPayrollId: action.payload.payrollId,\n      }\n    }\n    case 'runPayroll/submitted': {\n      return {\n        ...state,\n        isCalculated: false,\n        currentPayrollId: undefined,\n      }\n    }\n    default:\n      return state\n  }\n}\n\ninterface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {\n  companyId: string\n  Configuration: ({\n    onEvent,\n    payrollId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & { payrollId: string }) => React.JSX.Element\n  List: ({\n    companyId,\n    onEvent,\n  }: Pick<BaseComponentInterface, 'onEvent'> & { companyId: string }) => React.JSX.Element\n  Overview: ({\n    companyId,\n    onEvent,\n    payrollId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    companyId: string\n    payrollId: string\n  }) => React.JSX.Element\n}\n\nexport const RunPayroll = ({\n  companyId,\n  Configuration,\n  List,\n  onEvent,\n  Overview,\n}: RunPayrollProps) => {\n  const [{ isCalculated, currentPayrollId }, dispatch] = useReducer(\n    runPayrollFlowReducer,\n    createInitialPayrollFlowState(),\n  )\n\n  const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n    dispatch({ type: event, payload } as PayrollFlowAction)\n    onEvent(event as EventType, payload)\n  }\n\n  return currentPayrollId ? (\n    isCalculated ? (\n      <Overview companyId={companyId} onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\n    ) : (\n      <Configuration onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\n    )\n  ) : (\n    <List companyId={companyId} onEvent={wrappedOnEvent} />\n  )\n}\n"],"names":["createInitialPayrollFlowState","runPayrollFlowReducer","state","action","RunPayroll","companyId","Configuration","List","onEvent","Overview","isCalculated","currentPayrollId","dispatch","useReducer","wrappedOnEvent","event","payload","jsx"],"mappings":";;AAsBA,MAAMA,IAAwD,OAAO;AAAA,EACnE,kBAAkB;AAAA,EAClB,cAAc;AAChB,IAEMC,IAGkB,CAACC,GAAOC,MAAW;AACzC,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,kBAAkB;AAAA,MAAA;AAAA,IAEtB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,kBAAkBC,EAAO,QAAQ;AAAA,MAAA;AAAA,IAGrC,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,cAAc;AAAA,QACd,kBAAkB;AAAA,MAAA;AAAA,IAGtB;AACE,aAAOA;AAAA,EAAA;AAEb,GAsBaE,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAAuB;AACrB,QAAM,CAAC,EAAE,cAAAC,GAAc,kBAAAC,EAAA,GAAoBC,CAAQ,IAAIC;AAAA,IACrDZ;AAAA,IACAD,EAAA;AAAA,EAA8B,GAG1Bc,IAA+C,CAACC,GAAOC,MAAY;AACvE,IAAAJ,EAAS,EAAE,MAAMG,GAAO,SAAAC,EAAA,CAA8B,GACtDR,EAAQO,GAAoBC,CAAO;AAAA,EACrC;AAEA,SAAOL,IACLD,IACE,gBAAAO,EAACR,GAAA,EAAS,WAAAJ,GAAsB,SAASS,GAAgB,WAAWH,EAAA,CAAkB,sBAErFL,GAAA,EAAc,SAASQ,GAAgB,WAAWH,EAAA,CAAkB,IAGvE,gBAAAM,EAACV,GAAA,EAAK,WAAAF,GAAsB,SAASS,EAAA,CAAgB;AAEzD;"}

package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.d.ts

@@ -0,0 +1,6 @@
+import { BaseComponentInterface } from '../../Base/Base';
+interface RunPayrollFlowProps extends BaseComponentInterface {
+    companyId: string;
+}
+export declare const RunPayrollFlow: ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { PayrollConfiguration as t } from "../PayrollConfiguration/PayrollConfiguration.js";
+import { PayrollList as l } from "../PayrollList/PayrollList.js";
+import { PayrollOverview as n } from "../PayrollOverview/PayrollOverview.js";
+import { RunPayroll as a } from "./RunPayroll.js";
+import { BaseComponent as e } from "../../Base/Base.js";
+const v = ({ companyId: i, onEvent: o, ...m }) => /* @__PURE__ */ r(e, { ...m, onEvent: o, children: /* @__PURE__ */ r(
+  a,
+  {
+    companyId: i,
+    Configuration: t,
+    List: l,
+    Overview: n,
+    onEvent: o
+  }
+) });
+export {
+  v as RunPayrollFlow
+};
+//# sourceMappingURL=RunPayrollFlow.js.map

package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunPayrollFlow.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayrollFlow.tsx"],"sourcesContent":["import { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { RunPayroll } from './RunPayroll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\n\ninterface RunPayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport const RunPayrollFlow = ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => {\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      <RunPayroll\n        companyId={companyId}\n        Configuration={PayrollConfiguration}\n        List={PayrollList}\n        Overview={PayrollOverview}\n        onEvent={onEvent}\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["RunPayrollFlow","companyId","onEvent","baseProps","jsx","BaseComponent","RunPayroll","PayrollConfiguration","PayrollList","PayrollOverview"],"mappings":";;;;;;AAWO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QAEpD,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAW,SAAAD,GAC5B,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,eAAeM;AAAA,IACf,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,SAAAP;AAAA,EAAA;AAAA,GAEJ;"}

package/dist/components/Payroll/index.d.ts

@@ -0,0 +1,6 @@
+import "./types/i18next.d.ts"
+export { PayrollConfiguration } from './PayrollConfiguration/PayrollConfiguration';
+export { PayrollEditEmployee } from './PayrollEditEmployee/PayrollEditEmployee';
+export { PayrollList } from './PayrollList/PayrollList';
+export { PayrollOverview } from './PayrollOverview/PayrollOverview';
+export { RunPayrollFlow } from './RunPayrollFlow/RunPayrollFlow';

package/dist/components/Payroll/index.js

@@ -0,0 +1,13 @@
+import { PayrollConfiguration as l } from "./PayrollConfiguration/PayrollConfiguration.js";
+import { PayrollEditEmployee as t } from "./PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollList as f } from "./PayrollList/PayrollList.js";
+import { PayrollOverview as p } from "./PayrollOverview/PayrollOverview.js";
+import { RunPayrollFlow as i } from "./RunPayrollFlow/RunPayrollFlow.js";
+export {
+  l as PayrollConfiguration,
+  t as PayrollEditEmployee,
+  f as PayrollList,
+  p as PayrollOverview,
+  i as RunPayrollFlow
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Payroll/index.js.map

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

package/dist/components/index.d.ts

@@ -2,3 +2,4 @@ import "./types/i18next.d.ts"
 export * as Company from './Company';
 export * as Contractor from './Contractor';
 export * as Employee from './Employee';
+export * as UNSTABLE_Payroll from './Payroll';

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

@@ -7,10 +7,11 @@ 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 K = (a) => {
+const R = (a) => {
   const {
     children: d,
     config: e,
@@ -39,6 +40,6 @@ const K = (a) => {
   }, [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 {
-  K as GustoProviderCustomUIAdapter
+  R as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map