@gusto/embedded-react-sdk 0.12.3 → 0.13.0

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

@@ -1,51 +1,60 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Flex as d } from "../../Common/Flex/Flex.js";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { Flex as c } 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
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as f } from "../../../i18n/I18n.js";
+import { DataView as y } from "../../Common/DataView/DataView.js";
+const T = ({
+  onRunPayroll: i,
+  payrolls: s,
+  paySchedules: n
 }) => {
-  const { Badge: o, Button: n, Text: r } = m();
-  return /* @__PURE__ */ e(
-    u,
+  const { Badge: d, Button: m, Text: l } = p();
+  f("Payroll.PayrollList");
+  const { t } = u("Payroll.PayrollList");
+  return /* @__PURE__ */ r(
+    y,
     {
       columns: [
         {
-          render: () => /* @__PURE__ */ a(d, { flexDirection: "column", children: [
-            /* @__PURE__ */ e(r, { children: "Jul 5 - Jul 18, 2025" }),
-            /* @__PURE__ */ e(r, { children: "Regular Payroll" })
+          render: ({ payPeriod: e }) => /* @__PURE__ */ a(c, { flexDirection: "column", children: [
+            /* @__PURE__ */ a(l, { children: [
+              e?.startDate,
+              " - ",
+              e?.endDate
+            ] }),
+            /* @__PURE__ */ r(l, { children: n.find((o) => o.uuid === e?.payScheduleUuid)?.name || n.find((o) => o.uuid === e?.payScheduleUuid)?.customName })
           ] }),
-          title: "Pay period"
+          title: t("tableHeaders.0")
         },
         {
-          title: "Run by",
-          render: () => /* @__PURE__ */ e(r, { children: "Wed Jul 23, 2025" })
+          title: t("tableHeaders.1"),
+          render: ({ payrollDeadline: e }) => /* @__PURE__ */ r(l, { children: e?.toLocaleDateString() })
         },
         {
-          title: "Status",
-          render: () => /* @__PURE__ */ e(o, { children: "Ready to submit" })
+          title: t("tableHeaders.2"),
+          render: ({ processed: e }) => /* @__PURE__ */ r(d, { children: t(e ? "status.processed" : "status.unprocessed") })
         }
       ],
-      data: l,
-      label: "Payrolls",
-      itemMenu: ({ payrollId: i }) => /* @__PURE__ */ e(
-        n,
+      data: s,
+      label: t("payrollsListLabel"),
+      itemMenu: ({ payrollUuid: e }) => /* @__PURE__ */ r(
+        m,
         {
           onClick: () => {
-            t({ payrollId: i });
+            i({ payrollId: e });
           },
           title: "Run payroll",
           variant: "secondary",
-          children: "Run payroll"
+          children: t("runPayrollTitle")
         }
       )
     }
   );
 };
 export {
-  f as PayrollListPresentation
+  T as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n//TODO: Use Speakeasy type\ninterface PayrollItem {\n  payrollId: string\n}\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: PayrollItem) => void\n  payrolls: PayrollItem[]\n}\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  payrolls,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Text } = useComponentContext()\n  return (\n    <DataView\n      columns={[\n        {\n          render: () => (\n            <Flex flexDirection=\"column\">\n              <Text>Jul 5 - Jul 18, 2025</Text>\n              <Text>Regular Payroll</Text>\n            </Flex>\n          ),\n          title: 'Pay period',\n        },\n        {\n          title: 'Run by',\n          render: () => <Text>Wed Jul 23, 2025</Text>,\n        },\n        {\n          title: 'Status',\n          render: () => <Badge>Ready to submit</Badge>,\n        },\n      ]}\n      data={payrolls}\n      label=\"Payrolls\"\n      itemMenu={({ payrollId }) => (\n        <Button\n          onClick={() => {\n            onRunPayroll({ payrollId })\n          }}\n          title=\"Run payroll\"\n          variant=\"secondary\"\n        >\n          Run payroll\n        </Button>\n      )}\n    />\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","payrolls","Badge","Button","Text","useComponentContext","jsx","DataView","jsxs","Flex","payrollId"],"mappings":";;;;;;AAWO,MAAMA,IAA0B,CAAC;AAAA,EACtC,cAAAC;AAAA,EACA,UAAAC;AACF,MAAoC;AAClC,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,EAAA,IAASC,EAAA;AAChC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP;AAAA,UACE,QAAQ,MACN,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,YAAA,gBAAAH,EAACF,KAAK,UAAA,uBAAA,CAAoB;AAAA,YAC1B,gBAAAE,EAACF,KAAK,UAAA,kBAAA,CAAe;AAAA,UAAA,GACvB;AAAA,UAEF,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,OAAO;AAAA,UACP,QAAQ,MAAM,gBAAAE,EAACF,GAAA,EAAK,UAAA,mBAAA,CAAgB;AAAA,QAAA;AAAA,QAEtC;AAAA,UACE,OAAO;AAAA,UACP,QAAQ,MAAM,gBAAAE,EAACJ,GAAA,EAAM,UAAA,kBAAA,CAAe;AAAA,QAAA;AAAA,MACtC;AAAA,MAEF,MAAMD;AAAA,MACN,OAAM;AAAA,MACN,UAAU,CAAC,EAAE,WAAAS,EAAA,MACX,gBAAAJ;AAAA,QAACH;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAH,EAAa,EAAE,WAAAU,GAAW;AAAA,UAC5B;AAAA,UACA,OAAM;AAAA,UACN,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useTranslation } from 'react-i18next'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  payrolls: Payroll[]\n  paySchedules: PayScheduleList[]\n}\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  payrolls,\n  paySchedules,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Text } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n\n  return (\n    <DataView\n      columns={[\n        {\n          render: ({ payPeriod }) => (\n            <Flex flexDirection=\"column\">\n              <Text>\n                {payPeriod?.startDate} - {payPeriod?.endDate}\n              </Text>\n              <Text>\n                {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                  ?.name ||\n                  paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                    ?.customName}\n              </Text>\n            </Flex>\n          ),\n          title: t('tableHeaders.0'),\n        },\n        {\n          title: t('tableHeaders.1'),\n          render: ({ payrollDeadline }) => <Text>{payrollDeadline?.toLocaleDateString()}</Text>,\n        },\n        {\n          title: t('tableHeaders.2'),\n          render: ({ processed }) => (\n            <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n          ),\n        },\n      ]}\n      data={payrolls}\n      label={t('payrollsListLabel')}\n      itemMenu={({ payrollUuid }) => (\n        <Button\n          onClick={() => {\n            onRunPayroll({ payrollId: payrollUuid! })\n          }}\n          title=\"Run payroll\"\n          variant=\"secondary\"\n        >\n          {t('runPayrollTitle')}\n        </Button>\n      )}\n    />\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","payrolls","paySchedules","Badge","Button","Text","useComponentContext","useI18n","useTranslation","jsx","DataView","payPeriod","jsxs","Flex","schedule","payrollDeadline","processed","payrollUuid"],"mappings":";;;;;;;;AAYO,MAAMA,IAA0B,CAAC;AAAA,EACtC,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAAoC;AAClC,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,EAAA,IAASC,EAAA;AAChC,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP;AAAA,UACE,QAAQ,CAAC,EAAE,WAAAC,QACT,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,YAAA,gBAAAD,EAACP,GAAA,EACE,UAAA;AAAA,cAAAM,GAAW;AAAA,cAAU;AAAA,cAAIA,GAAW;AAAA,YAAA,GACvC;AAAA,8BACCN,GAAA,EACE,UAAAH,EAAa,KAAK,CAAAY,MAAYA,EAAS,SAASH,GAAW,eAAe,GACvE,QACFT,EAAa,KAAK,CAAAY,MAAYA,EAAS,SAASH,GAAW,eAAe,GACtE,WAAA,CACR;AAAA,UAAA,GACF;AAAA,UAEF,OAAO,EAAE,gBAAgB;AAAA,QAAA;AAAA,QAE3B;AAAA,UACE,OAAO,EAAE,gBAAgB;AAAA,UACzB,QAAQ,CAAC,EAAE,iBAAAI,EAAA,MAAsB,gBAAAN,EAACJ,GAAA,EAAM,UAAAU,GAAiB,qBAAmB,CAAE;AAAA,QAAA;AAAA,QAEhF;AAAA,UACE,OAAO,EAAE,gBAAgB;AAAA,UACzB,QAAQ,CAAC,EAAE,WAAAC,QACT,gBAAAP,EAACN,GAAA,EAAO,UAAY,EAAZa,IAAc,qBAAwB,oBAAN,EAA0B,CAAE;AAAA,QAAA;AAAA,MAExE;AAAA,MAEF,MAAMf;AAAA,MACN,OAAO,EAAE,mBAAmB;AAAA,MAC5B,UAAU,CAAC,EAAE,aAAAgB,EAAA,MACX,gBAAAR;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAJ,EAAa,EAAE,WAAWiB,GAAc;AAAA,UAC1C;AAAA,UACA,OAAM;AAAA,UACN,SAAQ;AAAA,UAEP,YAAE,iBAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB;AAAA,EAAA;AAIR;"}

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

@@ -2,9 +2,10 @@ 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 "react-i18next";
 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 x = ({ 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: [
@@ -65,6 +66,6 @@ const f = ({ onEdit: a, onSubmit: d }) => {
   ] });
 };
 export {
-  f as PayrollOverviewPresentation
+  x as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map

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

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

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

@@ -1,8 +1,9 @@
 import { BaseComponentInterface } from '../../Base/Base';
 interface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {
     companyId: string;
-    Configuration: ({ onEvent, payrollId, }: Pick<BaseComponentInterface, 'onEvent'> & {
+    Configuration: ({ onEvent, payrollId, companyId, }: Pick<BaseComponentInterface, 'onEvent'> & {
         payrollId: string;
+        companyId: string;
     }) => React.JSX.Element;
     List: ({ companyId, onEvent, }: Pick<BaseComponentInterface, 'onEvent'> & {
         companyId: string;

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

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useReducer as i } from "react";
 const P = () => ({
   currentPayrollId: void 0,
@@ -44,10 +44,10 @@ const P = () => ({
   const [{ isCalculated: s, currentPayrollId: e }, y] = i(
     p,
     P()
-  ), a = (t, u) => {
-    y({ type: t, payload: u }), c(t, u);
+  ), a = (o, u) => {
+    y({ type: o, payload: u }), c(o, 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 });
+  return e ? s ? /* @__PURE__ */ t(d, { companyId: r, onEvent: a, payrollId: e }) : /* @__PURE__ */ t(l, { onEvent: a, payrollId: e, companyId: r }) : /* @__PURE__ */ t(n, { companyId: r, onEvent: a });
 };
 export {
   v as RunPayroll

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

@@ -1 +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;"}
+{"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    companyId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    payrollId: string\n    companyId: string\n  }) => 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} companyId={companyId} />\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,GA0BaE,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,IAEtF,gBAAAM,EAACX,KAAc,SAASQ,GAAgB,WAAWH,GAAkB,WAAAN,EAAA,CAAsB,IAG7F,gBAAAY,EAACV,GAAA,EAAK,WAAAF,GAAsB,SAASS,EAAA,CAAgB;AAEzD;"}

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

@@ -0,0 +1,20 @@
+import { Employee } from '@gusto/embedded-api/models/components/employee';
+import { EmployeeCompensations } from '@gusto/embedded-api/models/components/payrollshow';
+import { TFunction } from 'i18next';
+import { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject';
+export declare const formatEmployeePayRate: ({ employee, t, locale, }: {
+    employee?: Employee;
+    t: TFunction;
+    locale?: string;
+}) => string | null;
+export declare const useFormatEmployeePayRate: () => (employee?: Employee) => string | null;
+export declare const getEmployeePayRateInfo: (employee: Employee | undefined) => {
+    rate: number;
+    paymentUnit: import('@gusto/embedded-api/models/components/compensation').PaymentUnit;
+} | null;
+export declare const getRegularHours: (compensation: EmployeeCompensations) => number;
+export declare const getTotalPtoHours: (compensation: EmployeeCompensations) => number;
+export declare const getAdditionalEarnings: (compensation: EmployeeCompensations) => number;
+export declare const getReimbursements: (compensation: EmployeeCompensations) => number;
+export declare const formatHoursDisplay: (hours: number) => string;
+export declare const calculateGrossPay: (compensation: EmployeeCompensations, employee: Employee, compensationEffectiveDateString?: string, paySchedule?: PayScheduleObject, isOffCycle?: boolean) => number;

package/dist/components/Payroll/helpers.js

@@ -0,0 +1,208 @@
+import { useCallback as b } from "react";
+import { useTranslation as C } from "react-i18next";
+import { formatPayRate as T } from "../../helpers/formattedStrings.js";
+import { useLocale as v } from "../../contexts/LocaleProvider/useLocale.js";
+const j = "regular hours", E = (t) => Math.round(t * 1e6) / 1e6, h = (t) => Math.round(t * 100) / 100, P = (t) => t.toLowerCase() === j, M = {
+  Daily: 8,
+  "Every week": 40,
+  "Every other week": 80,
+  "Twice per month": 86.666667,
+  Monthly: 173.333333,
+  Quarterly: 520,
+  Semiannually: 1040,
+  Annually: 2080
+}, S = ({
+  employee: t,
+  t: e,
+  locale: r = "en-US"
+}) => {
+  if (!t?.jobs)
+    return null;
+  const n = t.jobs.find((s) => s.primary) || t.jobs[0];
+  if (!n?.compensations)
+    return null;
+  const o = n.compensations[0];
+  if (!o || !o.rate || parseFloat(o.rate) === 0)
+    return null;
+  const a = parseFloat(o.rate), u = o.paymentUnit || "Hour";
+  return T({ rate: a, paymentUnit: u, t: e, locale: r });
+}, z = () => {
+  const { t } = C("common"), { locale: e } = v();
+  return b(
+    (r) => S({ employee: r, t, locale: e }),
+    [t, e]
+  );
+}, B = (t) => t.hourlyCompensations ? t.hourlyCompensations.filter((e) => e.name?.toLowerCase() === "regular hours").reduce((e, r) => e + parseFloat(r.hours || "0"), 0) : 0, x = (t) => t.paidTimeOff ? t.paidTimeOff.reduce((e, r) => e + parseFloat(r.hours || "0"), 0) : 0, U = (t) => t.fixedCompensations ? t.fixedCompensations.filter((e) => {
+  const r = e.name?.toLowerCase() || "", n = parseFloat(e.amount || "0");
+  return r !== "reimbursement" && r !== "minimum wage adjustment" && n > 0;
+}).reduce((e, r) => e + parseFloat(r.amount || "0"), 0) : 0, K = (t) => {
+  if (!t.fixedCompensations)
+    return 0;
+  const e = t.fixedCompensations.find(
+    (r) => r.name?.toLowerCase() === "reimbursement"
+  );
+  return e ? parseFloat(e.amount || "0") : 0;
+}, V = (t) => {
+  const e = h(t);
+  return e % 1 === 0 ? `${e}.0` : e.toString();
+}, W = (t) => t.frequency && M[t.frequency] || 0, y = (t, e) => {
+  if (!t.length) return null;
+  const r = [...t].sort(
+    (n, o) => (n.effectiveDate ? new Date(n.effectiveDate).getTime() : 0) - (o.effectiveDate ? new Date(o.effectiveDate).getTime() : 0)
+  );
+  for (let n = r.length - 1; n >= 0; n--) {
+    const o = r[n]?.effectiveDate, a = o ? new Date(o) : null;
+    if (a && a <= e)
+      return r[n] || null;
+  }
+  return r[0] || null;
+}, A = (t, e) => {
+  if (!t.length) return null;
+  const r = [...t].sort(
+    (n, o) => (n.effectiveDate ? new Date(n.effectiveDate).getTime() : 0) - (o.effectiveDate ? new Date(o.effectiveDate).getTime() : 0)
+  );
+  for (let n = r.length - 1; n >= 0; n--) {
+    const o = r[n]?.effectiveDate, a = o ? new Date(o) : null;
+    if (a && a <= e)
+      return r[n] || null;
+  }
+  return r[0] || null;
+}, O = (t) => t.flsaStatus === "Exempt" || t.flsaStatus === "Salaried Nonexempt", L = (t) => t.length ? t.filter((e) => {
+  const r = e.name?.toLowerCase(), n = parseFloat(e.amount || "0");
+  return (r === "paycheck tips" || r === "cash tips") && n > 0;
+}).reduce((e, r) => e + parseFloat(r.amount || "0"), 0) : 0, g = (t) => {
+  const e = parseFloat(t.rate || "0");
+  switch (t.paymentUnit || "Hour") {
+    case "Hour":
+      return e;
+    case "Year":
+      return e / 2080;
+    // 52 weeks * 40 hours
+    case "Month":
+      return e / 173.333333;
+    case "Week":
+      return e / 40;
+    case "Paycheck":
+      return 0;
+    // Paycheck rate is 0 for hourly calculation
+    default:
+      return e;
+  }
+}, k = (t, e, r) => {
+  const n = t.jobs?.find((a) => a.uuid === e);
+  if (!n?.compensations)
+    return 0;
+  const o = y(n.compensations, r);
+  return o ? g(o) : 0;
+}, H = (t, e) => {
+  const r = t.jobs?.find((o) => o.primary) || t.jobs?.[0];
+  if (!r?.compensations)
+    return 0;
+  const n = y(r.compensations, e);
+  return n ? g(n) : 0;
+}, I = (t) => t.paidTimeOff ? t.paidTimeOff.reduce(
+  (e, r) => e + parseFloat(r.finalPayoutUnusedHoursInput || "0"),
+  0
+) : 0, D = (t, e, r, n) => {
+  const o = x(t);
+  if (n) {
+    const a = I(t);
+    return o + a;
+  }
+  return e ? Math.min(r, o) : o;
+}, _ = (t, e, r) => {
+  if (!t.adjustForMinimumWage) return 0;
+  const n = A(
+    t.minimumWages || [],
+    r
+  );
+  if (!n)
+    return 0;
+  const o = e.hourlyCompensations?.reduce(
+    (f, l) => f + parseFloat(l.hours || "0"),
+    0
+  ) || 0, a = g(t), u = (parseFloat(n.wage || "0") - a) * o, s = L(e.fixedCompensations || []);
+  return Math.max(0, u - s);
+}, J = (t, e, r, n, o, a, u) => {
+  if (!u && n)
+    return H(e, r) * (o - a);
+  if (!t.hourlyCompensations || !e.jobs)
+    return 0;
+  const s = t.hourlyCompensations.reduce((i, c) => {
+    const p = parseFloat(c.hours || "0"), d = k(e, c.jobUuid || "", r);
+    return i + p * d;
+  }, 0), f = t.hourlyCompensations.reduce((i, c) => i + parseFloat(c.hours || "0"), 0);
+  if (f === 0) return s;
+  const l = E(s / f), m = t.hourlyCompensations.filter((i) => !P(i.name || "")).reduce((i, c) => {
+    const p = parseFloat(c.hours || "0"), d = c.compensationMultiplier || 1;
+    return i + p * l * (d - 1);
+  }, 0);
+  return s + m;
+}, G = (t, e, r, n, o, a) => {
+  const u = D(
+    t,
+    n,
+    o,
+    a
+  ), s = H(e, r);
+  return u * s;
+}, N = (t, e, r) => {
+  if (!e) return !1;
+  const n = t.hourlyCompensations?.find(
+    (a) => P(a.name || "")
+  );
+  return n ? parseFloat(n.hours || "0") === r : !1;
+}, X = (t, e, r, n, o = !1) => {
+  if (t.excluded)
+    return 0;
+  const a = r ? new Date(r) : /* @__PURE__ */ new Date(), u = e.jobs?.find((F) => F.primary) || e.jobs?.[0];
+  if (!u?.compensations)
+    return 0;
+  const s = y(
+    u.compensations,
+    a
+  );
+  if (!s)
+    return 0;
+  const f = O(s), l = n ? W(n) : 0, m = N(
+    t,
+    f,
+    l
+  ), i = D(
+    t,
+    m,
+    l,
+    o
+  ), c = J(
+    t,
+    e,
+    a,
+    m,
+    l,
+    i,
+    o
+  ), p = U(t), d = G(
+    t,
+    e,
+    a,
+    m,
+    l,
+    o
+  ), R = _(
+    s,
+    t,
+    a
+  ), w = c + p + d + R;
+  return h(w);
+};
+export {
+  X as calculateGrossPay,
+  S as formatEmployeePayRate,
+  V as formatHoursDisplay,
+  U as getAdditionalEarnings,
+  B as getRegularHours,
+  K as getReimbursements,
+  x as getTotalPtoHours,
+  z as useFormatEmployeePayRate
+};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/components/Payroll/helpers.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  EmployeeCompensations,\n  PayrollShowFixedCompensations,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport { useCallback } from 'react'\nimport type { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { Compensation, MinimumWages } from '@gusto/embedded-api/models/components/compensation'\nimport { formatPayRate } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nconst REGULAR_HOURS_NAME = 'regular hours'\n\nconst roundToSixDecimals = (value: number): number => {\n  return Math.round(value * 1_000_000) / 1_000_000\n}\n\nconst roundToTwoDecimals = (value: number): number => {\n  return Math.round(value * 100) / 100\n}\n\nconst isRegularHours = (compensationName: string): boolean => {\n  return compensationName.toLowerCase() === REGULAR_HOURS_NAME\n}\n\nconst PAY_PERIOD_HOURS_MAPPINGS: Record<string, number> = {\n  Daily: 8.0,\n  'Every week': 40.0,\n  'Every other week': 80.0,\n  'Twice per month': 86.666667,\n  Monthly: 173.333333,\n  Quarterly: 520.0,\n  Semiannually: 1040.0,\n  Annually: 2080.0,\n}\n\nexport const formatEmployeePayRate = ({\n  employee,\n  t,\n  locale = 'en-US',\n}: {\n  employee?: Employee\n  t: TFunction\n  locale?: string\n}) => {\n  if (!employee?.jobs) {\n    return null\n  }\n\n  const primaryJob = employee.jobs.find(job => job.primary) || employee.jobs[0]\n  if (!primaryJob?.compensations) {\n    return null\n  }\n\n  const jobCompensation = primaryJob.compensations[0]\n  if (!jobCompensation) {\n    return null\n  }\n  if (!jobCompensation.rate || parseFloat(jobCompensation.rate) === 0) {\n    return null\n  }\n\n  const rate = parseFloat(jobCompensation.rate)\n  const paymentUnit = jobCompensation.paymentUnit || 'Hour'\n\n  return formatPayRate({ rate, paymentUnit, t, locale })\n}\n\nexport const useFormatEmployeePayRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (employee?: Employee) => {\n      return formatEmployeePayRate({ employee, t, locale })\n    },\n    [t, locale],\n  )\n}\n\nexport const getEmployeePayRateInfo = (employee: Employee | undefined) => {\n  if (!employee?.jobs) {\n    return null\n  }\n\n  const primaryJob = employee.jobs.find(job => job.primary) || employee.jobs[0]\n  if (!primaryJob?.compensations) {\n    return null\n  }\n\n  const jobCompensation = primaryJob.compensations[0]\n  if (!jobCompensation) {\n    return null\n  }\n  if (!jobCompensation.rate || parseFloat(jobCompensation.rate) === 0) {\n    return null\n  }\n\n  const rate = parseFloat(jobCompensation.rate)\n  const paymentUnit = jobCompensation.paymentUnit || 'Hour'\n\n  return { rate, paymentUnit }\n}\n\nexport const getRegularHours = (compensation: EmployeeCompensations) => {\n  if (!compensation.hourlyCompensations) return 0\n\n  return compensation.hourlyCompensations\n    .filter(hourlyCompensation => hourlyCompensation.name?.toLowerCase() === 'regular hours')\n    .reduce((sum, hourlyCompensation) => sum + parseFloat(hourlyCompensation.hours || '0'), 0)\n}\n\nexport const getTotalPtoHours = (compensation: EmployeeCompensations) => {\n  if (!compensation.paidTimeOff) {\n    return 0\n  }\n  return compensation.paidTimeOff.reduce((sum, pto) => sum + parseFloat(pto.hours || '0'), 0)\n}\n\nexport const getAdditionalEarnings = (compensation: EmployeeCompensations) => {\n  if (!compensation.fixedCompensations) {\n    return 0\n  }\n\n  return compensation.fixedCompensations\n    .filter(fixedCompensation => {\n      const name = fixedCompensation.name?.toLowerCase() || ''\n      const amount = parseFloat(fixedCompensation.amount || '0')\n      return name !== 'reimbursement' && name !== 'minimum wage adjustment' && amount > 0\n    })\n    .reduce((sum, fixedCompensation) => sum + parseFloat(fixedCompensation.amount || '0'), 0)\n}\n\nexport const getReimbursements = (compensation: EmployeeCompensations) => {\n  if (!compensation.fixedCompensations) {\n    return 0\n  }\n\n  const reimbursementComp = compensation.fixedCompensations.find(\n    fixedCompensation => fixedCompensation.name?.toLowerCase() === 'reimbursement',\n  )\n  return reimbursementComp ? parseFloat(reimbursementComp.amount || '0') : 0\n}\n\nexport const formatHoursDisplay = (hours: number): string => {\n  const rounded = roundToTwoDecimals(hours)\n\n  if (rounded % 1 === 0) {\n    return `${rounded}.0`\n  }\n\n  return rounded.toString()\n}\n\nconst getHoursInPayPeriod = (paySchedule: PayScheduleObject): number => {\n  if (!paySchedule.frequency) {\n    return 0\n  }\n\n  return PAY_PERIOD_HOURS_MAPPINGS[paySchedule.frequency] || 0\n}\n\nconst getEffectiveCompensation = (\n  compensations: Compensation[],\n  effectiveDate: Date,\n): Compensation | null => {\n  if (!compensations.length) return null\n\n  const sorted = [...compensations].sort(\n    (a, b) =>\n      (a.effectiveDate ? new Date(a.effectiveDate).getTime() : 0) -\n      (b.effectiveDate ? new Date(b.effectiveDate).getTime() : 0),\n  )\n\n  for (let i = sorted.length - 1; i >= 0; i--) {\n    const currentDateString = sorted[i]?.effectiveDate\n    const currentDate = currentDateString ? new Date(currentDateString) : null\n    if (currentDate && currentDate <= effectiveDate) {\n      return sorted[i] || null\n    }\n  }\n\n  return sorted[0] || null\n}\n\nconst getEffectiveMinimumWage = (\n  minimumWages: MinimumWages[],\n  effectiveDate: Date,\n): MinimumWages | null => {\n  if (!minimumWages.length) return null\n\n  const sorted = [...minimumWages].sort(\n    (a, b) =>\n      (a.effectiveDate ? new Date(a.effectiveDate).getTime() : 0) -\n      (b.effectiveDate ? new Date(b.effectiveDate).getTime() : 0),\n  )\n\n  for (let i = sorted.length - 1; i >= 0; i--) {\n    const currentDateString = sorted[i]?.effectiveDate\n    const currentDate = currentDateString ? new Date(currentDateString) : null\n    if (currentDate && currentDate <= effectiveDate) {\n      return sorted[i] || null\n    }\n  }\n\n  return sorted[0] || null\n}\n\nconst isSalaried = (compensation: Compensation): boolean => {\n  return compensation.flsaStatus === 'Exempt' || compensation.flsaStatus === 'Salaried Nonexempt'\n}\n\nconst getTotalTipCompensations = (fixedCompensations: PayrollShowFixedCompensations[]): number => {\n  if (!fixedCompensations.length) return 0\n\n  return fixedCompensations\n    .filter(fixedCompensation => {\n      const name = fixedCompensation.name?.toLowerCase()\n      const amount = parseFloat(fixedCompensation.amount || '0')\n      return (name === 'paycheck tips' || name === 'cash tips') && amount > 0\n    })\n    .reduce((sum, fixedCompensation) => sum + parseFloat(fixedCompensation.amount || '0'), 0)\n}\n\nconst calculateHourlyRate = (compensation: Compensation): number => {\n  const rate = parseFloat(compensation.rate || '0')\n  const paymentUnit = compensation.paymentUnit || 'Hour'\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return rate\n    case 'Year':\n      return rate / 2080 // 52 weeks * 40 hours\n    case 'Month':\n      return rate / 173.333333\n    case 'Week':\n      return rate / 40\n    case 'Paycheck':\n      return 0 // Paycheck rate is 0 for hourly calculation\n    default:\n      return rate\n  }\n}\n\nconst getHourlyRateForJob = (employee: Employee, jobUuid: string, effectiveDate: Date): number => {\n  const job = employee.jobs?.find(j => j.uuid === jobUuid)\n  if (!job?.compensations) {\n    return 0\n  }\n\n  const compensation = getEffectiveCompensation(job.compensations, effectiveDate)\n  return compensation ? calculateHourlyRate(compensation) : 0\n}\n\nconst getPrimaryHourlyRate = (employee: Employee, effectiveDate: Date): number => {\n  const primaryJob = employee.jobs?.find(job => job.primary) || employee.jobs?.[0]\n  if (!primaryJob?.compensations) {\n    return 0\n  }\n\n  const compensation = getEffectiveCompensation(primaryJob.compensations, effectiveDate)\n  return compensation ? calculateHourlyRate(compensation) : 0\n}\n\nconst getTotalOutstandingPtoHours = (compensation: EmployeeCompensations): number => {\n  if (!compensation.paidTimeOff) {\n    return 0\n  }\n\n  return compensation.paidTimeOff.reduce(\n    (sum, paidTimeOff) => sum + parseFloat(paidTimeOff.finalPayoutUnusedHoursInput || '0'),\n    0,\n  )\n}\n\nconst getPtoHours = (\n  compensation: EmployeeCompensations,\n  isSalariedWithExpectedHours: boolean,\n  hoursInPayPeriod: number,\n  offCycle: boolean,\n): number => {\n  const regularPtoHours = getTotalPtoHours(compensation)\n\n  if (offCycle) {\n    const outstandingPtoHours = getTotalOutstandingPtoHours(compensation)\n    return regularPtoHours + outstandingPtoHours\n  }\n\n  if (isSalariedWithExpectedHours) {\n    return Math.min(hoursInPayPeriod, regularPtoHours)\n  }\n\n  return regularPtoHours\n}\n\nconst calculateMinimumWageAdjustment = (\n  primaryCompensation: Compensation,\n  compensation: EmployeeCompensations,\n  effectiveDate: Date,\n): number => {\n  if (!primaryCompensation.adjustForMinimumWage) return 0\n\n  const effectiveMinWage = getEffectiveMinimumWage(\n    primaryCompensation.minimumWages || [],\n    effectiveDate,\n  )\n  if (!effectiveMinWage) {\n    return 0\n  }\n\n  const totalHours =\n    compensation.hourlyCompensations?.reduce(\n      (sum, hourlyCompensation) => sum + parseFloat(hourlyCompensation.hours || '0'),\n      0,\n    ) || 0\n\n  const hourlyRate = calculateHourlyRate(primaryCompensation)\n\n  const totalTipCredit = (parseFloat(effectiveMinWage.wage || '0') - hourlyRate) * totalHours\n  const totalTips = getTotalTipCompensations(compensation.fixedCompensations || [])\n\n  return Math.max(0, totalTipCredit - totalTips)\n}\n\nconst calculateRegularPlusOvertimePay = (\n  compensation: EmployeeCompensations,\n  employee: Employee,\n  effectiveDate: Date,\n  isSalariedWithExpectedHours: boolean,\n  hoursInPayPeriod: number,\n  ptoHours: number,\n  isOffCycle: boolean,\n): number => {\n  if (!isOffCycle && isSalariedWithExpectedHours) {\n    const primaryHourlyRate = getPrimaryHourlyRate(employee, effectiveDate)\n    return primaryHourlyRate * (hoursInPayPeriod - ptoHours)\n  }\n\n  if (!compensation.hourlyCompensations || !employee.jobs) {\n    return 0\n  }\n\n  const regularRatePay = compensation.hourlyCompensations.reduce((sum, hc) => {\n    const hours = parseFloat(hc.hours || '0')\n    const hourlyRate = getHourlyRateForJob(employee, hc.jobUuid || '', effectiveDate)\n    return sum + hours * hourlyRate\n  }, 0)\n\n  const totalHours = compensation.hourlyCompensations.reduce((sum, hc) => {\n    return sum + parseFloat(hc.hours || '0')\n  }, 0)\n\n  if (totalHours === 0) return regularRatePay\n\n  const overtimeWeightedRate = roundToSixDecimals(regularRatePay / totalHours)\n\n  // Calculate overtime pay for non-regular hours\n  const overtimePay = compensation.hourlyCompensations\n    .filter(hc => !isRegularHours(hc.name || ''))\n    .reduce((sum, hc) => {\n      const hours = parseFloat(hc.hours || '0')\n      const multiplier = hc.compensationMultiplier || 1\n      return sum + hours * overtimeWeightedRate * (multiplier - 1)\n    }, 0)\n\n  return regularRatePay + overtimePay\n}\n\nconst calculatePtoPay = (\n  compensation: EmployeeCompensations,\n  employee: Employee,\n  effectiveDate: Date,\n  isSalariedWithExpectedHours: boolean,\n  hoursInPayPeriod: number,\n  offCycle: boolean,\n): number => {\n  const ptoHours = getPtoHours(\n    compensation,\n    isSalariedWithExpectedHours,\n    hoursInPayPeriod,\n    offCycle,\n  )\n  const primaryHourlyRate = getPrimaryHourlyRate(employee, effectiveDate)\n  return ptoHours * primaryHourlyRate\n}\n\nconst isSalariedWithPayPeriodExpectedHours = (\n  compensation: EmployeeCompensations,\n  isSalaried: boolean,\n  hoursInPayPeriod: number,\n): boolean => {\n  if (!isSalaried) return false\n\n  const regularHourlyCompensation = compensation.hourlyCompensations?.find(hourlyCompensation =>\n    isRegularHours(hourlyCompensation.name || ''),\n  )\n\n  if (!regularHourlyCompensation) return false\n\n  const regularHours = parseFloat(regularHourlyCompensation.hours || '0')\n  return regularHours === hoursInPayPeriod\n}\n\nexport const calculateGrossPay = (\n  compensation: EmployeeCompensations,\n  employee: Employee,\n  compensationEffectiveDateString?: string,\n  paySchedule?: PayScheduleObject,\n  isOffCycle: boolean = false,\n): number => {\n  if (compensation.excluded) {\n    return 0\n  }\n\n  const compensationEffectiveDate = compensationEffectiveDateString\n    ? new Date(compensationEffectiveDateString)\n    : new Date()\n\n  const primaryJob = employee.jobs?.find(job => job.primary) || employee.jobs?.[0]\n  if (!primaryJob?.compensations) {\n    return 0\n  }\n\n  const primaryCompensation = getEffectiveCompensation(\n    primaryJob.compensations,\n    compensationEffectiveDate,\n  )\n\n  if (!primaryCompensation) {\n    return 0\n  }\n\n  const salaried = isSalaried(primaryCompensation)\n  const hoursInPayPeriod = paySchedule ? getHoursInPayPeriod(paySchedule) : 0\n\n  const isSalariedWithExpectedHours = isSalariedWithPayPeriodExpectedHours(\n    compensation,\n    salaried,\n    hoursInPayPeriod,\n  )\n\n  const ptoHours = getPtoHours(\n    compensation,\n    isSalariedWithExpectedHours,\n    hoursInPayPeriod,\n    isOffCycle,\n  )\n\n  const regularPlusOvertimePay = calculateRegularPlusOvertimePay(\n    compensation,\n    employee,\n    compensationEffectiveDate,\n    isSalariedWithExpectedHours,\n    hoursInPayPeriod,\n    ptoHours,\n    isOffCycle,\n  )\n\n  const fixedPay = getAdditionalEarnings(compensation)\n  const ptoPay = calculatePtoPay(\n    compensation,\n    employee,\n    compensationEffectiveDate,\n    isSalariedWithExpectedHours,\n    hoursInPayPeriod,\n    isOffCycle,\n  )\n  const minimumWageAdjustment = calculateMinimumWageAdjustment(\n    primaryCompensation,\n    compensation,\n    compensationEffectiveDate,\n  )\n\n  const total = regularPlusOvertimePay + fixedPay + ptoPay + minimumWageAdjustment\n  return roundToTwoDecimals(total)\n}\n"],"names":["REGULAR_HOURS_NAME","roundToSixDecimals","value","roundToTwoDecimals","isRegularHours","compensationName","PAY_PERIOD_HOURS_MAPPINGS","formatEmployeePayRate","employee","t","locale","primaryJob","job","jobCompensation","rate","paymentUnit","formatPayRate","useFormatEmployeePayRate","useTranslation","useLocale","useCallback","getRegularHours","compensation","hourlyCompensation","sum","getTotalPtoHours","pto","getAdditionalEarnings","fixedCompensation","name","amount","getReimbursements","reimbursementComp","formatHoursDisplay","hours","rounded","getHoursInPayPeriod","paySchedule","getEffectiveCompensation","compensations","effectiveDate","sorted","a","b","i","currentDateString","currentDate","getEffectiveMinimumWage","minimumWages","isSalaried","getTotalTipCompensations","fixedCompensations","calculateHourlyRate","getHourlyRateForJob","jobUuid","j","getPrimaryHourlyRate","getTotalOutstandingPtoHours","paidTimeOff","getPtoHours","isSalariedWithExpectedHours","hoursInPayPeriod","offCycle","regularPtoHours","outstandingPtoHours","calculateMinimumWageAdjustment","primaryCompensation","effectiveMinWage","totalHours","hourlyRate","totalTipCredit","totalTips","calculateRegularPlusOvertimePay","ptoHours","isOffCycle","regularRatePay","hc","overtimeWeightedRate","overtimePay","multiplier","calculatePtoPay","primaryHourlyRate","isSalariedWithPayPeriodExpectedHours","regularHourlyCompensation","calculateGrossPay","compensationEffectiveDateString","compensationEffectiveDate","salaried","regularPlusOvertimePay","fixedPay","ptoPay","minimumWageAdjustment","total"],"mappings":"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"}

package/dist/components/Payroll/helpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -10,8 +10,9 @@ 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 "../LocaleProvider/useLocale.js";
 import { ThemeProvider as L } from "../ThemeProvider/ThemeProvider.js";
-const R = (a) => {
+const T = (a) => {
   const {
     children: d,
     config: e,
@@ -40,6 +41,6 @@ const R = (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 {
-  R as GustoProviderCustomUIAdapter
+  T 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/helpers/formattedStrings.d.ts

@@ -1,5 +1,6 @@
 import { Location } from '@gusto/embedded-api/models/components/location';
 import { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress';
+import { TFunction } from 'i18next';
 export declare const firstLastName: ({ first_name, last_name, }: {
     first_name?: string | null;
     last_name?: string | null;
@@ -11,6 +12,14 @@ export declare const currentDateString: () => string;
 export declare function isNumberKey({ which, keyCode }: KeyboardEvent): boolean;
 export declare const booleanToString: (value: boolean) => "true" | "false";
 export declare const amountStr: (amount: string, isPercentage: boolean) => string;
+export declare const formatNumberAsCurrency: (amount: number, locale?: string) => string;
+export declare const formatPayRate: ({ rate, paymentUnit, t, locale, }: {
+    rate: number;
+    paymentUnit: string;
+    t: TFunction;
+    locale?: string;
+}) => string;
+export declare const useFormatPayRate: () => (rate: number, paymentUnit: string) => string;
 export declare function createMarkup(dirty: string): {
     __html: string;
 };