@gusto/embedded-react-sdk 0.20.0 → 0.22.0

package/dist/components/Contractor/Address/useAddress.js

@@ -5,7 +5,6 @@ import "react-error-boundary";
 import "react-i18next";
 import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
 import "../../../shared/constants.js";
@@ -13,18 +12,18 @@ import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "dompurify";
 import { createCompoundContext as r } from "../../Base/createCompoundContext.js";
-const u = t.object({
+const f = t.object({
   street1: t.string().min(1),
   street2: t.string().optional(),
   city: t.string().min(1),
   state: t.string().min(1),
   zip: t.string().min(1)
-}), [z, b] = r(
+}), [u, z] = r(
   "ContractorAddressContext"
 );
 export {
-  u as AddressFormSchema,
-  b as AddressProvider,
-  z as useAddress
+  f as AddressFormSchema,
+  z as AddressProvider,
+  u as useAddress
 };
 //# sourceMappingURL=useAddress.js.map

package/dist/components/Contractor/Address/useAddress.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAddress.js","sources":["../../../../src/components/Contractor/Address/useAddress.ts"],"sourcesContent":["import type { Contractor, ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface AddressContextType {\n  contractor?: Contractor\n  contractorType?: ContractorType\n  address?: ContractorAddress\n  isPending: boolean\n}\n\nexport type AddressDefaultValues = RequireAtLeastOne<\n  Pick<ContractorAddress, 'street1' | 'street2' | 'city' | 'state' | 'zip'>\n>\n\nexport const AddressFormSchema = z.object({\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n})\n\nexport type AddressFormValues = z.infer<typeof AddressFormSchema>\n\nconst [useAddress, AddressProvider] = createCompoundContext<AddressContextType>(\n  'ContractorAddressContext',\n)\n\nexport { useAddress, AddressProvider }\n"],"names":["AddressFormSchema","z","useAddress","AddressProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,IAAI,CAAC;AACvB,CAAC,GAIK,CAACC,GAAYC,CAAe,IAAIC;AAAA,EACpC;AACF;"}
+{"version":3,"file":"useAddress.js","sources":["../../../../src/components/Contractor/Address/useAddress.ts"],"sourcesContent":["import type { Contractor, ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface AddressContextType {\n  contractor?: Contractor\n  contractorType?: ContractorType\n  address?: ContractorAddress\n  isPending: boolean\n}\n\nexport type AddressDefaultValues = RequireAtLeastOne<\n  Pick<ContractorAddress, 'street1' | 'street2' | 'city' | 'state' | 'zip'>\n>\n\nexport const AddressFormSchema = z.object({\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n})\n\nexport type AddressFormValues = z.infer<typeof AddressFormSchema>\n\nconst [useAddress, AddressProvider] = createCompoundContext<AddressContextType>(\n  'ContractorAddressContext',\n)\n\nexport { useAddress, AddressProvider }\n"],"names":["AddressFormSchema","z","useAddress","AddressProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,IAAI,CAAC;AACvB,CAAC,GAIK,CAACC,GAAYC,CAAe,IAAIC;AAAA,EACpC;AACF;"}

package/dist/components/Contractor/ContractorList/index.js

@@ -6,8 +6,8 @@ import { Flex as p } from "../../Common/Flex/Flex.js";
 import "classnames";
 import { EmptyData as k } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as f } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { firstLastName as U } from "../../../helpers/formattedStrings.js";
-import { HamburgerMenu as j } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { HamburgerMenu as U } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { firstLastName as j } from "../../../helpers/formattedStrings.js";
 import M from "../../../assets/icons/pencil.svg.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ContractorOnboardingStatusBadge as V } from "../../Common/OnboardingStatusBadge/index.js";
@@ -49,7 +49,7 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     columns: [
       {
         title: n("listHeaders.name"),
-        render: (e) => e.type === Y.BUSINESS ? e.businessName : U({ first_name: e.firstName, last_name: e.lastName })
+        render: (e) => e.type === Y.BUSINESS ? e.businessName : j({ first_name: e.firstName, last_name: e.lastName })
       },
       {
         title: n("listHeaders.status"),
@@ -64,7 +64,7 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     ],
     data: P,
     itemMenu: (e) => /* @__PURE__ */ t(
-      j,
+      U,
       {
         items: [
           {

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js

@@ -1,13 +1,16 @@
-import { jsxs as n, Fragment as o, jsx as r } from "react/jsx-runtime";
-import { useTranslation as t } from "react-i18next";
+import { jsxs as a, Fragment as t, jsx as r } from "react/jsx-runtime";
+import { useTranslation as n } from "react-i18next";
+import "../../../shared/constants.js";
 import "classnames";
-import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function p({ bankAccount: u }) {
-  const { t: e } = t("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
-  return /* @__PURE__ */ n(o, { children: [
+function N({ bankAccount: u }) {
+  const { t: e } = n("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
+  return /* @__PURE__ */ a(t, { children: [
     /* @__PURE__ */ r(
-      a,
+      o,
       {
         name: "name",
         isRequired: !0,
@@ -16,7 +19,7 @@ function p({ bankAccount: u }) {
       }
     ),
     /* @__PURE__ */ r(
-      a,
+      o,
       {
         name: "routingNumber",
         label: e("routingNumberLabel"),
@@ -26,7 +29,7 @@ function p({ bankAccount: u }) {
       }
     ),
     /* @__PURE__ */ r(
-      a,
+      o,
       {
         name: "accountNumber",
         label: e("accountNumberLabel"),
@@ -49,6 +52,6 @@ function p({ bankAccount: u }) {
   ] });
 }
 export {
-  p as BankAccountForm
+  N as BankAccountForm
 };
 //# sourceMappingURL=BankAccountForm.js.map

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js

@@ -1,13 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { z as t } from "zod";
-import "classnames";
 import { PAYMENT_METHODS as o } from "../../../shared/constants.js";
+import "classnames";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
 import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 t.object({
   type: t.enum(["Check", "Direct Deposit"])
 });
-function d() {
+function D() {
   const { t: e } = r("Contractor.PaymentMethod");
   return /* @__PURE__ */ i(
     p,
@@ -31,6 +33,6 @@ function d() {
   );
 }
 export {
-  d as PaymentTypeForm
+  D as PaymentTypeForm
 };
 //# sourceMappingURL=PaymentTypeForm.js.map

package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentTypeForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentTypeForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { RadioGroupField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const PaymentTypeSchema = z.object({\n  type: z.enum(['Check', 'Direct Deposit']),\n})\nexport type PaymentTypeInputs = z.input<typeof PaymentTypeSchema>\nexport type PaymentTypePayload = z.output<typeof PaymentTypeSchema>\n\nexport function PaymentTypeForm() {\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  return (\n    <RadioGroupField\n      name=\"type\"\n      label={t('paymentFieldsetLegend')}\n      shouldVisuallyHideLabel\n      options={[\n        {\n          value: PAYMENT_METHODS.directDeposit,\n          label: t('directDepositLabel'),\n          description: t('directDepositDescription'),\n        },\n        {\n          value: PAYMENT_METHODS.check,\n          label: t('checkLabel'),\n          description: t('checkDescription'),\n        },\n      ]}\n    />\n  )\n}\n"],"names":["z","PaymentTypeForm","t","useTranslation","jsx","RadioGroupField","PAYMENT_METHODS"],"mappings":";;;;;;AAKiCA,EAAE,OAAO;AAAA,EACxC,MAAMA,EAAE,KAAK,CAAC,SAAS,gBAAgB,CAAC;AAC1C,CAAC;AAIM,SAASC,IAAkB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B;AACvD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAOH,EAAE,uBAAuB;AAAA,MAChC,yBAAuB;AAAA,MACvB,SAAS;AAAA,QACP;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,oBAAoB;AAAA,UAC7B,aAAaA,EAAE,0BAA0B;AAAA,QAAA;AAAA,QAE3C;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,YAAY;AAAA,UACrB,aAAaA,EAAE,kBAAkB;AAAA,QAAA;AAAA,MACnC;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PaymentTypeForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentTypeForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { RadioGroupField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const PaymentTypeSchema = z.object({\n  type: z.enum(['Check', 'Direct Deposit']),\n})\nexport type PaymentTypeInputs = z.input<typeof PaymentTypeSchema>\nexport type PaymentTypePayload = z.output<typeof PaymentTypeSchema>\n\nexport function PaymentTypeForm() {\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  return (\n    <RadioGroupField\n      name=\"type\"\n      label={t('paymentFieldsetLegend')}\n      shouldVisuallyHideLabel\n      options={[\n        {\n          value: PAYMENT_METHODS.directDeposit,\n          label: t('directDepositLabel'),\n          description: t('directDepositDescription'),\n        },\n        {\n          value: PAYMENT_METHODS.check,\n          label: t('checkLabel'),\n          description: t('checkDescription'),\n        },\n      ]}\n    />\n  )\n}\n"],"names":["z","PaymentTypeForm","t","useTranslation","jsx","RadioGroupField","PAYMENT_METHODS"],"mappings":";;;;;;;;AAKiCA,EAAE,OAAO;AAAA,EACxC,MAAMA,EAAE,KAAK,CAAC,SAAS,gBAAgB,CAAC;AAC1C,CAAC;AAIM,SAASC,IAAkB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B;AACvD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAOH,EAAE,uBAAuB;AAAA,MAChC,yBAAuB;AAAA,MACvB,SAAS;AAAA,QACP;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,oBAAoB;AAAA,UAC7B,aAAaA,EAAE,0BAA0B;AAAA,QAAA;AAAA,QAE3C;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,YAAY;AAAA,UACrB,aAAaA,EAAE,kBAAkB;AAAA,QAAA;AAAA,MACnC;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

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

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

@@ -0,0 +1,48 @@
+import { jsx as o } from "react/jsx-runtime";
+import { CreatePaymentPresentation as a } from "./CreatePaymentPresentation.js";
+import { useComponentDictionary as m } from "../../../../i18n/I18n.js";
+import { BaseComponent as i } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as e } from "../../../../shared/constants.js";
+function g(t) {
+  return /* @__PURE__ */ o(i, { ...t, children: /* @__PURE__ */ o(c, { ...t, children: t.children }) });
+}
+const c = ({ companyId: t, dictionary: r, onEvent: n, children: u }) => (m("Contractor.Payments.CreatePayment", r), /* @__PURE__ */ o(
+  a,
+  {
+    contractors: [
+      {
+        contractorName: "Louis Armstrong",
+        uuid: "1",
+        contractorUuid: "armstrong-louis",
+        wageType: "Fixed",
+        paymentMethod: "Direct Deposit",
+        hours: void 0,
+        wage: "1000",
+        bonus: "0",
+        reimbursement: "0",
+        wageTotal: "1000"
+      }
+    ],
+    paymentDate: "2025-09-17",
+    onPaymentDateChange: () => {
+    },
+    onSaveAndContinue: () => {
+      n(e.CONTRACTOR_PAYMENT_REVIEW);
+    },
+    onEditContractor: () => {
+      n(e.CONTRACTOR_PAYMENT_EDIT);
+    },
+    totals: {
+      amount: "1180",
+      debitAmount: "1180",
+      wageAmount: "1000",
+      reimbursementAmount: "0"
+    }
+  }
+));
+export {
+  g as CreatePayment,
+  c as Root
+};
+//# sourceMappingURL=CreatePayment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePayment.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePayment.tsx"],"sourcesContent":["import { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\ninterface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  companyId: string\n}\n\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, children }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n\n  const onSaveAndContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_REVIEW)\n  }\n  const onEditContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n  }\n  return (\n    <CreatePaymentPresentation\n      contractors={[\n        {\n          contractorName: 'Louis Armstrong',\n          uuid: '1',\n          contractorUuid: 'armstrong-louis',\n          wageType: 'Fixed',\n          paymentMethod: 'Direct Deposit',\n          hours: undefined,\n          wage: '1000',\n          bonus: '0',\n          reimbursement: '0',\n          wageTotal: '1000',\n        },\n      ]}\n      paymentDate=\"2025-09-17\"\n      onPaymentDateChange={() => {}}\n      onSaveAndContinue={onSaveAndContinue}\n      onEditContractor={onEditContractor}\n      totals={{\n        amount: '1180',\n        debitAmount: '1180',\n        wageAmount: '1000',\n        reimbursementAmount: '0',\n      }}\n    />\n  )\n}\n"],"names":["CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","children","useComponentDictionary","CreatePaymentPresentation","componentEvents"],"mappings":";;;;;;AASO,SAASA,EAAcC,GAA2B;AACvD,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,qCAAqCH,CAAU,GASpE,gBAAAJ;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,aAAa;AAAA,MACX;AAAA,QACE,gBAAgB;AAAA,QAChB,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,eAAe;AAAA,QACf,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,eAAe;AAAA,QACf,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,aAAY;AAAA,IACZ,qBAAqB,MAAM;AAAA,IAAC;AAAA,IAC5B,mBAxBsB,MAAM;AAC9B,MAAAH,EAAQI,EAAgB,yBAAyB;AAAA,IACnD;AAAA,IAuBI,kBAtBqB,MAAM;AAC7B,MAAAJ,EAAQI,EAAgB,uBAAuB;AAAA,IACjD;AAAA,IAqBI,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,qBAAqB;AAAA,IAAA;AAAA,EACvB;AAAA;"}

package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.d.ts

@@ -0,0 +1,14 @@
+import { ContractorPaymentForGroup, ContractorPaymentGroupTotals } from '../types';
+type ContractorPaymentWithName = ContractorPaymentForGroup & {
+    contractorName: string;
+};
+interface ContractorPaymentCreatePaymentPresentationProps {
+    contractors: ContractorPaymentWithName[];
+    paymentDate: string;
+    onPaymentDateChange: (date: string) => void;
+    onSaveAndContinue: () => void;
+    onEditContractor: (contractor: ContractorPaymentWithName) => void;
+    totals: ContractorPaymentGroupTotals;
+}
+export declare const CreatePaymentPresentation: ({ contractors, paymentDate, onPaymentDateChange, onSaveAndContinue, onEditContractor, totals, }: ContractorPaymentCreatePaymentPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.js

@@ -0,0 +1,109 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useTranslation as T } from "react-i18next";
+import { Flex as o } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { HamburgerMenu as x } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as H } from "../../../../i18n/I18n.js";
+import { formatNumberAsCurrency as i } from "../../../../helpers/formattedStrings.js";
+import { useLocale as C } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { formatHoursDisplay as w } from "../../../Payroll/helpers.js";
+import { DataView as A } from "../../../Common/DataView/DataView.js";
+const v = "0.000", B = ({
+  contractors: s,
+  paymentDate: m,
+  onPaymentDateChange: p,
+  onSaveAndContinue: u,
+  onEditContractor: h,
+  totals: F
+}) => {
+  const { Button: g, Text: n, Heading: c, TextInput: y } = b();
+  H("Contractor.Payments.CreatePayment");
+  const { t: r } = T("Contractor.Payments.CreatePayment"), { locale: a } = C(), f = (e) => e.wageType === "Hourly" && e.hourlyRate ? `${r("wageTypes.hourly")} ${i(parseFloat(e.hourlyRate), a)}${r("perHour")}` : e.wageType;
+  return /* @__PURE__ */ d(o, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ d(o, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ t(c, { as: "h1", children: r("title") }),
+      /* @__PURE__ */ t(c, { as: "h2", children: r("subtitle") }),
+      /* @__PURE__ */ t(n, { children: r("paymentSpeedNotice") })
+    ] }),
+    /* @__PURE__ */ t(o, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ t(
+      y,
+      {
+        type: "date",
+        value: m,
+        onChange: p,
+        label: r("dateLabel"),
+        isRequired: !0
+      }
+    ) }),
+    /* @__PURE__ */ d(o, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ t(c, { as: "h2", children: r("enterHoursAndPayments") }),
+      /* @__PURE__ */ t(
+        A,
+        {
+          columns: [
+            {
+              title: r("contractorTableHeaders.contractor"),
+              render: (e) => /* @__PURE__ */ t(n, { children: e.contractorName })
+            },
+            {
+              title: r("contractorTableHeaders.wageType"),
+              render: (e) => /* @__PURE__ */ t(n, { children: f(e) })
+            },
+            {
+              title: r("contractorTableHeaders.paymentMethod"),
+              render: ({ paymentMethod: e }) => /* @__PURE__ */ t(n, { children: e || "N/A" })
+            },
+            {
+              title: r("contractorTableHeaders.hours"),
+              render: ({ hours: e, wageType: l }) => /* @__PURE__ */ t("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ t(n, { children: l === "Hourly" && e ? w(parseFloat(e)) : v }) })
+            },
+            {
+              title: r("contractorTableHeaders.wage"),
+              render: (e) => {
+                const l = e.wageType === "Fixed" && e.wage ? parseFloat(e.wage) : 0;
+                return /* @__PURE__ */ t("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ t(n, { children: i(l, a) }) });
+              }
+            },
+            {
+              title: r("contractorTableHeaders.bonus"),
+              render: ({ bonus: e }) => /* @__PURE__ */ t("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ t(n, { children: i(e ? parseFloat(e) : 0, a) }) })
+            },
+            {
+              title: r("contractorTableHeaders.reimbursement"),
+              render: ({ reimbursement: e }) => /* @__PURE__ */ t("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ t(n, { children: i(e ? parseFloat(e) : 0, a) }) })
+            },
+            {
+              title: r("contractorTableHeaders.total"),
+              render: (e) => {
+                const l = e.wageTotal ? parseFloat(e.wageTotal) : 0;
+                return /* @__PURE__ */ t("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ t(n, { children: i(l, a) }) });
+              }
+            }
+          ],
+          data: s,
+          label: r("title"),
+          itemMenu: (e) => /* @__PURE__ */ t(
+            x,
+            {
+              items: [
+                {
+                  label: r("editContractor"),
+                  onClick: () => {
+                    h(e);
+                  }
+                }
+              ],
+              triggerLabel: r("editContractor")
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(o, { justifyContent: "flex-end", gap: 16, children: /* @__PURE__ */ t(g, { onClick: u, variant: "primary", children: r("saveAndContinueButton") }) })
+  ] });
+};
+export {
+  B as CreatePaymentPresentation
+};
+//# sourceMappingURL=CreatePaymentPresentation.js.map

package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentForGroup, ContractorPaymentGroupTotals } from '../types'\nimport { DataView, Flex } 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\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ntype ContractorPaymentWithName = ContractorPaymentForGroup & {\n  contractorName: string\n}\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  contractors: ContractorPaymentWithName[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  onEditContractor: (contractor: ContractorPaymentWithName) => void\n  totals: ContractorPaymentGroupTotals\n}\n\nexport const CreatePaymentPresentation = ({\n  contractors,\n  paymentDate,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  onEditContractor,\n  totals,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, TextInput } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const { locale } = useLocale()\n\n  const formatWageType = (contractor: ContractorPaymentForGroup) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${formatNumberAsCurrency(parseFloat(contractor.hourlyRate), locale)}${t('perHour')}`\n    }\n    return contractor.wageType\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n        <Heading as=\"h2\">{t('subtitle')}</Heading>\n        <Text>{t('paymentSpeedNotice')}</Text>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <TextInput\n          type=\"date\"\n          value={paymentDate}\n          onChange={onPaymentDateChange}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h2\">{t('enterHoursAndPayments')}</Heading>\n\n        <DataView\n          columns={[\n            {\n              title: t('contractorTableHeaders.contractor'),\n              render: contractor => <Text>{contractor.contractorName}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.wageType'),\n              render: contractor => <Text>{formatWageType(contractor)}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.paymentMethod'),\n              render: ({ paymentMethod }) => <Text>{paymentMethod || 'N/A'}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.hours'),\n              render: ({ hours, wageType }) => (\n                <div style={{ textAlign: 'right' }}>\n                  <Text>\n                    {wageType === 'Hourly' && hours\n                      ? formatHoursDisplay(parseFloat(hours))\n                      : ZERO_HOURS_DISPLAY}\n                  </Text>\n                </div>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.wage'),\n              render: contractor => {\n                const amount =\n                  contractor.wageType === 'Fixed' && contractor.wage\n                    ? parseFloat(contractor.wage)\n                    : 0\n                return (\n                  <div style={{ textAlign: 'right' }}>\n                    <Text>{formatNumberAsCurrency(amount, locale)}</Text>\n                  </div>\n                )\n              },\n            },\n            {\n              title: t('contractorTableHeaders.bonus'),\n              render: ({ bonus }) => (\n                <div style={{ textAlign: 'right' }}>\n                  <Text>{formatNumberAsCurrency(bonus ? parseFloat(bonus) : 0, locale)}</Text>\n                </div>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.reimbursement'),\n              render: ({ reimbursement }) => (\n                <div style={{ textAlign: 'right' }}>\n                  <Text>\n                    {formatNumberAsCurrency(reimbursement ? parseFloat(reimbursement) : 0, locale)}\n                  </Text>\n                </div>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.total'),\n              render: contractor => {\n                const amount = contractor.wageTotal ? parseFloat(contractor.wageTotal) : 0\n                return (\n                  <div style={{ textAlign: 'right' }}>\n                    <Text>{formatNumberAsCurrency(amount, locale)}</Text>\n                  </div>\n                )\n              },\n            },\n          ]}\n          data={contractors}\n          label={t('title')}\n          itemMenu={contractor => (\n            <HamburgerMenu\n              items={[\n                {\n                  label: t('editContractor'),\n                  onClick: () => {\n                    onEditContractor(contractor)\n                  },\n                },\n              ]}\n              triggerLabel={t('editContractor')}\n            />\n          )}\n        />\n      </Flex>\n\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Button onClick={onSaveAndContinue} variant=\"primary\">\n          {t('saveAndContinueButton')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","CreatePaymentPresentation","contractors","paymentDate","onPaymentDateChange","onSaveAndContinue","onEditContractor","totals","Button","Text","Heading","TextInput","useComponentContext","useI18n","t","useTranslation","locale","useLocale","formatWageType","contractor","formatNumberAsCurrency","jsxs","Flex","jsx","DataView","paymentMethod","hours","wageType","formatHoursDisplay","amount","bonus","reimbursement","HamburgerMenu"],"mappings":"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"}

package/dist/components/Contractor/Payments/Detail/DetailPresentation.d.ts

@@ -0,0 +1,19 @@
+interface PaymentData {
+    id: string;
+    name: string;
+    hours: number;
+    wage: number;
+    bonus: number;
+    reimbursement: number;
+    paymentMethod: string;
+    total: number;
+}
+interface ContractorPaymentDetailPresentationProps {
+    date: string;
+    payments: PaymentData[];
+    onBack: () => void;
+    onViewPayment: (paymentId: string) => void;
+    onCancelPayment: (paymentId: string) => void;
+}
+export declare const DetailPresentation: ({ date, payments, onBack, onViewPayment, onCancelPayment, }: ContractorPaymentDetailPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,84 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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 {};