@gusto/embedded-react-sdk 0.52.0 → 0.52.2

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/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 styles from './Address.module.scss'\nimport { useContractorAddressForm } from './shared/useContractorAddressForm'\nimport type { ContractorAddressOptionalFieldsToRequire } from './shared/useContractorAddressForm'\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'\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}\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({ onEvent, FallbackComponent, ...rootProps }: AddressProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.Address\" FallbackComponent={FallbackComponent}>\n      <AddressRoot onEvent={onEvent} {...rootProps} />\n    </BaseBoundaries>\n  )\n}\n\nfunction AddressRoot({\n  contractorId,\n  defaultValues,\n  onEvent,\n  dictionary,\n  className,\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 <BaseLayout isLoading error={contractorAddress.errorHandling.errors} />\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}>\n        <SDKFormProvider formHookResult={contractorAddress}>\n          <Form onSubmit={() => void handleSubmit()}>\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","rootProps","jsx","BaseBoundaries","AddressRoot","contractorId","defaultValues","dictionary","className","useComponentDictionary","useI18n","useTranslation","tCommon","Components","useComponentContext","contractorAddress","useContractorAddressForm","BaseLayout","Fields","isBusiness","handleSubmit","result","contractorEvents","classNames","styles","SDKFormProvider","Form","jsxs","Flex","Grid","abbr","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/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 styles from './Address.module.scss'\nimport { useContractorAddressForm } from './shared/useContractorAddressForm'\nimport type { ContractorAddressOptionalFieldsToRequire } from './shared/useContractorAddressForm'\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 { 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}\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({ onEvent, FallbackComponent, ...rootProps }: AddressProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.Address\" FallbackComponent={FallbackComponent}>\n      <AddressRoot onEvent={onEvent} {...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}: 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 <BaseLayout isLoading error={contractorAddress.errorHandling.errors} />\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}>\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","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/ContractorList/index.d.ts

@@ -11,7 +11,7 @@ export interface ContractorListProps extends BaseComponentInterface<'Contractor.
     successMessage?: string;
 }
 /**
- * Lists a company's contractors with controls to add, edit, delete, and continue onboarding.
+ * Lists a company's contractors with controls to add, edit, delete, cancel self-onboarding, and continue onboarding.
  *
  * @events
  * | Event | Description | Data |
@@ -19,6 +19,7 @@ export interface ContractorListProps extends BaseComponentInterface<'Contractor.
  * | `contractor/create` | The add-contractor action was triggered. | — |
  * | `contractor/update` | A contractor row's edit action was triggered. | `{ contractorId: string }` |
  * | `contractor/deleted` | A contractor was successfully deleted. | `{ contractorId: string }` |
+ * | `contractor/selfOnboarding/cancelled` | A contractor's self-onboarding was cancelled, reverting them to admin onboarding. | The updated `contractorOnboardingStatus` returned by the API. |
  * | `contractor/onboarding/continue` | The continue action was triggered to advance onboarding. | — |
  *
  * @param props - See {@link ContractorListProps}.

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

@@ -1,128 +1,141 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { useContractorsDeleteMutation as H } from "@gusto/embedded-api/react-query/contractorsDelete";
-import { useContractors as k } from "./useContractorList.js";
-import { Flex as h } from "../../Common/Flex/Flex.js";
-import { EmptyData as U } from "../../Common/EmptyData/EmptyData.js";
-import { ActionsLayout as g } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as j } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { firstLastName as V } from "../../../helpers/formattedStrings.js";
-import F from "../../../assets/icons/pencil.svg.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as M } from "../../Common/OnboardingStatusBadge/index.js";
-import { useI18n as G, useComponentDictionary as q } from "../../../i18n/I18n.js";
-import { BaseComponent as W } from "../../Base/Base.js";
-import { useBase as Y } from "../../Base/useBase.js";
-import { CONTRACTOR_TYPE as z, componentEvents as l, ContractorOnboardingStatus as J } from "../../../shared/constants.js";
-import K from "../../../assets/icons/trashcan.svg.js";
-import { useDataView as Q } from "../../Common/DataView/useDataView.js";
-import { DataView as X } from "../../Common/DataView/DataView.js";
-function Z({ count: o, handleAdd: i }) {
-  const { Button: r, Heading: s } = u(), { t: n } = d("Contractor.ContractorList");
-  return /* @__PURE__ */ m(h, { alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ t(s, { as: "h2", children: n("title") }),
-    o !== 0 && /* @__PURE__ */ t(r, { variant: "secondary", onClick: i, children: n("addAnotherCta") })
+import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { useContractorsDeleteMutation as V } from "@gusto/embedded-api/react-query/contractorsDelete";
+import { useContractorsUpdateOnboardingStatusMutation as j } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
+import { useContractors as q } from "./useContractorList.js";
+import { Flex as b } from "../../Common/Flex/Flex.js";
+import { EmptyData as W } from "../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as S } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { HamburgerMenu as X } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { firstLastName as Y } from "../../../helpers/formattedStrings.js";
+import z from "../../../assets/icons/pencil.svg.js";
+import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ContractorOnboardingStatusBadge as J } from "../../Common/OnboardingStatusBadge/index.js";
+import { useI18n as K, useComponentDictionary as Q } from "../../../i18n/I18n.js";
+import { BaseComponent as Z } from "../../Base/Base.js";
+import { useBase as $ } from "../../Base/useBase.js";
+import { CONTRACTOR_TYPE as tt, componentEvents as c, ContractorOnboardingStatus as u } from "../../../shared/constants.js";
+import nt from "../../../assets/icons/trashcan.svg.js";
+import et from "../../../assets/icons/x-circle.svg.js";
+import { useDataView as ot } from "../../Common/DataView/useDataView.js";
+import { DataView as at } from "../../Common/DataView/DataView.js";
+function rt({ count: o, handleAdd: i }) {
+  const { Button: r, Heading: d } = f(), { t: e } = p("Contractor.ContractorList");
+  return /* @__PURE__ */ C(b, { alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ n(d, { as: "h2", children: e("title") }),
+    o !== 0 && /* @__PURE__ */ n(r, { variant: "secondary", onClick: i, children: e("addAnotherCta") })
   ] });
 }
-function $({ handleAdd: o }) {
-  const { Button: i } = u(), { t: r } = d("Contractor.ContractorList");
-  return /* @__PURE__ */ t(U, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(g, { justifyContent: "center", children: /* @__PURE__ */ t(i, { onClick: o, children: r("addContractorCta") }) }) });
+function it({ handleAdd: o }) {
+  const { Button: i } = f(), { t: r } = p("Contractor.ContractorList");
+  return /* @__PURE__ */ n(W, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ n(S, { justifyContent: "center", children: /* @__PURE__ */ n(i, { onClick: o, children: r("addContractorCta") }) }) });
 }
-function Lt(o) {
-  return /* @__PURE__ */ t(W, { ...o, children: /* @__PURE__ */ t(tt, { ...o, children: o.children }) });
+function It(o) {
+  return /* @__PURE__ */ n(Z, { ...o, children: /* @__PURE__ */ n(st, { ...o, children: o.children }) });
 }
-function tt({ companyId: o, className: i, dictionary: r, successMessage: s }) {
-  G("Contractor.ContractorList"), q("Contractor.ContractorList", r);
-  const { t: n } = d("Contractor.ContractorList"), { onEvent: c, baseSubmitHandler: T } = Y(), { Alert: b, Button: L } = u(), {
-    contractors: O,
-    totalCount: C,
-    handleNextPage: E,
-    handleFirstPage: N,
-    handleLastPage: P,
-    handlePreviousPage: R,
-    handleItemsPerPageChange: A,
-    currentPage: D,
+function st({ companyId: o, className: i, dictionary: r, successMessage: d }) {
+  K("Contractor.ContractorList"), Q("Contractor.ContractorList", r);
+  const { t: e } = p("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: g } = $(), { Alert: E, Button: T } = f(), {
+    contractors: A,
+    totalCount: O,
+    handleNextPage: R,
+    handleFirstPage: D,
+    handleLastPage: L,
+    handlePreviousPage: P,
+    handleItemsPerPageChange: I,
+    currentPage: _,
     totalPages: y,
-    itemsPerPage: S
-  } = k({ companyUuid: o }), { mutateAsync: I, isPending: _ } = H(), v = Q({
+    itemsPerPage: B
+  } = q({ companyUuid: o }), { mutateAsync: v, isPending: w } = V(), { mutateAsync: U, isPending: x } = j(), M = ot({
     columns: [
       {
-        title: n("listHeaders.name"),
-        render: (e) => e.type === z.BUSINESS ? e.businessName : V({ first_name: e.firstName, last_name: e.lastName })
+        title: e("listHeaders.name"),
+        render: (t) => t.type === tt.BUSINESS ? t.businessName : Y({ first_name: t.firstName, last_name: t.lastName })
       },
       {
-        title: n("listHeaders.status"),
-        render: ({ onboarded: e, onboardingStatus: a }) => /* @__PURE__ */ t(
-          M,
+        title: e("listHeaders.status"),
+        render: ({ onboarded: t, onboardingStatus: a }) => /* @__PURE__ */ n(
+          J,
           {
-            onboarded: e,
+            onboarded: t,
             onboardingStatus: a
           }
         )
       }
     ],
-    data: O,
-    itemMenu: (e) => {
-      const a = e.onboardingStatus === J.SELF_ONBOARDING_REVIEW, p = n(a ? "reviewCta" : "editCta");
-      return /* @__PURE__ */ t(
-        j,
-        {
-          items: [
-            {
-              label: p,
-              icon: /* @__PURE__ */ t(F, { "aria-hidden": !0 }),
-              onClick: () => {
-                w(e.uuid);
-              }
-            },
-            {
-              label: n("deleteCta"),
-              icon: /* @__PURE__ */ t(K, { "aria-hidden": !0 }),
-              onClick: () => {
-                x(e.uuid);
-              }
-            }
-          ],
-          triggerLabel: p,
-          isLoading: _
+    data: A,
+    itemMenu: (t) => {
+      const a = t.onboardingStatus === u.SELF_ONBOARDING_REVIEW, m = e(a ? "reviewCta" : "editCta"), N = t.onboardingStatus === u.SELF_ONBOARDING_INVITED || t.onboardingStatus === u.SELF_ONBOARDING_STARTED, l = [];
+      return N || l.push({
+        label: m,
+        icon: /* @__PURE__ */ n(z, { "aria-hidden": !0 }),
+        onClick: () => {
+          k(t.uuid);
         }
-      );
+      }), N && l.push({
+        label: e("cancelSelfOnboardingCta"),
+        icon: /* @__PURE__ */ n(et, { "aria-hidden": !0 }),
+        onClick: () => {
+          H(t.uuid);
+        }
+      }), l.push({
+        label: e("deleteCta"),
+        icon: /* @__PURE__ */ n(nt, { "aria-hidden": !0 }),
+        onClick: () => {
+          G(t.uuid);
+        }
+      }), /* @__PURE__ */ n(X, { items: l, isLoading: w || x });
     },
-    emptyState: () => /* @__PURE__ */ t($, { handleAdd: f }),
+    emptyState: () => /* @__PURE__ */ n(it, { handleAdd: h }),
     pagination: {
-      handleNextPage: E,
-      handleFirstPage: N,
-      handleLastPage: P,
-      handlePreviousPage: R,
-      handleItemsPerPageChange: A,
-      currentPage: D,
+      handleNextPage: R,
+      handleFirstPage: D,
+      handleLastPage: L,
+      handlePreviousPage: P,
+      handleItemsPerPageChange: I,
+      currentPage: _,
       totalPages: y,
-      totalCount: C,
-      itemsPerPage: S
+      totalCount: O,
+      itemsPerPage: B
     }
-  }), f = () => {
-    c(l.CONTRACTOR_CREATE);
-  }, w = (e) => {
-    c(l.CONTRACTOR_UPDATE, { contractorId: e });
-  }, B = () => {
-    c(l.CONTRACTOR_ONBOARDING_CONTINUE);
-  }, x = async (e) => {
-    await T(e, async (a) => {
-      await I({
+  }), h = () => {
+    s(c.CONTRACTOR_CREATE);
+  }, k = (t) => {
+    s(c.CONTRACTOR_UPDATE, { contractorId: t });
+  }, F = () => {
+    s(c.CONTRACTOR_ONBOARDING_CONTINUE);
+  }, G = async (t) => {
+    await g(t, async (a) => {
+      await v({
         request: { contractorUuid: a }
-      }), c(l.CONTRACTOR_DELETED, { contractorId: a });
+      }), s(c.CONTRACTOR_DELETED, { contractorId: a });
+    });
+  }, H = async (t) => {
+    await g(t, async (a) => {
+      const m = await U({
+        request: {
+          contractorUuid: a,
+          contractorOnboardingStatusUpdateRequestBody: {
+            onboardingStatus: u.ADMIN_ONBOARDING_INCOMPLETE
+          }
+        }
+      });
+      s(
+        c.CONTRACTOR_SELF_ONBOARDING_CANCELLED,
+        m.contractorOnboardingStatus
+      );
     });
   };
-  return /* @__PURE__ */ m("section", { className: i, children: [
-    s && /* @__PURE__ */ t(b, { label: s, status: "success" }),
-    /* @__PURE__ */ m(h, { flexDirection: "column", children: [
-      /* @__PURE__ */ t(Z, { count: C, handleAdd: f }),
-      /* @__PURE__ */ t(X, { label: n("contractorListLabel"), ...v }),
-      /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(L, { onClick: B, isLoading: !1, children: n("continueCta") }) })
+  return /* @__PURE__ */ C("section", { className: i, children: [
+    d && /* @__PURE__ */ n(E, { label: d, status: "success" }),
+    /* @__PURE__ */ C(b, { flexDirection: "column", children: [
+      /* @__PURE__ */ n(rt, { count: O, handleAdd: h }),
+      /* @__PURE__ */ n(at, { label: e("contractorListLabel"), ...M }),
+      /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(T, { onClick: F, isLoading: !1, children: e("continueCta") }) })
     ] })
   ] });
 }
 export {
-  Lt as ContractorList
+  It as ContractorList
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/ContractorList/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsDeleteMutation } from '@gusto/embedded-api/react-query/contractorsDelete'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, CONTRACTOR_TYPE, ContractorOnboardingStatus } from '@/shared/constants'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\ninterface HeadProps {\n  count: number\n  handleAdd: () => void\n}\nfunction Head({ count, handleAdd }: HeadProps) {\n  const { Button, Heading } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"space-between\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n\n      {count !== 0 && (\n        <Button variant=\"secondary\" onClick={handleAdd}>\n          {t('addAnotherCta')}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\ninterface EmptyDataContractorsListProps {\n  handleAdd: () => void\n}\nfunction EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n  const { Button } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n      <ActionsLayout justifyContent=\"center\">\n        <Button onClick={handleAdd}>{t('addContractorCta')}</Button>\n      </ActionsLayout>\n    </EmptyData>\n  )\n}\n\n/**\n * Props for {@link ContractorList}.\n *\n * @public\n */\nexport interface ContractorListProps extends BaseComponentInterface<'Contractor.ContractorList'> {\n  /** UUID of the company whose contractors should be listed. */\n  companyId: string\n  /** Success message to display in an alert above the list, typically after a create, update, or delete action. */\n  successMessage?: string\n}\n\n/**\n * Lists a company's contractors with controls to add, edit, delete, and continue onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | The add-contractor action was triggered. | — |\n * | `contractor/update` | A contractor row's edit action was triggered. | `{ contractorId: string }` |\n * | `contractor/deleted` | A contractor was successfully deleted. | `{ contractorId: string }` |\n * | `contractor/onboarding/continue` | The continue action was triggered to advance onboarding. | — |\n *\n * @param props - See {@link ContractorListProps}.\n * @returns The rendered contractor list.\n * @public\n */\nexport function ContractorList(props: ContractorListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, dictionary, successMessage }: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  useComponentDictionary('Contractor.ContractorList', dictionary)\n  const { t } = useTranslation('Contractor.ContractorList')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { Alert, Button } = useComponentContext()\n  const {\n    contractors,\n    totalCount,\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    itemsPerPage,\n  } = useContractors({ companyUuid: companyId })\n  const { mutateAsync: deleteContractorMutation, isPending: isPendingDelete } =\n    useContractorsDeleteMutation()\n\n  const dataViewProps = useDataView<Contractor>({\n    columns: [\n      {\n        title: t('listHeaders.name'),\n        render: contractor =>\n          contractor.type === CONTRACTOR_TYPE.BUSINESS\n            ? contractor.businessName\n            : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n      },\n      {\n        title: t('listHeaders.status'),\n        render: ({ onboarded, onboardingStatus }) => (\n          <ContractorOnboardingStatusBadge\n            onboarded={onboarded}\n            onboardingStatus={onboardingStatus}\n          />\n        ),\n      },\n    ],\n    data: contractors,\n    itemMenu: contractor => {\n      const isAwaitingSelfOnboardingReview =\n        contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_REVIEW\n      const editLabel = isAwaitingSelfOnboardingReview ? t('reviewCta') : t('editCta')\n\n      return (\n        <HamburgerMenu\n          items={[\n            {\n              label: editLabel,\n              icon: <PencilSvg aria-hidden />,\n              onClick: () => {\n                handleEdit(contractor.uuid)\n              },\n            },\n            {\n              label: t('deleteCta'),\n              icon: <TrashCanSvg aria-hidden />,\n              onClick: () => {\n                void handleDelete(contractor.uuid)\n              },\n            },\n          ]}\n          triggerLabel={editLabel}\n          isLoading={isPendingDelete}\n        />\n      )\n    },\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n  })\n\n  const handleAdd = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleEdit = (uuid: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId: uuid })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_ONBOARDING_CONTINUE)\n  }\n\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteContractorMutation({\n        request: { contractorUuid: payload },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId: payload })\n    })\n  }\n\n  return (\n    <section className={className}>\n      {successMessage && <Alert label={successMessage} status=\"success\" />}\n      <Flex flexDirection=\"column\">\n        <Head count={totalCount} handleAdd={handleAdd} />\n        <DataView label={t('contractorListLabel')} {...dataViewProps} />\n        <ActionsLayout>\n          <Button onClick={handleContinue} isLoading={false}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","props","BaseComponent","Root","companyId","className","dictionary","successMessage","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","Alert","contractors","totalCount","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","itemsPerPage","useContractors","deleteContractorMutation","isPendingDelete","useContractorsDeleteMutation","dataViewProps","useDataView","contractor","CONTRACTOR_TYPE","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","isAwaitingSelfOnboardingReview","ContractorOnboardingStatus","editLabel","HamburgerMenu","PencilSvg","handleEdit","TrashCanSvg","handleDelete","componentEvents","uuid","handleContinue","payload","DataView"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,SAASA,EAAK,EAAE,OAAAC,GAAO,WAAAC,KAAwB;AAC7C,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA,GACtB,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,SACE,gBAAAC,EAACC,GAAA,EAAK,YAAW,UAAS,gBAAe,iBACvC,UAAA;AAAA,IAAA,gBAAAC,EAACN,GAAA,EAAQ,IAAG,MAAM,UAAAE,EAAE,OAAO,GAAE;AAAA,IAE5BL,MAAU,KACT,gBAAAS,EAACP,GAAA,EAAO,SAAQ,aAAY,SAASD,GAClC,UAAAI,EAAE,eAAe,EAAA,CACpB;AAAA,EAAA,GAEJ;AAEJ;AAKA,SAASK,EAAyB,EAAE,WAAAT,KAA4C;AAC9E,QAAM,EAAE,QAAAC,EAAA,IAAWE,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,SACE,gBAAAG,EAACE,KAAU,OAAON,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAI,EAACG,KAAc,gBAAe,UAC5B,4BAACV,GAAA,EAAO,SAASD,GAAY,UAAAI,EAAE,kBAAkB,EAAA,CAAE,EAAA,CACrD,EAAA,CACF;AAEJ;AA6BO,SAASQ,GAAeC,GAA4B;AACzD,SACE,gBAAAL,EAACM,GAAA,EAAe,GAAGD,GACjB,UAAA,gBAAAL,EAACO,MAAM,GAAGF,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASE,GAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,YAAAC,GAAY,gBAAAC,KAAuC;AACvF,EAAAC,EAAQ,2BAA2B,GACnCC,EAAuB,6BAA6BH,CAAU;AAC9D,QAAM,EAAE,GAAAd,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,SAAAiB,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,OAAAC,GAAO,QAAAxB,EAAA,IAAWE,EAAA,GACpB;AAAA,IACJ,aAAAuB;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAe,EAAE,aAAapB,GAAW,GACvC,EAAE,aAAaqB,GAA0B,WAAWC,EAAA,IACxDC,EAAA,GAEIC,IAAgBC,EAAwB;AAAA,IAC5C,SAAS;AAAA,MACP;AAAA,QACE,OAAOrC,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAsC,MACNA,EAAW,SAASC,EAAgB,WAChCD,EAAW,eACXE,EAAc,EAAE,YAAYF,EAAW,WAAW,WAAWA,EAAW,UAAU;AAAA,MAAA;AAAA,MAE1F;AAAA,QACE,OAAOtC,EAAE,oBAAoB;AAAA,QAC7B,QAAQ,CAAC,EAAE,WAAAyC,GAAW,kBAAAC,QACpB,gBAAAtC;AAAA,UAACuC;AAAA,UAAA;AAAA,YACC,WAAAF;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IAEF,MAAMpB;AAAA,IACN,UAAU,CAAAgB,MAAc;AACtB,YAAMM,IACJN,EAAW,qBAAqBO,EAA2B,wBACvDC,IAA6C9C,EAAjC4C,IAAmC,cAAiB,SAAN;AAEhE,aACE,gBAAAxC;AAAA,QAAC2C;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL;AAAA,cACE,OAAOD;AAAA,cACP,MAAM,gBAAA1C,EAAC4C,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,cAC7B,SAAS,MAAM;AACb,gBAAAC,EAAWX,EAAW,IAAI;AAAA,cAC5B;AAAA,YAAA;AAAA,YAEF;AAAA,cACE,OAAOtC,EAAE,WAAW;AAAA,cACpB,MAAM,gBAAAI,EAAC8C,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAKC,EAAab,EAAW,IAAI;AAAA,cACnC;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,cAAcQ;AAAA,UACd,WAAWZ;AAAA,QAAA;AAAA,MAAA;AAAA,IAGjB;AAAA,IACA,YAAY,MAAM,gBAAA9B,EAACC,GAAA,EAAyB,WAAAT,EAAA,CAAsB;AAAA,IAClE,YAAY;AAAA,MACV,gBAAA4B;AAAA,MACA,iBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,0BAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAP;AAAA,MACA,cAAAQ;AAAA,IAAA;AAAA,EACF,CACD,GAEKnC,IAAY,MAAM;AACtB,IAAAsB,EAAQkC,EAAgB,iBAAiB;AAAA,EAC3C,GAEMH,IAAa,CAACI,MAAiB;AACnC,IAAAnC,EAAQkC,EAAgB,mBAAmB,EAAE,cAAcC,GAAM;AAAA,EACnE,GAEMC,IAAiB,MAAM;AAC3B,IAAApC,EAAQkC,EAAgB,8BAA8B;AAAA,EACxD,GAEMD,IAAe,OAAOE,MAAiB;AAC3C,UAAMlC,EAAkBkC,GAAM,OAAME,MAAW;AAC7C,YAAMtB,EAAyB;AAAA,QAC7B,SAAS,EAAE,gBAAgBsB,EAAA;AAAA,MAAQ,CACpC,GAEDrC,EAAQkC,EAAgB,oBAAoB,EAAE,cAAcG,GAAS;AAAA,IACvE,CAAC;AAAA,EACH;AAEA,SACE,gBAAArD,EAAC,aAAQ,WAAAW,GACN,UAAA;AAAA,IAAAE,KAAkB,gBAAAX,EAACiB,GAAA,EAAM,OAAON,GAAgB,QAAO,WAAU;AAAA,IAClE,gBAAAb,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,MAAA,gBAAAC,EAACV,GAAA,EAAK,OAAO6B,GAAY,WAAA3B,EAAA,CAAsB;AAAA,wBAC9C4D,GAAA,EAAS,OAAOxD,EAAE,qBAAqB,GAAI,GAAGoC,GAAe;AAAA,MAC9D,gBAAAhC,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACP,GAAA,EAAO,SAASyD,GAAgB,WAAW,IACzC,UAAAtD,EAAE,aAAa,EAAA,CAClB,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/ContractorList/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsDeleteMutation } from '@gusto/embedded-api/react-query/contractorsDelete'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, CONTRACTOR_TYPE, ContractorOnboardingStatus } from '@/shared/constants'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport XCircleSvg from '@/assets/icons/x-circle.svg?react'\n\ninterface HeadProps {\n  count: number\n  handleAdd: () => void\n}\nfunction Head({ count, handleAdd }: HeadProps) {\n  const { Button, Heading } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"space-between\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n\n      {count !== 0 && (\n        <Button variant=\"secondary\" onClick={handleAdd}>\n          {t('addAnotherCta')}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\ninterface EmptyDataContractorsListProps {\n  handleAdd: () => void\n}\nfunction EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n  const { Button } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n      <ActionsLayout justifyContent=\"center\">\n        <Button onClick={handleAdd}>{t('addContractorCta')}</Button>\n      </ActionsLayout>\n    </EmptyData>\n  )\n}\n\n/**\n * Props for {@link ContractorList}.\n *\n * @public\n */\nexport interface ContractorListProps extends BaseComponentInterface<'Contractor.ContractorList'> {\n  /** UUID of the company whose contractors should be listed. */\n  companyId: string\n  /** Success message to display in an alert above the list, typically after a create, update, or delete action. */\n  successMessage?: string\n}\n\n/**\n * Lists a company's contractors with controls to add, edit, delete, cancel self-onboarding, and continue onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | The add-contractor action was triggered. | — |\n * | `contractor/update` | A contractor row's edit action was triggered. | `{ contractorId: string }` |\n * | `contractor/deleted` | A contractor was successfully deleted. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | A contractor's self-onboarding was cancelled, reverting them to admin onboarding. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/onboarding/continue` | The continue action was triggered to advance onboarding. | — |\n *\n * @param props - See {@link ContractorListProps}.\n * @returns The rendered contractor list.\n * @public\n */\nexport function ContractorList(props: ContractorListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, dictionary, successMessage }: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  useComponentDictionary('Contractor.ContractorList', dictionary)\n  const { t } = useTranslation('Contractor.ContractorList')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { Alert, Button } = useComponentContext()\n  const {\n    contractors,\n    totalCount,\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    itemsPerPage,\n  } = useContractors({ companyUuid: companyId })\n  const { mutateAsync: deleteContractorMutation, isPending: isPendingDelete } =\n    useContractorsDeleteMutation()\n  const { mutateAsync: updateOnboardingStatusMutation, isPending: isPendingCancel } =\n    useContractorsUpdateOnboardingStatusMutation()\n\n  const dataViewProps = useDataView<Contractor>({\n    columns: [\n      {\n        title: t('listHeaders.name'),\n        render: contractor =>\n          contractor.type === CONTRACTOR_TYPE.BUSINESS\n            ? contractor.businessName\n            : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n      },\n      {\n        title: t('listHeaders.status'),\n        render: ({ onboarded, onboardingStatus }) => (\n          <ContractorOnboardingStatusBadge\n            onboarded={onboarded}\n            onboardingStatus={onboardingStatus}\n          />\n        ),\n      },\n    ],\n    data: contractors,\n    itemMenu: contractor => {\n      const isAwaitingSelfOnboardingReview =\n        contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_REVIEW\n      const editLabel = isAwaitingSelfOnboardingReview ? t('reviewCta') : t('editCta')\n      const canCancelSelfOnboarding =\n        contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_INVITED ||\n        contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_STARTED\n\n      // While the contractor is mid self-onboarding, editing is blocked: the\n      // admin must first cancel self-onboarding. So the Edit item is omitted\n      // whenever cancelling is available.\n      const menuItems: MenuItem[] = []\n\n      if (!canCancelSelfOnboarding) {\n        menuItems.push({\n          label: editLabel,\n          icon: <PencilSvg aria-hidden />,\n          onClick: () => {\n            handleEdit(contractor.uuid)\n          },\n        })\n      }\n\n      if (canCancelSelfOnboarding) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          icon: <XCircleSvg aria-hidden />,\n          onClick: () => {\n            void handleCancelSelfOnboarding(contractor.uuid)\n          },\n        })\n      }\n\n      menuItems.push({\n        label: t('deleteCta'),\n        icon: <TrashCanSvg aria-hidden />,\n        onClick: () => {\n          void handleDelete(contractor.uuid)\n        },\n      })\n\n      return <HamburgerMenu items={menuItems} isLoading={isPendingDelete || isPendingCancel} />\n    },\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n  })\n\n  const handleAdd = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleEdit = (uuid: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId: uuid })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_ONBOARDING_CONTINUE)\n  }\n\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteContractorMutation({\n        request: { contractorUuid: payload },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId: payload })\n    })\n  }\n\n  const handleCancelSelfOnboarding = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      const response = await updateOnboardingStatusMutation({\n        request: {\n          contractorUuid: payload,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n\n      onEvent(\n        componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED,\n        response.contractorOnboardingStatus,\n      )\n    })\n  }\n\n  return (\n    <section className={className}>\n      {successMessage && <Alert label={successMessage} status=\"success\" />}\n      <Flex flexDirection=\"column\">\n        <Head count={totalCount} handleAdd={handleAdd} />\n        <DataView label={t('contractorListLabel')} {...dataViewProps} />\n        <ActionsLayout>\n          <Button onClick={handleContinue} isLoading={false}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","props","BaseComponent","Root","companyId","className","dictionary","successMessage","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","Alert","contractors","totalCount","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","itemsPerPage","useContractors","deleteContractorMutation","isPendingDelete","useContractorsDeleteMutation","updateOnboardingStatusMutation","isPendingCancel","useContractorsUpdateOnboardingStatusMutation","dataViewProps","useDataView","contractor","CONTRACTOR_TYPE","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","isAwaitingSelfOnboardingReview","ContractorOnboardingStatus","editLabel","canCancelSelfOnboarding","menuItems","PencilSvg","handleEdit","XCircleSvg","handleCancelSelfOnboarding","TrashCanSvg","handleDelete","HamburgerMenu","componentEvents","uuid","handleContinue","payload","response","DataView"],"mappings":"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"}