@gusto/embedded-react-sdk 0.21.0 → 0.23.0

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistory.js

@@ -0,0 +1,26 @@
+import { jsx as t, Fragment as e } from "react/jsx-runtime";
+import { PaymentHistoryPresentation as r } from "./PaymentHistoryPresentation.js";
+import { useComponentDictionary as m } from "../../../../i18n/I18n.js";
+import { BaseComponent as a } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+function l(n) {
+  return /* @__PURE__ */ t(a, { ...n, children: /* @__PURE__ */ t(i, { ...n, children: n.children }) });
+}
+const i = ({ companyId: n, paymentId: y, dictionary: o, onEvent: c }) => (m("Contractor.Payments.PaymentHistory", o), /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(
+  r,
+  {
+    date: "2025-12-17",
+    payments: [],
+    onBack: () => {
+    },
+    onViewPayment: () => {
+    },
+    onCancelPayment: () => {
+    }
+  }
+) }));
+export {
+  l as PaymentHistory,
+  i as Root
+};
+//# sourceMappingURL=PaymentHistory.js.map

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentHistory.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistory.tsx"],"sourcesContent":["import { PaymentHistoryPresentation } from './PaymentHistoryPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\ninterface PaymentHistoryProps extends BaseComponentInterface<'Contractor.Payments.PaymentHistory'> {\n  companyId: string\n  paymentId: string\n}\n\nexport function PaymentHistory(props: PaymentHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, paymentId, dictionary, onEvent }: PaymentHistoryProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentHistory', dictionary)\n\n  return (\n    <>\n      <PaymentHistoryPresentation\n        date={'2025-12-17'}\n        payments={[]}\n        onBack={() => {}}\n        onViewPayment={() => {}}\n        onCancelPayment={() => {}}\n      />\n    </>\n  )\n}\n"],"names":["PaymentHistory","props","jsx","BaseComponent","Root","companyId","paymentId","dictionary","onEvent","useComponentDictionary","Fragment","PaymentHistoryPresentation"],"mappings":";;;;;AASO,SAASA,EAAeC,GAA4B;AACzD,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,WAAAC,GAAW,YAAAC,GAAY,SAAAC,SACvDC,EAAuB,sCAAsCF,CAAU,GAGrE,gBAAAL,EAAAQ,GAAA,EACE,UAAA,gBAAAR;AAAA,EAACS;AAAA,EAAA;AAAA,IACC,MAAM;AAAA,IACN,UAAU,CAAA;AAAA,IACV,QAAQ,MAAM;AAAA,IAAC;AAAA,IACf,eAAe,MAAM;AAAA,IAAC;AAAA,IACtB,iBAAiB,MAAM;AAAA,IAAC;AAAA,EAAA;AAAA,GAE5B;"}

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.d.ts

@@ -1,18 +1,20 @@
-interface PaymentHistoryItem {
-    paymentDate: string;
-    reimbursementTotal: number;
-    wageTotal: number;
-    contractorsCount: number;
+interface PaymentData {
+    id: string;
+    name: string;
+    wageType: string;
+    paymentMethod: string;
+    hours: number;
+    wage: string;
+    bonus: number;
+    reimbursement: number;
+    total: number;
 }
-interface ContractorPaymentPaymentHistoryPresentationProps {
-    paymentHistory: PaymentHistoryItem[];
-    selectedDateRange: string;
-    onCreatePayment: () => void;
-    onDateRangeChange: (dateRange: string) => void;
-    onDateSelected: (date: string) => void;
-    showSuccessMessage: boolean;
-    alertMessage?: string;
-    alertType?: 'success' | 'error' | 'warning' | 'info';
+interface PaymentHistoryPresentationProps {
+    date: string;
+    payments: PaymentData[];
+    onBack: () => void;
+    onViewPayment: (paymentId: string) => void;
+    onCancelPayment: (paymentId: string) => void;
 }
-export declare const PaymentHistoryPresentation: ({ paymentHistory, selectedDateRange, onCreatePayment, onDateRangeChange, onDateSelected, showSuccessMessage, alertMessage, alertType, }: ContractorPaymentPaymentHistoryPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentHistoryPresentation: ({ date, payments, onBack, onViewPayment, onCancelPayment, }: PaymentHistoryPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.js

@@ -0,0 +1,114 @@
+import { jsxs as i, jsx as r, Fragment as y } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { Flex as o } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { EmptyData as H } from "../../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { HamburgerMenu as C } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as D } from "../../../../i18n/I18n.js";
+import { formatNumberAsCurrency as c } from "../../../../helpers/formattedStrings.js";
+import { useLocale as P } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { formatHoursDisplay as k } from "../../../Payroll/helpers.js";
+import { DataView as v } from "../../../Common/DataView/DataView.js";
+const G = ({
+  date: u,
+  payments: m,
+  onBack: s,
+  onViewPayment: d,
+  onCancelPayment: b
+}) => {
+  const { Button: a, Text: n, Heading: p } = x();
+  D("Contractor.Payments.PaymentHistory");
+  const { t: e } = f("Contractor.Payments.PaymentHistory"), { locale: l } = P();
+  return /* @__PURE__ */ i(o, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ i(o, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ r(p, { as: "h1", children: e("title") }),
+      /* @__PURE__ */ r(n, { children: e("subtitle", { date: u }) })
+    ] }),
+    /* @__PURE__ */ i(o, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ r(p, { as: "h2", children: e("paymentsSection") }),
+      m.length === 0 ? /* @__PURE__ */ r(H, { title: e("noPaymentsFound"), description: e("noPaymentsDescription"), children: /* @__PURE__ */ r(g, { justifyContent: "center", children: /* @__PURE__ */ r(a, { variant: "primary", onClick: s, children: e("backButton") }) }) }) : /* @__PURE__ */ i(y, { children: [
+        /* @__PURE__ */ r(
+          v,
+          {
+            columns: [
+              {
+                title: e("tableHeaders.contractor"),
+                render: ({ name: t, id: h }) => /* @__PURE__ */ r(
+                  a,
+                  {
+                    variant: "tertiary",
+                    onClick: () => {
+                      d(h);
+                    },
+                    children: t
+                  }
+                )
+              },
+              {
+                title: e("tableHeaders.wageType"),
+                render: ({ wageType: t }) => /* @__PURE__ */ r(n, { children: t })
+              },
+              {
+                title: e("tableHeaders.paymentMethod"),
+                render: ({ paymentMethod: t }) => /* @__PURE__ */ r(n, { children: t })
+              },
+              {
+                title: e("tableHeaders.hours"),
+                render: ({ hours: t }) => /* @__PURE__ */ r(n, { children: t ? k(t) : "–" })
+              },
+              {
+                title: e("tableHeaders.wage"),
+                render: ({ wage: t }) => /* @__PURE__ */ r(n, { children: t || "–" })
+              },
+              {
+                title: e("tableHeaders.bonus"),
+                render: ({ bonus: t }) => /* @__PURE__ */ r(n, { children: t ? c(t, l) : "–" })
+              },
+              {
+                title: e("tableHeaders.reimbursements"),
+                render: ({ reimbursement: t }) => /* @__PURE__ */ r(n, { children: c(t, l) })
+              },
+              {
+                title: e("tableHeaders.total"),
+                render: ({ total: t }) => /* @__PURE__ */ r(n, { children: c(t, l) })
+              },
+              {
+                title: e("tableHeaders.action"),
+                render: ({ id: t, name: h }) => /* @__PURE__ */ r(
+                  C,
+                  {
+                    items: [
+                      {
+                        label: e("actions.view"),
+                        onClick: () => {
+                          d(t);
+                        }
+                      },
+                      {
+                        label: e("actions.cancel"),
+                        onClick: () => {
+                          b(t);
+                        }
+                      }
+                    ],
+                    triggerLabel: e("tableHeaders.action")
+                  }
+                )
+              }
+            ],
+            data: m,
+            label: e("title")
+          }
+        ),
+        /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(a, { onClick: s, variant: "secondary", children: e("backButton") }) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  G as PaymentHistoryPresentation
+};
+//# sourceMappingURL=PaymentHistoryPresentation.js.map

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentHistoryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { DataView, Flex, EmptyData, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\n\ninterface PaymentData {\n  id: string\n  name: string\n  wageType: string\n  paymentMethod: string\n  hours: number\n  wage: string\n  bonus: number\n  reimbursement: number\n  total: number\n}\n\ninterface PaymentHistoryPresentationProps {\n  date: string\n  payments: PaymentData[]\n  onBack: () => void\n  onViewPayment: (paymentId: string) => void\n  onCancelPayment: (paymentId: string) => void\n}\n\nexport const PaymentHistoryPresentation = ({\n  date,\n  payments,\n  onBack,\n  onViewPayment,\n  onCancelPayment,\n}: PaymentHistoryPresentationProps) => {\n  const { Button, Text, Heading } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentHistory')\n  const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n  const { locale } = useLocale()\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={8}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n        <Text>{t('subtitle', { date })}</Text>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h2\">{t('paymentsSection')}</Heading>\n\n        {payments.length === 0 ? (\n          <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n            <ActionsLayout justifyContent=\"center\">\n              <Button variant=\"primary\" onClick={onBack}>\n                {t('backButton')}\n              </Button>\n            </ActionsLayout>\n          </EmptyData>\n        ) : (\n          <>\n            <DataView\n              columns={[\n                {\n                  title: t('tableHeaders.contractor'),\n                  render: ({ name, id }) => (\n                    <Button\n                      variant=\"tertiary\"\n                      onClick={() => {\n                        onViewPayment(id)\n                      }}\n                    >\n                      {name}\n                    </Button>\n                  ),\n                },\n                {\n                  title: t('tableHeaders.wageType'),\n                  render: ({ wageType }) => <Text>{wageType}</Text>,\n                },\n                {\n                  title: t('tableHeaders.paymentMethod'),\n                  render: ({ paymentMethod }) => <Text>{paymentMethod}</Text>,\n                },\n                {\n                  title: t('tableHeaders.hours'),\n                  render: ({ hours }) => <Text>{hours ? formatHoursDisplay(hours) : '–'}</Text>,\n                },\n                {\n                  title: t('tableHeaders.wage'),\n                  render: ({ wage }) => <Text>{wage || '–'}</Text>,\n                },\n                {\n                  title: t('tableHeaders.bonus'),\n                  render: ({ bonus }) => (\n                    <Text>{bonus ? formatNumberAsCurrency(bonus, locale) : '–'}</Text>\n                  ),\n                },\n                {\n                  title: t('tableHeaders.reimbursements'),\n                  render: ({ reimbursement }) => (\n                    <Text>{formatNumberAsCurrency(reimbursement, locale)}</Text>\n                  ),\n                },\n                {\n                  title: t('tableHeaders.total'),\n                  render: ({ total }) => <Text>{formatNumberAsCurrency(total, locale)}</Text>,\n                },\n                {\n                  title: t('tableHeaders.action'),\n                  render: ({ id, name }) => (\n                    <HamburgerMenu\n                      items={[\n                        {\n                          label: t('actions.view'),\n                          onClick: () => {\n                            onViewPayment(id)\n                          },\n                        },\n                        {\n                          label: t('actions.cancel'),\n                          onClick: () => {\n                            onCancelPayment(id)\n                          },\n                        },\n                      ]}\n                      triggerLabel={t('tableHeaders.action')}\n                    />\n                  ),\n                },\n              ]}\n              data={payments}\n              label={t('title')}\n            />\n\n            <Flex>\n              <Button onClick={onBack} variant=\"secondary\">\n                {t('backButton')}\n              </Button>\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["PaymentHistoryPresentation","date","payments","onBack","onViewPayment","onCancelPayment","Button","Text","Heading","useComponentContext","useI18n","t","useTranslation","locale","useLocale","jsxs","Flex","jsx","EmptyData","ActionsLayout","Fragment","DataView","name","id","wageType","paymentMethod","hours","formatHoursDisplay","wage","bonus","formatNumberAsCurrency","reimbursement","total","HamburgerMenu"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.d.ts

@@ -0,0 +1,9 @@
+import { InternalAlert } from '../types';
+import { BaseComponentInterface } from '../../../Base';
+interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {
+    companyId: string;
+    alerts?: InternalAlert[];
+}
+export declare function PaymentsList(props: PaymentsListProps): import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ companyId, dictionary, onEvent, alerts }: PaymentsListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js

@@ -0,0 +1,49 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as C, useMemo as P } from "react";
+import { useContractorPaymentGroupsGetListSuspense as D } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGetList";
+import { PaymentsListPresentation as g } from "./PaymentsListPresentation.js";
+import { useComponentDictionary as y } from "../../../../i18n/I18n.js";
+import { BaseComponent as f } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+function G(t) {
+  return /* @__PURE__ */ r(f, { ...t, children: /* @__PURE__ */ r(R, { ...t, children: t.children }) });
+}
+const l = (t = 3) => {
+  const n = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
+  return e.setMonth(e.getMonth() - t), n.setMonth(n.getMonth() + (12 - t)), {
+    startDate: e.toISOString().split("T")[0] || "",
+    endDate: n.toISOString().split("T")[0] || ""
+  };
+}, R = ({ companyId: t, dictionary: n, onEvent: e, alerts: m }) => {
+  y("Contractor.Payments.PaymentsList", n);
+  const [o, c] = C(3), { startDate: i, endDate: p } = P(() => l(o), [o]), { data: h } = D({
+    companyId: t,
+    startDate: i,
+    endDate: p,
+    page: 1,
+    per: 10
+  }), u = h.contractorPaymentGroupWithBlockers || [];
+  return /* @__PURE__ */ r(
+    g,
+    {
+      contractorPayments: u,
+      numberOfMonths: o,
+      onCreatePayment: () => {
+        e(s.CONTRACTOR_PAYMENT_CREATE);
+      },
+      onDateRangeChange: (a) => {
+        c(a);
+      },
+      onViewPayment: (a) => {
+        e(s.CONTRACTOR_PAYMENT_VIEW, { paymentId: a });
+      },
+      alerts: m
+    }
+  );
+};
+export {
+  G as PaymentsList,
+  R as Root
+};
+//# sourceMappingURL=PaymentsList.js.map

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { useContractorPaymentGroupsGetListSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGetList'\nimport type { InternalAlert } from '../types'\nimport { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\ninterface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  companyId: string\n  alerts?: InternalAlert[]\n}\n\nexport function PaymentsList(props: PaymentsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst calculateDateRange = (months: number = 3) => {\n  const endDate = new Date()\n  const startDate = new Date()\n\n  startDate.setMonth(startDate.getMonth() - months)\n  //Max range allowed by the API is 12 months\n  endDate.setMonth(endDate.getMonth() + (12 - months))\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: endDate.toISOString().split('T')[0] || '',\n  }\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, alerts }: PaymentsListProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const [numberOfMonths, setNumberOfMonths] = useState(3)\n\n  const { startDate, endDate } = useMemo(() => calculateDateRange(numberOfMonths), [numberOfMonths])\n  //TODO: add pagination\n  const { data } = useContractorPaymentGroupsGetListSuspense({\n    companyId,\n    startDate,\n    endDate,\n    page: 1,\n    per: 10,\n  })\n  const contractorPayments = data.contractorPaymentGroupWithBlockers || []\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n\n  const handleDateRangeChange = (numberOfMonths: number) => {\n    setNumberOfMonths(numberOfMonths)\n  }\n\n  const onViewPayment = (paymentId: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW, { paymentId })\n  }\n\n  return (\n    <PaymentsListPresentation\n      contractorPayments={contractorPayments}\n      numberOfMonths={numberOfMonths}\n      onCreatePayment={onCreatePayment}\n      onDateRangeChange={handleDateRangeChange}\n      onViewPayment={onViewPayment}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","BaseComponent","Root","calculateDateRange","months","endDate","startDate","companyId","dictionary","onEvent","alerts","useComponentDictionary","numberOfMonths","setNumberOfMonths","useState","useMemo","data","useContractorPaymentGroupsGetListSuspense","contractorPayments","PaymentsListPresentation","componentEvents","paymentId"],"mappings":";;;;;;;;AAaO,SAASA,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMI,IAAqB,CAACC,IAAiB,MAAM;AACjD,QAAMC,wBAAc,KAAA,GACdC,wBAAgB,KAAA;AAEtB,SAAAA,EAAU,SAASA,EAAU,SAAA,IAAaF,CAAM,GAEhDC,EAAQ,SAASA,EAAQ,SAAA,KAAc,KAAKD,EAAO,GAE5C;AAAA,IACL,WAAWE,EAAU,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,KAAK;AAAA,IACpD,SAASD,EAAQ,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,KAAK;AAAA,EAAA;AAEpD,GAEaH,IAAO,CAAC,EAAE,WAAAK,GAAW,YAAAC,GAAY,SAAAC,GAAS,QAAAC,QAAgC;AACrF,EAAAC,EAAuB,oCAAoCH,CAAU;AAErE,QAAM,CAACI,GAAgBC,CAAiB,IAAIC,EAAS,CAAC,GAEhD,EAAE,WAAAR,GAAW,SAAAD,EAAA,IAAYU,EAAQ,MAAMZ,EAAmBS,CAAc,GAAG,CAACA,CAAc,CAAC,GAE3F,EAAE,MAAAI,EAAA,IAASC,EAA0C;AAAA,IACzD,WAAAV;AAAA,IACA,WAAAD;AAAA,IACA,SAAAD;AAAA,IACA,MAAM;AAAA,IACN,KAAK;AAAA,EAAA,CACN,GACKa,IAAqBF,EAAK,sCAAsC,CAAA;AActE,SACE,gBAAAhB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,oBAAAD;AAAA,MACA,gBAAAN;AAAA,MACA,iBAhBoB,MAAM;AAC5B,QAAAH,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAeI,mBAb0B,CAACR,MAA2B;AACxD,QAAAC,EAAkBD,CAAc;AAAA,MAClC;AAAA,MAYI,eAVkB,CAACS,MAAsB;AAC3C,QAAAZ,EAAQW,EAAgB,yBAAyB,EAAE,WAAAC,EAAA,CAAW;AAAA,MAChE;AAAA,MASI,QAAAX;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.d.ts

@@ -0,0 +1,12 @@
+import { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers';
+import { InternalAlert } from '../types';
+interface ContractorPaymentPaymentsListPresentationProps {
+    numberOfMonths: number;
+    contractorPayments: ContractorPaymentGroupWithBlockers[];
+    onCreatePayment: () => void;
+    onDateRangeChange: (numberOfMonths: number) => void;
+    onViewPayment: (paymentId: string) => void;
+    alerts?: InternalAlert[];
+}
+export declare const PaymentsListPresentation: ({ contractorPayments, numberOfMonths, onCreatePayment, onDateRangeChange, onViewPayment, alerts, }: ContractorPaymentPaymentsListPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js

@@ -0,0 +1,116 @@
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import u from "./PaymentsListPresentation.module.scss.js";
+import { Flex as a } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { EmptyData as w } from "../../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as L } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { useI18n as A } from "../../../../i18n/I18n.js";
+import F from "../../../../hooks/useNumberFormatter.js";
+import R from "../../../../assets/icons/eye.svg.js";
+import { useDateFormatter as j } from "../../../../hooks/useDateFormatter.js";
+import { useDataView as S } from "../../../Common/DataView/useDataView.js";
+import { DataView as T } from "../../../Common/DataView/DataView.js";
+const Q = ({
+  contractorPayments: d,
+  numberOfMonths: p,
+  onCreatePayment: o,
+  onDateRangeChange: h,
+  onViewPayment: y,
+  alerts: l = []
+}) => {
+  const { Button: s, Text: r, Heading: m, Select: b, ButtonIcon: f, Alert: g } = N();
+  A("Contractor.Payments.PaymentsList");
+  const { t } = x("Contractor.Payments.PaymentsList"), c = F("currency"), { formatLongWithYear: C } = j(), D = [
+    { value: "3", label: t("dateRanges.last3Months") },
+    { value: "6", label: t("dateRanges.last6Months") },
+    { value: "12", label: t("dateRanges.last12Months") }
+  ], { ...P } = S({
+    data: d,
+    columns: [
+      {
+        title: t("paymentDateColumnLabel"),
+        render: ({ checkDate: e }) => /* @__PURE__ */ n(r, { weight: "semibold", variant: "supporting", children: C(e) || "N/A" })
+      },
+      {
+        title: t("reimbursementTotalColumnLabel"),
+        render: ({ totals: e }) => /* @__PURE__ */ n(r, { children: c(Number(e?.reimbursementAmount) || 0) })
+      },
+      {
+        title: t("wageTotalColumnLabel"),
+        render: ({ totals: e }) => /* @__PURE__ */ n(r, { children: c(Number(e?.wageAmount || 0)) })
+      },
+      {
+        title: t("actionColumnLabel"),
+        render: ({ uuid: e }) => /* @__PURE__ */ n(r, { children: /* @__PURE__ */ n(
+          f,
+          {
+            "aria-label": t("viewPaymentCta"),
+            variant: "tertiary",
+            onClick: () => {
+              y(e || "");
+            },
+            children: /* @__PURE__ */ n(R, { "aria-hidden": !0 })
+          }
+        ) })
+      }
+    ],
+    emptyState: () => /* @__PURE__ */ n(w, { title: t("noPaymentsFound"), description: t("noPaymentsDescription"), children: /* @__PURE__ */ n(L, { justifyContent: "center", children: /* @__PURE__ */ n(s, { variant: "primary", onClick: o, children: t("createPaymentCta") }) }) })
+  });
+  return /* @__PURE__ */ i(a, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ n(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(m, { as: "h1", children: t("title") }) }),
+    l.length > 0 && /* @__PURE__ */ n(a, { flexDirection: "column", gap: 16, children: l.map((e, v) => /* @__PURE__ */ n(
+      g,
+      {
+        label: t(`alerts.${e.title}`, e.translationParams),
+        status: e.type,
+        onDismiss: e.onDismiss,
+        children: e.content ?? null
+      },
+      `${e.type}-${e.title}-${v}`
+    )) }),
+    /* @__PURE__ */ i(
+      a,
+      {
+        flexDirection: {
+          base: "column",
+          small: "row"
+        },
+        gap: 16,
+        alignItems: {
+          base: "stretch",
+          small: "flex-end"
+        },
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ n(m, { as: "h2", children: t("subtitle") }),
+          /* @__PURE__ */ i("div", { className: u.actionsContainer, children: [
+            /* @__PURE__ */ n(
+              b,
+              {
+                id: "date-range-select",
+                value: p.toString(),
+                onChange: (e) => {
+                  h(Number(e));
+                },
+                options: D,
+                isRequired: !0,
+                label: t("startDate"),
+                shouldVisuallyHideLabel: !0
+              }
+            ),
+            /* @__PURE__ */ n(s, { onClick: o, variant: "secondary", className: u.nowrap, children: t("createPaymentCta") })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(T, { label: t("subtitle"), ...P })
+  ] });
+};
+export {
+  Q as PaymentsListPresentation
+};
+//# sourceMappingURL=PaymentsListPresentation.js.map

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  numberOfMonths: number\n  contractorPayments: ContractorPaymentGroupWithBlockers[]\n  onCreatePayment: () => void\n  onDateRangeChange: (numberOfMonths: number) => void\n  onViewPayment: (paymentId: string) => void\n  alerts?: InternalAlert[]\n}\n\nexport const PaymentsListPresentation = ({\n  contractorPayments,\n  numberOfMonths,\n  onCreatePayment,\n  onDateRangeChange,\n  onViewPayment,\n  alerts = [],\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Text, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const dateRangeOptions = [\n    { value: '3', label: t('dateRanges.last3Months') },\n    { value: '6', label: t('dateRanges.last6Months') },\n    { value: '12', label: t('dateRanges.last12Months') },\n  ]\n  const { ...dataViewProps } = useDataView({\n    data: contractorPayments,\n    columns: [\n      {\n        title: t('paymentDateColumnLabel'),\n        render: ({ checkDate }) => (\n          <Text weight=\"semibold\" variant=\"supporting\">\n            {formatLongWithYear(checkDate) || 'N/A'}\n          </Text>\n        ),\n      },\n      {\n        title: t('reimbursementTotalColumnLabel'),\n        render: ({ totals }) => (\n          <Text>{currencyFormatter(Number(totals?.reimbursementAmount) || 0)}</Text>\n        ),\n      },\n      {\n        title: t('wageTotalColumnLabel'),\n        render: ({ totals }) => <Text>{currencyFormatter(Number(totals?.wageAmount || 0))}</Text>,\n      },\n      {\n        title: t('actionColumnLabel'),\n        render: ({ uuid }) => (\n          <Text>\n            <ButtonIcon\n              aria-label={t('viewPaymentCta')}\n              variant=\"tertiary\"\n              onClick={() => {\n                onViewPayment(uuid || '')\n              }}\n            >\n              <EyeIcon aria-hidden />\n            </ButtonIcon>\n          </Text>\n        ),\n      },\n    ],\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"primary\" onClick={onCreatePayment}>\n            {t('createPaymentCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n      </Flex>\n\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              {alert.content ?? null}\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'flex-end',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\">{t('subtitle')}</Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={numberOfMonths.toString()}\n            onChange={value => {\n              onDateRangeChange(Number(value))\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            shouldVisuallyHideLabel\n          />\n          <Button onClick={onCreatePayment} variant=\"secondary\" className={styles.nowrap}>\n            {t('createPaymentCta')}\n          </Button>\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","Button","Text","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","jsx","totals","uuid","EyeIcon","EmptyData","ActionsLayout","jsxs","Flex","alert","index","styles","value","DataView"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.module.scss.js

@@ -0,0 +1,10 @@
+const n = "_actionsContainer_1nbjv_1", o = "_nowrap_1nbjv_17", t = {
+  actionsContainer: n,
+  nowrap: o
+};
+export {
+  n as actionsContainer,
+  t as default,
+  o as nowrap
+};
+//# sourceMappingURL=PaymentsListPresentation.module.scss.js.map

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.module.scss.js.map

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

package/dist/components/Contractor/Payments/types.d.ts

@@ -1,4 +1,12 @@
 import { ContractorPaymentGroup, ContractorPaymentGroupTotals } from '@gusto/embedded-api/models/components/contractorpaymentgroup';
 import { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup';
+import { ReactNode } from 'react';
 export type { ContractorPaymentGroup, ContractorPaymentForGroup, ContractorPaymentGroupTotals };
 export type ContractorPaymentGroupMinimal = Omit<ContractorPaymentGroup, 'contractorPayments'>;
+export type InternalAlert = {
+    type: 'error' | 'info' | 'success';
+    title: string;
+    content?: ReactNode;
+    onDismiss?: () => void;
+    translationParams?: Record<string, unknown>;
+};

package/dist/components/Contractor/Profile/useContractorProfile.d.ts

@@ -22,10 +22,10 @@ declare const ContractorProfileSchema: z.ZodObject<{
     ein: z.ZodOptional<z.ZodString>;
     hourlyRate: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
+    wageType: "Hourly" | "Fixed";
+    startDate: Date;
     selfOnboarding: boolean;
     contractorType: "Business" | "Individual";
-    startDate: Date;
-    wageType: "Hourly" | "Fixed";
     ssn?: string | undefined;
     ein?: string | undefined;
     email?: string | undefined;
@@ -35,10 +35,10 @@ declare const ContractorProfileSchema: z.ZodObject<{
     hourlyRate?: number | undefined;
     middleInitial?: string | undefined;
 }, {
+    wageType: "Hourly" | "Fixed";
+    startDate: Date;
     selfOnboarding: boolean;
     contractorType: "Business" | "Individual";
-    startDate: Date;
-    wageType: "Hourly" | "Fixed";
     ssn?: string | undefined;
     ein?: string | undefined;
     email?: string | undefined;
@@ -63,10 +63,10 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     ein: z.ZodOptional<z.ZodString>;
     hourlyRate: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
+    wageType: "Hourly" | "Fixed";
+    startDate: Date;
     selfOnboarding: boolean;
     contractorType: "Business" | "Individual";
-    startDate: Date;
-    wageType: "Hourly" | "Fixed";
     ssn?: string | undefined;
     ein?: string | undefined;
     email?: string | undefined;
@@ -76,10 +76,10 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     hourlyRate?: number | undefined;
     middleInitial?: string | undefined;
 }, {
+    wageType: "Hourly" | "Fixed";
+    startDate: Date;
     selfOnboarding: boolean;
     contractorType: "Business" | "Individual";
-    startDate: Date;
-    wageType: "Hourly" | "Fixed";
     ssn?: string | undefined;
     ein?: string | undefined;
     email?: string | undefined;
@@ -89,10 +89,10 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     hourlyRate?: number | undefined;
     middleInitial?: string | undefined;
 }>, {
+    wageType: "Hourly" | "Fixed";
+    startDate: Date;
     selfOnboarding: boolean;
     contractorType: "Business" | "Individual";
-    startDate: Date;
-    wageType: "Hourly" | "Fixed";
     ssn?: string | undefined;
     ein?: string | undefined;
     email?: string | undefined;
@@ -102,10 +102,10 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     hourlyRate?: number | undefined;
     middleInitial?: string | undefined;
 }, {
+    wageType: "Hourly" | "Fixed";
+    startDate: Date;
     selfOnboarding: boolean;
     contractorType: "Business" | "Individual";
-    startDate: Date;
-    wageType: "Hourly" | "Fixed";
     ssn?: string | undefined;
     ein?: string | undefined;
     email?: string | undefined;
@@ -123,10 +123,10 @@ export interface UseContractorProfileProps {
 }
 export declare function useContractorProfile({ companyId, contractorId, defaultValues, existingContractor, }: UseContractorProfileProps): {
     formMethods: import('react-hook-form').UseFormReturn<{
+        wageType: "Hourly" | "Fixed";
+        startDate: Date;
         selfOnboarding: boolean;
         contractorType: "Business" | "Individual";
-        startDate: Date;
-        wageType: "Hourly" | "Fixed";
         ssn?: string | undefined;
         ein?: string | undefined;
         email?: string | undefined;
@@ -136,10 +136,10 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         hourlyRate?: number | undefined;
         middleInitial?: string | undefined;
     }, unknown, {
+        wageType: "Hourly" | "Fixed";
+        startDate: Date;
         selfOnboarding: boolean;
         contractorType: "Business" | "Individual";
-        startDate: Date;
-        wageType: "Hourly" | "Fixed";
         ssn?: string | undefined;
         ein?: string | undefined;
         email?: string | undefined;
@@ -161,10 +161,10 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         disabled: boolean;
         submitCount: number;
         defaultValues?: Readonly<{
+            wageType?: "Hourly" | "Fixed" | undefined;
+            startDate?: Date | undefined;
             selfOnboarding?: boolean | undefined;
             contractorType?: "Business" | "Individual" | undefined;
-            startDate?: Date | undefined;
-            wageType?: "Hourly" | "Fixed" | undefined;
             ssn?: string | undefined;
             ein?: string | undefined;
             email?: string | undefined;
@@ -175,10 +175,10 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
             middleInitial?: string | undefined;
         }> | undefined;
         dirtyFields: Partial<Readonly<{
+            wageType?: boolean | undefined;
+            startDate?: boolean | undefined;
             selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
-            startDate?: boolean | undefined;
-            wageType?: boolean | undefined;
             ssn?: boolean | undefined;
             ein?: boolean | undefined;
             email?: boolean | undefined;
@@ -189,10 +189,10 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
             middleInitial?: boolean | undefined;
         }>>;
         touchedFields: Partial<Readonly<{
+            wageType?: boolean | undefined;
+            startDate?: boolean | undefined;
             selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
-            startDate?: boolean | undefined;
-            wageType?: boolean | undefined;
             ssn?: boolean | undefined;
             ein?: boolean | undefined;
             email?: boolean | undefined;
@@ -203,10 +203,10 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
             middleInitial?: boolean | undefined;
         }>>;
         validatingFields: Partial<Readonly<{
+            wageType?: boolean | undefined;
+            startDate?: boolean | undefined;
             selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
-            startDate?: boolean | undefined;
-            wageType?: boolean | undefined;
             ssn?: boolean | undefined;
             ein?: boolean | undefined;
             email?: boolean | undefined;
@@ -217,10 +217,10 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
             middleInitial?: boolean | undefined;
         }>>;
         errors: import('react-hook-form').FieldErrors<{
+            wageType: "Hourly" | "Fixed";
+            startDate: Date;
             selfOnboarding: boolean;
             contractorType: "Business" | "Individual";
-            startDate: Date;
-            wageType: "Hourly" | "Fixed";
             ssn?: string | undefined;
             ein?: string | undefined;
             email?: string | undefined;