@gusto/embedded-react-sdk 0.57.2 → 0.58.0

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

@@ -17,16 +17,16 @@ function K(r) {
 }
 function k({
   paymentGroupId: r,
-  companyId: s,
+  companyId: i,
   dictionary: c,
   onEvent: u,
   className: l
 }) {
   N("historicalPayments", { throwIfDisabled: !0 }), I("Contractor.Payments.HistoricalPaymentSummary"), O("Contractor.Payments.HistoricalPaymentSummary", c);
-  const { t: o } = g("Contractor.Payments.HistoricalPaymentSummary"), { Heading: y, Text: m, Button: p, Alert: f } = G(), { formatLongWithYear: d } = A(), C = b(), { data: P } = T({
+  const { t: o } = g("Contractor.Payments.HistoricalPaymentSummary"), { Heading: y, Text: m, Button: p, Alert: f } = G(), { formatLongWithYear: d } = A(), C = b(), { data: h } = T({
     contractorPaymentGroupUuid: r
-  }), n = P.contractorPaymentGroup, { data: h } = x({ companyUuid: s }), D = (h.contractors || []).filter(
-    (i) => i.isActive && i.onboardingStatus === E.ONBOARDING_COMPLETED
+  }), n = h.contractorPaymentGroup, { data: P } = x({ companyUuid: i }), D = (P.showContractors || []).filter(
+    (s) => s.isActive && s.onboardingStatus === E.ONBOARDING_COMPLETED
   );
   if (!n)
     return null;

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

@@ -1 +1 @@
-{"version":3,"file":"HistoricalPaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { useHistoricalPaymentSummaryDictionary } from './useFormDictionary'\nimport { Flex } from '@/components/Common'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\n/**\n * Props for {@link HistoricalPaymentSummary}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentSummaryProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentSummary'> {\n  /** UUID of the historical contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n}\n\n/**\n * Displays the summary of a successfully recorded historical contractor payment.\n *\n * @remarks\n * Fetches the created contractor payment group by ID and renders a per-contractor breakdown.\n * Historical payments don't move money, so unlike `PaymentSummary` there is no debit account,\n * debit date, or wire-transfer confirmation to show.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/exit` | User is done reviewing the summary. | — |\n *\n * @param props - See {@link HistoricalPaymentSummaryProps}.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @alpha\n */\nexport function HistoricalPaymentSummary(props: HistoricalPaymentSummaryProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.HistoricalPaymentSummary\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  paymentGroupId,\n  companyId,\n  dictionary,\n  onEvent,\n  className,\n}: HistoricalPaymentSummaryProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.HistoricalPaymentSummary')\n  useComponentDictionary('Contractor.Payments.HistoricalPaymentSummary', dictionary)\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentSummary')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { formatLongWithYear } = useDateFormatter()\n  const summaryDictionary = useHistoricalPaymentSummaryDictionary()\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EXIT)\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={24}>\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPaymentGroup.contractorPayments?.length ?? 0,\n          })}\n        </Text>\n      </Alert>\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', {\n              checkDate: formatLongWithYear(contractorPaymentGroup.checkDate ?? ''),\n            })}\n          </Text>\n        </Flex>\n        <Button onClick={handleDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      <PaymentSummaryBlock\n        contractorPaymentGroup={contractorPaymentGroup}\n        contractors={contractors}\n        showDebitColumns={false}\n        dictionary={summaryDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["HistoricalPaymentSummary","props","jsx","BaseComponent","Root","paymentGroupId","companyId","dictionary","onEvent","className","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","Alert","useComponentContext","formatLongWithYear","useDateFormatter","summaryDictionary","useHistoricalPaymentSummaryDictionary","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","handleDone","componentEvents","Flex","jsxs","PaymentSummaryBlock"],"mappings":";;;;;;;;;;;;;;AA0CO,SAASA,EAAyBC,GAAsC;AAC7E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,gDACtC,UAAA,gBAAAC,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,EAAAC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAClEC,EAAQ,8CAA8C,GACtDC,EAAuB,gDAAgDL,CAAU;AACjF,QAAM,EAAE,GAAAM,EAAA,IAAMC,EAAe,8CAA8C,GACrE,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACnC,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GACzBC,IAAoBC,EAAA,GAEpB,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BpB;AAAA,EAAA,CAC7B,GACKqB,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAatB,GAAW,GAChFuB,KAAeF,EAAe,eAAe,CAAA,GAAI;AAAA,IACrD,CAAAG,MACEA,EAAW,YACXA,EAAW,qBAAqBC,EAA2B;AAAA,EAAA;AAG/D,MAAI,CAACL;AACH,WAAO;AAGT,QAAMM,IAAa,MAAM;AACvB,IAAAxB,EAAQyB,EAAgB,kCAAkC;AAAA,EAC5D;AAEA,2BACGC,GAAA,EAAK,WAAAzB,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAP,EAACgB,GAAA,EAAM,QAAO,WAAU,OAAOL,EAAE,cAAc,GAC7C,UAAA,gBAAAX,EAACc,GAAA,EACE,UAAAH,EAAE,kBAAkB;AAAA,MACnB,OAAOa,EAAuB,oBAAoB,UAAU;AAAA,IAAA,CAC7D,GACH,EAAA,CACF;AAAA,IAEA,gBAAAS,EAACD,GAAA,EAAK,gBAAe,iBAAgB,YAAW,cAC9C,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhC,EAACa,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,cAAc,GAAE;AAAA,QACpC,gBAAAX,EAACc,GAAA,EAAK,SAAQ,cACX,YAAE,mBAAmB;AAAA,UACpB,WAAWI,EAAmBM,EAAuB,aAAa,EAAE;AAAA,QAAA,CACrE,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAxB,EAACe,KAAO,SAASe,GAAY,SAAQ,WAClC,UAAAnB,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAX;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,wBAAAV;AAAA,QACA,aAAAG;AAAA,QACA,kBAAkB;AAAA,QAClB,YAAYP;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}
+{"version":3,"file":"HistoricalPaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { useHistoricalPaymentSummaryDictionary } from './useFormDictionary'\nimport { Flex } from '@/components/Common'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\n/**\n * Props for {@link HistoricalPaymentSummary}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentSummaryProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentSummary'> {\n  /** UUID of the historical contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n}\n\n/**\n * Displays the summary of a successfully recorded historical contractor payment.\n *\n * @remarks\n * Fetches the created contractor payment group by ID and renders a per-contractor breakdown.\n * Historical payments don't move money, so unlike `PaymentSummary` there is no debit account,\n * debit date, or wire-transfer confirmation to show.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/exit` | User is done reviewing the summary. | — |\n *\n * @param props - See {@link HistoricalPaymentSummaryProps}.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @alpha\n */\nexport function HistoricalPaymentSummary(props: HistoricalPaymentSummaryProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.HistoricalPaymentSummary\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  paymentGroupId,\n  companyId,\n  dictionary,\n  onEvent,\n  className,\n}: HistoricalPaymentSummaryProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.HistoricalPaymentSummary')\n  useComponentDictionary('Contractor.Payments.HistoricalPaymentSummary', dictionary)\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentSummary')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { formatLongWithYear } = useDateFormatter()\n  const summaryDictionary = useHistoricalPaymentSummaryDictionary()\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.showContractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EXIT)\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={24}>\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPaymentGroup.contractorPayments?.length ?? 0,\n          })}\n        </Text>\n      </Alert>\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', {\n              checkDate: formatLongWithYear(contractorPaymentGroup.checkDate ?? ''),\n            })}\n          </Text>\n        </Flex>\n        <Button onClick={handleDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      <PaymentSummaryBlock\n        contractorPaymentGroup={contractorPaymentGroup}\n        contractors={contractors}\n        showDebitColumns={false}\n        dictionary={summaryDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["HistoricalPaymentSummary","props","jsx","BaseComponent","Root","paymentGroupId","companyId","dictionary","onEvent","className","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","Alert","useComponentContext","formatLongWithYear","useDateFormatter","summaryDictionary","useHistoricalPaymentSummaryDictionary","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","handleDone","componentEvents","Flex","jsxs","PaymentSummaryBlock"],"mappings":";;;;;;;;;;;;;;AA0CO,SAASA,EAAyBC,GAAsC;AAC7E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,gDACtC,UAAA,gBAAAC,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,EAAAC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAClEC,EAAQ,8CAA8C,GACtDC,EAAuB,gDAAgDL,CAAU;AACjF,QAAM,EAAE,GAAAM,EAAA,IAAMC,EAAe,8CAA8C,GACrE,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACnC,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GACzBC,IAAoBC,EAAA,GAEpB,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BpB;AAAA,EAAA,CAC7B,GACKqB,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAatB,GAAW,GAChFuB,KAAeF,EAAe,mBAAmB,CAAA,GAAI;AAAA,IACzD,CAAAG,MACEA,EAAW,YACXA,EAAW,qBAAqBC,EAA2B;AAAA,EAAA;AAG/D,MAAI,CAACL;AACH,WAAO;AAGT,QAAMM,IAAa,MAAM;AACvB,IAAAxB,EAAQyB,EAAgB,kCAAkC;AAAA,EAC5D;AAEA,2BACGC,GAAA,EAAK,WAAAzB,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAP,EAACgB,GAAA,EAAM,QAAO,WAAU,OAAOL,EAAE,cAAc,GAC7C,UAAA,gBAAAX,EAACc,GAAA,EACE,UAAAH,EAAE,kBAAkB;AAAA,MACnB,OAAOa,EAAuB,oBAAoB,UAAU;AAAA,IAAA,CAC7D,GACH,EAAA,CACF;AAAA,IAEA,gBAAAS,EAACD,GAAA,EAAK,gBAAe,iBAAgB,YAAW,cAC9C,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhC,EAACa,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,cAAc,GAAE;AAAA,QACpC,gBAAAX,EAACc,GAAA,EAAK,SAAQ,cACX,YAAE,mBAAmB;AAAA,UACpB,WAAWI,EAAmBM,EAAuB,aAAa,EAAE;AAAA,QAAA,CACrE,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAxB,EAACe,KAAO,SAASe,GAAY,SAAQ,WAClC,UAAAnB,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAX;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,wBAAAV;AAAA,QACA,aAAAG;AAAA,QACA,kBAAkB;AAAA,QAClB,YAAYP;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}

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

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContractorPaymentGroupsGetSuspense as G } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGet";
 import { useContractorsListSuspense as T } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentsDeleteMutation as A } from "@gusto/embedded-api/react-query/contractorPaymentsDelete";
-import { useTranslation as h } from "react-i18next";
-import { PaymentHistoryPresentation as w } from "./PaymentHistoryPresentation.js";
+import { useContractorPaymentsDeleteMutation as h } from "@gusto/embedded-api/react-query/contractorPaymentsDelete";
+import { useTranslation as w } from "react-i18next";
+import { PaymentHistoryPresentation as A } from "./PaymentHistoryPresentation.js";
 import { useComponentDictionary as E } from "../../../../i18n/I18n.js";
 import { BaseComponent as N } from "../../../Base/Base.js";
 import { useBase as R } from "../../../Base/useBase.js";
@@ -13,12 +13,12 @@ function g(t) {
 }
 const H = ({ paymentId: t, dictionary: s, onEvent: e, className: i }) => {
   E("Contractor.Payments.PaymentHistory", s);
-  const { t: y } = h("Contractor.Payments.PaymentHistory"), { baseSubmitHandler: u } = R(), { data: n } = G({
+  const { t: y } = w("Contractor.Payments.PaymentHistory"), { baseSubmitHandler: u } = R(), { data: n } = G({
     contractorPaymentGroupUuid: t
   });
   if (!n.contractorPaymentGroup)
     throw new Error(y("errors.paymentGroupNotFound"));
-  const a = n.contractorPaymentGroup.companyUuid, { data: p } = T({ companyUuid: a }), c = p.contractors || [], { mutateAsync: P, isPending: d } = A(), C = (o) => {
+  const a = n.contractorPaymentGroup.companyUuid, { data: p } = T({ companyUuid: a }), c = p.showContractors || [], { mutateAsync: P, isPending: C } = h(), d = (o) => {
     e(m.CONTRACTOR_PAYMENT_VIEW_DETAILS, {
       contractor: c.find((l) => l.uuid === o),
       paymentGroupId: t
@@ -34,13 +34,13 @@ const H = ({ paymentId: t, dictionary: s, onEvent: e, className: i }) => {
     }), e(m.CONTRACTOR_PAYMENT_CANCEL, { paymentId: o });
   };
   return /* @__PURE__ */ r(
-    w,
+    A,
     {
       className: i,
       paymentGroup: n.contractorPaymentGroup,
       contractors: c,
-      isCancelling: d,
-      onViewPayment: C,
+      isCancelling: C,
+      onViewPayment: d,
       onCancelPayment: f
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentHistory.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistory.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentsDeleteMutation } from '@gusto/embedded-api/react-query/contractorPaymentsDelete'\nimport { useTranslation } from 'react-i18next'\nimport { PaymentHistoryPresentation } from './PaymentHistoryPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link PaymentHistory}.\n *\n * @public\n */\nexport interface PaymentHistoryProps extends BaseComponentInterface<'Contractor.Payments.PaymentHistory'> {\n  /** UUID of the contractor payment group to display. */\n  paymentId: string\n}\n\n/**\n * Displays a contractor payment group, including each individual contractor payment, with actions to view details or cancel.\n *\n * @remarks\n * Features:\n *\n * - **Payment group overview** — debit date and group context in the header.\n * - **Per-contractor table** — contractor, wage type, payment method, hours, wage, bonus, reimbursement, and total for each payment.\n * - **Row actions** — view an individual contractor payment, or cancel it when the payment is cancelable.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/view/details` | A row's view-details action was triggered. | `{ contractor: Contractor \\| undefined, paymentGroupId: string }` — `contractor` is `undefined` if the contractor UUID is not found in the loaded list |\n * | `contractor/payments/cancel` | An individual contractor payment was successfully canceled. | `{ paymentId: string }` — the individual contractor payment UUID, not the payment group UUID passed as `paymentId` prop |\n *\n * @param props - Component props including the payment group `paymentId` and the standard `onEvent` callback.\n * @returns The rendered payment history view for the payment group.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * <ContractorManagement.PaymentHistory\n *   paymentId=\"payment-group-uuid\"\n *   onEvent={() => {}}\n * />\n * ```\n */\nexport function PaymentHistory(props: PaymentHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ paymentId, dictionary, onEvent, className }: PaymentHistoryProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentHistory', dictionary)\n  const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n  const { baseSubmitHandler } = useBase()\n\n  const { data: paymentGroupResponse } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentId,\n  })\n  if (!paymentGroupResponse.contractorPaymentGroup) {\n    throw new Error(t('errors.paymentGroupNotFound'))\n  }\n\n  const companyId = paymentGroupResponse.contractorPaymentGroup.companyUuid!\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = contractorList.contractors || []\n\n  const { mutateAsync: cancelPayment, isPending: isCancelling } =\n    useContractorPaymentsDeleteMutation()\n\n  const handleViewPayment = (contractorUuid: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS, {\n      contractor: contractors.find(c => c.uuid === contractorUuid),\n      paymentGroupId: paymentId,\n    })\n  }\n\n  const handleCancelPayment = async (paymentId: string) => {\n    await baseSubmitHandler(paymentId, async () => {\n      await cancelPayment({\n        request: {\n          contractorPaymentId: paymentId,\n          companyId,\n        },\n      })\n    })\n\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CANCEL, { paymentId })\n  }\n\n  return (\n    <PaymentHistoryPresentation\n      className={className}\n      paymentGroup={paymentGroupResponse.contractorPaymentGroup}\n      contractors={contractors}\n      isCancelling={isCancelling}\n      onViewPayment={handleViewPayment}\n      onCancelPayment={handleCancelPayment}\n    />\n  )\n}\n"],"names":["PaymentHistory","props","jsx","BaseComponent","Root","paymentId","dictionary","onEvent","className","useComponentDictionary","t","useTranslation","baseSubmitHandler","useBase","paymentGroupResponse","useContractorPaymentGroupsGetSuspense","companyId","contractorList","useContractorsListSuspense","contractors","cancelPayment","isCancelling","useContractorPaymentsDeleteMutation","handleViewPayment","contractorUuid","componentEvents","c","handleCancelPayment","PaymentHistoryPresentation"],"mappings":";;;;;;;;;;AAiDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,WAAAC,QAAqC;AACnF,EAAAC,EAAuB,sCAAsCH,CAAU;AACvE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,oCAAoC,GAC3D,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,EAAA,IAAyBC,EAAsC;AAAA,IAC3E,4BAA4BV;AAAA,EAAA,CAC7B;AACD,MAAI,CAACS,EAAqB;AACxB,UAAM,IAAI,MAAMJ,EAAE,6BAA6B,CAAC;AAGlD,QAAMM,IAAYF,EAAqB,uBAAuB,aAExD,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaF,GAAW,GAChFG,IAAcF,EAAe,eAAe,CAAA,GAE5C,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAC7CC,EAAA,GAEIC,IAAoB,CAACC,MAA2B;AACpD,IAAAjB,EAAQkB,EAAgB,iCAAiC;AAAA,MACvD,YAAYN,EAAY,KAAK,CAAAO,MAAKA,EAAE,SAASF,CAAc;AAAA,MAC3D,gBAAgBnB;AAAA,IAAA,CACjB;AAAA,EACH,GAEMsB,IAAsB,OAAOtB,MAAsB;AACvD,UAAMO,EAAkBP,GAAW,YAAY;AAC7C,YAAMe,EAAc;AAAA,QAClB,SAAS;AAAA,UACP,qBAAqBf;AAAAA,UACrB,WAAAW;AAAA,QAAA;AAAA,MACF,CACD;AAAA,IACH,CAAC,GAEDT,EAAQkB,EAAgB,2BAA2B,EAAE,WAAApB,GAAW;AAAA,EAClE;AAEA,SACE,gBAAAH;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACC,WAAApB;AAAA,MACA,cAAcM,EAAqB;AAAA,MACnC,aAAAK;AAAA,MACA,cAAAE;AAAA,MACA,eAAeE;AAAA,MACf,iBAAiBI;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"PaymentHistory.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistory.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentsDeleteMutation } from '@gusto/embedded-api/react-query/contractorPaymentsDelete'\nimport { useTranslation } from 'react-i18next'\nimport { PaymentHistoryPresentation } from './PaymentHistoryPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link PaymentHistory}.\n *\n * @public\n */\nexport interface PaymentHistoryProps extends BaseComponentInterface<'Contractor.Payments.PaymentHistory'> {\n  /** UUID of the contractor payment group to display. */\n  paymentId: string\n}\n\n/**\n * Displays a contractor payment group, including each individual contractor payment, with actions to view details or cancel.\n *\n * @remarks\n * Features:\n *\n * - **Payment group overview** — debit date and group context in the header.\n * - **Per-contractor table** — contractor, wage type, payment method, hours, wage, bonus, reimbursement, and total for each payment.\n * - **Row actions** — view an individual contractor payment, or cancel it when the payment is cancelable.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/view/details` | A row's view-details action was triggered. | `{ contractor: Contractor \\| undefined, paymentGroupId: string }` — `contractor` is `undefined` if the contractor UUID is not found in the loaded list |\n * | `contractor/payments/cancel` | An individual contractor payment was successfully canceled. | `{ paymentId: string }` — the individual contractor payment UUID, not the payment group UUID passed as `paymentId` prop |\n *\n * @param props - Component props including the payment group `paymentId` and the standard `onEvent` callback.\n * @returns The rendered payment history view for the payment group.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * <ContractorManagement.PaymentHistory\n *   paymentId=\"payment-group-uuid\"\n *   onEvent={() => {}}\n * />\n * ```\n */\nexport function PaymentHistory(props: PaymentHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ paymentId, dictionary, onEvent, className }: PaymentHistoryProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentHistory', dictionary)\n  const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n  const { baseSubmitHandler } = useBase()\n\n  const { data: paymentGroupResponse } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentId,\n  })\n  if (!paymentGroupResponse.contractorPaymentGroup) {\n    throw new Error(t('errors.paymentGroupNotFound'))\n  }\n\n  const companyId = paymentGroupResponse.contractorPaymentGroup.companyUuid!\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = contractorList.showContractors || []\n\n  const { mutateAsync: cancelPayment, isPending: isCancelling } =\n    useContractorPaymentsDeleteMutation()\n\n  const handleViewPayment = (contractorUuid: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS, {\n      contractor: contractors.find(c => c.uuid === contractorUuid),\n      paymentGroupId: paymentId,\n    })\n  }\n\n  const handleCancelPayment = async (paymentId: string) => {\n    await baseSubmitHandler(paymentId, async () => {\n      await cancelPayment({\n        request: {\n          contractorPaymentId: paymentId,\n          companyId,\n        },\n      })\n    })\n\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CANCEL, { paymentId })\n  }\n\n  return (\n    <PaymentHistoryPresentation\n      className={className}\n      paymentGroup={paymentGroupResponse.contractorPaymentGroup}\n      contractors={contractors}\n      isCancelling={isCancelling}\n      onViewPayment={handleViewPayment}\n      onCancelPayment={handleCancelPayment}\n    />\n  )\n}\n"],"names":["PaymentHistory","props","jsx","BaseComponent","Root","paymentId","dictionary","onEvent","className","useComponentDictionary","t","useTranslation","baseSubmitHandler","useBase","paymentGroupResponse","useContractorPaymentGroupsGetSuspense","companyId","contractorList","useContractorsListSuspense","contractors","cancelPayment","isCancelling","useContractorPaymentsDeleteMutation","handleViewPayment","contractorUuid","componentEvents","c","handleCancelPayment","PaymentHistoryPresentation"],"mappings":";;;;;;;;;;AAiDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,WAAAC,QAAqC;AACnF,EAAAC,EAAuB,sCAAsCH,CAAU;AACvE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,oCAAoC,GAC3D,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,MAAMC,EAAA,IAAyBC,EAAsC;AAAA,IAC3E,4BAA4BV;AAAA,EAAA,CAC7B;AACD,MAAI,CAACS,EAAqB;AACxB,UAAM,IAAI,MAAMJ,EAAE,6BAA6B,CAAC;AAGlD,QAAMM,IAAYF,EAAqB,uBAAuB,aAExD,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaF,GAAW,GAChFG,IAAcF,EAAe,mBAAmB,CAAA,GAEhD,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAC7CC,EAAA,GAEIC,IAAoB,CAACC,MAA2B;AACpD,IAAAjB,EAAQkB,EAAgB,iCAAiC;AAAA,MACvD,YAAYN,EAAY,KAAK,CAAAO,MAAKA,EAAE,SAASF,CAAc;AAAA,MAC3D,gBAAgBnB;AAAA,IAAA,CACjB;AAAA,EACH,GAEMsB,IAAsB,OAAOtB,MAAsB;AACvD,UAAMO,EAAkBP,GAAW,YAAY;AAC7C,YAAMe,EAAc;AAAA,QAClB,SAAS;AAAA,UACP,qBAAqBf;AAAAA,UACrB,WAAAW;AAAA,QAAA;AAAA,MACF,CACD;AAAA,IACH,CAAC,GAEDT,EAAQkB,EAAgB,2BAA2B,EAAE,WAAApB,GAAW;AAAA,EAClE;AAEA,SACE,gBAAAH;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACC,WAAApB;AAAA,MACA,cAAcM,EAAqB;AAAA,MACnC,aAAAK;AAAA,MACA,cAAAE;AAAA,MACA,eAAeE;AAAA,MACf,iBAAiBI;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

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

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useContractorPaymentGroupsGetSuspense as f } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGet";
 import { useContractorsListSuspense as P } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentsGetReceipt as G } from "@gusto/embedded-api/react-query/contractorPaymentsGetReceipt";
-import { GustoEmbeddedError as h } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { useContractorPaymentsGetReceipt as h } from "@gusto/embedded-api/react-query/contractorPaymentsGetReceipt";
+import { GustoEmbeddedError as G } from "@gusto/embedded-api/models/errors/gustoembeddederror";
 import { useTranslation as w } from "react-i18next";
 import { PaymentStatementPresentation as C } from "./PaymentStatementPresentation.js";
 import { useComponentDictionary as l } from "../../../../i18n/I18n.js";
@@ -18,18 +18,18 @@ const R = ({ paymentGroupId: o, contractorUuid: c, dictionary: s, className: i }
   });
   if (!r.contractorPaymentGroup)
     throw new Error(n("errors.paymentGroupNotFound"));
-  const p = r.contractorPaymentGroup.companyUuid, { data: u } = P({ companyUuid: p }), y = u.contractors || [], e = r.contractorPaymentGroup.contractorPayments?.find(
+  const p = r.contractorPaymentGroup.companyUuid, { data: u } = P({ companyUuid: p }), y = u.showContractors || [], e = r.contractorPaymentGroup.contractorPayments?.find(
     (t) => t.contractorUuid === c
   );
   if (!e)
     throw new Error(n("errors.paymentNotFound"));
-  const { data: d } = G(
+  const { data: d } = h(
     {
       contractorPaymentUuid: e.uuid
     },
     {
       retry: !1,
-      throwOnError: (t) => !(t instanceof h && t.httpMeta.response.status === 404)
+      throwOnError: (t) => !(t instanceof G && t.httpMeta.response.status === 404)
     }
   ), m = y.find((t) => t.uuid === c);
   if (!m)

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentStatement.js","sources":["../../../../../src/components/Contractor/Payments/PaymentStatement/PaymentStatement.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentsGetReceipt } from '@gusto/embedded-api/react-query/contractorPaymentsGetReceipt'\nimport { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport { useTranslation } from 'react-i18next'\nimport { PaymentStatementPresentation } from './PaymentStatementPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link PaymentStatement}.\n *\n * @public\n */\nexport interface PaymentStatementProps extends BaseComponentInterface<'Contractor.Payments.PaymentStatement'> {\n  /** UUID of the contractor payment group the statement belongs to. */\n  paymentGroupId: string\n  /** UUID of the contractor whose payment within the group is being displayed. */\n  contractorUuid: string\n}\n\n/**\n * Displays a single contractor's payment statement within a payment group, including wage breakdown, bonuses, reimbursements, and a receipt card for funded direct-deposit payments.\n *\n * @param props - See {@link PaymentStatementProps}.\n * @returns The rendered payment statement.\n * @public\n */\nexport function PaymentStatement(props: PaymentStatementProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ paymentGroupId, contractorUuid, dictionary, className }: PaymentStatementProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentStatement', dictionary)\n  const { t } = useTranslation('Contractor.Payments.PaymentStatement')\n  // Fetching entire payment\n  const { data: paymentGroupResponse } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n\n  if (!paymentGroupResponse.contractorPaymentGroup) {\n    throw new Error(t('errors.paymentGroupNotFound'))\n  }\n\n  const companyId = paymentGroupResponse.contractorPaymentGroup.companyUuid!\n  // Fetching all contractors for the company\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = contractorList.contractors || []\n  // Locating the payment for the selectedcontractor\n  const payment = paymentGroupResponse.contractorPaymentGroup.contractorPayments?.find(\n    p => p.contractorUuid === contractorUuid,\n  )\n\n  if (!payment) {\n    throw new Error(t('errors.paymentNotFound'))\n  }\n  // Attempting to fetch the payment receipt\n  // Note: 404 is expected for receipts that aren't available (e.g., non-direct deposit or not yet funded)\n  const { data: paymentResponse } = useContractorPaymentsGetReceipt(\n    {\n      contractorPaymentUuid: payment.uuid!,\n    },\n    {\n      retry: false,\n      throwOnError: (error: Error) => {\n        // Ignore 404 errors (receipt not available), but throw other errors\n        if (error instanceof GustoEmbeddedError && error.httpMeta.response.status === 404) {\n          return false\n        }\n        return true\n      },\n    },\n  )\n  const contractor = contractors.find(c => c.uuid === contractorUuid)\n  if (!contractor) {\n    throw new Error(t('errors.contractorNotFound'))\n  }\n\n  return (\n    <PaymentStatementPresentation\n      className={className}\n      payment={payment}\n      contractor={contractor}\n      paymentReceipt={paymentResponse?.contractorPaymentReceipt}\n      checkDate={paymentGroupResponse.contractorPaymentGroup.checkDate || ''}\n    />\n  )\n}\n"],"names":["PaymentStatement","props","jsx","BaseComponent","Root","paymentGroupId","contractorUuid","dictionary","className","useComponentDictionary","t","useTranslation","paymentGroupResponse","useContractorPaymentGroupsGetSuspense","companyId","contractorList","useContractorsListSuspense","contractors","payment","p","paymentResponse","useContractorPaymentsGetReceipt","error","GustoEmbeddedError","contractor","c","PaymentStatementPresentation"],"mappings":";;;;;;;;;;AA4BO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,gBAAAC,GAAgB,gBAAAC,GAAgB,YAAAC,GAAY,WAAAC,QAAuC;AACjG,EAAAC,EAAuB,wCAAwCF,CAAU;AACzE,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,sCAAsC,GAE7D,EAAE,MAAMC,EAAA,IAAyBC,EAAsC;AAAA,IAC3E,4BAA4BR;AAAA,EAAA,CAC7B;AAED,MAAI,CAACO,EAAqB;AACxB,UAAM,IAAI,MAAMF,EAAE,6BAA6B,CAAC;AAGlD,QAAMI,IAAYF,EAAqB,uBAAuB,aAExD,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaF,GAAW,GAChFG,IAAcF,EAAe,eAAe,CAAA,GAE5CG,IAAUN,EAAqB,uBAAuB,oBAAoB;AAAA,IAC9E,CAAAO,MAAKA,EAAE,mBAAmBb;AAAA,EAAA;AAG5B,MAAI,CAACY;AACH,UAAM,IAAI,MAAMR,EAAE,wBAAwB,CAAC;AAI7C,QAAM,EAAE,MAAMU,EAAA,IAAoBC;AAAA,IAChC;AAAA,MACE,uBAAuBH,EAAQ;AAAA,IAAA;AAAA,IAEjC;AAAA,MACE,OAAO;AAAA,MACP,cAAc,CAACI,MAET,EAAAA,aAAiBC,KAAsBD,EAAM,SAAS,SAAS,WAAW;AAAA,IAIhF;AAAA,EACF,GAEIE,IAAaP,EAAY,KAAK,CAAAQ,MAAKA,EAAE,SAASnB,CAAc;AAClE,MAAI,CAACkB;AACH,UAAM,IAAI,MAAMd,EAAE,2BAA2B,CAAC;AAGhD,SACE,gBAAAR;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,WAAAlB;AAAA,MACA,SAAAU;AAAA,MACA,YAAAM;AAAA,MACA,gBAAgBJ,GAAiB;AAAA,MACjC,WAAWR,EAAqB,uBAAuB,aAAa;AAAA,IAAA;AAAA,EAAA;AAG1E;"}
+{"version":3,"file":"PaymentStatement.js","sources":["../../../../../src/components/Contractor/Payments/PaymentStatement/PaymentStatement.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentsGetReceipt } from '@gusto/embedded-api/react-query/contractorPaymentsGetReceipt'\nimport { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport { useTranslation } from 'react-i18next'\nimport { PaymentStatementPresentation } from './PaymentStatementPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link PaymentStatement}.\n *\n * @public\n */\nexport interface PaymentStatementProps extends BaseComponentInterface<'Contractor.Payments.PaymentStatement'> {\n  /** UUID of the contractor payment group the statement belongs to. */\n  paymentGroupId: string\n  /** UUID of the contractor whose payment within the group is being displayed. */\n  contractorUuid: string\n}\n\n/**\n * Displays a single contractor's payment statement within a payment group, including wage breakdown, bonuses, reimbursements, and a receipt card for funded direct-deposit payments.\n *\n * @param props - See {@link PaymentStatementProps}.\n * @returns The rendered payment statement.\n * @public\n */\nexport function PaymentStatement(props: PaymentStatementProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ paymentGroupId, contractorUuid, dictionary, className }: PaymentStatementProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentStatement', dictionary)\n  const { t } = useTranslation('Contractor.Payments.PaymentStatement')\n  // Fetching entire payment\n  const { data: paymentGroupResponse } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n\n  if (!paymentGroupResponse.contractorPaymentGroup) {\n    throw new Error(t('errors.paymentGroupNotFound'))\n  }\n\n  const companyId = paymentGroupResponse.contractorPaymentGroup.companyUuid!\n  // Fetching all contractors for the company\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = contractorList.showContractors || []\n  // Locating the payment for the selectedcontractor\n  const payment = paymentGroupResponse.contractorPaymentGroup.contractorPayments?.find(\n    p => p.contractorUuid === contractorUuid,\n  )\n\n  if (!payment) {\n    throw new Error(t('errors.paymentNotFound'))\n  }\n  // Attempting to fetch the payment receipt\n  // Note: 404 is expected for receipts that aren't available (e.g., non-direct deposit or not yet funded)\n  const { data: paymentResponse } = useContractorPaymentsGetReceipt(\n    {\n      contractorPaymentUuid: payment.uuid!,\n    },\n    {\n      retry: false,\n      throwOnError: (error: Error) => {\n        // Ignore 404 errors (receipt not available), but throw other errors\n        if (error instanceof GustoEmbeddedError && error.httpMeta.response.status === 404) {\n          return false\n        }\n        return true\n      },\n    },\n  )\n  const contractor = contractors.find(c => c.uuid === contractorUuid)\n  if (!contractor) {\n    throw new Error(t('errors.contractorNotFound'))\n  }\n\n  return (\n    <PaymentStatementPresentation\n      className={className}\n      payment={payment}\n      contractor={contractor}\n      paymentReceipt={paymentResponse?.contractorPaymentReceipt}\n      checkDate={paymentGroupResponse.contractorPaymentGroup.checkDate || ''}\n    />\n  )\n}\n"],"names":["PaymentStatement","props","jsx","BaseComponent","Root","paymentGroupId","contractorUuid","dictionary","className","useComponentDictionary","t","useTranslation","paymentGroupResponse","useContractorPaymentGroupsGetSuspense","companyId","contractorList","useContractorsListSuspense","contractors","payment","p","paymentResponse","useContractorPaymentsGetReceipt","error","GustoEmbeddedError","contractor","c","PaymentStatementPresentation"],"mappings":";;;;;;;;;;AA4BO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,gBAAAC,GAAgB,gBAAAC,GAAgB,YAAAC,GAAY,WAAAC,QAAuC;AACjG,EAAAC,EAAuB,wCAAwCF,CAAU;AACzE,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,sCAAsC,GAE7D,EAAE,MAAMC,EAAA,IAAyBC,EAAsC;AAAA,IAC3E,4BAA4BR;AAAA,EAAA,CAC7B;AAED,MAAI,CAACO,EAAqB;AACxB,UAAM,IAAI,MAAMF,EAAE,6BAA6B,CAAC;AAGlD,QAAMI,IAAYF,EAAqB,uBAAuB,aAExD,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaF,GAAW,GAChFG,IAAcF,EAAe,mBAAmB,CAAA,GAEhDG,IAAUN,EAAqB,uBAAuB,oBAAoB;AAAA,IAC9E,CAAAO,MAAKA,EAAE,mBAAmBb;AAAA,EAAA;AAG5B,MAAI,CAACY;AACH,UAAM,IAAI,MAAMR,EAAE,wBAAwB,CAAC;AAI7C,QAAM,EAAE,MAAMU,EAAA,IAAoBC;AAAA,IAChC;AAAA,MACE,uBAAuBH,EAAQ;AAAA,IAAA;AAAA,IAEjC;AAAA,MACE,OAAO;AAAA,MACP,cAAc,CAACI,MAET,EAAAA,aAAiBC,KAAsBD,EAAM,SAAS,SAAS,WAAW;AAAA,IAIhF;AAAA,EACF,GAEIE,IAAaP,EAAY,KAAK,CAAAQ,MAAKA,EAAE,SAASnB,CAAc;AAClE,MAAI,CAACkB;AACH,UAAM,IAAI,MAAMd,EAAE,2BAA2B,CAAC;AAGhD,SACE,gBAAAR;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,WAAAlB;AAAA,MACA,SAAAU;AAAA,MACA,YAAAM;AAAA,MACA,gBAAgBJ,GAAiB;AAAA,MACjC,WAAWR,EAAqB,uBAAuB,aAAa;AAAA,IAAA;AAAA,EAAA;AAG1E;"}

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

@@ -14,7 +14,7 @@ const A = (o = []) => {
   );
   if (n && "metadata" in n)
     return n.metadata.wireInRequestUuid;
-}, B = (o) => /* @__PURE__ */ s(G, { ...o }), G = ({
+}, B = (o) => /* @__PURE__ */ s(C, { ...o }), C = ({
   paymentGroupId: o,
   companyId: t,
   onEvent: n,
@@ -23,7 +23,7 @@ const A = (o = []) => {
   k("Contractor.Payments.PaymentSummary");
   const { data: c } = l({
     contractorPaymentGroupUuid: o
-  }), e = c.contractorPaymentGroup, { data: u } = y({ companyUuid: t }), i = (u.contractors || []).filter(
+  }), e = c.contractorPaymentGroup, { data: u } = y({ companyUuid: t }), i = (u.showContractors || []).filter(
     (a) => a.isActive && a.onboardingStatus === "onboarding_completed"
   ), { data: m } = f({ companyId: t }), d = m?.companyBankAccounts?.[0];
   if (!e)
@@ -47,6 +47,6 @@ const A = (o = []) => {
 };
 export {
   B as PaymentSummary,
-  G as PaymentSummaryInternal
+  C as PaymentSummaryInternal
 };
 //# sourceMappingURL=PaymentSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummary.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport type { PayrollCreditBlockerType } from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { InternalAlert } from '../types'\nimport { PaymentSummaryPresentation } from './PaymentSummaryPresentation'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link PaymentSummary}.\n *\n * @public\n */\nexport interface PaymentSummaryProps {\n  /** UUID of the contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n  /** Callback invoked when a flow event occurs, e.g. when the user exits. */\n  onEvent: (type: EventType, data?: unknown) => void\n}\n\n/**\n * Props for the flow-internal {@link PaymentSummaryInternal}, which layers\n * flow-injected alerts on top of the public {@link PaymentSummaryProps}.\n *\n * @internal\n */\nexport interface PaymentSummaryInternalProps extends PaymentSummaryProps {\n  /** Flow-injected alerts (e.g. wire-transfer confirmation). */\n  alerts?: InternalAlert[]\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    option => option.unblockType === 'submit_wire',\n  )\n\n  if (wireUnblockOption && 'metadata' in wireUnblockOption) {\n    return wireUnblockOption.metadata.wireInRequestUuid\n  }\n\n  return undefined\n}\n\n/**\n * Displays a summary of a created contractor payment group, including payment totals, debit information, contractor details, and wire transfer instructions when required.\n *\n * @remarks\n * Features:\n *\n * - **Success confirmation** — confirms the number of payments scheduled.\n * - **Payment summary** — total amount, debit amount, debit account, debit date, and contractor pay date, plus a per-contractor breakdown.\n * - **Debit account** — shows the company bank account used for the debit.\n * - **Wire transfer confirmation** — when a wire is required, surfaces the wire-details confirmation workflow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/exit` | User completes the payment flow. | — |\n *\n * @param props - Component props.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @public\n */\nexport const PaymentSummary = (props: PaymentSummaryProps) => <PaymentSummaryInternal {...props} />\n\n/**\n * Flow-internal entry point for {@link PaymentSummary} that accepts flow-injected\n * alerts. Partners use {@link PaymentSummary}; flows render this directly.\n *\n * @internal\n */\nexport const PaymentSummaryInternal = ({\n  paymentGroupId,\n  companyId,\n  onEvent,\n  alerts,\n}: PaymentSummaryInternalProps) => {\n  useI18n('Contractor.Payments.PaymentSummary')\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor => contractor.isActive && contractor.onboardingStatus === 'onboarding_completed',\n  )\n\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const wireInRequestUuid = findWireInRequestUuid(contractorPaymentGroup.creditBlockers || [])\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EXIT)\n  }\n\n  return (\n    <PaymentSummaryPresentation\n      contractorPaymentGroup={contractorPaymentGroup}\n      contractors={contractors}\n      bankAccount={bankAccount}\n      wireInRequestUuid={wireInRequestUuid}\n      onDone={handleDone}\n      onEvent={onEvent}\n      companyId={companyId}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","blocker","wireUnblockOption","option","PaymentSummary","props","jsx","PaymentSummaryInternal","paymentGroupId","companyId","onEvent","alerts","useI18n","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","bankAccounts","useBankAccountsGet","bankAccount","wireInRequestUuid","PaymentSummaryPresentation","componentEvents"],"mappings":";;;;;;;AAkCA,MAAMA,IAAwB,CAC5BC,IAA6C,OACtB;AACvB,QAAMC,IAA0BD,EAAe,KAAK,CAAAE,MAAWA,EAAQ,WAAW,YAAY;AAE9F,MAAI,CAACD,GAAyB;AAC5B;AAGF,QAAME,IAAoBF,EAAwB,eAAe;AAAA,IAC/D,CAAAG,MAAUA,EAAO,gBAAgB;AAAA,EAAA;AAGnC,MAAID,KAAqB,cAAcA;AACrC,WAAOA,EAAkB,SAAS;AAItC,GAsBaE,IAAiB,CAACC,MAA+B,gBAAAC,EAACC,GAAA,EAAwB,GAAGF,EAAA,CAAO,GAQpFE,IAAyB,CAAC;AAAA,EACrC,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAmC;AACjC,EAAAC,EAAQ,oCAAoC;AAE5C,QAAM,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BN;AAAA,EAAA,CAC7B,GACKO,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaR,GAAW,GAChFS,KAAeF,EAAe,eAAe,CAAA,GAAI;AAAA,IACrD,CAAAG,MAAcA,EAAW,YAAYA,EAAW,qBAAqB;AAAA,EAAA,GAGjE,EAAE,MAAMC,EAAA,IAAiBC,EAAmB,EAAE,WAAAZ,GAAW,GACzDa,IAAcF,GAAc,sBAAsB,CAAC;AAEzD,MAAI,CAACL;AACH,WAAO;AAGT,QAAMQ,IAAoBzB,EAAsBiB,EAAuB,kBAAkB,CAAA,CAAE;AAM3F,SACE,gBAAAT;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,wBAAAT;AAAA,MACA,aAAAG;AAAA,MACA,aAAAI;AAAA,MACA,mBAAAC;AAAA,MACA,QAVe,MAAM;AACvB,QAAAb,EAAQe,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MASI,SAAAf;AAAA,MACA,WAAAD;AAAA,MACA,QAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummary.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport type { PayrollCreditBlockerType } from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { InternalAlert } from '../types'\nimport { PaymentSummaryPresentation } from './PaymentSummaryPresentation'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link PaymentSummary}.\n *\n * @public\n */\nexport interface PaymentSummaryProps {\n  /** UUID of the contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n  /** Callback invoked when a flow event occurs, e.g. when the user exits. */\n  onEvent: (type: EventType, data?: unknown) => void\n}\n\n/**\n * Props for the flow-internal {@link PaymentSummaryInternal}, which layers\n * flow-injected alerts on top of the public {@link PaymentSummaryProps}.\n *\n * @internal\n */\nexport interface PaymentSummaryInternalProps extends PaymentSummaryProps {\n  /** Flow-injected alerts (e.g. wire-transfer confirmation). */\n  alerts?: InternalAlert[]\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    option => option.unblockType === 'submit_wire',\n  )\n\n  if (wireUnblockOption && 'metadata' in wireUnblockOption) {\n    return wireUnblockOption.metadata.wireInRequestUuid\n  }\n\n  return undefined\n}\n\n/**\n * Displays a summary of a created contractor payment group, including payment totals, debit information, contractor details, and wire transfer instructions when required.\n *\n * @remarks\n * Features:\n *\n * - **Success confirmation** — confirms the number of payments scheduled.\n * - **Payment summary** — total amount, debit amount, debit account, debit date, and contractor pay date, plus a per-contractor breakdown.\n * - **Debit account** — shows the company bank account used for the debit.\n * - **Wire transfer confirmation** — when a wire is required, surfaces the wire-details confirmation workflow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/exit` | User completes the payment flow. | — |\n *\n * @param props - Component props.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @public\n */\nexport const PaymentSummary = (props: PaymentSummaryProps) => <PaymentSummaryInternal {...props} />\n\n/**\n * Flow-internal entry point for {@link PaymentSummary} that accepts flow-injected\n * alerts. Partners use {@link PaymentSummary}; flows render this directly.\n *\n * @internal\n */\nexport const PaymentSummaryInternal = ({\n  paymentGroupId,\n  companyId,\n  onEvent,\n  alerts,\n}: PaymentSummaryInternalProps) => {\n  useI18n('Contractor.Payments.PaymentSummary')\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.showContractors || []).filter(\n    contractor => contractor.isActive && contractor.onboardingStatus === 'onboarding_completed',\n  )\n\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const wireInRequestUuid = findWireInRequestUuid(contractorPaymentGroup.creditBlockers || [])\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EXIT)\n  }\n\n  return (\n    <PaymentSummaryPresentation\n      contractorPaymentGroup={contractorPaymentGroup}\n      contractors={contractors}\n      bankAccount={bankAccount}\n      wireInRequestUuid={wireInRequestUuid}\n      onDone={handleDone}\n      onEvent={onEvent}\n      companyId={companyId}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","blocker","wireUnblockOption","option","PaymentSummary","props","jsx","PaymentSummaryInternal","paymentGroupId","companyId","onEvent","alerts","useI18n","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","bankAccounts","useBankAccountsGet","bankAccount","wireInRequestUuid","PaymentSummaryPresentation","componentEvents"],"mappings":";;;;;;;AAkCA,MAAMA,IAAwB,CAC5BC,IAA6C,OACtB;AACvB,QAAMC,IAA0BD,EAAe,KAAK,CAAAE,MAAWA,EAAQ,WAAW,YAAY;AAE9F,MAAI,CAACD,GAAyB;AAC5B;AAGF,QAAME,IAAoBF,EAAwB,eAAe;AAAA,IAC/D,CAAAG,MAAUA,EAAO,gBAAgB;AAAA,EAAA;AAGnC,MAAID,KAAqB,cAAcA;AACrC,WAAOA,EAAkB,SAAS;AAItC,GAsBaE,IAAiB,CAACC,MAA+B,gBAAAC,EAACC,GAAA,EAAwB,GAAGF,EAAA,CAAO,GAQpFE,IAAyB,CAAC;AAAA,EACrC,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAmC;AACjC,EAAAC,EAAQ,oCAAoC;AAE5C,QAAM,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BN;AAAA,EAAA,CAC7B,GACKO,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaR,GAAW,GAChFS,KAAeF,EAAe,mBAAmB,CAAA,GAAI;AAAA,IACzD,CAAAG,MAAcA,EAAW,YAAYA,EAAW,qBAAqB;AAAA,EAAA,GAGjE,EAAE,MAAMC,EAAA,IAAiBC,EAAmB,EAAE,WAAAZ,GAAW,GACzDa,IAAcF,GAAc,sBAAsB,CAAC;AAEzD,MAAI,CAACL;AACH,WAAO;AAGT,QAAMQ,IAAoBzB,EAAsBiB,EAAuB,kBAAkB,CAAA,CAAE;AAM3F,SACE,gBAAAT;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,wBAAAT;AAAA,MACA,aAAAG;AAAA,MACA,aAAAI;AAAA,MACA,mBAAAC;AAAA,MACA,QAVe,MAAM;AACvB,QAAAb,EAAQe,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MASI,SAAAf;AAAA,MACA,WAAAD;AAAA,MACA,QAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Profile/onboarding/ContractorProfile.js

@@ -1,23 +1,23 @@
-import { jsx as t, jsxs as d, Fragment as N } from "react/jsx-runtime";
-import { useMemo as R, useState as O, useEffect as S } from "react";
-import { useTranslation as C } from "react-i18next";
-import { useWatch as y } from "react-hook-form";
+import { jsx as t, jsxs as m, Fragment as N } from "react/jsx-runtime";
+import { useMemo as R, useState as v, useEffect as S } from "react";
+import { useTranslation as I } from "react-i18next";
+import { useWatch as T } from "react-hook-form";
 import A from "classnames";
-import { useContractorDetailsForm as T } from "../shared/useContractorDetailsForm/useContractorDetailsForm.js";
-import { ContractorType as F } from "../shared/useContractorDetailsForm/contractorDetailsSchema.js";
+import { useContractorDetailsForm as L } from "../shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import { ContractorType as F, WageType as h } from "../shared/useContractorDetailsForm/contractorDetailsSchema.js";
 import { SelfOnboardingContractorProfile as M } from "./SelfOnboardingContractorProfile.js";
-import L from "./ContractorProfile.module.scss.js";
-import { BaseBoundaries as P, BaseLayout as h } from "../../../Base/Base.js";
+import P from "./ContractorProfile.module.scss.js";
+import { BaseBoundaries as _, BaseLayout as C } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { SDKFormProvider as _ } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Form as x } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as x } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as w } from "../../../Common/Form/Form.js";
 import { Flex as b } from "../../../Common/Flex/Flex.js";
-import { Grid as I } from "../../../Common/Grid/Grid.js";
-import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as B, useI18n as U } from "../../../../i18n/I18n.js";
+import { Grid as D } from "../../../Common/Grid/Grid.js";
+import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as B, useI18n as W } from "../../../../i18n/I18n.js";
 import { ContractorOnboardingStatus as g, componentEvents as p } from "../../../../shared/constants.js";
-import { useContractorHasSignedW9 as W } from "../../shared/useContractorHasSignedW9.js";
-function w(a) {
+import { useContractorHasSignedW9 as H } from "../../shared/useContractorHasSignedW9.js";
+function U(a) {
   return a?.onboarded === !0 || a?.onboardingStatus === g.ONBOARDING_COMPLETED || a?.onboardingStatus === g.SELF_ONBOARDING_REVIEW || a?.onboardingStatus === g.ADMIN_ONBOARDING_REVIEW;
 }
 function V(a) {
@@ -30,9 +30,9 @@ function V(a) {
     update: [...n.update ?? [], "ssn", "ein"]
   };
 }
-function de(a) {
+function me(a) {
   return B("Contractor.Profile", a.dictionary), /* @__PURE__ */ t(
-    P,
+    _,
     {
       componentName: "Contractor.Profile",
       FallbackComponent: a.FallbackComponent,
@@ -45,54 +45,54 @@ function de(a) {
           className: a.className,
           LoaderComponent: a.LoaderComponent
         }
-      ) : /* @__PURE__ */ t(Q, { ...a })
+      ) : /* @__PURE__ */ t(k, { ...a })
     }
   );
 }
-function H({ contractorId: a }) {
-  const n = W(a), { t: r } = C("Contractor.Profile"), s = D();
-  return n ? /* @__PURE__ */ t(s.Alert, { status: "warning", disableScrollIntoView: !0, label: r("w9EditWarning.label"), children: /* @__PURE__ */ t(s.Text, { children: r("w9EditWarning.body") }) }) : null;
+function Q({ contractorId: a }) {
+  const n = H(a), { t: l } = I("Contractor.Profile"), s = O();
+  return n ? /* @__PURE__ */ t(s.Alert, { status: "warning", disableScrollIntoView: !0, label: l("w9EditWarning.label"), children: /* @__PURE__ */ t(s.Text, { children: l("w9EditWarning.body") }) }) : null;
 }
-function Q({
+function k({
   companyId: a,
   contractorId: n,
-  defaultValues: r,
+  defaultValues: l,
   className: s,
   onEvent: c,
   LoaderComponent: e
 }) {
-  U("Contractor.Profile");
-  const o = R(
-    () => ({ type: F.Business, ...r }),
-    [r]
-  ), [l, i] = O(
-    !n && (o.selfOnboarding ?? !1)
-  ), m = R(
-    () => V(l),
+  W("Contractor.Profile");
+  const r = R(
+    () => ({ type: F.Business, ...l }),
     [l]
-  ), u = T(
+  ), [d, i] = v(
+    !n && (r.selfOnboarding ?? !1)
+  ), u = R(
+    () => V(d),
+    [d]
+  ), f = L(
     n ? {
       companyId: a,
       contractorId: n,
-      defaultValues: o,
-      optionalFieldsToRequire: m
+      defaultValues: r,
+      optionalFieldsToRequire: u
     } : {
       companyId: a,
-      defaultValues: o,
-      optionalFieldsToRequire: m
+      defaultValues: r,
+      optionalFieldsToRequire: u
     }
   );
-  return u.isLoading ? /* @__PURE__ */ t(
-    h,
+  return f.isLoading ? /* @__PURE__ */ t(
+    C,
     {
       isLoading: !0,
-      error: u.errorHandling.errors,
+      error: f.errorHandling.errors,
       LoaderComponent: e
     }
   ) : /* @__PURE__ */ t(
-    k,
+    G,
     {
-      contractor: u,
+      contractor: f,
       onEvent: c,
       className: s,
       setSelfOnboardingActive: i,
@@ -100,41 +100,41 @@ function Q({
     }
   );
 }
-function k({
+function G({
   contractor: a,
   onEvent: n,
-  className: r,
+  className: l,
   setSelfOnboardingActive: s,
   LoaderComponent: c
 }) {
-  const { t: e } = C("Contractor.Profile"), o = D(), l = y({
+  const { t: e } = I("Contractor.Profile"), r = O(), d = T({
     control: a.form.hookFormInternals.formMethods.control,
     name: "selfOnboarding"
   });
   S(() => {
-    s(l);
-  }, [l, s]);
-  const { Fields: i } = a.form, m = a.status.mode, u = w(a.data.contractor), E = !l || u, v = async () => {
-    const f = await a.actions.onSubmit();
-    f && (n(
-      f.mode === "create" ? p.CONTRACTOR_CREATED : p.CONTRACTOR_UPDATED,
-      f.data
+    s(d);
+  }, [d, s]);
+  const { Fields: i } = a.form, u = a.status.mode, f = U(a.data.contractor), E = !d || f, y = async () => {
+    const o = await a.actions.onSubmit();
+    o && (n(
+      o.mode === "create" ? p.CONTRACTOR_CREATED : p.CONTRACTOR_UPDATED,
+      o.data
     ), n(p.CONTRACTOR_PROFILE_DONE, {
-      contractorId: f.data.uuid,
-      onboardingStatus: f.data.onboardingStatus,
-      selfOnboarding: l && !u
+      contractorId: o.data.uuid,
+      onboardingStatus: o.data.onboardingStatus,
+      selfOnboarding: d && !f
     }));
   };
-  return /* @__PURE__ */ t("section", { className: A(L.root, r), children: /* @__PURE__ */ t(h, { error: a.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ t(_, { formHookResult: a, children: /* @__PURE__ */ d(x, { onSubmit: () => {
-    v();
+  return /* @__PURE__ */ t("section", { className: A(P.root, l), children: /* @__PURE__ */ t(C, { error: a.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ t(x, { formHookResult: a, children: /* @__PURE__ */ m(w, { onSubmit: () => {
+    y();
   }, children: [
-    /* @__PURE__ */ d(b, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
-      m === "update" && a.data.contractor?.uuid && /* @__PURE__ */ t(H, { contractorId: a.data.contractor.uuid }),
-      /* @__PURE__ */ t("header", { children: /* @__PURE__ */ d(b, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("title") }),
-        /* @__PURE__ */ t(o.Text, { variant: "supporting", children: e("subtitle") })
+    /* @__PURE__ */ m(b, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      u === "update" && a.data.contractor?.uuid && /* @__PURE__ */ t(Q, { contractorId: a.data.contractor.uuid }),
+      /* @__PURE__ */ t("header", { children: /* @__PURE__ */ m(b, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ t(r.Heading, { as: "h2", children: e("title") }),
+        /* @__PURE__ */ t(r.Text, { variant: "supporting", children: e("subtitle") })
       ] }) }),
-      (i.SelfOnboarding || i.Email) && /* @__PURE__ */ t(o.Box, { children: /* @__PURE__ */ d(I, { gap: 16, children: [
+      (i.SelfOnboarding || i.Email) && /* @__PURE__ */ t(r.Box, { children: /* @__PURE__ */ m(D, { gap: 16, children: [
         i.SelfOnboarding && /* @__PURE__ */ t(
           i.SelfOnboarding,
           {
@@ -154,8 +154,8 @@ function k({
         )
       ] }) }),
       /* @__PURE__ */ t(i.Type, { label: e("fields.contractorType.label") }),
-      i.FirstName && i.LastName && /* @__PURE__ */ d(N, { children: [
-        /* @__PURE__ */ d(I, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+      i.FirstName && i.LastName && /* @__PURE__ */ m(N, { children: [
+        /* @__PURE__ */ m(D, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
           /* @__PURE__ */ t(
             i.FirstName,
             {
@@ -189,7 +189,7 @@ function k({
           }
         )
       ] }),
-      i.BusinessName && /* @__PURE__ */ d(N, { children: [
+      i.BusinessName && /* @__PURE__ */ m(N, { children: [
         /* @__PURE__ */ t(
           i.BusinessName,
           {
@@ -208,7 +208,14 @@ function k({
           }
         )
       ] }),
-      /* @__PURE__ */ t(i.WageType, { label: e("fields.wageType.label") }),
+      /* @__PURE__ */ t(
+        i.WageType,
+        {
+          label: e("fields.wageType.label"),
+          getOptionLabel: (o) => o === h.Hourly ? e("fields.wageType.hourlyLabel") : e("fields.wageType.fixedLabel"),
+          getOptionDescription: (o) => o === h.Hourly ? e("fields.wageType.hourlyDescription") : e("fields.wageType.fixedDescription")
+        }
+      ),
       i.HourlyRate && /* @__PURE__ */ t(
         i.HourlyRate,
         {
@@ -231,17 +238,17 @@ function k({
       )
     ] }),
     /* @__PURE__ */ t(b, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ t(
-      o.Button,
+      r.Button,
       {
         type: "submit",
         variant: "primary",
         isDisabled: a.status.isPending,
-        children: a.status.isPending ? e(m === "create" ? "buttons.creating" : "buttons.updating") : e(m === "create" ? "buttons.create" : "buttons.update")
+        children: a.status.isPending ? e(u === "create" ? "buttons.creating" : "buttons.updating") : e(u === "create" ? "buttons.create" : "buttons.update")
       }
     ) })
   ] }) }) }) });
 }
 export {
-  de as ContractorProfile
+  me as ContractorProfile
 };
 //# sourceMappingURL=ContractorProfile.js.map