@gusto/embedded-react-sdk 0.12.0 → 0.12.1

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,49 @@
+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 = ({
+  onRunPayroll: t,
+  payrolls: l
+}) => {
+  const { Badge: n, Button: o, Text: r } = u();
+  return /* @__PURE__ */ e(
+    c,
+    {
+      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(n, { children: "Ready to submit" })
+        }
+      ],
+      data: l,
+      label: "Payrolls",
+      itemMenu: ({ payrollId: i }) => /* @__PURE__ */ e(
+        o,
+        {
+          onClick: () => {
+            t({ payrollId: i });
+          },
+          title: "Run payroll",
+          variant: "secondary",
+          children: "Run payroll"
+        }
+      )
+    }
+  );
+};
+export {
+  x 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 "@gusto/embedded-api/react-query/payrollsSubmit";
+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,68 @@
+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 { 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: [
+      /* @__PURE__ */ e(o, { as: "h1", children: "Review payroll for Jul 5 - Jul 18, 2025" }),
+      /* @__PURE__ */ l(r, { 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 {
+  p 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/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -6,11 +6,10 @@ 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 { 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 G = (a) => {
   const {
     children: d,
     config: e,
@@ -18,8 +17,8 @@ const K = (a) => {
     lng: n = "en",
     locale: c = "en-US",
     currency: l = "USD",
-    theme: p,
-    components: s,
+    theme: s,
+    components: p,
     LoaderComponent: f
   } = a;
   if (o)
@@ -36,9 +35,9 @@ const K = (a) => {
     }
   return g(() => {
     (async () => await t.changeLanguage(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) }) }) }) }) });
+  }, [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) }) }) }) }) });
 };
 export {
-  K as GustoProviderCustomUIAdapter
+  G 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/i18n/en/Contractor.ContractorList.json.js

@@ -1,26 +1,28 @@
-const t = "Add a contractor", o = "+ Add another contractor", e = "A list of contractors", n = "Edit", a = "Delete", c = "Add contractors to get them setup for payroll.", r = "You haven't added any contractors yet", s = { name: "Name", status: "Status" }, d = "Contractors", i = "Continue", l = {
+const t = "Add a contractor", o = "+ Add another contractor", a = "A list of contractors", c = "Edit", n = "Delete", e = "Add contractors to get them setup for payroll.", r = "You haven't added any contractors yet", s = { name: "Name", status: "Status" }, d = "Contractors", i = "Continue", l = "Back to contractors", C = {
   addContractorCTA: t,
   addAnotherCTA: o,
-  contractorListLabel: e,
-  editCTA: n,
-  deleteCTA: a,
-  emptyTableDescription: c,
+  contractorListLabel: a,
+  editCTA: c,
+  deleteCTA: n,
+  emptyTableDescription: e,
   emptyTableTitle: r,
   listHeaders: s,
   title: d,
-  continueCta: i
+  continueCta: i,
+  progressBarCta: l
 };
 export {
   o as addAnotherCTA,
   t as addContractorCTA,
   i as continueCta,
-  e as contractorListLabel,
-  l as default,
-  a as deleteCTA,
-  n as editCTA,
-  c as emptyTableDescription,
+  a as contractorListLabel,
+  C as default,
+  n as deleteCTA,
+  c as editCTA,
+  e as emptyTableDescription,
   r as emptyTableTitle,
   s as listHeaders,
+  l as progressBarCta,
   d as title
 };
 //# sourceMappingURL=Contractor.ContractorList.json.js.map

package/dist/i18n/en/Contractor.ContractorList.json.js.map

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

package/dist/i18n/en/Contractor.Profile.json.js

@@ -1,4 +1,4 @@
-const e = "Contractor profile", t = "This information will be used for payments and on tax documents, so double-check that it's accurate.", a = { inviteContractor: { label: "Invite this contractor to enter some of their own details online", description: "Your contractor will be invited to enter their information on their own time." }, email: { label: "Contractor's email address" }, contractorType: { label: "Type" }, firstName: { label: "First Name" }, lastName: { label: "Last Name" }, middleInitial: { label: "Middle Initial" }, ssn: { label: "Social Security Number", placeholder: "XXX-XX-XXXX" }, businessName: { label: "Business Name" }, startDate: { label: "Start Date", description: "Your contractor's first day of work at your company" }, wageType: { label: "Wage Type" }, hourlyRate: { label: "Hourly Rate" }, ein: { label: "EIN", placeholder: "XX-XXXXXXX" } }, r = { email: "Email is required when inviting contractor", firstName: "First name is required for individual contractors", lastName: "Last name is required for individual contractors", ssn: "SSN is required for individual contractors", ssnFormat: "SSN must be valid format", businessName: "Business name is required for business contractors", ein: "EIN is required for business contractors", einFormat: "EIN must be valid format (XX-XXXXXXX)", hourlyRate: "Hourly rate is required for hourly contractors" }, i = { cancel: "Cancel", create: "Create Contractor", update: "Update Contractor", creating: "Creating...", updating: "Updating..." }, o = {
+const e = "Contractor profile", t = "This information will be used for payments and on tax documents, so double-check that it's accurate.", a = { selfOnboarding: { label: "Invite this contractor to enter some of their own details online", description: "Your contractor will be invited to enter their information on their own time." }, email: { label: "Contractor's email address" }, contractorType: { label: "Type" }, firstName: { label: "First Name" }, lastName: { label: "Last Name" }, middleInitial: { label: "Middle Initial" }, ssn: { label: "Social Security Number" }, businessName: { label: "Business Name" }, startDate: { label: "Start Date", description: "Your contractor's first day of work at your company" }, wageType: { label: "Wage Type" }, hourlyRate: { label: "Hourly Rate" }, ein: { label: "EIN" } }, r = { email: "Email is required when inviting contractor", firstName: "First name is required for individual contractors", lastName: "Last name is required for individual contractors", ssn: "SSN is required for individual contractors", ssnFormat: "SSN must be valid format", businessName: "Business name is required for business contractors", ein: "EIN is required for business contractors", einFormat: "EIN must be valid format (XX-XXXXXXX)", hourlyRate: "Hourly rate is required for hourly contractors" }, i = { cancel: "Cancel", create: "Create Contractor", update: "Update Contractor", creating: "Creating...", updating: "Updating..." }, o = {
   title: e,
   subtitle: t,
   fields: a,

package/dist/index.js

@@ -1,18 +1,20 @@
 import * as o from "./components/Company/index.js";
 import * as r from "./components/Contractor/index.js";
 import * as e from "./components/Employee/index.js";
-import { ApiProvider as m } from "./contexts/ApiProvider/ApiProvider.js";
-import { componentEvents as s } from "./shared/constants.js";
-import { GustoApiProvider as a, GustoProvider as d } from "./contexts/GustoProvider/GustoProvider.js";
-import { GustoProviderCustomUIAdapter as f } from "./contexts/GustoProvider/GustoProviderCustomUIAdapter.js";
+import * as t from "./components/Payroll/index.js";
+import { ApiProvider as i } from "./contexts/ApiProvider/ApiProvider.js";
+import { componentEvents as a } from "./shared/constants.js";
+import { GustoApiProvider as d, GustoProvider as n } from "./contexts/GustoProvider/GustoProvider.js";
+import { GustoProviderCustomUIAdapter as v } from "./contexts/GustoProvider/GustoProviderCustomUIAdapter.js";
 export {
-  m as ApiProvider,
+  i as ApiProvider,
   o as Company,
   r as Contractor,
   e as Employee,
-  a as GustoApiProvider,
-  d as GustoProvider,
-  f as GustoProviderCustomUIAdapter,
-  s as componentEvents
+  d as GustoApiProvider,
+  n as GustoProvider,
+  v as GustoProviderCustomUIAdapter,
+  t as UNSTABLE_Payroll,
+  a as componentEvents
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/shared/constants.d.ts

@@ -110,7 +110,23 @@ export declare const payScheduleEvents: {
     readonly PAY_SCHEDULE_DELETED: "paySchedule/deleted";
     readonly PAY_SCHEDULE_DONE: "paySchedule/done";
 };
+export declare const runPayrollEvents: {
+    readonly RUN_PAYROLL_BACK: "runPayroll/back";
+    readonly RUN_PAYROLL_CALCULATED: "runPayroll/calculated";
+    readonly RUN_PAYROLL_EDITED: "runPayroll/edited";
+    readonly RUN_PAYROLL_EMPLOYEE_EDITED: "runPayroll/employee/edited";
+    readonly RUN_PAYROLL_EMPLOYEE_SAVED: "runPayroll/employee/saved";
+    readonly RUN_PAYROLL_SELECTED: "runPayroll/selected";
+    readonly RUN_PAYROLL_SUBMITTED: "runPayroll/submitted";
+};
 export declare const componentEvents: {
+    readonly RUN_PAYROLL_BACK: "runPayroll/back";
+    readonly RUN_PAYROLL_CALCULATED: "runPayroll/calculated";
+    readonly RUN_PAYROLL_EDITED: "runPayroll/edited";
+    readonly RUN_PAYROLL_EMPLOYEE_EDITED: "runPayroll/employee/edited";
+    readonly RUN_PAYROLL_EMPLOYEE_SAVED: "runPayroll/employee/saved";
+    readonly RUN_PAYROLL_SELECTED: "runPayroll/selected";
+    readonly RUN_PAYROLL_SUBMITTED: "runPayroll/submitted";
     readonly CONTRACTOR_ADDRESS_UPDATED: "contractor/address/updated";
     readonly CONTRACTOR_ADDRESS_DONE: "contractor/address/done";
     readonly CONTRACTOR_PAYMENT_METHOD_UPDATED: "contractor/paymentMethod/updated";
@@ -231,6 +247,16 @@ export declare const EmployeeOnboardingStatus: {
     readonly ONBOARDING_COMPLETED: "onboarding_completed";
 };
 export declare const EmployeeSelfOnboardingStatuses: Set<"self_onboarding_invited" | "self_onboarding_invited_started" | "self_onboarding_invited_overdue">;
+export declare const ContractorOnboardingStatus: {
+    readonly ADMIN_ONBOARDING_INCOMPLETE: "admin_onboarding_incomplete";
+    readonly ADMIN_ONBOARDING_REVIEW: "admin_onboarding_review";
+    readonly SELF_ONBOARDING_NOT_INVITED: "self_onboarding_not_invited";
+    readonly SELF_ONBOARDING_INVITED: "self_onboarding_invited";
+    readonly SELF_ONBOARDING_STARTED: "self_onboarding_started";
+    readonly SELF_ONBOARDING_REVIEW: "self_onboarding_review";
+    readonly ONBOARDING_COMPLETED: "onboarding_completed";
+};
+export declare const ContractorSelfOnboardingStatuses: Set<"self_onboarding_invited" | "admin_onboarding_review" | "self_onboarding_not_invited" | "self_onboarding_started" | "self_onboarding_review">;
 /**Map of API response flsa statuses */
 export declare const FlsaStatus: {
     readonly EXEMPT: "Exempt";