@gusto/embedded-react-sdk 0.22.0 → 0.23.0

package/dist/types/i18next.d.ts

@@ -416,10 +416,9 @@ export interface ContractorPaymentMethod{
 export interface ContractorPaymentsCreatePayment{
 "title":string;
 "breadcrumbLabel":string;
-"subtitle":string;
 "paymentSpeedNotice":string;
 "dateLabel":string;
-"enterHoursAndPayments":string;
+"hoursAndPaymentsLabel":string;
 "contractorTableHeaders":{
 "contractor":string;
 "wageType":string;
@@ -430,9 +429,10 @@ export interface ContractorPaymentsCreatePayment{
 "reimbursement":string;
 "total":string;
 };
+"na":string;
 "totalsLabel":string;
 "backButton":string;
-"saveAndContinueButton":string;
+"continueCta":string;
 "editContractor":string;
 "perHour":string;
 "wageTypes":{
@@ -444,8 +444,11 @@ export interface ContractorPaymentsCreatePayment{
 "check":string;
 "historicalPayment":string;
 };
+"alerts":{
+"contractorPaymentUpdated":string;
+"noContractorPayments":string;
 };
-export interface ContractorPaymentsEditPayment{
+"editContractorPayment":{
 "title":string;
 "subtitle":string;
 "hoursSection":string;
@@ -458,16 +461,15 @@ export interface ContractorPaymentsEditPayment{
 "reimbursementLabel":string;
 "paymentMethodLabel":string;
 "totalPay":string;
-"cancelButton":string;
-"okButton":string;
+"cancelCta":string;
+"saveCta":string;
 "paymentMethods":{
 "check":string;
 "directDeposit":string;
 "historicalPayment":string;
 };
 };
-export interface ContractorPaymentsOverview{
-"title":string;
+"previewPresentation":{
 "breadcrumbLabel":string;
 "reviewAndSubmitTitle":string;
 "reviewSubtitle":string;
@@ -478,7 +480,7 @@ export interface ContractorPaymentsOverview{
 "debitDate":string;
 "contractorPayDate":string;
 };
-"dateLabel":string;
+"paymentSummaryTitle":string;
 "whatYourCompanyPays":string;
 "contractorTableHeaders":{
 "contractor":string;
@@ -503,21 +505,53 @@ export interface ContractorPaymentsOverview{
 "check":string;
 "historicalPayment":string;
 };
+"alerts":{
+"submitPaymentsDeadline":string;
+};
+};
+};
+export interface ContractorPaymentsPaymentHistory{
+"title":string;
+"subtitle":string;
+"paymentsSection":string;
+"breadcrumbLabel":string;
+"noPaymentsFound":string;
+"noPaymentsDescription":string;
+"backButton":string;
+"tableHeaders":{
+"contractor":string;
+"wageType":string;
+"paymentMethod":string;
+"hours":string;
+"wage":string;
+"bonus":string;
+"reimbursements":string;
+"total":string;
+"action":string;
+};
+"actions":{
+"view":string;
+"cancel":string;
+};
 };
 export interface ContractorPaymentsPaymentsList{
 "title":string;
 "subtitle":string;
 "breadcrumbLabel":string;
-"createPayment":string;
+"createPaymentCta":string;
 "startDate":string;
 "applyDate":string;
-"paymentDate":string;
-"reimbursementTotal":string;
-"wageTotal":string;
-"contractors":string;
+"paymentDateColumnLabel":string;
+"reimbursementTotalColumnLabel":string;
+"wageTotalColumnLabel":string;
+"actionColumnLabel":string;
+"viewPaymentCta":string;
 "noPaymentsFound":string;
 "noPaymentsDescription":string;
-"successMessage":string;
+"alerts":{
+"paymentCreatedSuccessfully_one":string;
+"paymentCreatedSuccessfully_other":string;
+};
 "dateRanges":{
 "last3Months":string;
 "last6Months":string;
@@ -608,33 +642,6 @@ export interface ContractorSubmit{
 "successMessage":string;
 };
 };
-export interface ContractorPaymentContractorPaymentDetail{
-"title":string;
-"paymentsOnDateTitle":string;
-"noPaymentsFound":string;
-"noPaymentsDescription":string;
-"tableHeaders":{
-"contractor":string;
-"hours":string;
-"wage":string;
-"bonus":string;
-"reimbursement":string;
-"paymentMethod":string;
-"total":string;
-"action":string;
-};
-"actions":{
-"view":string;
-"cancel":string;
-};
-"cancelConfirmation":string;
-"backButton":string;
-"paymentMethods":{
-"directDeposit":string;
-"check":string;
-"historicalPayment":string;
-};
-};
 export interface EmployeeBankAccount{
 "accountNumberLabel":string;
 "accountTypeChecking":string;
@@ -1534,7 +1541,6 @@ export interface PayrollPayrollOverview{
 "reimbursements":string;
 "debitAccount":string;
 "debitDate":string;
-"employeesPayDate":string;
 "employeePayDate":string;
 "companyTaxes":string;
 "companyBenefits":string;
@@ -1571,8 +1577,7 @@ export interface PayrollPayrollOverview{
 "submissionBlockers":{
 "genericBlockerTitle":string;
 "genericBlockerMessage":string;
-"fast_ach_threshold_exceeded":{
-"title":string;
+"fastAchOptions":{
 "description":string;
 "fundingOptionsLabel":string;
 "wireLabel":string;
@@ -1582,6 +1587,12 @@ export interface PayrollPayrollOverview{
 "directDepositDescription":string;
 "employeePayDate":string;
 };
+"fast_ach_threshold_exceeded":{
+"title":string;
+};
+"needs_earned_access_for_fast_ach":{
+"title":string;
+};
 };
 };
 export interface PayrollPayrollReceipts{
@@ -1841,6 +1852,6 @@ export interface common{
 
     interface CustomTypeOptions {
         defaultNS: 'common';
-        resources: { 'Company.Addresses': CompanyAddresses, 'Company.AssignSignatory': CompanyAssignSignatory, 'Company.BankAccount': CompanyBankAccount, 'Company.DocumentList': CompanyDocumentList, 'Company.FederalTaxes': CompanyFederalTaxes, 'Company.Industry': CompanyIndustry, 'Company.Locations': CompanyLocations, 'Company.OnboardingOverview': CompanyOnboardingOverview, 'Company.PaySchedule': CompanyPaySchedule, 'Company.SignatureForm': CompanySignatureForm, 'Company.StateTaxes': CompanyStateTaxes, 'Contractor.Address': ContractorAddress, 'Contractor.ContractorList': ContractorContractorList, 'Contractor.NewHireReport': ContractorNewHireReport, 'Contractor.PaymentMethod': ContractorPaymentMethod, 'Contractor.Payments.CreatePayment': ContractorPaymentsCreatePayment, 'Contractor.Payments.EditPayment': ContractorPaymentsEditPayment, 'Contractor.Payments.Overview': ContractorPaymentsOverview, 'Contractor.Payments.PaymentsList': ContractorPaymentsPaymentsList, 'Contractor.Profile': ContractorProfile, 'Contractor.Submit': ContractorSubmit, 'ContractorPayment.ContractorPaymentDetail': ContractorPaymentContractorPaymentDetail, 'Employee.BankAccount': EmployeeBankAccount, 'Employee.Compensation': EmployeeCompensation, 'Employee.Deductions': EmployeeDeductions, 'Employee.DocumentSigner': EmployeeDocumentSigner, 'Employee.EmployeeList': EmployeeEmployeeList, 'Employee.FederalTaxes': EmployeeFederalTaxes, 'Employee.HomeAddress': EmployeeHomeAddress, 'Employee.Landing': EmployeeLanding, 'Employee.OnboardingSummary': EmployeeOnboardingSummary, 'Employee.PaySchedules': EmployeePaySchedules, 'Employee.PaymentMethod': EmployeePaymentMethod, 'Employee.Profile': EmployeeProfile, 'Employee.SplitPaycheck': EmployeeSplitPaycheck, 'Employee.StateTaxes': EmployeeStateTaxes, 'Employee.Taxes': EmployeeTaxes, 'Payroll.Common': PayrollCommon, 'Payroll.ConfirmWireDetailsBanner': PayrollConfirmWireDetailsBanner, 'Payroll.ConfirmWireDetailsForm': PayrollConfirmWireDetailsForm, 'Payroll.PayrollBlocker': PayrollPayrollBlocker, 'Payroll.PayrollConfiguration': PayrollPayrollConfiguration, 'Payroll.PayrollEditEmployee': PayrollPayrollEditEmployee, 'Payroll.PayrollFlow': PayrollPayrollFlow, 'Payroll.PayrollHistory': PayrollPayrollHistory, 'Payroll.PayrollLanding': PayrollPayrollLanding, 'Payroll.PayrollList': PayrollPayrollList, 'Payroll.PayrollOverview': PayrollPayrollOverview, 'Payroll.PayrollReceipts': PayrollPayrollReceipts, 'Payroll.WireInstructions': PayrollWireInstructions, 'common': common,  }
+        resources: { 'Company.Addresses': CompanyAddresses, 'Company.AssignSignatory': CompanyAssignSignatory, 'Company.BankAccount': CompanyBankAccount, 'Company.DocumentList': CompanyDocumentList, 'Company.FederalTaxes': CompanyFederalTaxes, 'Company.Industry': CompanyIndustry, 'Company.Locations': CompanyLocations, 'Company.OnboardingOverview': CompanyOnboardingOverview, 'Company.PaySchedule': CompanyPaySchedule, 'Company.SignatureForm': CompanySignatureForm, 'Company.StateTaxes': CompanyStateTaxes, 'Contractor.Address': ContractorAddress, 'Contractor.ContractorList': ContractorContractorList, 'Contractor.NewHireReport': ContractorNewHireReport, 'Contractor.PaymentMethod': ContractorPaymentMethod, 'Contractor.Payments.CreatePayment': ContractorPaymentsCreatePayment, 'Contractor.Payments.PaymentHistory': ContractorPaymentsPaymentHistory, 'Contractor.Payments.PaymentsList': ContractorPaymentsPaymentsList, 'Contractor.Profile': ContractorProfile, 'Contractor.Submit': ContractorSubmit, 'Employee.BankAccount': EmployeeBankAccount, 'Employee.Compensation': EmployeeCompensation, 'Employee.Deductions': EmployeeDeductions, 'Employee.DocumentSigner': EmployeeDocumentSigner, 'Employee.EmployeeList': EmployeeEmployeeList, 'Employee.FederalTaxes': EmployeeFederalTaxes, 'Employee.HomeAddress': EmployeeHomeAddress, 'Employee.Landing': EmployeeLanding, 'Employee.OnboardingSummary': EmployeeOnboardingSummary, 'Employee.PaySchedules': EmployeePaySchedules, 'Employee.PaymentMethod': EmployeePaymentMethod, 'Employee.Profile': EmployeeProfile, 'Employee.SplitPaycheck': EmployeeSplitPaycheck, 'Employee.StateTaxes': EmployeeStateTaxes, 'Employee.Taxes': EmployeeTaxes, 'Payroll.Common': PayrollCommon, 'Payroll.ConfirmWireDetailsBanner': PayrollConfirmWireDetailsBanner, 'Payroll.ConfirmWireDetailsForm': PayrollConfirmWireDetailsForm, 'Payroll.PayrollBlocker': PayrollPayrollBlocker, 'Payroll.PayrollConfiguration': PayrollPayrollConfiguration, 'Payroll.PayrollEditEmployee': PayrollPayrollEditEmployee, 'Payroll.PayrollFlow': PayrollPayrollFlow, 'Payroll.PayrollHistory': PayrollPayrollHistory, 'Payroll.PayrollLanding': PayrollPayrollLanding, 'Payroll.PayrollList': PayrollPayrollList, 'Payroll.PayrollOverview': PayrollPayrollOverview, 'Payroll.PayrollReceipts': PayrollPayrollReceipts, 'Payroll.WireInstructions': PayrollWireInstructions, 'common': common,  }
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusto/embedded-react-sdk",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"
@@ -48,8 +48,8 @@
     "docs": "npx tsx .docs/src/preview/previewGenerator.ts",
     "docs:watch": "npx tsx .docs/src/preview/previewGenerator.ts --watch",
     "docs:publish": "npx tsx .docs/src/publish/readmePublisher.ts",
-    "format": "prettier . --write --log-level error",
-    "format:check": "prettier . --check --log-level error",
+    "format": "prettier . --write --log-level warn",
+    "format:check": "prettier . --check --log-level warn",
     "ladle": "ladle serve",
     "i18n:generate": "node ./build/interface.js",
     "lint": "npm run lint:check -- --fix",
@@ -66,7 +66,7 @@
   "devDependencies": {
     "@commitlint/cli": "^20.2.0",
     "@commitlint/config-conventional": "^20.2.0",
-    "@eslint/js": "^9.39.1",
+    "@eslint/js": "^9.39.2",
     "@ladle/react": "^5.1.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -79,7 +79,7 @@
     "@vitest/coverage-v8": "^3.2.4",
     "axe-core": "^4.11.0",
     "dotenv": "^17.2.3",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
@@ -97,10 +97,10 @@
     "prettier": "^3.7.4",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "sass-embedded": "^1.95.1",
+    "sass-embedded": "^1.96.0",
     "ts-morph": "^27.0.2",
     "tsx": "^4.21.0",
-    "typescript-eslint": "^8.49.0",
+    "typescript-eslint": "^8.50.0",
     "vite": "^6.4.1",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-circular-dependency": "^0.5.0",
@@ -117,7 +117,7 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
-    "@gusto/embedded-api": "^0.11.3",
+    "@gusto/embedded-api": "^0.11.4",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^5.2.2",
     "@internationalized/date": "^3.10.0",
@@ -125,12 +125,12 @@
     "classnames": "^2.5.1",
     "deepmerge": "^4.3.1",
     "dompurify": "^3.3.1",
-    "i18next": "^25.7.2",
+    "i18next": "^25.7.3",
     "react-aria": "^3.44.0",
-    "react-aria-components": "1.13.0",
+    "react-aria-components": "1.14.0",
     "react-error-boundary": "^6.0.0",
     "react-hook-form": "^7.68.0",
-    "react-i18next": "^16.4.0",
+    "react-i18next": "^16.5.0",
     "react-robot": "^1.2.0",
     "robot3": "^1.2.0",
     "zod": "^3.25.17"

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

@@ -1,7 +0,0 @@
-import { BaseComponentInterface } from '../../../Base';
-interface EditPaymentProps extends BaseComponentInterface<'Contractor.Payments.EditPayment'> {
-    companyId: string;
-}
-export declare function EditPayment(props: EditPaymentProps): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ companyId, dictionary, onEvent, children }: EditPaymentProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,34 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useForm as i, FormProvider as a } from "react-hook-form";
-import { EditPaymentPresentation as c } from "./EditPaymentPresentation.js";
-import { useComponentDictionary as s } from "../../../../i18n/I18n.js";
-import { BaseComponent as d } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
-import { componentEvents as n } from "../../../../shared/constants.js";
-function g(o) {
-  return /* @__PURE__ */ e(d, { ...o, children: /* @__PURE__ */ e(l, { ...o, children: o.children }) });
-}
-const l = ({ companyId: o, dictionary: r, onEvent: t, children: u }) => {
-  s("Contractor.Payments.EditPayment", r);
-  const m = i({
-    defaultValues: {
-      wageType: "Hourly",
-      hours: "",
-      wage: "",
-      bonus: "",
-      reimbursement: "",
-      wageTotal: "0",
-      paymentMethod: "Check"
-    }
-  });
-  return /* @__PURE__ */ e(a, { ...m, children: /* @__PURE__ */ e(c, { onSave: () => {
-    t(n.CONTRACTOR_PAYMENT_UPDATE);
-  }, onCancel: () => {
-    t(n.CANCEL);
-  } }) });
-};
-export {
-  g as EditPayment,
-  l as Root
-};
-//# sourceMappingURL=EditPayment.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditPayment.js","sources":["../../../../../src/components/Contractor/Payments/EditPayment/EditPayment.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { EditPaymentPresentation } from './EditPaymentPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\ninterface EditPaymentProps extends BaseComponentInterface<'Contractor.Payments.EditPayment'> {\n  companyId: string\n}\n\ninterface EditPaymentFormData {\n  wageType: 'Hourly' | 'Fixed'\n  hours?: string\n  wage?: string\n  bonus?: string\n  reimbursement?: string\n  wageTotal?: string\n  paymentMethod: string\n}\n\nexport function EditPayment(props: EditPaymentProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, children }: EditPaymentProps) => {\n  useComponentDictionary('Contractor.Payments.EditPayment', dictionary)\n\n  const formMethods = useForm<EditPaymentFormData>({\n    defaultValues: {\n      wageType: 'Hourly',\n      hours: '',\n      wage: '',\n      bonus: '',\n      reimbursement: '',\n      wageTotal: '0',\n      paymentMethod: 'Check',\n    },\n  })\n\n  const onSave = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE)\n  }\n\n  const onCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <EditPaymentPresentation onSave={onSave} onCancel={onCancel} />\n    </FormProvider>\n  )\n}\n"],"names":["EditPayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","children","useComponentDictionary","formMethods","useForm","FormProvider","EditPaymentPresentation","componentEvents"],"mappings":";;;;;;;AAoBO,SAASA,EAAYC,GAAyB;AACnD,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,GAAY,SAAAC,GAAS,UAAAC,QAAiC;AACtF,EAAAC,EAAuB,mCAAmCH,CAAU;AAEpE,QAAMI,IAAcC,EAA6B;AAAA,IAC/C,eAAe;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,eAAe;AAAA,MACf,WAAW;AAAA,MACX,eAAe;AAAA,IAAA;AAAA,EACjB,CACD;AAUD,SACE,gBAAAT,EAACU,KAAc,GAAGF,GAChB,4BAACG,GAAA,EAAwB,QAVd,MAAM;AACnB,IAAAN,EAAQO,EAAgB,yBAAyB;AAAA,EACnD,GAQ6C,UAN5B,MAAM;AACrB,IAAAP,EAAQO,EAAgB,MAAM;AAAA,EAChC,GAIiE,EAAA,CAC/D;AAEJ;"}

package/dist/components/Contractor/Payments/EditPayment/EditPaymentPresentation.d.ts

@@ -1,6 +0,0 @@
-interface EditPaymentProps {
-    onSave: () => void;
-    onCancel: () => void;
-}
-export declare const EditPaymentPresentation: ({ onSave, onCancel }: EditPaymentProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Contractor/Payments/EditPayment/EditPaymentPresentation.js

@@ -1,84 +0,0 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useWatch as c } from "react-hook-form";
-import { useTranslation as f } from "react-i18next";
-import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Flex as r } from "../../../Common/Flex/Flex.js";
-import { Grid as x } from "../../../Common/Grid/Grid.js";
-import "classnames";
-import { ActionsLayout as C } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import "react";
-import { Form as D } from "../../../Common/Form/Form.js";
-import { formatNumberAsCurrency as P } from "../../../../helpers/formattedStrings.js";
-import { useLocale as w } from "../../../../contexts/LocaleProvider/useLocale.js";
-import { useI18n as L } from "../../../../i18n/I18n.js";
-import { NumberInputField as a } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { RadioGroupField as T } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const W = ({ onSave: s, onCancel: d }) => {
-  L("Contractor.Payments.EditPayment");
-  const { t: e } = f("Contractor.Payments.EditPayment"), { Button: i, Text: l, Heading: o, Card: u } = g(), { locale: p } = w(), m = c({ name: "wageType" }), h = c({ name: "wageTotal" }), y = [
-    { value: "Check", label: e("paymentMethods.check") },
-    { value: "Direct Deposit", label: e("paymentMethods.directDeposit") },
-    { value: "Historical Payment", label: e("paymentMethods.historicalPayment") }
-  ];
-  return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(D, { onSubmit: (b) => {
-    b.preventDefault(), s();
-  }, children: /* @__PURE__ */ n(r, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ n(r, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ t(o, { as: "h2", children: e("title") }),
-      /* @__PURE__ */ t(l, { children: e("subtitle") })
-    ] }),
-    m === "Hourly" && /* @__PURE__ */ n(r, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ t(o, { as: "h3", children: e("hoursSection") }),
-      /* @__PURE__ */ t(
-        a,
-        {
-          name: "hours",
-          isRequired: !0,
-          label: e("hoursLabel"),
-          adornmentEnd: e("hoursAdornment")
-        }
-      )
-    ] }),
-    m === "Fixed" && /* @__PURE__ */ n(r, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ t(o, { as: "h3", children: e("fixedPaySection") }),
-      /* @__PURE__ */ t(a, { name: "wage", isRequired: !0, label: e("wageLabel"), format: "currency" })
-    ] }),
-    /* @__PURE__ */ n(r, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ t(o, { as: "h3", children: e("additionalEarningsSection") }),
-      /* @__PURE__ */ n(x, { gridTemplateColumns: { base: "1fr", small: [200, 200] }, gap: 16, children: [
-        /* @__PURE__ */ t(a, { name: "bonus", label: e("bonusLabel"), format: "currency" }),
-        /* @__PURE__ */ t(
-          a,
-          {
-            name: "reimbursement",
-            label: e("reimbursementLabel"),
-            format: "currency"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ t(r, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ t(
-      T,
-      {
-        name: "paymentMethod",
-        options: y,
-        label: e("paymentMethodLabel")
-      }
-    ) }),
-    /* @__PURE__ */ n(r, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ t(l, { children: /* @__PURE__ */ n("strong", { children: [
-        e("totalPay"),
-        ": ",
-        P(parseFloat(h || "0"), p)
-      ] }) }),
-      /* @__PURE__ */ n(C, { children: [
-        /* @__PURE__ */ t(i, { onClick: d, variant: "secondary", type: "button", children: e("cancelButton") }),
-        /* @__PURE__ */ t(i, { variant: "primary", type: "submit", children: e("okButton") })
-      ] })
-    ] })
-  ] }) }) });
-};
-export {
-  W as EditPaymentPresentation
-};
-//# sourceMappingURL=EditPaymentPresentation.js.map

package/dist/components/Contractor/Payments/EditPayment/EditPaymentPresentation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditPaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/EditPayment/EditPaymentPresentation.tsx"],"sourcesContent":["import { useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, Grid, ActionsLayout, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useI18n } from '@/i18n'\n\ninterface EditPaymentProps {\n  onSave: () => void\n  onCancel: () => void\n}\n\nexport const EditPaymentPresentation = ({ onSave, onCancel }: EditPaymentProps) => {\n  useI18n('Contractor.Payments.EditPayment')\n  const { t } = useTranslation('Contractor.Payments.EditPayment')\n  const { Button, Text, Heading, Card } = useComponentContext()\n  const { locale } = useLocale()\n\n  const wageType = useWatch({ name: 'wageType' })\n  const wageTotal = useWatch({ name: 'wageTotal' })\n\n  const paymentMethodOptions = [\n    { value: 'Check', label: t('paymentMethods.check') },\n    { value: 'Direct Deposit', label: t('paymentMethods.directDeposit') },\n    { value: 'Historical Payment', label: t('paymentMethods.historicalPayment') },\n  ]\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault()\n    onSave()\n  }\n\n  return (\n    <Card>\n      <Form onSubmit={handleSubmit}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={16}>\n            <Heading as=\"h2\">{t('title')}</Heading>\n            <Text>{t('subtitle')}</Text>\n          </Flex>\n\n          {wageType === 'Hourly' && (\n            <Flex flexDirection=\"column\" gap={16}>\n              <Heading as=\"h3\">{t('hoursSection')}</Heading>\n              <NumberInputField\n                name=\"hours\"\n                isRequired\n                label={t('hoursLabel')}\n                adornmentEnd={t('hoursAdornment')}\n              />\n            </Flex>\n          )}\n\n          {wageType === 'Fixed' && (\n            <Flex flexDirection=\"column\" gap={16}>\n              <Heading as=\"h3\">{t('fixedPaySection')}</Heading>\n              <NumberInputField name=\"wage\" isRequired label={t('wageLabel')} format=\"currency\" />\n            </Flex>\n          )}\n\n          <Flex flexDirection=\"column\" gap={16}>\n            <Heading as=\"h3\">{t('additionalEarningsSection')}</Heading>\n            <Grid gridTemplateColumns={{ base: '1fr', small: [200, 200] }} gap={16}>\n              <NumberInputField name=\"bonus\" label={t('bonusLabel')} format=\"currency\" />\n              <NumberInputField\n                name=\"reimbursement\"\n                label={t('reimbursementLabel')}\n                format=\"currency\"\n              />\n            </Grid>\n          </Flex>\n\n          <Flex flexDirection=\"column\" gap={16}>\n            <RadioGroupField\n              name=\"paymentMethod\"\n              options={paymentMethodOptions}\n              label={t('paymentMethodLabel')}\n            />\n          </Flex>\n\n          <Flex justifyContent=\"space-between\" alignItems=\"center\">\n            <Text>\n              <strong>\n                {t('totalPay')}: {formatNumberAsCurrency(parseFloat(wageTotal || '0'), locale)}\n              </strong>\n            </Text>\n            <ActionsLayout>\n              <Button onClick={onCancel} variant=\"secondary\" type=\"button\">\n                {t('cancelButton')}\n              </Button>\n              <Button variant=\"primary\" type=\"submit\">\n                {t('okButton')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </Flex>\n      </Form>\n    </Card>\n  )\n}\n"],"names":["EditPaymentPresentation","onSave","onCancel","useI18n","t","useTranslation","Button","Text","Heading","Card","useComponentContext","locale","useLocale","wageType","useWatch","wageTotal","paymentMethodOptions","jsx","Form","e","jsxs","Flex","NumberInputField","Grid","RadioGroupField","formatNumberAsCurrency","ActionsLayout"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-import { BaseComponentInterface } from '../../../Base';
-interface OverviewProps extends BaseComponentInterface<'Contractor.Payments.Overview'> {
-    companyId: string;
-}
-export declare function Overview(props: OverviewProps): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ companyId, dictionary, onEvent, children }: OverviewProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,72 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { OverviewPresentation as i } from "./OverviewPresentation.js";
-import { useComponentDictionary as a } from "../../../../i18n/I18n.js";
-import { BaseComponent as m } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
-import { componentEvents as n } from "../../../../shared/constants.js";
-function A(t) {
-  return /* @__PURE__ */ e(m, { ...t, children: /* @__PURE__ */ e(u, { ...t, children: t.children }) });
-}
-const u = ({ companyId: t, dictionary: r, onEvent: o, children: c }) => (a("Contractor.Payments.Overview", r), /* @__PURE__ */ e(
-  i,
-  {
-    contractorPaymentGroup: {
-      uuid: "group-1",
-      companyUuid: "company-1",
-      checkDate: "2025-09-17",
-      debitDate: "2025-09-15",
-      status: "Unfunded",
-      totals: {
-        amount: "1180",
-        debitAmount: "1180",
-        wageAmount: "1000",
-        reimbursementAmount: "0"
-      },
-      contractorPayments: [
-        {
-          uuid: "1",
-          contractorUuid: "armstrong-louis",
-          wageType: "Fixed",
-          paymentMethod: "Direct Deposit",
-          hours: void 0,
-          wage: "1000",
-          bonus: "0",
-          reimbursement: "0",
-          wageTotal: "1000"
-        },
-        {
-          uuid: "2",
-          contractorUuid: "fitzgerald-ella",
-          wageType: "Hourly",
-          hourlyRate: "18",
-          paymentMethod: "Direct Deposit",
-          hours: "10",
-          wage: void 0,
-          bonus: "0",
-          reimbursement: "0",
-          wageTotal: "180"
-        }
-      ]
-    },
-    paymentSummary: {
-      totalAmount: "1180",
-      debitAmount: "1180",
-      debitAccount: "Checking Account ending in 4567",
-      debitDate: "2025-09-15",
-      contractorPayDate: "2025-09-17",
-      checkDate: "2025-09-17",
-      submitByDate: "2025-09-14"
-    },
-    onEdit: () => {
-      o(n.CONTRACTOR_PAYMENT_CREATE);
-    },
-    onSubmit: () => {
-      o(n.CONTRACTOR_PAYMENT_SUBMIT);
-    }
-  }
-));
-export {
-  A as Overview,
-  u as Root
-};
-//# sourceMappingURL=Overview.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Overview.js","sources":["../../../../../src/components/Contractor/Payments/Overview/Overview.tsx"],"sourcesContent":["import { OverviewPresentation } from './OverviewPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\ninterface OverviewProps extends BaseComponentInterface<'Contractor.Payments.Overview'> {\n  companyId: string\n}\n\nexport function Overview(props: OverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, children }: OverviewProps) => {\n  useComponentDictionary('Contractor.Payments.Overview', dictionary)\n\n  const onSubmit = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_SUBMIT)\n  }\n  const onEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n  return (\n    <OverviewPresentation\n      contractorPaymentGroup={{\n        uuid: 'group-1',\n        companyUuid: 'company-1',\n        checkDate: '2025-09-17',\n        debitDate: '2025-09-15',\n        status: 'Unfunded' as const,\n        totals: {\n          amount: '1180',\n          debitAmount: '1180',\n          wageAmount: '1000',\n          reimbursementAmount: '0',\n        },\n        contractorPayments: [\n          {\n            uuid: '1',\n            contractorUuid: 'armstrong-louis',\n            wageType: 'Fixed' as const,\n            paymentMethod: 'Direct Deposit' as const,\n            hours: undefined,\n            wage: '1000',\n            bonus: '0',\n            reimbursement: '0',\n            wageTotal: '1000',\n          },\n          {\n            uuid: '2',\n            contractorUuid: 'fitzgerald-ella',\n            wageType: 'Hourly' as const,\n            hourlyRate: '18',\n            paymentMethod: 'Direct Deposit' as const,\n            hours: '10',\n            wage: undefined,\n            bonus: '0',\n            reimbursement: '0',\n            wageTotal: '180',\n          },\n        ],\n      }}\n      paymentSummary={{\n        totalAmount: '1180',\n        debitAmount: '1180',\n        debitAccount: 'Checking Account ending in 4567',\n        debitDate: '2025-09-15',\n        contractorPayDate: '2025-09-17',\n        checkDate: '2025-09-17',\n        submitByDate: '2025-09-14',\n      }}\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n    />\n  )\n}\n"],"names":["Overview","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","children","useComponentDictionary","OverviewPresentation","componentEvents"],"mappings":";;;;;;AASO,SAASA,EAASC,GAAsB;AAC7C,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,GAAY,SAAAC,GAAS,UAAAC,SACrDC,EAAuB,gCAAgCH,CAAU,GAS/D,gBAAAJ;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,wBAAwB;AAAA,MACtB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,MACX,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,qBAAqB;AAAA,MAAA;AAAA,MAEvB,oBAAoB;AAAA,QAClB;AAAA,UACE,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,eAAe;AAAA,UACf,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,eAAe;AAAA,UACf,WAAW;AAAA,QAAA;AAAA,QAEb;AAAA,UACE,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,eAAe;AAAA,UACf,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEF,gBAAgB;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,cAAc;AAAA,IAAA;AAAA,IAEhB,QApDW,MAAM;AACnB,MAAAH,EAAQI,EAAgB,yBAAyB;AAAA,IACnD;AAAA,IAmDI,UAxDa,MAAM;AACrB,MAAAJ,EAAQI,EAAgB,yBAAyB;AAAA,IACnD;AAAA,EAsDI;AAAA;"}

package/dist/components/Contractor/Payments/Overview/OverviewPresentation.d.ts

@@ -1,18 +0,0 @@
-import { ContractorPaymentGroup } from '../types';
-interface PaymentSummary {
-    totalAmount: string;
-    debitAmount: string;
-    debitAccount: string;
-    debitDate: string;
-    contractorPayDate: string;
-    checkDate: string;
-    submitByDate: string;
-}
-interface ContractorPaymentOverviewPresentationProps {
-    paymentSummary: PaymentSummary;
-    contractorPaymentGroup: ContractorPaymentGroup;
-    onEdit: () => void;
-    onSubmit: () => void;
-}
-export declare const OverviewPresentation: ({ paymentSummary, contractorPaymentGroup, onEdit, onSubmit, }: ContractorPaymentOverviewPresentationProps) => import("react/jsx-runtime").JSX.Element;
-export {};