@gusto/embedded-react-sdk 0.51.2 → 0.52.0

package/dist/components/Company/StateTaxes/StateTaxesList/List.js

@@ -1,18 +1,18 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
+import { useTranslation as l } from "react-i18next";
 import { SetupStatus as t } from "@gusto/embedded-api/models/components/taxrequirementstateslist";
-import { useStateTaxesList as f } from "./context.js";
-import { Flex as l } from "../../../Common/Flex/Flex.js";
-import { EmptyData as g } from "../../../Common/EmptyData/EmptyData.js";
-import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStateTaxesList as g } from "./context.js";
+import { Flex as p } from "../../../Common/Flex/Flex.js";
+import { EmptyData as f } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { useDataView as x } from "../../../Common/DataView/useDataView.js";
-import { DataView as C } from "../../../Common/DataView/DataView.js";
-const T = {
+import { useDataView as S } from "../../../Common/DataView/useDataView.js";
+import { DataView as T } from "../../../Common/DataView/DataView.js";
+const y = {
   [t.NotStarted]: "info",
   [t.InProgress]: "warning",
   [t.Complete]: "success"
-}, y = {
+}, C = {
   [t.NotStarted]: "notStartedBadge",
   [t.InProgress]: "inProgressBadge",
   [t.Complete]: "completeBadge"
@@ -21,49 +21,49 @@ const T = {
   [t.InProgress]: "continueStateTaxSetupCta",
   [t.Complete]: "editStateTaxCta"
 };
-function m(o) {
-  return o.setupStatus ? o.setupStatus : o.setupComplete ? t.Complete : t.InProgress;
+function m(n) {
+  return n.setupStatus ?? t.InProgress;
 }
 const N = () => {
-  const { stateTaxRequirements: o, handleChange: u } = f(), r = S(), { t: e } = p("Company.StateTaxes", { keyPrefix: "list" }), { t: c } = p("common", { keyPrefix: "statesHash" }), { ...d } = x({
-    data: o,
+  const { stateTaxRequirements: n, handleChange: c } = g(), o = x(), { t: e } = l("Company.StateTaxes", { keyPrefix: "list" }), { t: u } = l("common", { keyPrefix: "statesHash" }), { ...d } = S({
+    data: n,
     columns: [
       {
         key: "state",
         title: e("requirementsListCol1"),
-        render: (a) => /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
-          /* @__PURE__ */ s(r.Text, { as: "span", children: c(a.state) }),
-          a.defaultRatesApplied && /* @__PURE__ */ s(r.Text, { size: "sm", children: e("defaultRatesAppliedText") })
+        render: (a) => /* @__PURE__ */ i(p, { flexDirection: "column", gap: 4, children: [
+          /* @__PURE__ */ s(o.Text, { as: "span", children: u(a.state) }),
+          a.defaultRatesApplied && /* @__PURE__ */ s(o.Text, { size: "sm", children: e("defaultRatesAppliedText") })
         ] })
       },
       {
         key: "status",
         title: e("requirementsListCol2"),
         render: (a) => {
-          const n = m(a);
-          return /* @__PURE__ */ i(l, { gap: 8, alignItems: "center", flexWrap: "wrap", children: [
-            /* @__PURE__ */ s(r.Badge, { status: T[n], children: e(y[n]) }),
-            a.readyToRunPayroll && /* @__PURE__ */ s(r.Badge, { status: "success", children: e("readyToRunPayrollBadge") })
+          const r = m(a);
+          return /* @__PURE__ */ i(p, { gap: 8, alignItems: "center", flexWrap: "wrap", children: [
+            /* @__PURE__ */ s(o.Badge, { status: y[r], children: e(C[r]) }),
+            a.readyToRunPayroll && /* @__PURE__ */ s(o.Badge, { status: "success", children: e("readyToRunPayrollBadge") })
           ] });
         }
       }
     ],
     itemMenu: (a) => {
-      const n = m(a);
+      const r = m(a);
       return /* @__PURE__ */ s(
-        r.Button,
+        o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            a.state && u(a.state);
+            a.state && c(a.state);
           },
-          children: e(h[n])
+          children: e(h[r])
         }
       );
     },
-    emptyState: () => /* @__PURE__ */ s(g, { title: e("emptyTableTitle"), description: e("emptyTableDescription") })
+    emptyState: () => /* @__PURE__ */ s(f, { title: e("emptyTableTitle"), description: e("emptyTableDescription") })
   });
-  return /* @__PURE__ */ s(C, { label: e("requirementsListLabel"), ...d });
+  return /* @__PURE__ */ s(T, { label: e("requirementsListLabel"), ...d });
 };
 export {
   N as List

package/dist/components/Company/StateTaxes/StateTaxesList/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  SetupStatus,\n  type TaxRequirementStatesList,\n} from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype BadgeStatus = 'success' | 'warning' | 'info'\n\nconst badgeStatusMap: Record<SetupStatus, BadgeStatus> = {\n  [SetupStatus.NotStarted]: 'info',\n  [SetupStatus.InProgress]: 'warning',\n  [SetupStatus.Complete]: 'success',\n}\n\nconst badgeLabelMap = {\n  [SetupStatus.NotStarted]: 'notStartedBadge',\n  [SetupStatus.InProgress]: 'inProgressBadge',\n  [SetupStatus.Complete]: 'completeBadge',\n} as const satisfies Record<SetupStatus, string>\n\nconst ctaLabelMap = {\n  [SetupStatus.NotStarted]: 'startStateTaxSetupCta',\n  [SetupStatus.InProgress]: 'continueStateTaxSetupCta',\n  [SetupStatus.Complete]: 'editStateTaxCta',\n} as const satisfies Record<SetupStatus, string>\n\nfunction getSetupStatus(req: TaxRequirementStatesList): SetupStatus {\n  if (req.setupStatus) return req.setupStatus\n  return req.setupComplete ? SetupStatus.Complete : SetupStatus.InProgress\n}\n\n/** @internal */\nexport const List = () => {\n  const { stateTaxRequirements, handleChange } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => (\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Text as=\"span\">\n              {statesHash(requirement.state as (typeof STATES_ABBR)[number])}\n            </Components.Text>\n            {requirement.defaultRatesApplied && (\n              <Components.Text size=\"sm\">{t('defaultRatesAppliedText')}</Components.Text>\n            )}\n          </Flex>\n        ),\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          const status = getSetupStatus(requirement)\n          return (\n            <Flex gap={8} alignItems=\"center\" flexWrap=\"wrap\">\n              <Components.Badge status={badgeStatusMap[status]}>\n                {t(badgeLabelMap[status])}\n              </Components.Badge>\n              {requirement.readyToRunPayroll && (\n                <Components.Badge status=\"success\">{t('readyToRunPayrollBadge')}</Components.Badge>\n              )}\n            </Flex>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      const status = getSetupStatus(requirement)\n      return (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            if (requirement.state) handleChange(requirement.state)\n          }}\n        >\n          {t(ctaLabelMap[status])}\n        </Components.Button>\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["badgeStatusMap","SetupStatus","badgeLabelMap","ctaLabelMap","getSetupStatus","req","List","stateTaxRequirements","handleChange","useStateTaxesList","Components","useComponentContext","t","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsxs","Flex","jsx","status","EmptyData","DataView"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAmD;AAAA,EACvD,CAACC,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B,GAEMC,IAAgB;AAAA,EACpB,CAACD,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B,GAEME,IAAc;AAAA,EAClB,CAACF,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B;AAEA,SAASG,EAAeC,GAA4C;AAClE,SAAIA,EAAI,cAAoBA,EAAI,cACzBA,EAAI,gBAAgBJ,EAAY,WAAWA,EAAY;AAChE;AAGO,MAAMK,IAAO,MAAM;AACxB,QAAM,EAAE,sBAAAC,GAAsB,cAAAC,EAAA,IAAiBC,EAAA,GACzCC,IAAaC,EAAA,GAEb,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMT;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOK,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAK,MACN,gBAAAC,EAACC,KAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAC,EAACV,EAAW,MAAX,EAAgB,IAAG,QACjB,UAAAI,EAAWG,EAAY,KAAqC,GAC/D;AAAA,UACCA,EAAY,uBACX,gBAAAG,EAACV,EAAW,MAAX,EAAgB,MAAK,MAAM,UAAAE,EAAE,yBAAyB,EAAA,CAAE;AAAA,QAAA,EAAA,CAE7D;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAK,MAAe;AACrB,gBAAMI,IAASjB,EAAea,CAAW;AACzC,mCACGE,GAAA,EAAK,KAAK,GAAG,YAAW,UAAS,UAAS,QACzC,UAAA;AAAA,YAAA,gBAAAC,EAACV,EAAW,OAAX,EAAiB,QAAQV,EAAeqB,CAAM,GAC5C,UAAAT,EAAEV,EAAcmB,CAAM,CAAC,EAAA,CAC1B;AAAA,YACCJ,EAAY,qBACX,gBAAAG,EAACV,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAE,EAAE,wBAAwB,EAAA,CAAE;AAAA,UAAA,GAEpE;AAAA,QAEJ;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,UAAU,CAAAK,MAAe;AACvB,YAAMI,IAASjB,EAAea,CAAW;AACzC,aACE,gBAAAG;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAIO,EAAY,SAAOT,EAAaS,EAAY,KAAK;AAAA,UACvD;AAAA,UAEC,UAAAL,EAAET,EAAYkB,CAAM,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAG5B;AAAA,IAEA,YAAY,MACV,gBAAAD,EAACE,GAAA,EAAU,OAAOV,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,EAAA,CAAG;AAAA,EAAA,CAEpF;AACD,2BAAQW,GAAA,EAAS,OAAOX,EAAE,uBAAuB,GAAI,GAAGG,GAAe;AACzE;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  SetupStatus,\n  type TaxRequirementStatesList,\n} from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype BadgeStatus = 'success' | 'warning' | 'info'\n\nconst badgeStatusMap: Record<SetupStatus, BadgeStatus> = {\n  [SetupStatus.NotStarted]: 'info',\n  [SetupStatus.InProgress]: 'warning',\n  [SetupStatus.Complete]: 'success',\n}\n\nconst badgeLabelMap = {\n  [SetupStatus.NotStarted]: 'notStartedBadge',\n  [SetupStatus.InProgress]: 'inProgressBadge',\n  [SetupStatus.Complete]: 'completeBadge',\n} as const satisfies Record<SetupStatus, string>\n\nconst ctaLabelMap = {\n  [SetupStatus.NotStarted]: 'startStateTaxSetupCta',\n  [SetupStatus.InProgress]: 'continueStateTaxSetupCta',\n  [SetupStatus.Complete]: 'editStateTaxCta',\n} as const satisfies Record<SetupStatus, string>\n\nfunction getSetupStatus(req: TaxRequirementStatesList): SetupStatus {\n  return req.setupStatus ?? SetupStatus.InProgress\n}\n\n/** @internal */\nexport const List = () => {\n  const { stateTaxRequirements, handleChange } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => (\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Text as=\"span\">\n              {statesHash(requirement.state as (typeof STATES_ABBR)[number])}\n            </Components.Text>\n            {requirement.defaultRatesApplied && (\n              <Components.Text size=\"sm\">{t('defaultRatesAppliedText')}</Components.Text>\n            )}\n          </Flex>\n        ),\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          const status = getSetupStatus(requirement)\n          return (\n            <Flex gap={8} alignItems=\"center\" flexWrap=\"wrap\">\n              <Components.Badge status={badgeStatusMap[status]}>\n                {t(badgeLabelMap[status])}\n              </Components.Badge>\n              {requirement.readyToRunPayroll && (\n                <Components.Badge status=\"success\">{t('readyToRunPayrollBadge')}</Components.Badge>\n              )}\n            </Flex>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      const status = getSetupStatus(requirement)\n      return (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            if (requirement.state) handleChange(requirement.state)\n          }}\n        >\n          {t(ctaLabelMap[status])}\n        </Components.Button>\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["badgeStatusMap","SetupStatus","badgeLabelMap","ctaLabelMap","getSetupStatus","req","List","stateTaxRequirements","handleChange","useStateTaxesList","Components","useComponentContext","t","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsxs","Flex","jsx","status","EmptyData","DataView"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAmD;AAAA,EACvD,CAACC,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B,GAEMC,IAAgB;AAAA,EACpB,CAACD,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B,GAEME,IAAc;AAAA,EAClB,CAACF,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B;AAEA,SAASG,EAAeC,GAA4C;AAClE,SAAOA,EAAI,eAAeJ,EAAY;AACxC;AAGO,MAAMK,IAAO,MAAM;AACxB,QAAM,EAAE,sBAAAC,GAAsB,cAAAC,EAAA,IAAiBC,EAAA,GACzCC,IAAaC,EAAA,GAEb,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMT;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOK,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAK,MACN,gBAAAC,EAACC,KAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAC,EAACV,EAAW,MAAX,EAAgB,IAAG,QACjB,UAAAI,EAAWG,EAAY,KAAqC,GAC/D;AAAA,UACCA,EAAY,uBACX,gBAAAG,EAACV,EAAW,MAAX,EAAgB,MAAK,MAAM,UAAAE,EAAE,yBAAyB,EAAA,CAAE;AAAA,QAAA,EAAA,CAE7D;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAK,MAAe;AACrB,gBAAMI,IAASjB,EAAea,CAAW;AACzC,mCACGE,GAAA,EAAK,KAAK,GAAG,YAAW,UAAS,UAAS,QACzC,UAAA;AAAA,YAAA,gBAAAC,EAACV,EAAW,OAAX,EAAiB,QAAQV,EAAeqB,CAAM,GAC5C,UAAAT,EAAEV,EAAcmB,CAAM,CAAC,EAAA,CAC1B;AAAA,YACCJ,EAAY,qBACX,gBAAAG,EAACV,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAE,EAAE,wBAAwB,EAAA,CAAE;AAAA,UAAA,GAEpE;AAAA,QAEJ;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,UAAU,CAAAK,MAAe;AACvB,YAAMI,IAASjB,EAAea,CAAW;AACzC,aACE,gBAAAG;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAIO,EAAY,SAAOT,EAAaS,EAAY,KAAK;AAAA,UACvD;AAAA,UAEC,UAAAL,EAAET,EAAYkB,CAAM,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAG5B;AAAA,IAEA,YAAY,MACV,gBAAAD,EAACE,GAAA,EAAU,OAAOV,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,EAAA,CAAG;AAAA,EAAA,CAEpF;AACD,2BAAQW,GAAA,EAAS,OAAOX,EAAE,uBAAuB,GAAI,GAAGG,GAAe;AACzE;"}

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.d.ts

@@ -7,6 +7,15 @@ import { BaseComponentInterface } from '../../../Base/Base';
 export interface StateTaxesListProps extends BaseComponentInterface<'Company.StateTaxes'> {
     /** The associated company identifier. */
     companyId: string;
+    /**
+     * Controls visibility of the Continue button below the state tax list.
+     *
+     * When `false`, hides the Continue button. Use this when the list is embedded
+     * as one step inside a larger flow that provides its own navigation.
+     *
+     * @defaultValue `true`
+     */
+    showContinueButton?: boolean;
 }
 /**
  * Displays the list of state tax requirements for a company with their setup status.

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js

@@ -1,42 +1,42 @@
-import { jsx as e, jsxs as c, Fragment as l } from "react/jsx-runtime";
-import { useTaxRequirementsGetAllSuspense as u } from "@gusto/embedded-api/react-query/taxRequirementsGetAll";
-import { Head as d } from "./Head.js";
-import { StateTaxesListProvider as f } from "./context.js";
-import { Actions as p } from "./Actions.js";
-import { List as h } from "./List.js";
-import { BaseComponent as T } from "../../../Base/Base.js";
-import { useI18n as x } from "../../../../i18n/I18n.js";
-import { Flex as A } from "../../../Common/Flex/Flex.js";
+import { jsx as e, jsxs as l, Fragment as u } from "react/jsx-runtime";
+import { useTaxRequirementsGetAllSuspense as d } from "@gusto/embedded-api/react-query/taxRequirementsGetAll";
+import { Head as f } from "./Head.js";
+import { StateTaxesListProvider as p } from "./context.js";
+import { Actions as h } from "./Actions.js";
+import { List as T } from "./List.js";
+import { BaseComponent as x } from "../../../Base/Base.js";
+import { useI18n as A } from "../../../../i18n/I18n.js";
+import { Flex as C } from "../../../Common/Flex/Flex.js";
 import { componentEvents as r } from "../../../../shared/constants.js";
-import { useBase as C } from "../../../Base/useBase.js";
-function B(t) {
-  return /* @__PURE__ */ e(T, { ...t, children: /* @__PURE__ */ e(S, { ...t, children: t.children }) });
+import { useBase as S } from "../../../Base/useBase.js";
+function F(t) {
+  return /* @__PURE__ */ e(x, { ...t, children: /* @__PURE__ */ e(E, { ...t, children: t.children }) });
 }
-function S({ className: t, children: n, companyId: i }) {
-  x("Company.StateTaxes");
-  const { onEvent: o } = C(), { data: m } = u({ companyUuid: i }), s = m.taxRequirementStatesList;
+function E({ className: t, children: n, companyId: i, showContinueButton: m = !0 }) {
+  A("Company.StateTaxes");
+  const { onEvent: o } = S(), { data: s } = d({ companyUuid: i }), a = s.taxRequirementStatesList;
   return /* @__PURE__ */ e("section", { className: t, children: /* @__PURE__ */ e(
-    f,
+    p,
     {
       value: {
         isPending: !1,
-        stateTaxRequirements: s,
+        stateTaxRequirements: a,
         handleContinue: () => {
           o(r.COMPANY_STATE_TAX_DONE);
         },
-        handleChange: (a) => {
-          o(r.COMPANY_STATE_TAX_EDIT, { state: a });
+        handleChange: (c) => {
+          o(r.COMPANY_STATE_TAX_EDIT, { state: c });
         }
       },
-      children: /* @__PURE__ */ e(A, { flexDirection: "column", gap: 32, children: n || /* @__PURE__ */ c(l, { children: [
-        /* @__PURE__ */ e(d, {}),
-        /* @__PURE__ */ e(h, {}),
-        /* @__PURE__ */ e(p, {})
+      children: /* @__PURE__ */ e(C, { flexDirection: "column", gap: 32, children: n || /* @__PURE__ */ l(u, { children: [
+        /* @__PURE__ */ e(f, {}),
+        /* @__PURE__ */ e(T, {}),
+        m && /* @__PURE__ */ e(h, {})
       ] }) })
     }
   ) });
 }
 export {
-  B as StateTaxesList
+  F as StateTaxesList
 };
 //# sourceMappingURL=StateTaxesList.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesList.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/StateTaxesList.tsx"],"sourcesContent":["import { useTaxRequirementsGetAllSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGetAll'\nimport { Head } from './Head'\nimport { StateTaxesListProvider } from './context'\nimport { Actions } from './Actions'\nimport { List } from './List'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\n/**\n * Props for the {@link StateTaxesList} component.\n *\n * @public\n */\nexport interface StateTaxesListProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of state tax requirements for a company with their setup status.\n *\n * @remarks\n * Standalone building block used internally by the orchestrated `StateTaxes` component for its list view. Use this directly when you need full control over navigation between the list and form views.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/edit` | A user chose to edit requirements for a specific state | `{ state: string }` |\n * | `company/stateTaxes/done` | The user chose to proceed to the next step | — |\n *\n * @param props - Component props including the `companyId` whose state tax requirements should be listed.\n * @returns The rendered state taxes list section.\n * @public\n */\nexport function StateTaxesList(props: StateTaxesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, companyId }: StateTaxesListProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent } = useBase()\n  const { data } = useTaxRequirementsGetAllSuspense({ companyUuid: companyId })\n  const stateTaxRequirements = data.taxRequirementStatesList!\n\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_DONE)\n  }\n\n  const handleChange = (state: string) => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_EDIT, { state })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesListProvider\n        value={{\n          isPending: false,\n          stateTaxRequirements,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </StateTaxesListProvider>\n    </section>\n  )\n}\n"],"names":["StateTaxesList","props","jsx","BaseComponent","Root","className","children","companyId","useI18n","onEvent","useBase","data","useTaxRequirementsGetAllSuspense","stateTaxRequirements","StateTaxesListProvider","componentEvents","state","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;AAsCO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,UAAAC,GAAU,WAAAC,KAAkC;AACrE,EAAAC,EAAQ,oBAAoB;AAC5B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,MAAAC,EAAA,IAASC,EAAiC,EAAE,aAAaL,GAAW,GACtEM,IAAuBF,EAAK;AAUlC,SACE,gBAAAT,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAAD;AAAA,QACA,gBAde,MAAM;AAC3B,UAAAJ,EAAQM,EAAgB,sBAAsB;AAAA,QAChD;AAAA,QAaQ,cAXa,CAACC,MAAkB;AACtC,UAAAP,EAAQM,EAAgB,wBAAwB,EAAE,OAAAC,EAAA,CAAO;AAAA,QAC3D;AAAA,MASQ;AAAA,MAGF,UAAA,gBAAAd,EAACe,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,KAGC,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAjB,EAACkB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"StateTaxesList.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/StateTaxesList.tsx"],"sourcesContent":["import { useTaxRequirementsGetAllSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGetAll'\nimport { Head } from './Head'\nimport { StateTaxesListProvider } from './context'\nimport { Actions } from './Actions'\nimport { List } from './List'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\n/**\n * Props for the {@link StateTaxesList} component.\n *\n * @public\n */\nexport interface StateTaxesListProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button below the state tax list.\n   *\n   * When `false`, hides the Continue button. Use this when the list is embedded\n   * as one step inside a larger flow that provides its own navigation.\n   *\n   * @defaultValue `true`\n   */\n  showContinueButton?: boolean\n}\n\n/**\n * Displays the list of state tax requirements for a company with their setup status.\n *\n * @remarks\n * Standalone building block used internally by the orchestrated `StateTaxes` component for its list view. Use this directly when you need full control over navigation between the list and form views.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/edit` | A user chose to edit requirements for a specific state | `{ state: string }` |\n * | `company/stateTaxes/done` | The user chose to proceed to the next step | — |\n *\n * @param props - Component props including the `companyId` whose state tax requirements should be listed.\n * @returns The rendered state taxes list section.\n * @public\n */\nexport function StateTaxesList(props: StateTaxesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, companyId, showContinueButton = true }: StateTaxesListProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent } = useBase()\n  const { data } = useTaxRequirementsGetAllSuspense({ companyUuid: companyId })\n  const stateTaxRequirements = data.taxRequirementStatesList!\n\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_DONE)\n  }\n\n  const handleChange = (state: string) => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_EDIT, { state })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesListProvider\n        value={{\n          isPending: false,\n          stateTaxRequirements,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              {showContinueButton && <Actions />}\n            </>\n          )}\n        </Flex>\n      </StateTaxesListProvider>\n    </section>\n  )\n}\n"],"names":["StateTaxesList","props","jsx","BaseComponent","Root","className","children","companyId","showContinueButton","useI18n","onEvent","useBase","data","useTaxRequirementsGetAllSuspense","stateTaxRequirements","StateTaxesListProvider","componentEvents","state","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;AA+CO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,oBAAAC,IAAqB,MAA6B;AAChG,EAAAC,EAAQ,oBAAoB;AAC5B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,MAAAC,EAAA,IAASC,EAAiC,EAAE,aAAaN,GAAW,GACtEO,IAAuBF,EAAK;AAUlC,SACE,gBAAAV,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAAD;AAAA,QACA,gBAde,MAAM;AAC3B,UAAAJ,EAAQM,EAAgB,sBAAsB;AAAA,QAChD;AAAA,QAaQ,cAXa,CAACC,MAAkB;AACtC,UAAAP,EAAQM,EAAgB,wBAAwB,EAAE,OAAAC,EAAA,CAAO;AAAA,QAC3D;AAAA,MASQ;AAAA,MAGF,UAAA,gBAAAf,EAACgB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,KAGC,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAlB,EAACmB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,QACLd,uBAAuBe,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CAClC,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,5 +1,6 @@
+import { JSX } from 'react';
+import { FallbackProps } from 'react-error-boundary';
 import { AddressDefaultValues } from './types';
-import { BaseBoundariesProps } from '../../Base/Base';
 import { ResourceDictionary } from '../../../types/Helpers';
 import { EventType } from '../../../shared/constants';
 import { OnEventType } from '../../Base/useBase';
@@ -20,7 +21,7 @@ export interface AddressProps {
     /** Optional class applied to the wrapping `<section>`. */
     className?: string;
     /** Custom React component rendered when an unhandled error is caught by the component-level error boundary. */
-    FallbackComponent?: BaseBoundariesProps['FallbackComponent'];
+    FallbackComponent?: (props: FallbackProps) => JSX.Element;
 }
 /**
  * Form for collecting and updating a contractor's mailing address. Renders a business or home address title based on the contractor type.
@@ -49,4 +50,4 @@ export interface AddressProps {
  * }
  * ```
  */
-export declare function Address({ onEvent, FallbackComponent, ...rootProps }: AddressProps): import("react").JSX.Element;
+export declare function Address({ onEvent, FallbackComponent, ...rootProps }: AddressProps): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/Address.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\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 type { BaseBoundariesProps } from '@/components/Base/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?: BaseBoundariesProps['FallbackComponent']\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'\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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"}

package/dist/components/Contractor/Address/shared/useContractorAddressForm/contractorAddressSchema.d.ts

@@ -23,7 +23,7 @@ export type ContractorAddressErrorCode = (typeof ContractorAddressErrorCodes)[ke
  *
  * @public
  */
-export type ContractorAddressField = "street1" | "street2" | "city" | "state" | "zip";
+export type ContractorAddressField = "city" | "state" | "street1" | "street2" | "zip";
 /**
  * Shape of the values managed by the contractor address form.
  *
@@ -39,7 +39,7 @@ export type ContractorAddressFormOutputs = ContractorAddressFormData;
  *
  * @public
  */
-export type ContractorAddressOptionalFieldsToRequire = { create?: ("street1" | "street2" | "city" | "state" | "zip")[] | undefined; update?: ("street1" | "street2" | "city" | "state" | "zip")[] | undefined; };
+export type ContractorAddressOptionalFieldsToRequire = { create?: ("city" | "state" | "street1" | "street2" | "zip")[] | undefined; update?: ("city" | "state" | "street1" | "street2" | "zip")[] | undefined; };
 /** @internal */
 interface ContractorAddressSchemaOptions {
     optionalFieldsToRequire?: ContractorAddressOptionalFieldsToRequire;

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

@@ -148,4 +148,4 @@ export type UseContractorAddressFormResult = HookLoadingResult | UseContractorAd
  *
  * @public
  */
-export type ContractorAddressFieldsMetadata = { street1: FieldMetadata; street2: FieldMetadata; city: FieldMetadata; state: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"AL" | "AK" | "AZ" | "AR" | "CA" | "CO" | "CT" | "DE" | "DC" | "FL" | "GA" | "HI" | "ID" | "IL" | "IN" | "IA" | "KS" | "KY" | "LA" | "ME" | "MD" | "MA" | "MI" | "MN" | "MS" | "MO" | "MT" | "NE" | "NV" | "NH" | "NJ" | "NM" | "NY" | "NC" | "ND" | "OH" | "OK" | "OR" | "PA" | "RI" | "SC" | "SD" | "TN" | "TX" | "UT" | "VT" | "VA" | "WA" | "WV" | "WI" | "WY">; zip: FieldMetadata; };
+export type ContractorAddressFieldsMetadata = { street1: FieldMetadata; street2: FieldMetadata; city: FieldMetadata; state: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"AK" | "AL" | "AR" | "AZ" | "CA" | "CO" | "CT" | "DC" | "DE" | "FL" | "GA" | "HI" | "IA" | "ID" | "IL" | "IN" | "KS" | "KY" | "LA" | "MA" | "MD" | "ME" | "MI" | "MN" | "MO" | "MS" | "MT" | "NC" | "ND" | "NE" | "NH" | "NJ" | "NM" | "NV" | "NY" | "OH" | "OK" | "OR" | "PA" | "RI" | "SC" | "SD" | "TN" | "TX" | "UT" | "VA" | "VT" | "WA" | "WI" | "WV" | "WY">; zip: FieldMetadata; };

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

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