@gusto/embedded-react-sdk 0.15.0 → 0.16.0

package/dist/components/Payroll/PayrollReceipts/PayrollReceipts.js

@@ -1,35 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
 import { usePayrollsGetReceiptSuspense as i } from "@gusto/embedded-api/react-query/payrollsGetReceipt";
-import { PayrollReceiptsPresentation as c } from "./PayrollReceiptsPresentation.js";
-import { BaseComponent as p } from "../../Base/Base.js";
+import { PayrollReceiptsPresentation as a } from "./PayrollReceiptsPresentation.js";
+import { BaseComponent as n } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useComponentDictionary as m, useI18n as s } from "../../../i18n/I18n.js";
-import { componentEvents as y } from "../../../shared/constants.js";
-function D(o) {
-  return /* @__PURE__ */ e(p, { ...o, children: /* @__PURE__ */ e(u, { ...o, children: o.children }) });
+import { useComponentDictionary as p, useI18n as c } from "../../../i18n/I18n.js";
+function d(o) {
+  return /* @__PURE__ */ e(n, { ...o, children: /* @__PURE__ */ e(s, { ...o, children: o.children }) });
 }
-const u = ({
-  payrollId: o,
-  dictionary: t,
-  showBackButton: r = !0,
-  onEvent: n
-}) => {
-  m("Payroll.PayrollReceipts", t), s("Payroll.PayrollReceipts");
-  const { data: l } = i({
+const s = ({ payrollId: o, dictionary: r }) => {
+  p("Payroll.PayrollReceipts", r), c("Payroll.PayrollReceipts");
+  const { data: t } = i({
     payrollUuid: o
-  }), a = l.payrollReceipt;
-  return /* @__PURE__ */ e(
-    c,
-    {
-      receiptData: a,
-      onBack: r ? () => {
-        n(y.RUN_PAYROLL_BACK, {});
-      } : void 0
-    }
-  );
+  }), l = t.payrollReceipt;
+  return /* @__PURE__ */ e(a, { receiptData: l });
 };
 export {
-  D as PayrollReceipts,
-  u as Root
+  d as PayrollReceipts,
+  s as Root
 };
 //# sourceMappingURL=PayrollReceipts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollReceipts.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceipts.tsx"],"sourcesContent":["import { usePayrollsGetReceiptSuspense } from '@gusto/embedded-api/react-query/payrollsGetReceipt'\nimport { PayrollReceiptsPresentation } from './PayrollReceiptsPresentation'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ninterface PayrollReceiptsProps extends BaseComponentInterface<'Payroll.PayrollReceipts'> {\n  payrollId: string\n  showBackButton?: boolean\n}\n\nexport function PayrollReceipts(props: PayrollReceiptsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  payrollId,\n  dictionary,\n  showBackButton = true,\n  onEvent,\n}: PayrollReceiptsProps) => {\n  useComponentDictionary('Payroll.PayrollReceipts', dictionary)\n  useI18n('Payroll.PayrollReceipts')\n\n  const { data } = usePayrollsGetReceiptSuspense({\n    payrollUuid: payrollId,\n  })\n  const payrollData = data.payrollReceipt!\n\n  const handleBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK, {})\n  }\n\n  return (\n    <PayrollReceiptsPresentation\n      receiptData={payrollData}\n      onBack={showBackButton ? handleBack : undefined}\n    />\n  )\n}\n"],"names":["PayrollReceipts","props","jsx","BaseComponent","Root","payrollId","dictionary","showBackButton","onEvent","useComponentDictionary","useI18n","data","usePayrollsGetReceiptSuspense","payrollData","PayrollReceiptsPresentation","componentEvents"],"mappings":";;;;;;;AAWO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AACF,MAA4B;AAC1B,EAAAC,EAAuB,2BAA2BH,CAAU,GAC5DI,EAAQ,yBAAyB;AAEjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAA8B;AAAA,IAC7C,aAAaP;AAAA,EAAA,CACd,GACKQ,IAAcF,EAAK;AAMzB,SACE,gBAAAT;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,aAAaD;AAAA,MACb,QAAQN,IAPO,MAAM;AACvB,QAAAC,EAAQO,EAAgB,kBAAkB,EAAE;AAAA,MAC9C,IAK0C;AAAA,IAAA;AAAA,EAAA;AAG5C;"}
+{"version":3,"file":"PayrollReceipts.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceipts.tsx"],"sourcesContent":["import { usePayrollsGetReceiptSuspense } from '@gusto/embedded-api/react-query/payrollsGetReceipt'\nimport { PayrollReceiptsPresentation } from './PayrollReceiptsPresentation'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\ninterface PayrollReceiptsProps extends BaseComponentInterface<'Payroll.PayrollReceipts'> {\n  payrollId: string\n}\n\nexport function PayrollReceipts(props: PayrollReceiptsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ payrollId, dictionary }: PayrollReceiptsProps) => {\n  useComponentDictionary('Payroll.PayrollReceipts', dictionary)\n  useI18n('Payroll.PayrollReceipts')\n\n  const { data } = usePayrollsGetReceiptSuspense({\n    payrollUuid: payrollId,\n  })\n  const payrollData = data.payrollReceipt!\n\n  return <PayrollReceiptsPresentation receiptData={payrollData} />\n}\n"],"names":["PayrollReceipts","props","jsx","BaseComponent","Root","payrollId","dictionary","useComponentDictionary","useI18n","data","usePayrollsGetReceiptSuspense","payrollData","PayrollReceiptsPresentation"],"mappings":";;;;;;AASO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,QAAuC;AACvE,EAAAC,EAAuB,2BAA2BD,CAAU,GAC5DE,EAAQ,yBAAyB;AAEjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAA8B;AAAA,IAC7C,aAAaL;AAAA,EAAA,CACd,GACKM,IAAcF,EAAK;AAEzB,SAAO,gBAAAP,EAACU,GAAA,EAA4B,aAAaD,EAAA,CAAa;AAChE;"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.d.ts

@@ -1,7 +1,6 @@
 import { PayrollReceipt } from '@gusto/embedded-api/models/components/payrollreceipt';
 interface PayrollReceiptsPresentationProps {
     receiptData: PayrollReceipt;
-    onBack?: () => void;
 }
-export declare const PayrollReceiptsPresentation: ({ receiptData, onBack, }: PayrollReceiptsPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollReceiptsPresentation: ({ receiptData }: PayrollReceiptsPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js

@@ -1,36 +1,32 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { useRef as L } from "react";
-import { useTranslation as I } from "react-i18next";
+import { useRef as P } from "react";
+import { useTranslation as R } from "react-i18next";
 import d from "classnames";
 import i from "./PayrollReceiptsPresentation.module.scss.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
-import "../../../shared/constants.js";
-import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as L } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatNumberAsCurrency as r } from "../../../helpers/formattedStrings.js";
-import { useI18n as z } from "../../../i18n/I18n.js";
-import { useContainerBreakpoints as M } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import $ from "../../../assets/icons/receipt-check.svg.js";
-import { DataTable as h } from "../../Common/DataView/DataTable/DataTable.js";
-import { DataView as y } from "../../Common/DataView/DataView.js";
-const X = ({
-  receiptData: n,
-  onBack: p
-}) => {
-  const { Heading: u, Text: o, Button: g } = S();
-  z("Payroll.PayrollReceipts");
-  const { t } = I("Payroll.PayrollReceipts"), b = L(null), c = !M({ ref: b }).includes("small"), f = (l) => `${l.employeeFirstName || ""} ${l.employeeLastName || ""}`.trim(), x = () => (n.employeeCompensations || []).reduce(
+import { useI18n as I } from "../../../i18n/I18n.js";
+import { useContainerBreakpoints as S } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import z from "../../../assets/icons/receipt-check.svg.js";
+import { DataTable as b } from "../../Common/DataView/DataTable/DataTable.js";
+import { DataView as h } from "../../Common/DataView/DataView.js";
+const K = ({ receiptData: n }) => {
+  const { Heading: p, Text: o } = L();
+  I("Payroll.PayrollReceipts");
+  const { t } = R("Payroll.PayrollReceipts"), u = P(null), c = !S({ ref: u }).includes("small"), y = (l) => `${l.employeeFirstName || ""} ${l.employeeLastName || ""}`.trim(), g = () => (n.employeeCompensations || []).reduce(
     (l, s) => l + parseFloat(s.childSupportGarnishment || "0"),
     0
-  ), w = () => (n.employeeCompensations || []).reduce(
+  ), f = () => (n.employeeCompensations || []).reduce(
     (l, s) => l + parseFloat(s.totalReimbursement || "0"),
     0
-  ), k = () => (n.employeeCompensations || []).reduce(
+  ), x = () => (n.employeeCompensations || []).reduce(
     (l, s) => l + parseFloat(s.netPay || "0"),
     0
-  ), F = () => (n.employeeCompensations || []).reduce(
+  ), w = () => (n.employeeCompensations || []).reduce(
     (l, s) => l + parseFloat(s.totalTax || "0"),
     0
-  ), v = [
+  ), k = [
     {
       label: t("breakdown.directDeposits"),
       amount: parseFloat(n.totals?.netPayDebit || "0")
@@ -44,7 +40,7 @@ const X = ({
       amount: parseFloat(n.totals?.childSupportDebit || "0")
     },
     { label: t("breakdown.taxes"), amount: parseFloat(n.totals?.taxDebit || "0") }
-  ], N = [
+  ], F = [
     {
       label: t("receipt.receiptId"),
       value: n.payrollUuid || ""
@@ -61,16 +57,16 @@ const X = ({
       label: t("receipt.debitDate"),
       value: n.debitDate || ""
     }
-  ], C = () => /* @__PURE__ */ e("div", { className: d(i.receiptHeader, c && i.receiptHeaderMobile), children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 24, children: [
+  ], v = () => /* @__PURE__ */ e("div", { className: d(i.receiptHeader, c && i.receiptHeaderMobile), children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 16, children: [
-      /* @__PURE__ */ e("div", { className: i.receiptIcon, children: /* @__PURE__ */ e($, { className: i.checkmarkIcon }) }),
+      /* @__PURE__ */ e("div", { className: i.receiptIcon, children: /* @__PURE__ */ e(z, { className: i.checkmarkIcon }) }),
       /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 8, children: [
         /* @__PURE__ */ e(o, { size: "sm", variant: "supporting", children: t("receipt.totalLabel") }),
-        /* @__PURE__ */ e(u, { as: "h1", styledAs: "h2", className: i.totalAmount, children: r(parseFloat(n.totals?.companyDebit || "0")) })
+        /* @__PURE__ */ e(p, { as: "h1", styledAs: "h2", className: i.totalAmount, children: r(parseFloat(n.totals?.companyDebit || "0")) })
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: i.receiptDetailsTable, children: /* @__PURE__ */ e(
-      y,
+      h,
       {
         label: t("receipt.detailsLabel"),
         variant: "minimal",
@@ -89,7 +85,7 @@ const X = ({
             render: (l) => /* @__PURE__ */ e(o, { size: "sm", children: l.value })
           }
         ],
-        data: N
+        data: F
       }
     ) }),
     /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 12, children: [
@@ -121,8 +117,8 @@ const X = ({
         }
       )
     ] })
-  ] }) }), T = () => /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
-    h,
+  ] }) }), N = () => /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
+    b,
     {
       label: t("sections.debitedLabel"),
       columns: [
@@ -135,14 +131,14 @@ const X = ({
           render: (l) => /* @__PURE__ */ e(o, { children: r(l.amount) })
         }
       ],
-      data: v,
+      data: k,
       footer: () => ({
         "column-0": /* @__PURE__ */ e(o, { weight: "semibold", children: t("breakdown.totals") }),
         "column-1": /* @__PURE__ */ e(o, { weight: "semibold", children: r(parseFloat(n.totals?.companyDebit || "0")) })
       })
     }
-  ) }), P = () => /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
-    h,
+  ) }), C = () => /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
+    b,
     {
       label: t("sections.taxLabel"),
       columns: [
@@ -161,16 +157,16 @@ const X = ({
         "column-1": /* @__PURE__ */ e(o, { weight: "semibold", children: r(parseFloat(n.totals?.taxDebit || "0")) })
       })
     }
-  ) }), R = () => /* @__PURE__ */ m(a, { flexDirection: "column", gap: 16, children: [
-    c && /* @__PURE__ */ e(u, { as: "h2", children: t("sections.employeesLabel") }),
+  ) }), T = () => /* @__PURE__ */ m(a, { flexDirection: "column", gap: 16, children: [
+    c && /* @__PURE__ */ e(p, { as: "h2", children: t("sections.employeesLabel") }),
     /* @__PURE__ */ e(
-      y,
+      h,
       {
         label: t("sections.employeesLabel"),
         columns: [
           {
             title: t("employee.name"),
-            render: (l) => /* @__PURE__ */ e(o, { children: f(l) })
+            render: (l) => /* @__PURE__ */ e(o, { children: y(l) })
           },
           {
             title: t("employee.paymentMethod"),
@@ -202,23 +198,22 @@ const X = ({
             }) })
           ] }),
           "column-1": /* @__PURE__ */ e(o, { children: " " }),
-          "column-2": /* @__PURE__ */ e(o, { weight: "semibold", children: r(x()) }),
-          "column-3": /* @__PURE__ */ e(o, { weight: "semibold", children: r(w()) }),
-          "column-4": /* @__PURE__ */ e(o, { weight: "semibold", children: r(F()) }),
-          "column-5": /* @__PURE__ */ e(o, { weight: "semibold", children: r(k()) })
+          "column-2": /* @__PURE__ */ e(o, { weight: "semibold", children: r(g()) }),
+          "column-3": /* @__PURE__ */ e(o, { weight: "semibold", children: r(f()) }),
+          "column-4": /* @__PURE__ */ e(o, { weight: "semibold", children: r(w()) }),
+          "column-5": /* @__PURE__ */ e(o, { weight: "semibold", children: r(x()) })
         })
       }
     )
   ] });
-  return /* @__PURE__ */ e("div", { className: i.container, ref: b, children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 24, children: [
-    p && /* @__PURE__ */ e(g, { onClick: p, variant: "secondary", children: t("backButton") }),
+  return /* @__PURE__ */ e("div", { className: i.container, ref: u, children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 24, children: [
+    v(),
+    N(),
     C(),
-    T(),
-    P(),
-    R()
+    T()
   ] }) });
 };
 export {
-  X as PayrollReceiptsPresentation
+  K as PayrollReceiptsPresentation
 };
 //# sourceMappingURL=PayrollReceiptsPresentation.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n  onBack?: () => void\n}\n\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  onBack,\n}: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text, Button } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    {\n      label: t('breakdown.reimbursements'),\n      amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n    },\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n      <DataView\n        label={t('sections.employeesLabel')}\n        columns={[\n          {\n            title: t('employee.name'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{getEmployeeFullName(employee)}</Text>\n            ),\n          },\n          {\n            title: t('employee.paymentMethod'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{employee.paymentMethod || 'N/A'}</Text>\n            ),\n          },\n          {\n            title: t('employee.childSupport'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>\n                {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('employee.reimbursement'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.totalTaxes'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.netPay'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.employeeCompensations || []}\n        footer={() => ({\n          'column-0': (\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n              <Text size=\"sm\" variant=\"supporting\">\n                {t('employee.totalEmployees', {\n                  count: receiptData.employeeCompensations?.length || 0,\n                })}\n              </Text>\n            </Flex>\n          ),\n          'column-1': <Text>{'\\u00A0'}</Text>,\n          'column-2': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalChildSupport())}</Text>\n          ),\n          'column-3': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalReimbursements())}</Text>\n          ),\n          'column-4': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalTaxes())}</Text>,\n          'column-5': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalNetPay())}</Text>,\n        })}\n      />\n    </Flex>\n  )\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {onBack && (\n          <Button onClick={onBack} variant=\"secondary\">\n            {t('backButton')}\n          </Button>\n        )}\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","onBack","Heading","Text","Button","useComponentContext","useI18n","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","employee"],"mappings":"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"}
+{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n}\n\nexport const PayrollReceiptsPresentation = ({ receiptData }: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    {\n      label: t('breakdown.reimbursements'),\n      amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n    },\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n      <DataView\n        label={t('sections.employeesLabel')}\n        columns={[\n          {\n            title: t('employee.name'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{getEmployeeFullName(employee)}</Text>\n            ),\n          },\n          {\n            title: t('employee.paymentMethod'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{employee.paymentMethod || 'N/A'}</Text>\n            ),\n          },\n          {\n            title: t('employee.childSupport'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>\n                {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('employee.reimbursement'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.totalTaxes'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.netPay'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.employeeCompensations || []}\n        footer={() => ({\n          'column-0': (\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n              <Text size=\"sm\" variant=\"supporting\">\n                {t('employee.totalEmployees', {\n                  count: receiptData.employeeCompensations?.length || 0,\n                })}\n              </Text>\n            </Flex>\n          ),\n          'column-1': <Text>{'\\u00A0'}</Text>,\n          'column-2': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalChildSupport())}</Text>\n          ),\n          'column-3': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalReimbursements())}</Text>\n          ),\n          'column-4': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalTaxes())}</Text>,\n          'column-5': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalNetPay())}</Text>,\n        })}\n      />\n    </Flex>\n  )\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","Heading","Text","useComponentContext","useI18n","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","employee"],"mappings":"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"}

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -11,11 +11,10 @@ import "@tanstack/react-query";
 import { useBase as b } from "../Base/useBase.js";
 import "../../shared/constants.js";
 import "classnames";
-import "../../contexts/ComponentAdapter/useComponentContext.js";
 import "dompurify";
 import "../../contexts/LocaleProvider/useLocale.js";
-import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-const U = ({
+import "../../contexts/ComponentAdapter/useComponentContext.js";
+const O = ({
   companyId: e,
   payrollId: t,
   employeeUuids: o,
@@ -56,6 +55,6 @@ const U = ({
   };
 };
 export {
-  U as usePreparedPayrollData
+  O as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollprepared'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayrollPrepareSortBy } from '@gusto/embedded-api/models/components/payrollpreparesortby'\nimport { useBase } from '../Base'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: PayrollPrepareSortBy\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleObject | undefined\n  isLoading: boolean\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const { baseSubmitHandler } = useBase()\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, async () => {\n      const result = await preparePayroll({\n        request: {\n          companyId,\n          payrollId,\n          sortBy,\n          requestBody: {\n            employeeUuids,\n          },\n        },\n      })\n      setPreparedPayroll(result.payrollPrepared)\n    })\n  }, [companyId, payrollId, preparePayroll, employeeUuids, baseSubmitHandler])\n\n  useEffect(() => {\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isLoading = isPreparePayrollPending || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleObject,\n    isLoading,\n  }\n}\n"],"names":["usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","baseSubmitHandler","useBase","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handlePreparePayroll","useCallback","result","useEffect","isLoading"],"mappings":";;;;;;;;;;;;;;;;;AAsBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxC,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAAd;AAAA,MACA,eAAeO,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIQ,IAAuBC,EAAY,YAAY;AACnD,UAAMN,EAAkB,MAAM,YAAY;AACxC,YAAMO,IAAS,MAAMb,EAAe;AAAA,QAClC,SAAS;AAAA,UACP,WAAAJ;AAAA,UACA,WAAAC;AAAA,UACA,QAAAE;AAAA,UACA,aAAa;AAAA,YACX,eAAAD;AAAA,UAAA;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAAM,EAAmBS,EAAO,eAAe;AAAA,IAC3C,CAAC;AAAA,EACH,GAAG,CAACjB,GAAWC,GAAWG,GAAgBF,GAAeQ,CAAiB,CAAC;AAE3E,EAAAQ,EAAU,MAAM;AACd,IAAKH,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMI,IAAYd,KAA2BQ;AAE7C,SAAO;AAAA,IACL,sBAAAE;AAAA,IACA,iBAAAR;AAAA,IACA,aAAaK,GAAiB;AAAA,IAC9B,WAAAO;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollprepared'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayrollPrepareSortBy } from '@gusto/embedded-api/models/components/payrollpreparesortby'\nimport { useBase } from '../Base'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: PayrollPrepareSortBy\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleObject | undefined\n  isLoading: boolean\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const { baseSubmitHandler } = useBase()\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, async () => {\n      const result = await preparePayroll({\n        request: {\n          companyId,\n          payrollId,\n          sortBy,\n          requestBody: {\n            employeeUuids,\n          },\n        },\n      })\n      setPreparedPayroll(result.payrollPrepared)\n    })\n  }, [companyId, payrollId, preparePayroll, employeeUuids, baseSubmitHandler])\n\n  useEffect(() => {\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isLoading = isPreparePayrollPending || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleObject,\n    isLoading,\n  }\n}\n"],"names":["usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","baseSubmitHandler","useBase","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handlePreparePayroll","useCallback","result","useEffect","isLoading"],"mappings":";;;;;;;;;;;;;;;;AAsBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxC,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAAd;AAAA,MACA,eAAeO,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIQ,IAAuBC,EAAY,YAAY;AACnD,UAAMN,EAAkB,MAAM,YAAY;AACxC,YAAMO,IAAS,MAAMb,EAAe;AAAA,QAClC,SAAS;AAAA,UACP,WAAAJ;AAAA,UACA,WAAAC;AAAA,UACA,QAAAE;AAAA,UACA,aAAa;AAAA,YACX,eAAAD;AAAA,UAAA;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAAM,EAAmBS,EAAO,eAAe;AAAA,IAC3C,CAAC;AAAA,EACH,GAAG,CAACjB,GAAWC,GAAWG,GAAgBF,GAAeQ,CAAiB,CAAC;AAE3E,EAAAQ,EAAU,MAAM;AACd,IAAKH,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMI,IAAYd,KAA2BQ;AAE7C,SAAO;AAAA,IACL,sBAAAE;AAAA,IACA,iBAAAR;AAAA,IACA,aAAaK,GAAiB;AAAA,IAC9B,WAAAO;AAAA,EAAA;AAEJ;"}

package/dist/contexts/ComponentAdapter/adapters/defaultComponentAdapter.js

@@ -1,61 +1,63 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { TextInput as m } from "../../../components/Common/UI/TextInput/TextInput.js";
 import { NumberInput as t } from "../../../components/Common/UI/NumberInput/NumberInput.js";
 import { CheckboxGroup as i } from "../../../components/Common/UI/CheckboxGroup/CheckboxGroup.js";
 import { ComboBox as e } from "../../../components/Common/UI/ComboBox/ComboBox.js";
 import { Checkbox as p } from "../../../components/Common/UI/Checkbox/Checkbox.js";
 import { DatePicker as f } from "../../../components/Common/UI/DatePicker/DatePicker.js";
-import { Radio as n } from "../../../components/Common/UI/Radio/Radio.js";
-import { RadioGroup as a } from "../../../components/Common/UI/RadioGroup/RadioGroup.js";
+import { Radio as a } from "../../../components/Common/UI/Radio/Radio.js";
+import { RadioGroup as n } from "../../../components/Common/UI/RadioGroup/RadioGroup.js";
 import { Select as d } from "../../../components/Common/UI/Select/Select.js";
 import { Switch as u } from "../../../components/Common/UI/Switch/Switch.js";
 import { Button as c } from "../../../components/Common/UI/Button/Button.js";
 import { ButtonIcon as s } from "../../../components/Common/UI/Button/ButtonIcon.js";
 import { Alert as b } from "../../../components/Common/UI/Alert/Alert.js";
 import { Card as x } from "../../../components/Common/UI/Card/Card.js";
-import { Badge as l } from "../../../components/Common/UI/Badge/Badge.js";
-import { Link as C } from "../../../components/Common/UI/Link/Link.js";
-import { Menu as g } from "../../../components/Common/UI/Menu/Menu.js";
-import { Table as B } from "../../../components/Common/UI/Table/Table.js";
+import { Badge as B } from "../../../components/Common/UI/Badge/Badge.js";
+import { Link as l } from "../../../components/Common/UI/Link/Link.js";
+import { Menu as C } from "../../../components/Common/UI/Menu/Menu.js";
+import { Table as g } from "../../../components/Common/UI/Table/Table.js";
 import { OrderedList as k } from "../../../components/Common/UI/List/OrderedList.js";
 import { UnorderedList as L } from "../../../components/Common/UI/List/UnorderedList.js";
 import { Heading as T } from "../../../components/Common/UI/Heading/Heading.js";
 import { Text as h } from "../../../components/Common/UI/Text/Text.js";
 import { CalendarPreview as I } from "../../../components/Common/UI/CalendarPreview/CalendarPreview.js";
 import { ProgressBar as P } from "../../../components/Common/UI/ProgressBar/ProgressBar.js";
-import { Tabs as S } from "../../../components/Common/UI/Tabs/Tabs.js";
-import { Dialog as w } from "../../../components/Common/UI/Dialog/Dialog.js";
-import { LoadingSpinner as D } from "../../../components/Common/UI/LoadingSpinner/LoadingSpinner.js";
-const to = {
-  Alert: (o) => /* @__PURE__ */ r(b, { ...o }),
-  Badge: (o) => /* @__PURE__ */ r(l, { ...o }),
-  Button: (o) => /* @__PURE__ */ r(c, { ...o }),
-  ButtonIcon: (o) => /* @__PURE__ */ r(s, { ...o }),
-  Card: (o) => /* @__PURE__ */ r(x, { ...o }),
-  TextInput: (o) => /* @__PURE__ */ r(m, { ...o }),
-  Checkbox: (o) => /* @__PURE__ */ r(p, { ...o }),
-  CheckboxGroup: (o) => /* @__PURE__ */ r(i, { ...o }),
-  ComboBox: (o) => /* @__PURE__ */ r(e, { ...o }),
-  DatePicker: (o) => /* @__PURE__ */ r(f, { ...o }),
-  OrderedList: (o) => /* @__PURE__ */ r(k, { ...o }),
-  UnorderedList: (o) => /* @__PURE__ */ r(L, { ...o }),
-  NumberInput: (o) => /* @__PURE__ */ r(t, { ...o }),
-  Radio: (o) => /* @__PURE__ */ r(n, { ...o }),
-  RadioGroup: (o) => /* @__PURE__ */ r(a, { ...o }),
-  Select: (o) => /* @__PURE__ */ r(d, { ...o }),
-  Switch: (o) => /* @__PURE__ */ r(u, { ...o }),
-  Link: (o) => /* @__PURE__ */ r(C, { ...o }),
-  Menu: (o) => /* @__PURE__ */ r(g, { ...o }),
-  Table: (o) => /* @__PURE__ */ r(B, { ...o }),
-  Heading: (o) => /* @__PURE__ */ r(T, { ...o }),
-  Text: (o) => /* @__PURE__ */ r(h, { ...o }),
-  CalendarPreview: (o) => /* @__PURE__ */ r(I, { ...o }),
-  ProgressBar: (o) => /* @__PURE__ */ r(P, { ...o }),
-  Tabs: (o) => /* @__PURE__ */ r(S, { ...o }),
-  Dialog: (o) => /* @__PURE__ */ r(w, { ...o }),
-  LoadingSpinner: (o) => /* @__PURE__ */ r(D, { ...o })
+import { Breadcrumbs as S } from "../../../components/Common/UI/Breadcrumbs/Breadcrumbs.js";
+import { Tabs as w } from "../../../components/Common/UI/Tabs/Tabs.js";
+import { Dialog as D } from "../../../components/Common/UI/Dialog/Dialog.js";
+import { LoadingSpinner as G } from "../../../components/Common/UI/LoadingSpinner/LoadingSpinner.js";
+const er = {
+  Alert: (r) => /* @__PURE__ */ o(b, { ...r }),
+  Badge: (r) => /* @__PURE__ */ o(B, { ...r }),
+  Button: (r) => /* @__PURE__ */ o(c, { ...r }),
+  ButtonIcon: (r) => /* @__PURE__ */ o(s, { ...r }),
+  Card: (r) => /* @__PURE__ */ o(x, { ...r }),
+  TextInput: (r) => /* @__PURE__ */ o(m, { ...r }),
+  Checkbox: (r) => /* @__PURE__ */ o(p, { ...r }),
+  CheckboxGroup: (r) => /* @__PURE__ */ o(i, { ...r }),
+  ComboBox: (r) => /* @__PURE__ */ o(e, { ...r }),
+  DatePicker: (r) => /* @__PURE__ */ o(f, { ...r }),
+  OrderedList: (r) => /* @__PURE__ */ o(k, { ...r }),
+  UnorderedList: (r) => /* @__PURE__ */ o(L, { ...r }),
+  NumberInput: (r) => /* @__PURE__ */ o(t, { ...r }),
+  Radio: (r) => /* @__PURE__ */ o(a, { ...r }),
+  RadioGroup: (r) => /* @__PURE__ */ o(n, { ...r }),
+  Select: (r) => /* @__PURE__ */ o(d, { ...r }),
+  Switch: (r) => /* @__PURE__ */ o(u, { ...r }),
+  Link: (r) => /* @__PURE__ */ o(l, { ...r }),
+  Menu: (r) => /* @__PURE__ */ o(C, { ...r }),
+  Table: (r) => /* @__PURE__ */ o(g, { ...r }),
+  Heading: (r) => /* @__PURE__ */ o(T, { ...r }),
+  Text: (r) => /* @__PURE__ */ o(h, { ...r }),
+  CalendarPreview: (r) => /* @__PURE__ */ o(I, { ...r }),
+  ProgressBar: (r) => /* @__PURE__ */ o(P, { ...r }),
+  Breadcrumbs: (r) => /* @__PURE__ */ o(S, { ...r }),
+  Tabs: (r) => /* @__PURE__ */ o(w, { ...r }),
+  Dialog: (r) => /* @__PURE__ */ o(D, { ...r }),
+  LoadingSpinner: (r) => /* @__PURE__ */ o(G, { ...r })
 };
 export {
-  to as defaultComponents
+  er as defaultComponents
 };
 //# sourceMappingURL=defaultComponentAdapter.js.map

package/dist/contexts/ComponentAdapter/adapters/defaultComponentAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultComponentAdapter.js","sources":["../../../../src/contexts/ComponentAdapter/adapters/defaultComponentAdapter.tsx"],"sourcesContent":["// This is used to set the default adapter and can already be ommitted by using the\n// `GustoProviderCustomUIAdapter` component. That means this is a safe file to use\n// non type imports from the UI directory so the lint rule is disabled for this file.\n/* eslint-disable no-restricted-imports */\nimport type { ComponentsContextType } from '../useComponentContext'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInput } from '@/components/Common/UI/TextInput'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { NumberInput } from '@/components/Common/UI/NumberInput'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroup } from '@/components/Common/UI/CheckboxGroup'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { ComboBox } from '@/components/Common/UI/ComboBox/ComboBox'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { Checkbox } from '@/components/Common/UI/Checkbox'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { DatePicker } from '@/components/Common/UI/DatePicker'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { Radio } from '@/components/Common/UI/Radio'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroup } from '@/components/Common/UI/RadioGroup'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { Select } from '@/components/Common/UI/Select'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { Switch } from '@/components/Common/UI/Switch'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { Button } from '@/components/Common/UI/Button'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { Alert } from '@/components/Common/UI/Alert/Alert'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport { Card } from '@/components/Common/UI/Card/Card'\nimport { Badge } from '@/components/Common/UI/Badge/Badge'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport { Link } from '@/components/Common/UI/Link'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { Menu } from '@/components/Common/UI/Menu'\nimport type { TableProps } from '@/components/Common/UI/Table'\nimport { Table } from '@/components/Common/UI/Table'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List'\nimport { OrderedList, UnorderedList } from '@/components/Common/UI/List'\nimport { Heading } from '@/components/Common/UI/Heading'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport { Text } from '@/components/Common/UI/Text'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { CalendarPreview } from '@/components/Common/UI/CalendarPreview'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar'\nimport { ProgressBar } from '@/components/Common/UI/ProgressBar'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport { Tabs } from '@/components/Common/UI/Tabs'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { Dialog } from '@/components/Common/UI/Dialog'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport { LoadingSpinner } from '@/components/Common/UI/LoadingSpinner'\n\nexport const defaultComponents: ComponentsContextType = {\n  Alert: (props: AlertProps) => <Alert {...props} />,\n  Badge: (props: BadgeProps) => <Badge {...props} />,\n  Button: (props: ButtonProps) => <Button {...props} />,\n  ButtonIcon: (props: ButtonIconProps) => <ButtonIcon {...props} />,\n  Card: (props: CardProps) => <Card {...props} />,\n  TextInput: (props: TextInputProps) => <TextInput {...props} />,\n  Checkbox: (props: CheckboxProps) => <Checkbox {...props} />,\n  CheckboxGroup: (props: CheckboxGroupProps) => <CheckboxGroup {...props} />,\n  ComboBox: (props: ComboBoxProps) => <ComboBox {...props} />,\n  DatePicker: (props: DatePickerProps) => <DatePicker {...props} />,\n  OrderedList: (props: OrderedListProps) => <OrderedList {...props} />,\n  UnorderedList: (props: UnorderedListProps) => <UnorderedList {...props} />,\n  NumberInput: (props: NumberInputProps) => <NumberInput {...props} />,\n  Radio: (props: RadioProps) => <Radio {...props} />,\n  RadioGroup: (props: RadioGroupProps) => <RadioGroup {...props} />,\n  Select: (props: SelectProps) => <Select {...props} />,\n  Switch: (props: SwitchProps) => <Switch {...props} />,\n  Link: (props: LinkProps) => <Link {...props} />,\n  Menu: (props: MenuProps) => <Menu {...props} />,\n  Table: (props: TableProps) => <Table {...props} />,\n  Heading: (props: HeadingProps) => <Heading {...props} />,\n  Text: (props: TextProps) => <Text {...props} />,\n  CalendarPreview: (props: CalendarPreviewProps) => <CalendarPreview {...props} />,\n  ProgressBar: (props: ProgressBarProps) => <ProgressBar {...props} />,\n  Tabs: (props: TabsProps) => <Tabs {...props} />,\n  Dialog: (props: DialogProps) => <Dialog {...props} />,\n  LoadingSpinner: (props: LoadingSpinnerProps) => <LoadingSpinner {...props} />,\n}\n"],"names":["defaultComponents","props","jsx","Alert","Badge","Button","ButtonIcon","Card","TextInput","Checkbox","CheckboxGroup","ComboBox","DatePicker","OrderedList","UnorderedList","NumberInput","Radio","RadioGroup","Select","Switch","Link","Menu","Table","Heading","Text","CalendarPreview","ProgressBar","Tabs","Dialog","LoadingSpinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDO,MAAMA,KAA2C;AAAA,EACtD,OAAO,CAACC,MAAsB,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO;AAAA,EAChD,OAAO,CAACA,MAAsB,gBAAAC,EAACE,GAAA,EAAO,GAAGH,GAAO;AAAA,EAChD,QAAQ,CAACA,MAAuB,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO;AAAA,EACnD,YAAY,CAACA,MAA2B,gBAAAC,EAACI,GAAA,EAAY,GAAGL,GAAO;AAAA,EAC/D,MAAM,CAACA,MAAqB,gBAAAC,EAACK,GAAA,EAAM,GAAGN,GAAO;AAAA,EAC7C,WAAW,CAACA,MAA0B,gBAAAC,EAACM,GAAA,EAAW,GAAGP,GAAO;AAAA,EAC5D,UAAU,CAACA,MAAyB,gBAAAC,EAACO,GAAA,EAAU,GAAGR,GAAO;AAAA,EACzD,eAAe,CAACA,MAA8B,gBAAAC,EAACQ,GAAA,EAAe,GAAGT,GAAO;AAAA,EACxE,UAAU,CAACA,MAAyB,gBAAAC,EAACS,GAAA,EAAU,GAAGV,GAAO;AAAA,EACzD,YAAY,CAACA,MAA2B,gBAAAC,EAACU,GAAA,EAAY,GAAGX,GAAO;AAAA,EAC/D,aAAa,CAACA,MAA4B,gBAAAC,EAACW,GAAA,EAAa,GAAGZ,GAAO;AAAA,EAClE,eAAe,CAACA,MAA8B,gBAAAC,EAACY,GAAA,EAAe,GAAGb,GAAO;AAAA,EACxE,aAAa,CAACA,MAA4B,gBAAAC,EAACa,GAAA,EAAa,GAAGd,GAAO;AAAA,EAClE,OAAO,CAACA,MAAsB,gBAAAC,EAACc,GAAA,EAAO,GAAGf,GAAO;AAAA,EAChD,YAAY,CAACA,MAA2B,gBAAAC,EAACe,GAAA,EAAY,GAAGhB,GAAO;AAAA,EAC/D,QAAQ,CAACA,MAAuB,gBAAAC,EAACgB,GAAA,EAAQ,GAAGjB,GAAO;AAAA,EACnD,QAAQ,CAACA,MAAuB,gBAAAC,EAACiB,GAAA,EAAQ,GAAGlB,GAAO;AAAA,EACnD,MAAM,CAACA,MAAqB,gBAAAC,EAACkB,GAAA,EAAM,GAAGnB,GAAO;AAAA,EAC7C,MAAM,CAACA,MAAqB,gBAAAC,EAACmB,GAAA,EAAM,GAAGpB,GAAO;AAAA,EAC7C,OAAO,CAACA,MAAsB,gBAAAC,EAACoB,GAAA,EAAO,GAAGrB,GAAO;AAAA,EAChD,SAAS,CAACA,MAAwB,gBAAAC,EAACqB,GAAA,EAAS,GAAGtB,GAAO;AAAA,EACtD,MAAM,CAACA,MAAqB,gBAAAC,EAACsB,GAAA,EAAM,GAAGvB,GAAO;AAAA,EAC7C,iBAAiB,CAACA,MAAgC,gBAAAC,EAACuB,GAAA,EAAiB,GAAGxB,GAAO;AAAA,EAC9E,aAAa,CAACA,MAA4B,gBAAAC,EAACwB,GAAA,EAAa,GAAGzB,GAAO;AAAA,EAClE,MAAM,CAACA,MAAqB,gBAAAC,EAACyB,GAAA,EAAM,GAAG1B,GAAO;AAAA,EAC7C,QAAQ,CAACA,MAAuB,gBAAAC,EAAC0B,GAAA,EAAQ,GAAG3B,GAAO;AAAA,EACnD,gBAAgB,CAACA,MAA+B,gBAAAC,EAAC2B,GAAA,EAAgB,GAAG5B,EAAA,CAAO;AAC7E;"}
+{"version":3,"file":"defaultComponentAdapter.js","sources":["../../../../src/contexts/ComponentAdapter/adapters/defaultComponentAdapter.tsx"],"sourcesContent":["// This is used to set the default adapter and can already be ommitted by using the\n// `GustoProviderCustomUIAdapter` component. That means this is a safe file to use\n// non type imports from the UI directory so the lint rule is disabled for this file.\n/* eslint-disable no-restricted-imports */\nimport type { ComponentsContextType } from '../useComponentContext'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInput } from '@/components/Common/UI/TextInput'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { NumberInput } from '@/components/Common/UI/NumberInput'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroup } from '@/components/Common/UI/CheckboxGroup'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { ComboBox } from '@/components/Common/UI/ComboBox/ComboBox'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { Checkbox } from '@/components/Common/UI/Checkbox'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { DatePicker } from '@/components/Common/UI/DatePicker'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { Radio } from '@/components/Common/UI/Radio'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroup } from '@/components/Common/UI/RadioGroup'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { Select } from '@/components/Common/UI/Select'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { Switch } from '@/components/Common/UI/Switch'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { Button } from '@/components/Common/UI/Button'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { Alert } from '@/components/Common/UI/Alert/Alert'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport { Card } from '@/components/Common/UI/Card/Card'\nimport { Badge } from '@/components/Common/UI/Badge/Badge'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport { Link } from '@/components/Common/UI/Link'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { Menu } from '@/components/Common/UI/Menu'\nimport type { TableProps } from '@/components/Common/UI/Table'\nimport { Table } from '@/components/Common/UI/Table'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List'\nimport { OrderedList, UnorderedList } from '@/components/Common/UI/List'\nimport { Heading } from '@/components/Common/UI/Heading'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport { Text } from '@/components/Common/UI/Text'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { CalendarPreview } from '@/components/Common/UI/CalendarPreview'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar'\nimport { ProgressBar } from '@/components/Common/UI/ProgressBar'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs'\nimport { Breadcrumbs } from '@/components/Common/UI/Breadcrumbs'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport { Tabs } from '@/components/Common/UI/Tabs'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { Dialog } from '@/components/Common/UI/Dialog'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport { LoadingSpinner } from '@/components/Common/UI/LoadingSpinner'\n\nexport const defaultComponents: ComponentsContextType = {\n  Alert: (props: AlertProps) => <Alert {...props} />,\n  Badge: (props: BadgeProps) => <Badge {...props} />,\n  Button: (props: ButtonProps) => <Button {...props} />,\n  ButtonIcon: (props: ButtonIconProps) => <ButtonIcon {...props} />,\n  Card: (props: CardProps) => <Card {...props} />,\n  TextInput: (props: TextInputProps) => <TextInput {...props} />,\n  Checkbox: (props: CheckboxProps) => <Checkbox {...props} />,\n  CheckboxGroup: (props: CheckboxGroupProps) => <CheckboxGroup {...props} />,\n  ComboBox: (props: ComboBoxProps) => <ComboBox {...props} />,\n  DatePicker: (props: DatePickerProps) => <DatePicker {...props} />,\n  OrderedList: (props: OrderedListProps) => <OrderedList {...props} />,\n  UnorderedList: (props: UnorderedListProps) => <UnorderedList {...props} />,\n  NumberInput: (props: NumberInputProps) => <NumberInput {...props} />,\n  Radio: (props: RadioProps) => <Radio {...props} />,\n  RadioGroup: (props: RadioGroupProps) => <RadioGroup {...props} />,\n  Select: (props: SelectProps) => <Select {...props} />,\n  Switch: (props: SwitchProps) => <Switch {...props} />,\n  Link: (props: LinkProps) => <Link {...props} />,\n  Menu: (props: MenuProps) => <Menu {...props} />,\n  Table: (props: TableProps) => <Table {...props} />,\n  Heading: (props: HeadingProps) => <Heading {...props} />,\n  Text: (props: TextProps) => <Text {...props} />,\n  CalendarPreview: (props: CalendarPreviewProps) => <CalendarPreview {...props} />,\n  ProgressBar: (props: ProgressBarProps) => <ProgressBar {...props} />,\n  Breadcrumbs: (props: BreadcrumbsProps) => <Breadcrumbs {...props} />,\n  Tabs: (props: TabsProps) => <Tabs {...props} />,\n  Dialog: (props: DialogProps) => <Dialog {...props} />,\n  LoadingSpinner: (props: LoadingSpinnerProps) => <LoadingSpinner {...props} />,\n}\n"],"names":["defaultComponents","props","jsx","Alert","Badge","Button","ButtonIcon","Card","TextInput","Checkbox","CheckboxGroup","ComboBox","DatePicker","OrderedList","UnorderedList","NumberInput","Radio","RadioGroup","Select","Switch","Link","Menu","Table","Heading","Text","CalendarPreview","ProgressBar","Breadcrumbs","Tabs","Dialog","LoadingSpinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DO,MAAMA,KAA2C;AAAA,EACtD,OAAO,CAACC,MAAsB,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO;AAAA,EAChD,OAAO,CAACA,MAAsB,gBAAAC,EAACE,GAAA,EAAO,GAAGH,GAAO;AAAA,EAChD,QAAQ,CAACA,MAAuB,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO;AAAA,EACnD,YAAY,CAACA,MAA2B,gBAAAC,EAACI,GAAA,EAAY,GAAGL,GAAO;AAAA,EAC/D,MAAM,CAACA,MAAqB,gBAAAC,EAACK,GAAA,EAAM,GAAGN,GAAO;AAAA,EAC7C,WAAW,CAACA,MAA0B,gBAAAC,EAACM,GAAA,EAAW,GAAGP,GAAO;AAAA,EAC5D,UAAU,CAACA,MAAyB,gBAAAC,EAACO,GAAA,EAAU,GAAGR,GAAO;AAAA,EACzD,eAAe,CAACA,MAA8B,gBAAAC,EAACQ,GAAA,EAAe,GAAGT,GAAO;AAAA,EACxE,UAAU,CAACA,MAAyB,gBAAAC,EAACS,GAAA,EAAU,GAAGV,GAAO;AAAA,EACzD,YAAY,CAACA,MAA2B,gBAAAC,EAACU,GAAA,EAAY,GAAGX,GAAO;AAAA,EAC/D,aAAa,CAACA,MAA4B,gBAAAC,EAACW,GAAA,EAAa,GAAGZ,GAAO;AAAA,EAClE,eAAe,CAACA,MAA8B,gBAAAC,EAACY,GAAA,EAAe,GAAGb,GAAO;AAAA,EACxE,aAAa,CAACA,MAA4B,gBAAAC,EAACa,GAAA,EAAa,GAAGd,GAAO;AAAA,EAClE,OAAO,CAACA,MAAsB,gBAAAC,EAACc,GAAA,EAAO,GAAGf,GAAO;AAAA,EAChD,YAAY,CAACA,MAA2B,gBAAAC,EAACe,GAAA,EAAY,GAAGhB,GAAO;AAAA,EAC/D,QAAQ,CAACA,MAAuB,gBAAAC,EAACgB,GAAA,EAAQ,GAAGjB,GAAO;AAAA,EACnD,QAAQ,CAACA,MAAuB,gBAAAC,EAACiB,GAAA,EAAQ,GAAGlB,GAAO;AAAA,EACnD,MAAM,CAACA,MAAqB,gBAAAC,EAACkB,GAAA,EAAM,GAAGnB,GAAO;AAAA,EAC7C,MAAM,CAACA,MAAqB,gBAAAC,EAACmB,GAAA,EAAM,GAAGpB,GAAO;AAAA,EAC7C,OAAO,CAACA,MAAsB,gBAAAC,EAACoB,GAAA,EAAO,GAAGrB,GAAO;AAAA,EAChD,SAAS,CAACA,MAAwB,gBAAAC,EAACqB,GAAA,EAAS,GAAGtB,GAAO;AAAA,EACtD,MAAM,CAACA,MAAqB,gBAAAC,EAACsB,GAAA,EAAM,GAAGvB,GAAO;AAAA,EAC7C,iBAAiB,CAACA,MAAgC,gBAAAC,EAACuB,GAAA,EAAiB,GAAGxB,GAAO;AAAA,EAC9E,aAAa,CAACA,MAA4B,gBAAAC,EAACwB,GAAA,EAAa,GAAGzB,GAAO;AAAA,EAClE,aAAa,CAACA,MAA4B,gBAAAC,EAACyB,GAAA,EAAa,GAAG1B,GAAO;AAAA,EAClE,MAAM,CAACA,MAAqB,gBAAAC,EAAC0B,GAAA,EAAM,GAAG3B,GAAO;AAAA,EAC7C,QAAQ,CAACA,MAAuB,gBAAAC,EAAC2B,GAAA,EAAQ,GAAG5B,GAAO;AAAA,EACnD,gBAAgB,CAACA,MAA+B,gBAAAC,EAAC4B,GAAA,EAAgB,GAAG7B,EAAA,CAAO;AAC7E;"}

package/dist/contexts/ComponentAdapter/componentAdapterTypes.d.ts

@@ -1,4 +1,5 @@
 export type { ProgressBarProps } from '../../components/Common/UI/ProgressBar/ProgressBarTypes';
+export type { BreadcrumbsProps } from '../../components/Common/UI/Breadcrumbs/BreadcrumbsTypes';
 export type { ButtonProps, ButtonIconProps } from '../../components/Common/UI/Button/ButtonTypes';
 export type { CardProps } from '../../components/Common/UI/Card/CardTypes';
 export type { CheckboxProps } from '../../components/Common/UI/Checkbox/CheckboxTypes';

package/dist/contexts/ComponentAdapter/useComponentContext.d.ts

@@ -22,6 +22,7 @@ import { PaginationControlProps } from '../../components/Common/PaginationContro
 import { TextProps } from '../../components/Common/UI/Text/TextTypes';
 import { CalendarPreviewProps } from '../../components/Common/UI/CalendarPreview/CalendarPreviewTypes';
 import { ProgressBarProps } from '../../components/Common/UI/ProgressBar/ProgressBarTypes';
+import { BreadcrumbsProps } from '../../components/Common/UI/Breadcrumbs/BreadcrumbsTypes';
 import { TabsProps } from '../../components/Common/UI/Tabs/TabsTypes';
 import { DialogProps } from '../../components/Common/UI/Dialog/DialogTypes';
 import { LoadingSpinnerProps } from '../../components/Common/UI/LoadingSpinner/LoadingSpinnerTypes';
@@ -51,6 +52,7 @@ export interface ComponentsContextType {
     Text: (props: TextProps) => JSX.Element | null;
     CalendarPreview: (props: CalendarPreviewProps) => JSX.Element | null;
     ProgressBar: (props: ProgressBarProps) => JSX.Element | null;
+    Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element | null;
     Tabs: (props: TabsProps) => JSX.Element | null;
     Dialog: (props: DialogProps) => JSX.Element | null;
     LoadingSpinner: (props: LoadingSpinnerProps) => JSX.Element | null;