@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

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

@@ -0,0 +1,119 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import C from "classnames";
+import { useContractorAddressForm as E } from "../shared/useContractorAddressForm/useContractorAddressForm.js";
+import S from "./Address.module.scss.js";
+import { BaseBoundaries as v, BaseLayout as f } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { SDKFormProvider as T } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as y } from "../../../Common/Form/Form.js";
+import { Flex as g } from "../../../Common/Flex/Flex.js";
+import { Grid as I } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as x } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as _, useI18n as F } from "../../../../i18n/I18n.js";
+import { contractorEvents as h } from "../../../../shared/constants.js";
+import { useContractorHasSignedW9 as N } from "../../shared/useContractorHasSignedW9.js";
+const B = {
+  update: ["street1", "city", "state", "zip"]
+};
+function J({
+  onEvent: o,
+  FallbackComponent: n,
+  LoaderComponent: s,
+  ...i
+}) {
+  return /* @__PURE__ */ t(
+    v,
+    {
+      componentName: "Contractor.Address",
+      FallbackComponent: n,
+      LoaderComponent: s,
+      children: /* @__PURE__ */ t(O, { onEvent: o, LoaderComponent: s, ...i })
+    }
+  );
+}
+function H({ contractorId: o }) {
+  const n = N(o), { t: s } = m("Contractor.Address"), i = D();
+  return n ? /* @__PURE__ */ t(i.Alert, { status: "warning", disableScrollIntoView: !0, label: s("w9EditWarning.label"), children: /* @__PURE__ */ t(i.Text, { children: s("w9EditWarning.body") }) }) : null;
+}
+function O({
+  contractorId: o,
+  defaultValues: n,
+  onEvent: s,
+  dictionary: i,
+  className: A,
+  LoaderComponent: u
+}) {
+  _("Contractor.Address", i), F("Contractor.Address");
+  const { t: r } = m("Contractor.Address"), { t: R } = m("common"), c = D(), e = E({
+    contractorId: o,
+    optionalFieldsToRequire: B,
+    defaultValues: n
+  });
+  if (e.isLoading)
+    return /* @__PURE__ */ t(
+      f,
+      {
+        isLoading: !0,
+        error: e.errorHandling.errors,
+        LoaderComponent: u
+      }
+    );
+  const { Fields: a } = e.form, p = e.data.contractorType === "Business", b = async () => {
+    const d = await e.actions.onSubmit();
+    d && (s(h.CONTRACTOR_ADDRESS_UPDATED, d.data), s(h.CONTRACTOR_ADDRESS_DONE));
+  };
+  return /* @__PURE__ */ t("section", { className: C(S.container, A), children: /* @__PURE__ */ t(f, { error: e.errorHandling.errors, LoaderComponent: u, children: /* @__PURE__ */ t(T, { formHookResult: e, children: /* @__PURE__ */ l(y, { onSubmit: () => {
+    b();
+  }, children: [
+    /* @__PURE__ */ t(H, { contractorId: o }),
+    /* @__PURE__ */ l(g, { flexDirection: "column", gap: 32, alignItems: "stretch", children: [
+      /* @__PURE__ */ t("header", { children: /* @__PURE__ */ l(g, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ t(c.Heading, { as: "h2", children: r(p ? "businessAddressTitle" : "homeAddressTitle") }),
+        /* @__PURE__ */ t(c.Text, { variant: "supporting", children: r(p ? "businessAddressDescription" : "homeAddressDescription") })
+      ] }) }),
+      /* @__PURE__ */ l(I, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+        /* @__PURE__ */ t(
+          a.Street1,
+          {
+            label: r("street1"),
+            validationMessages: { REQUIRED: r("validations.street1") }
+          }
+        ),
+        /* @__PURE__ */ t(a.Street2, { label: r("street2") }),
+        /* @__PURE__ */ t(
+          a.City,
+          {
+            label: r("city"),
+            validationMessages: { REQUIRED: r("validations.city") }
+          }
+        ),
+        /* @__PURE__ */ t(
+          a.State,
+          {
+            label: r("state"),
+            placeholder: r("statePlaceholder"),
+            validationMessages: { REQUIRED: r("validations.state") },
+            getOptionLabel: (d) => R(`statesHash.${d}`, { defaultValue: d })
+          }
+        ),
+        /* @__PURE__ */ t(
+          a.Zip,
+          {
+            label: r("zip"),
+            validationMessages: {
+              REQUIRED: r("validations.zip"),
+              INVALID_ZIP: r("validations.zipInvalid")
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(c.Button, { type: "submit", isDisabled: e.status.isPending, children: e.status.isPending ? r("submitting") : r("submit") }) })
+    ] })
+  ] }) }) }) });
+}
+export {
+  J as Address
+};
+//# sourceMappingURL=Address.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Address.js","sources":["../../../../../src/components/Contractor/Address/onboarding/Address.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { useContractorAddressForm } from '../shared/useContractorAddressForm'\nimport type { ContractorAddressOptionalFieldsToRequire } from '../shared/useContractorAddressForm'\nimport styles from './Address.module.scss'\nimport type { AddressDefaultValues } from './types'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\nimport { contractorEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { useContractorHasSignedW9 } from '@/components/Contractor/shared/useContractorHasSignedW9'\n\n// The hook defaults to the API contract, which treats every address field as\n// optional. The SDK's address form has always required a complete mailing\n// address, so it opts those fields back into being required here.\nconst SDK_REQUIRED_ADDRESS_FIELDS: ContractorAddressOptionalFieldsToRequire = {\n  update: ['street1', 'city', 'state', 'zip'],\n}\n\n/**\n * Props for {@link Address}.\n *\n * @public\n */\nexport interface AddressProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Pre-fill values for address fields. Server data takes precedence when the contractor already has an address on file. */\n  defaultValues?: AddressDefaultValues\n  /** Callback invoked each time the component emits an event. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Overrides for the component's i18n strings. */\n  dictionary?: ResourceDictionary<'Contractor.Address'>\n  /** Optional class applied to the wrapping `<section>`. */\n  className?: string\n  /** Custom React component rendered when an unhandled error is caught by the component-level error boundary. */\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Form for collecting and updating a contractor's mailing address. Renders a business or home address title based on the contractor type.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/address/updated` | Fired after the address is saved | The updated `ContractorAddress` entity |\n * | `contractor/address/done` | Fired after a successful save so the parent flow can advance | — |\n *\n * @param props - See {@link AddressProps}.\n * @returns The contractor address form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <ContractorOnboarding.Address\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Address({\n  onEvent,\n  FallbackComponent,\n  LoaderComponent,\n  ...rootProps\n}: AddressProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Address\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <AddressRoot onEvent={onEvent} LoaderComponent={LoaderComponent} {...rootProps} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ContractorAddressW9Warning({ contractorId }: { contractorId: string }) {\n  const hasSignedW9 = useContractorHasSignedW9(contractorId)\n  const { t } = useTranslation('Contractor.Address')\n  const Components = useComponentContext()\n  if (!hasSignedW9) return null\n  return (\n    <Components.Alert status=\"warning\" disableScrollIntoView label={t('w9EditWarning.label')}>\n      <Components.Text>{t('w9EditWarning.body')}</Components.Text>\n    </Components.Alert>\n  )\n}\n\nfunction AddressRoot({\n  contractorId,\n  defaultValues,\n  onEvent,\n  dictionary,\n  className,\n  LoaderComponent,\n}: Omit<AddressProps, 'FallbackComponent'>) {\n  useComponentDictionary('Contractor.Address', dictionary)\n  useI18n('Contractor.Address')\n  const { t } = useTranslation('Contractor.Address')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const contractorAddress = useContractorAddressForm({\n    contractorId,\n    optionalFieldsToRequire: SDK_REQUIRED_ADDRESS_FIELDS,\n    defaultValues,\n  })\n\n  if (contractorAddress.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractorAddress.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const { Fields } = contractorAddress.form\n  const isBusiness = contractorAddress.data.contractorType === 'Business'\n\n  const handleSubmit = async () => {\n    const result = await contractorAddress.actions.onSubmit()\n    if (result) {\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_UPDATED, result.data)\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_DONE)\n    }\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={contractorAddress.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={contractorAddress}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <ContractorAddressW9Warning contractorId={contractorId} />\n\n            <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n              <header>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">\n                    {isBusiness ? t('businessAddressTitle') : t('homeAddressTitle')}\n                  </Components.Heading>\n                  <Components.Text variant=\"supporting\">\n                    {isBusiness ? t('businessAddressDescription') : t('homeAddressDescription')}\n                  </Components.Text>\n                </Flex>\n              </header>\n\n              <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n                <Fields.Street1\n                  label={t('street1')}\n                  validationMessages={{ REQUIRED: t('validations.street1') }}\n                />\n                <Fields.Street2 label={t('street2')} />\n                <Fields.City\n                  label={t('city')}\n                  validationMessages={{ REQUIRED: t('validations.city') }}\n                />\n                <Fields.State\n                  label={t('state')}\n                  placeholder={t('statePlaceholder')}\n                  validationMessages={{ REQUIRED: t('validations.state') }}\n                  getOptionLabel={(abbr: string) =>\n                    tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                  }\n                />\n                <Fields.Zip\n                  label={t('zip')}\n                  validationMessages={{\n                    REQUIRED: t('validations.zip'),\n                    INVALID_ZIP: t('validations.zipInvalid'),\n                  }}\n                />\n              </Grid>\n\n              <ActionsLayout>\n                <Components.Button type=\"submit\" isDisabled={contractorAddress.status.isPending}>\n                  {contractorAddress.status.isPending ? t('submitting') : t('submit')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SDK_REQUIRED_ADDRESS_FIELDS","Address","onEvent","FallbackComponent","LoaderComponent","rootProps","jsx","BaseBoundaries","AddressRoot","ContractorAddressW9Warning","contractorId","hasSignedW9","useContractorHasSignedW9","t","useTranslation","Components","useComponentContext","defaultValues","dictionary","className","useComponentDictionary","useI18n","tCommon","contractorAddress","useContractorAddressForm","BaseLayout","Fields","isBusiness","handleSubmit","result","contractorEvents","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Grid","abbr","ActionsLayout"],"mappings":"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"}

package/dist/components/Contractor/Address/{types.d.ts → onboarding/types.d.ts}

@@ -1,5 +1,5 @@
-import { ContractorAddressFormData } from './shared/useContractorAddressForm';
-import { RequireAtLeastOne } from '../../../types/Helpers';
+import { ContractorAddressFormData } from '../shared/useContractorAddressForm';
+import { RequireAtLeastOne } from '../../../../types/Helpers';
 /**
  * Pre-fill values accepted by {@link Address}. At least one of `street1`, `street2`, `city`, `state`, or `zip` must be provided.
  *

package/dist/components/Contractor/Address/shared/useContractorAddressSummary/index.d.ts

@@ -0,0 +1 @@
+export { useContractorAddressSummary, type UseContractorAddressSummaryParams, type UseContractorAddressSummaryResult, } from './useContractorAddressSummary';

package/dist/components/Contractor/Address/shared/useContractorAddressSummary/useContractorAddressSummary.d.ts

@@ -0,0 +1,19 @@
+import { ContractorType } from '@gusto/embedded-api/models/components/contractor';
+import { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress';
+import { BaseHookReady, HookLoadingResult } from '../../../../../partner-hook-utils/types';
+/** @internal */
+export interface UseContractorAddressSummaryParams {
+    contractorId: string;
+}
+type UseContractorAddressSummaryReady = BaseHookReady<{
+    contractorAddress: ContractorAddress;
+    contractorType: ContractorType | undefined;
+}, {
+    isFetching: boolean;
+    isPending: boolean;
+}>;
+/** @internal */
+export type UseContractorAddressSummaryResult = HookLoadingResult | UseContractorAddressSummaryReady;
+/** @internal */
+export declare function useContractorAddressSummary({ contractorId, }: UseContractorAddressSummaryParams): UseContractorAddressSummaryResult;
+export {};

package/dist/components/Contractor/Address/shared/useContractorAddressSummary/useContractorAddressSummary.js

@@ -0,0 +1,27 @@
+import { useContractorsGet as i } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useContractorsGetAddress as a } from "@gusto/embedded-api/react-query/contractorsGetAddress";
+import { composeErrorHandler as c } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+function f({
+  contractorId: o
+}) {
+  const t = i(
+    { contractorUuid: o },
+    { staleTime: 1 / 0 }
+  ), r = a(
+    { contractorUuid: o },
+    { staleTime: 1 / 0 }
+  ), s = c([t, r]), n = r.data?.contractorAddress, e = t.data?.contractor?.type;
+  return t.isLoading || r.isLoading || !n ? { isLoading: !0, errorHandling: s } : {
+    isLoading: !1,
+    data: { contractorAddress: n, contractorType: e },
+    status: {
+      isFetching: t.isFetching || r.isFetching,
+      isPending: !1
+    },
+    errorHandling: s
+  };
+}
+export {
+  f as useContractorAddressSummary
+};
+//# sourceMappingURL=useContractorAddressSummary.js.map

package/dist/components/Contractor/Address/shared/useContractorAddressSummary/useContractorAddressSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContractorAddressSummary.js","sources":["../../../../../../src/components/Contractor/Address/shared/useContractorAddressSummary/useContractorAddressSummary.tsx"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsGetAddress } from '@gusto/embedded-api/react-query/contractorsGetAddress'\nimport type { ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult } from '@/partner-hook-utils/types'\n\n/** @internal */\nexport interface UseContractorAddressSummaryParams {\n  contractorId: string\n}\n\ntype UseContractorAddressSummaryReady = BaseHookReady<\n  {\n    contractorAddress: ContractorAddress\n    contractorType: ContractorType | undefined\n  },\n  { isFetching: boolean; isPending: boolean }\n>\n\n/** @internal */\nexport type UseContractorAddressSummaryResult = HookLoadingResult | UseContractorAddressSummaryReady\n\n/** @internal */\nexport function useContractorAddressSummary({\n  contractorId,\n}: UseContractorAddressSummaryParams): UseContractorAddressSummaryResult {\n  const contractorQuery = useContractorsGet(\n    { contractorUuid: contractorId },\n    { staleTime: Infinity },\n  )\n  const addressQuery = useContractorsGetAddress(\n    { contractorUuid: contractorId },\n    { staleTime: Infinity },\n  )\n\n  const errorHandling = composeErrorHandler([contractorQuery, addressQuery])\n\n  const contractorAddress = addressQuery.data?.contractorAddress\n  const contractorType = contractorQuery.data?.contractor?.type\n\n  if (contractorQuery.isLoading || addressQuery.isLoading || !contractorAddress) {\n    return { isLoading: true, errorHandling }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractorAddress, contractorType },\n    status: {\n      isFetching: contractorQuery.isFetching || addressQuery.isFetching,\n      isPending: false,\n    },\n    errorHandling,\n  }\n}\n"],"names":["useContractorAddressSummary","contractorId","contractorQuery","useContractorsGet","addressQuery","useContractorsGetAddress","errorHandling","composeErrorHandler","contractorAddress","contractorType"],"mappings":";;;AAwBO,SAASA,EAA4B;AAAA,EAC1C,cAAAC;AACF,GAAyE;AACvE,QAAMC,IAAkBC;AAAA,IACtB,EAAE,gBAAgBF,EAAA;AAAA,IAClB,EAAE,WAAW,MAAA;AAAA,EAAS,GAElBG,IAAeC;AAAA,IACnB,EAAE,gBAAgBJ,EAAA;AAAA,IAClB,EAAE,WAAW,MAAA;AAAA,EAAS,GAGlBK,IAAgBC,EAAoB,CAACL,GAAiBE,CAAY,CAAC,GAEnEI,IAAoBJ,EAAa,MAAM,mBACvCK,IAAiBP,EAAgB,MAAM,YAAY;AAEzD,SAAIA,EAAgB,aAAaE,EAAa,aAAa,CAACI,IACnD,EAAE,WAAW,IAAM,eAAAF,EAAA,IAGrB;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,mBAAAE,GAAmB,gBAAAC,EAAA;AAAA,IAC3B,QAAQ;AAAA,MACN,YAAYP,EAAgB,cAAcE,EAAa;AAAA,MACvD,WAAW;AAAA,IAAA;AAAA,IAEb,eAAAE;AAAA,EAAA;AAEJ;"}

package/dist/components/Contractor/Compensation/management/Compensation.d.ts

@@ -0,0 +1,30 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link Compensation}.
+ *
+ * @public
+ */
+export interface CompensationProps extends BaseComponentInterface<'Contractor.Management.Compensation'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Management surface for viewing and editing a contractor's compensation after onboarding.
+ *
+ * @remarks
+ * Drives the read-view card and edit form via an internal state machine.
+ * Emits events on the supplied `onEvent` handler when the user requests an
+ * edit, saves changes, or cancels.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/compensation/editRequested` | Fired when the user clicks Edit on the read-view card | `{ contractorId: string }` |
+ * | `contractor/management/compensation/updated` | Fired after compensation is successfully saved | {@link APIModels.Contractor} |
+ * | `contractor/management/compensation/editCancelled` | Fired when the user cancels editing | — |
+ *
+ * @param props - See {@link CompensationProps}.
+ * @returns The contractor compensation management surface.
+ * @public
+ */
+export declare function Compensation({ dictionary, FallbackComponent, LoaderComponent, ...props }: CompensationProps): import("react").JSX.Element;

package/dist/components/Contractor/Compensation/management/Compensation.js

@@ -0,0 +1,43 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import { CardContextual as i } from "./CompensationComponents.js";
+import { compensationStateMachine as p } from "./compensationStateMachine.js";
+import { createMachine as c } from "../../../../lib/state-machine/core.js";
+import { Flow as s } from "../../../Flow/Flow.js";
+import { BaseBoundaries as u } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentDictionary as f, useI18n as C } from "../../../../i18n/I18n.js";
+function l({ contractorId: n, onEvent: t, LoaderComponent: o }) {
+  C("Contractor.Management.Compensation");
+  const e = a(
+    () => c("card", p, (m) => ({
+      ...m,
+      component: i,
+      contractorId: n,
+      successAlert: null,
+      LoaderComponent: o
+    })),
+    [n, o]
+  );
+  return /* @__PURE__ */ r(s, { machine: e, onEvent: t });
+}
+function y({
+  dictionary: n,
+  FallbackComponent: t,
+  LoaderComponent: o,
+  ...e
+}) {
+  return f("Contractor.Management.Compensation", n), /* @__PURE__ */ r(
+    u,
+    {
+      componentName: "Contractor.Management.Compensation",
+      FallbackComponent: t,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ r(l, { LoaderComponent: o, ...e })
+    }
+  );
+}
+export {
+  y as Compensation
+};
+//# sourceMappingURL=Compensation.js.map

package/dist/components/Contractor/Compensation/management/Compensation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Contractor/Compensation/management/Compensation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { CardContextual, type CompensationContextInterface } from './CompensationComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Contractor.Management.Compensation'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\nfunction CompensationFlow({ contractorId, onEvent, LoaderComponent }: CompensationProps) {\n  useI18n('Contractor.Management.Compensation')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', compensationStateMachine, (ctx: CompensationContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        contractorId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [contractorId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing a contractor's compensation after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/compensation/editRequested` | Fired when the user clicks Edit on the read-view card | `{ contractorId: string }` |\n * | `contractor/management/compensation/updated` | Fired after compensation is successfully saved | {@link APIModels.Contractor} |\n * | `contractor/management/compensation/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The contractor compensation management surface.\n * @public\n */\nexport function Compensation({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: CompensationProps) {\n  useComponentDictionary('Contractor.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Compensation\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <CompensationFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["CompensationFlow","contractorId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","compensationStateMachine","ctx","CardContextual","jsx","Flow","Compensation","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAiB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAC,KAAsC;AACvF,EAAAC,EAAQ,oCAAoC;AAE5C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,cAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAcE,CAAe;AAAA,EAAA;AAGhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAqBO,SAASW,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAsB;AACpB,SAAAC,EAAuB,sCAAsCH,CAAU,GAErE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAiB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

package/dist/components/Contractor/Compensation/management/CompensationCard/CompensationCard.d.ts

@@ -0,0 +1,35 @@
+import { EventType } from '../../../../../shared/constants';
+import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
+/**
+ * Props for {@link CompensationCard}.
+ *
+ * @public
+ */
+export interface CompensationCardProps {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** Event handler fired when the user requests to edit compensation. */
+    onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
+}
+/**
+ * Read-only card showing a contractor's compensation type and rate with an Edit action.
+ *
+ * @remarks
+ * Standalone card that fetches its own data. Emits an event when the user
+ * clicks Edit so the parent can switch to the edit form. The card does not
+ * render success or error alerts itself — alert presentation is the
+ * surrounding surface's responsibility.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/compensation/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |
+ *
+ * @param props - See {@link CompensationCardProps}.
+ * @returns The contractor compensation card.
+ * @public
+ */
+export declare function CompensationCard({ LoaderComponent, ...props }: CompensationCardProps): import("react").JSX.Element;

package/dist/components/Contractor/Compensation/management/CompensationCard/CompensationCard.js

@@ -0,0 +1,57 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { WageType as C } from "../../shared/useContractorPayForm/contractorPaySchema.js";
+import { Loading as y } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as h, BaseLayout as f } from "../../../../Base/Base.js";
+import { useComponentContext as g } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as T } from "../../../../../i18n/I18n.js";
+import { componentEvents as E } from "../../../../../shared/constants.js";
+import { useContractorCompensationSummary as L } from "../../shared/useContractorCompensationSummary/useContractorCompensationSummary.js";
+function _({ LoaderComponent: n, ...i }) {
+  return /* @__PURE__ */ o(
+    h,
+    {
+      componentName: "Contractor.Management.Compensation",
+      LoaderComponent: n,
+      children: /* @__PURE__ */ o(b, { LoaderComponent: n, ...i })
+    }
+  );
+}
+function b({
+  contractorId: n,
+  onEvent: i,
+  LoaderComponent: l
+}) {
+  T("Contractor.Management.Compensation");
+  const { t } = u("Contractor.Management.Compensation"), r = g(), a = L({ contractorId: n }), s = a.isLoading, e = a.isLoading ? void 0 : a.data.contractor, m = e?.wageType === C.Hourly, c = /* @__PURE__ */ o("span", { "aria-label": t("emptyPlaceholder"), children: "–" }), p = e ? [
+    {
+      term: t("typeLabel"),
+      description: e.wageType ? t(m ? "hourlyLabel" : "fixedLabel") : c
+    },
+    ...m ? [
+      {
+        term: t("wageLabel"),
+        description: e.hourlyRate ? t("hourlyRateValue", { rate: e.hourlyRate }) : c
+      }
+    ] : []
+  ] : [], d = () => {
+    i(E.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED, { contractorId: n });
+  };
+  return /* @__PURE__ */ o(f, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ o(
+    r.Box,
+    {
+      header: /* @__PURE__ */ o(
+        r.BoxHeader,
+        {
+          title: t("title"),
+          action: /* @__PURE__ */ o(r.Button, { variant: "secondary", onClick: d, isDisabled: s, children: t("editCta") })
+        }
+      ),
+      children: s ? /* @__PURE__ */ o(y, {}) : e ? /* @__PURE__ */ o(r.DescriptionList, { items: p }) : null
+    }
+  ) });
+}
+export {
+  _ as CompensationCard
+};
+//# sourceMappingURL=CompensationCard.js.map

package/dist/components/Contractor/Compensation/management/CompensationCard/CompensationCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationCard.js","sources":["../../../../../../src/components/Contractor/Compensation/management/CompensationCard/CompensationCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorCompensationSummary } from '../../shared/useContractorCompensationSummary'\nimport { WageType } from '../../shared/useContractorPayForm'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link CompensationCard}.\n *\n * @public\n */\nexport interface CompensationCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user requests to edit compensation. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Read-only card showing a contractor's compensation type and rate with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/compensation/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |\n *\n * @param props - See {@link CompensationCardProps}.\n * @returns The contractor compensation card.\n * @public\n */\nexport function CompensationCard({ LoaderComponent, ...props }: CompensationCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Compensation\"\n      LoaderComponent={LoaderComponent}\n    >\n      <CompensationCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction CompensationCardContent({\n  contractorId,\n  onEvent,\n  LoaderComponent,\n}: CompensationCardProps) {\n  useI18n('Contractor.Management.Compensation')\n  const { t } = useTranslation('Contractor.Management.Compensation')\n  const Components = useComponentContext()\n\n  const summary = useContractorCompensationSummary({ contractorId })\n\n  const isLoading = summary.isLoading\n  const contractor = summary.isLoading ? undefined : summary.data.contractor\n  const isHourly = contractor?.wageType === WageType.Hourly\n\n  const emptyPlaceholder = <span aria-label={t('emptyPlaceholder')}>–</span>\n  const compensationItems = contractor\n    ? [\n        {\n          term: t('typeLabel'),\n          description: contractor.wageType\n            ? t(isHourly ? 'hourlyLabel' : 'fixedLabel')\n            : emptyPlaceholder,\n        },\n        ...(isHourly\n          ? [\n              {\n                term: t('wageLabel'),\n                description: contractor.hourlyRate\n                  ? t('hourlyRateValue', { rate: contractor.hourlyRate })\n                  : emptyPlaceholder,\n              },\n            ]\n          : []),\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED, { contractorId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isLoading ? (\n          <Loading />\n        ) : contractor ? (\n          <Components.DescriptionList items={compensationItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["CompensationCard","LoaderComponent","props","jsx","BaseBoundaries","CompensationCardContent","contractorId","onEvent","useI18n","useTranslation","Components","useComponentContext","summary","useContractorCompensationSummary","isLoading","contractor","isHourly","WageType","emptyPlaceholder","compensationItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;AA2CO,SAASA,EAAiB,EAAE,iBAAAC,GAAiB,GAAGC,KAAgC;AACrF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;AAEA,SAASG,EAAwB;AAAA,EAC/B,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAN;AACF,GAA0B;AACxB,EAAAO,EAAQ,oCAAoC;AAC5C,QAAM,EAAE,EAAA,IAAMC,EAAe,oCAAoC,GAC3DC,IAAaC,EAAA,GAEbC,IAAUC,EAAiC,EAAE,cAAAP,GAAc,GAE3DQ,IAAYF,EAAQ,WACpBG,IAAaH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,YAC1DI,IAAWD,GAAY,aAAaE,EAAS,QAE7CC,IAAmB,gBAAAf,EAAC,QAAA,EAAK,cAAY,EAAE,kBAAkB,GAAG,UAAA,KAAC,GAC7DgB,IAAoBJ,IACtB;AAAA,IACE;AAAA,MACE,MAAM,EAAE,WAAW;AAAA,MACnB,aAAaA,EAAW,WACpB,EAAEC,IAAW,gBAAgB,YAAY,IACzCE;AAAA,IAAA;AAAA,IAEN,GAAIF,IACA;AAAA,MACE;AAAA,QACE,MAAM,EAAE,WAAW;AAAA,QACnB,aAAaD,EAAW,aACpB,EAAE,mBAAmB,EAAE,MAAMA,EAAW,WAAA,CAAY,IACpDG;AAAA,MAAA;AAAA,IACN,IAEF,CAAA;AAAA,EAAC,IAEP,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAb,EAAQc,EAAgB,mDAAmD,EAAE,cAAAf,EAAA,CAAc;AAAA,EAC7F;AAEA,2BACGgB,GAAA,EAAW,OAAOV,EAAQ,cAAc,QAAQ,iBAAAX,GAC/C,UAAA,gBAAAE;AAAA,IAACO,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAP;AAAA,QAACO,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAP,EAACO,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAAY,YAAYN,GACrE,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,QAAA;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAX,EAACoB,GAAA,CAAA,CAAQ,IACPR,IACF,gBAAAZ,EAACO,EAAW,iBAAX,EAA2B,OAAOS,EAAA,CAAmB,IACpD;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/components/Contractor/Compensation/management/CompensationCard/index.d.ts

@@ -0,0 +1 @@
+export { CompensationCard, type CompensationCardProps } from './CompensationCard';

package/dist/components/Contractor/Compensation/management/CompensationComponents.d.ts

@@ -0,0 +1,12 @@
+import { FlowContextInterface } from '../../../Flow/useFlow';
+type CompensationSuccessAlertCode = 'compensationUpdated';
+/** @internal */
+export interface CompensationContextInterface extends FlowContextInterface {
+    contractorId?: string;
+    successAlert?: CompensationSuccessAlertCode | null;
+}
+/** @internal */
+export declare function CardContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function CompensationEditFormContextual(): import("react").JSX.Element;
+export {};

package/dist/components/Contractor/Compensation/management/CompensationComponents.js

@@ -0,0 +1,48 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { CompensationEditForm as l } from "./CompensationEditForm.js";
+import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { useFlow as e } from "../../../Flow/useFlow.js";
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
+import { componentEvents as d } from "../../../../shared/constants.js";
+import { CompensationCard as f } from "./CompensationCard/CompensationCard.js";
+function O() {
+  const { contractorId: n, onEvent: o, successAlert: t, LoaderComponent: s } = e(), { t: i } = p("Contractor.Management.Compensation"), a = C();
+  return /* @__PURE__ */ c(u, { flexDirection: "column", gap: 16, children: [
+    t ? /* @__PURE__ */ r(
+      a.Alert,
+      {
+        status: "success",
+        label: i(`alerts.${t}`),
+        onDismiss: () => {
+          o(d.CONTRACTOR_MANAGEMENT_COMPENSATION_ALERT_DISMISSED, null);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ r(
+      f,
+      {
+        contractorId: m(n),
+        onEvent: o,
+        LoaderComponent: s
+      }
+    )
+  ] });
+}
+function R() {
+  const { contractorId: n, onEvent: o, LoaderComponent: t } = e();
+  return /* @__PURE__ */ r(
+    l,
+    {
+      contractorId: m(n),
+      onEvent: o,
+      LoaderComponent: t
+    }
+  );
+}
+export {
+  O as CardContextual,
+  R as CompensationEditFormContextual
+};
+//# sourceMappingURL=CompensationComponents.js.map

package/dist/components/Contractor/Compensation/management/CompensationComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationComponents.js","sources":["../../../../../src/components/Contractor/Compensation/management/CompensationComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { CompensationEditForm } from './CompensationEditForm'\nimport { CompensationCard } from './CompensationCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype CompensationSuccessAlertCode = 'compensationUpdated'\n\n/** @internal */\nexport interface CompensationContextInterface extends FlowContextInterface {\n  contractorId?: string\n  successAlert?: CompensationSuccessAlertCode | null\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { contractorId, onEvent, successAlert, LoaderComponent } =\n    useFlow<CompensationContextInterface>()\n  const { t } = useTranslation('Contractor.Management.Compensation')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <CompensationCard\n        contractorId={ensureRequired(contractorId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function CompensationEditFormContextual() {\n  const { contractorId, onEvent, LoaderComponent } = useFlow<CompensationContextInterface>()\n  return (\n    <CompensationEditForm\n      contractorId={ensureRequired(contractorId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["CardContextual","contractorId","onEvent","successAlert","LoaderComponent","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","CompensationCard","ensureRequired","CompensationEditFormContextual","CompensationEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAAiB;AAC/B,QAAM,EAAE,cAAAC,GAAc,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IAC3CC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,oCAAoC,GAC3DC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQW,EAAgB,oDAAoD,IAAI;AAAA,QAClF;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,cAAcC,EAAed,CAAY;AAAA,QACzC,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASY,IAAiC;AAC/C,QAAM,EAAE,cAAAf,GAAc,SAAAC,GAAS,iBAAAE,EAAA,IAAoBC,EAAA;AACnD,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,cAAcF,EAAed,CAAY;AAAA,MACzC,SAAAC;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Compensation/management/CompensationEditForm.d.ts

@@ -0,0 +1,29 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link CompensationEditForm}.
+ *
+ * @public
+ */
+export interface CompensationEditFormProps extends BaseComponentInterface<'Contractor.Management.Compensation'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Standalone edit form for a contractor's compensation type and rate.
+ *
+ * @remarks
+ * Renders a Fixed/Hourly compensation-type selector and, when Hourly, an
+ * hourly-rate field. Save and Cancel both emit events so the parent can
+ * return to the read view.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/compensation/updated` | Fired after compensation is successfully saved | The updated `Contractor` entity |
+ * | `contractor/management/compensation/editCancelled` | Fired when the user clicks Cancel | — |
+ *
+ * @param input - See {@link CompensationEditFormProps}.
+ * @returns The contractor compensation edit form.
+ * @public
+ */
+export declare function CompensationEditForm({ FallbackComponent, LoaderComponent, ...props }: CompensationEditFormProps): import("react").JSX.Element;

package/dist/components/Contractor/Compensation/management/CompensationEditForm.js

@@ -0,0 +1,94 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as T } from "react-i18next";
+import E from "classnames";
+import { useContractorPayForm as N } from "../shared/useContractorPayForm/useContractorPayForm.js";
+import { WageType as d } from "../shared/useContractorPayForm/contractorPaySchema.js";
+import b from "./CompensationEditForm.module.scss.js";
+import { BaseBoundaries as R, BaseLayout as f } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Flex as A } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as M } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as D } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as F } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useI18n as L, useComponentDictionary as x } from "../../../../i18n/I18n.js";
+import { componentEvents as C } from "../../../../shared/constants.js";
+import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function z({
+  FallbackComponent: a,
+  LoaderComponent: i,
+  ...m
+}) {
+  return /* @__PURE__ */ o(
+    R,
+    {
+      componentName: "Contractor.Management.Compensation",
+      FallbackComponent: a,
+      LoaderComponent: i,
+      children: /* @__PURE__ */ o(H, { LoaderComponent: i, ...m })
+    }
+  );
+}
+function H({
+  contractorId: a,
+  className: i,
+  dictionary: m,
+  onEvent: l,
+  LoaderComponent: c
+}) {
+  L("Contractor.Management.Compensation"), x("Contractor.Management.Compensation", m);
+  const { t: r } = T("Contractor.Management.Compensation"), e = O(), t = N({ contractorId: a });
+  if (t.isLoading)
+    return /* @__PURE__ */ o(
+      f,
+      {
+        isLoading: !0,
+        error: t.errorHandling.errors,
+        LoaderComponent: c
+      }
+    );
+  const { Fields: p } = t.form, y = async () => {
+    const n = await t.actions.onSubmit();
+    n && l(C.CONTRACTOR_MANAGEMENT_COMPENSATION_UPDATED, n.data);
+  }, g = () => {
+    l(C.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_CANCELLED);
+  }, h = (n) => /* @__PURE__ */ o(
+    e.RadioGroup,
+    {
+      ...n,
+      options: n.options.map((u) => ({
+        ...u,
+        description: u.value === d.Hourly ? r("form.hourlyDescription") : r("form.fixedDescription")
+      }))
+    }
+  );
+  return /* @__PURE__ */ o("section", { className: E(b.container, i), children: /* @__PURE__ */ o(f, { error: t.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ o(F, { formHookResult: t, children: /* @__PURE__ */ s(D, { onSubmit: y, children: [
+    /* @__PURE__ */ s(A, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ o(e.Heading, { as: "h2", children: r("form.title") }),
+      /* @__PURE__ */ o(e.Text, { variant: "supporting", children: r("form.description") })
+    ] }),
+    /* @__PURE__ */ o(
+      p.WageType,
+      {
+        label: r("form.wageTypeLabel"),
+        getOptionLabel: (n) => n === d.Hourly ? r("hourlyLabel") : r("fixedLabel"),
+        FieldComponent: h
+      }
+    ),
+    t.status.isHourly && /* @__PURE__ */ o(
+      p.HourlyRate,
+      {
+        label: r("form.hourlyRateLabel"),
+        format: "currency",
+        validationMessages: { REQUIRED: r("form.validations.hourlyRate") }
+      }
+    ),
+    /* @__PURE__ */ s(M, { children: [
+      /* @__PURE__ */ o(e.Button, { variant: "secondary", onClick: g, type: "button", children: r("form.cancelCta") }),
+      /* @__PURE__ */ o(e.Button, { type: "submit", isLoading: t.status.isPending, children: r("form.saveCta") })
+    ] })
+  ] }) }) }) });
+}
+export {
+  z as CompensationEditForm
+};
+//# sourceMappingURL=CompensationEditForm.js.map