@gusto/embedded-react-sdk 0.55.2 → 0.55.4

package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { useCompanyFormsGetAllSuspense } from '@gusto/embedded-api/react-query/companyFormsGetAll'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { ManageSignatories } from './ManageSignatories'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentList}.\n *\n * @public\n */\nexport interface DocumentListProps extends BaseComponentInterface<'Company.DocumentList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * Identifier of the signatory viewing the documents. When it matches the\n   * company's saved signatory, the user is treated as that signatory and is\n   * allowed to sign documents.\n   */\n  signatoryId?: string\n}\n\n/**\n * Displays the list of company documents to be signed and lets the user manage signatories.\n *\n * @remarks\n * Lower-level building block used internally by `CompanyOnboarding.DocumentSigner` for its list\n * view. Use this component directly when you need full control over navigation between the\n * document list and the signature form.\n *\n * When `signatoryId` matches the currently saved signatory's id, the user is treated as the\n * signatory and is allowed to sign documents.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/forms/view` | Fired when a user selects a form to sign from the document list | The selected company form |\n * | `company/forms/editSignatory` | Fired when user requests to change the document signatory | The current signatory entity |\n * | `company/forms/done` | Fired when user completes the document signing process | — |\n *\n * @param props - Component props including the company id and optional signatory id\n * @returns The document list view with signatory management and continue action\n * @public\n */\nexport function DocumentList(props: DocumentListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, signatoryId, className, children, dictionary }: DocumentListProps) {\n  useComponentDictionary('Company.DocumentList', dictionary)\n  useI18n('Company.DocumentList')\n  const { onEvent } = useBase()\n\n  const {\n    data: { forms },\n    error: documentListError,\n  } = useCompanyFormsGetAllSuspense({\n    companyId,\n  })\n  const companyForms = forms!\n\n  const {\n    data: { signatories: signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  // For now, this will only ever have one entry for the current signatory since companies can\n  // only have one signatory. If that changes in the future, this UX will need to be revisited.\n  const signatory = signatories[0]\n  const isSelfSignatory = !!signatoryId && signatory?.uuid === signatoryId\n\n  const handleRequestFormToSign = (form: FormSchema) => {\n    onEvent(companyEvents.COMPANY_VIEW_FORM_TO_SIGN, form)\n  }\n\n  const handleChangeSignatory = () => {\n    onEvent(companyEvents.COMPANY_FORM_EDIT_SIGNATORY, signatory)\n  }\n\n  const handleContinue = () => {\n    onEvent(companyEvents.COMPANY_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          companyForms,\n          documentListError,\n          handleRequestFormToSign,\n          handleChangeSignatory,\n          handleContinue,\n          isSelfSignatory,\n          signatory,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <ManageSignatories />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","companyId","signatoryId","className","children","dictionary","useComponentDictionary","useI18n","onEvent","useBase","forms","documentListError","useCompanyFormsGetAllSuspense","companyForms","signatoryList","useSignatoriesListSuspense","signatory","isSelfSignatory","DocumentListProvider","form","companyEvents","Flex","jsxs","Fragment","Head","ManageSignatories","List","Actions"],"mappings":";;;;;;;;;;;;;AAoDO,SAASA,EAAaC,GAA0B;AACrD,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,aAAAC,GAAa,WAAAC,GAAW,UAAAC,GAAU,YAAAC,KAAiC;AAC5F,EAAAC,EAAuB,wBAAwBD,CAAU,GACzDE,EAAQ,sBAAsB;AAC9B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,OAAAC,EAAA;AAAA,IACR,OAAOC;AAAA,EAAA,IACLC,EAA8B;AAAA,IAChC,WAAAX;AAAA,EAAA,CACD,GACKY,IAAeH,GAEf;AAAA,IACJ,MAAM,EAAE,aAAaI,EAAA;AAAA,EAAc,IACjCC,EAA2B;AAAA,IAC7B,aAAad;AAAA,EAAA,CACd,GAKKe,IAJcF,EAIU,CAAC,GACzBG,IAAkB,CAAC,CAACf,KAAec,GAAW,SAASd;AAc7D,SACE,gBAAAJ,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAAL;AAAA,QACA,mBAAAF;AAAA,QACA,yBAlBwB,CAACQ,MAAqB;AACpD,UAAAX,EAAQY,EAAc,2BAA2BD,CAAI;AAAA,QACvD;AAAA,QAiBQ,uBAfsB,MAAM;AAClC,UAAAX,EAAQY,EAAc,6BAA6BJ,CAAS;AAAA,QAC9D;AAAA,QAcQ,gBAZe,MAAM;AAC3B,UAAAR,EAAQY,EAAc,kBAAkB;AAAA,QAC1C;AAAA,QAWQ,iBAAAH;AAAA,QACA,WAAAD;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAlB,EAACuB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAjB,KAGC,gBAAAkB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAzB,EAAC0B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAkB;AAAA,0BAClBC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { useCompanyFormsGetAllSuspense } from '@gusto/embedded-api/react-query/companyFormsGetAll'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { ManageSignatories } from './ManageSignatories'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentList}.\n *\n * @public\n */\nexport interface DocumentListProps extends BaseComponentInterface<'Company.DocumentList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * Identifier of the signatory viewing the documents. When it matches the\n   * company's saved signatory, the user is treated as that signatory and is\n   * allowed to sign documents.\n   */\n  signatoryId?: string\n}\n\n/**\n * Displays the list of company documents to be signed and lets the user manage signatories.\n *\n * @remarks\n * Lower-level building block used internally by `CompanyOnboarding.DocumentSigner` for its list\n * view. Use this component directly when you need full control over navigation between the\n * document list and the signature form.\n *\n * When `signatoryId` matches the currently saved signatory's id, the user is treated as the\n * signatory and is allowed to sign documents.\n *\n * Each form's description is rendered as returned by the API, unless the `dictionary` prop\n * supplies a `forms.<name>.description` override for that form's `name` (e.g.\n * `forms.US_8655.description`).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/forms/view` | Fired when a user selects a form to sign from the document list | The selected company form |\n * | `company/forms/editSignatory` | Fired when user requests to change the document signatory | The current signatory entity |\n * | `company/forms/done` | Fired when user completes the document signing process | — |\n *\n * @param props - Component props including the company id and optional signatory id\n * @returns The document list view with signatory management and continue action\n * @public\n */\nexport function DocumentList(props: DocumentListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, signatoryId, className, children, dictionary }: DocumentListProps) {\n  useComponentDictionary('Company.DocumentList', dictionary)\n  useI18n('Company.DocumentList')\n  const { onEvent } = useBase()\n\n  const {\n    data: { forms },\n    error: documentListError,\n  } = useCompanyFormsGetAllSuspense({\n    companyId,\n  })\n  const companyForms = forms!\n\n  const {\n    data: { signatories: signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  // For now, this will only ever have one entry for the current signatory since companies can\n  // only have one signatory. If that changes in the future, this UX will need to be revisited.\n  const signatory = signatories[0]\n  const isSelfSignatory = !!signatoryId && signatory?.uuid === signatoryId\n\n  const handleRequestFormToSign = (form: FormSchema) => {\n    onEvent(companyEvents.COMPANY_VIEW_FORM_TO_SIGN, form)\n  }\n\n  const handleChangeSignatory = () => {\n    onEvent(companyEvents.COMPANY_FORM_EDIT_SIGNATORY, signatory)\n  }\n\n  const handleContinue = () => {\n    onEvent(companyEvents.COMPANY_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          companyForms,\n          documentListError,\n          handleRequestFormToSign,\n          handleChangeSignatory,\n          handleContinue,\n          isSelfSignatory,\n          signatory,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <ManageSignatories />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","companyId","signatoryId","className","children","dictionary","useComponentDictionary","useI18n","onEvent","useBase","forms","documentListError","useCompanyFormsGetAllSuspense","companyForms","signatoryList","useSignatoriesListSuspense","signatory","isSelfSignatory","DocumentListProvider","form","companyEvents","Flex","jsxs","Fragment","Head","ManageSignatories","List","Actions"],"mappings":";;;;;;;;;;;;;AAwDO,SAASA,EAAaC,GAA0B;AACrD,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,aAAAC,GAAa,WAAAC,GAAW,UAAAC,GAAU,YAAAC,KAAiC;AAC5F,EAAAC,EAAuB,wBAAwBD,CAAU,GACzDE,EAAQ,sBAAsB;AAC9B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,OAAAC,EAAA;AAAA,IACR,OAAOC;AAAA,EAAA,IACLC,EAA8B;AAAA,IAChC,WAAAX;AAAA,EAAA,CACD,GACKY,IAAeH,GAEf;AAAA,IACJ,MAAM,EAAE,aAAaI,EAAA;AAAA,EAAc,IACjCC,EAA2B;AAAA,IAC7B,aAAad;AAAA,EAAA,CACd,GAKKe,IAJcF,EAIU,CAAC,GACzBG,IAAkB,CAAC,CAACf,KAAec,GAAW,SAASd;AAc7D,SACE,gBAAAJ,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAAL;AAAA,QACA,mBAAAF;AAAA,QACA,yBAlBwB,CAACQ,MAAqB;AACpD,UAAAX,EAAQY,EAAc,2BAA2BD,CAAI;AAAA,QACvD;AAAA,QAiBQ,uBAfsB,MAAM;AAClC,UAAAX,EAAQY,EAAc,6BAA6BJ,CAAS;AAAA,QAC9D;AAAA,QAcQ,gBAZe,MAAM;AAC3B,UAAAR,EAAQY,EAAc,kBAAkB;AAAA,QAC1C;AAAA,QAWQ,iBAAAH;AAAA,QACA,WAAAD;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAlB,EAACuB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAjB,KAGC,gBAAAkB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAzB,EAAC0B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAkB;AAAA,0BAClBC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/DocumentSigner/DocumentList/List.js

@@ -2,22 +2,25 @@ import { jsx as a } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
 import { useDocumentList as l } from "./useDocumentList.js";
 import { DocumentList as p } from "../../../Common/DocumentList/DocumentList.js";
-function S() {
-  const { companyForms: o, handleRequestFormToSign: i, documentListError: e, isSelfSignatory: r } = l(), { t } = c("Company.DocumentList"), s = (n) => {
-    const m = o.find((u) => u.uuid === n.uuid);
-    i(m || n);
+function d(e, i) {
+  return e.name && i(`forms.${e.name}.description`, { defaultValue: "" }) || e.description;
+}
+function f() {
+  const { companyForms: e, handleRequestFormToSign: i, documentListError: o, isSelfSignatory: r } = l(), { t } = c("Company.DocumentList"), s = (n) => {
+    const u = e.find((m) => m.uuid === n.uuid);
+    i(u || n);
   };
   return /* @__PURE__ */ a(
     p,
     {
-      forms: o.map((n) => ({
+      forms: e.map((n) => ({
         uuid: n.uuid,
         title: n.title,
-        description: n.description,
+        description: d(n, t),
         requires_signing: n.requiresSigning
       })),
       onRequestSign: s,
-      withError: !!e,
+      withError: !!o,
       label: t("documentListLabel"),
       columnLabels: {
         form: t("formColumnLabel"),
@@ -35,6 +38,6 @@ function S() {
   );
 }
 export {
-  S as List
+  f as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Company/DocumentSigner/DocumentList/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { DocumentList, type FormData } from '@/components/Common/DocumentList'\n\n/** @internal */\nfunction List() {\n  const { companyForms, handleRequestFormToSign, documentListError, isSelfSignatory } =\n    useDocumentList()\n\n  const { t } = useTranslation('Company.DocumentList')\n\n  const onRequestSign = (requestedForm: FormData) => {\n    const companyForm = companyForms.find(currentForm => currentForm.uuid === requestedForm.uuid)\n    handleRequestFormToSign(companyForm || requestedForm)\n  }\n\n  return (\n    <DocumentList\n      forms={companyForms.map(form => ({\n        uuid: form.uuid,\n        title: form.title,\n        description: form.description,\n        requires_signing: form.requiresSigning,\n      }))}\n      onRequestSign={onRequestSign}\n      withError={!!documentListError}\n      label={t('documentListLabel')}\n      columnLabels={{\n        form: t('formColumnLabel'),\n        action: t('actionColumnLabel'),\n      }}\n      statusLabels={{\n        signCta: t('signDocumentCta'),\n        notSigned: t('notSigned'),\n        complete: t('signDocumentComplete'),\n      }}\n      emptyStateLabel={t('emptyTableTitle')}\n      errorLabel={t('documentListError')}\n      canSign={isSelfSignatory}\n    />\n  )\n}\n\nexport { List }\n"],"names":["List","companyForms","handleRequestFormToSign","documentListError","isSelfSignatory","useDocumentList","useTranslation","onRequestSign","requestedForm","companyForm","currentForm","jsx","DocumentList","form"],"mappings":";;;;AAKA,SAASA,IAAO;AACd,QAAM,EAAE,cAAAC,GAAc,yBAAAC,GAAyB,mBAAAC,GAAmB,iBAAAC,EAAA,IAChEC,EAAA,GAEI,EAAE,EAAA,IAAMC,EAAe,sBAAsB,GAE7CC,IAAgB,CAACC,MAA4B;AACjD,UAAMC,IAAcR,EAAa,KAAK,OAAeS,EAAY,SAASF,EAAc,IAAI;AAC5F,IAAAN,EAAwBO,KAAeD,CAAa;AAAA,EACtD;AAEA,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOX,EAAa,IAAI,CAAAY,OAAS;AAAA,QAC/B,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAAN;AAAA,MACA,WAAW,CAAC,CAACJ;AAAA,MACb,OAAO,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAM,EAAE,iBAAiB;AAAA,QACzB,QAAQ,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAAS,EAAE,iBAAiB;AAAA,QAC5B,WAAW,EAAE,WAAW;AAAA,QACxB,UAAU,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiB,EAAE,iBAAiB;AAAA,MACpC,YAAY,EAAE,mBAAmB;AAAA,MACjC,SAASC;AAAA,IAAA;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { TFunction } from 'i18next'\nimport type { Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { useDocumentList } from './useDocumentList'\nimport { DocumentList, type FormData } from '@/components/Common/DocumentList'\n\n/**\n * Resolves a form's rendered description, preferring a partner-provided\n * `forms.<name>.description` dictionary override over the API-provided text.\n * Falls back to the API text when no override exists (including for form\n * names outside the SDK's known catalog).\n */\nfunction resolveFormDescription(form: FormSchema, t: TFunction<'Company.DocumentList'>) {\n  if (!form.name) return form.description\n  const override = t(`forms.${form.name}.description` as never, { defaultValue: '' }) as string\n  return override || form.description\n}\n\n/** @internal */\nfunction List() {\n  const { companyForms, handleRequestFormToSign, documentListError, isSelfSignatory } =\n    useDocumentList()\n\n  const { t } = useTranslation('Company.DocumentList')\n\n  const onRequestSign = (requestedForm: FormData) => {\n    const companyForm = companyForms.find(currentForm => currentForm.uuid === requestedForm.uuid)\n    handleRequestFormToSign(companyForm || requestedForm)\n  }\n\n  return (\n    <DocumentList\n      forms={companyForms.map(form => ({\n        uuid: form.uuid,\n        title: form.title,\n        description: resolveFormDescription(form, t),\n        requires_signing: form.requiresSigning,\n      }))}\n      onRequestSign={onRequestSign}\n      withError={!!documentListError}\n      label={t('documentListLabel')}\n      columnLabels={{\n        form: t('formColumnLabel'),\n        action: t('actionColumnLabel'),\n      }}\n      statusLabels={{\n        signCta: t('signDocumentCta'),\n        notSigned: t('notSigned'),\n        complete: t('signDocumentComplete'),\n      }}\n      emptyStateLabel={t('emptyTableTitle')}\n      errorLabel={t('documentListError')}\n      canSign={isSelfSignatory}\n    />\n  )\n}\n\nexport { List }\n"],"names":["resolveFormDescription","form","t","List","companyForms","handleRequestFormToSign","documentListError","isSelfSignatory","useDocumentList","useTranslation","onRequestSign","requestedForm","companyForm","currentForm","jsx","DocumentList"],"mappings":";;;;AAYA,SAASA,EAAuBC,GAAkBC,GAAsC;AACtF,SAAKD,EAAK,QACOC,EAAE,SAASD,EAAK,IAAI,gBAAyB,EAAE,cAAc,IAAI,KAC/DA,EAAK;AAC1B;AAGA,SAASE,IAAO;AACd,QAAM,EAAE,cAAAC,GAAc,yBAAAC,GAAyB,mBAAAC,GAAmB,iBAAAC,EAAA,IAChEC,EAAA,GAEI,EAAE,EAAA,IAAMC,EAAe,sBAAsB,GAE7CC,IAAgB,CAACC,MAA4B;AACjD,UAAMC,IAAcR,EAAa,KAAK,OAAeS,EAAY,SAASF,EAAc,IAAI;AAC5F,IAAAN,EAAwBO,KAAeD,CAAa;AAAA,EACtD;AAEA,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOX,EAAa,IAAI,CAAAH,OAAS;AAAA,QAC/B,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaD,EAAuBC,GAAM,CAAC;AAAA,QAC3C,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAAS;AAAA,MACA,WAAW,CAAC,CAACJ;AAAA,MACb,OAAO,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAM,EAAE,iBAAiB;AAAA,QACzB,QAAQ,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAAS,EAAE,iBAAiB;AAAA,QAC5B,WAAW,EAAE,WAAW;AAAA,QACxB,UAAU,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiB,EAAE,iBAAiB;AAAA,MACpC,YAAY,EAAE,mBAAmB;AAAA,MACjC,SAASC;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js

@@ -11,13 +11,12 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, f] = t(
+const [a, d] = t(
   "CompanyDocumentListContext"
 );
 export {
-  f as DocumentListProvider,
-  d as useDocumentList
+  d as DocumentListProvider,
+  a as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  companyForms: FormSchema[]\n  documentListError: Error | null\n  handleRequestFormToSign: (form: FormSchema) => void\n  handleChangeSignatory: () => void\n  handleContinue: () => void\n  isSelfSignatory: boolean\n  signatory?: Signatory\n}\n\nconst [useDocumentList, DocumentListProvider] = createCompoundContext<DocumentListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  companyForms: FormSchema[]\n  documentListError: Error | null\n  handleRequestFormToSign: (form: FormSchema) => void\n  handleChangeSignatory: () => void\n  handleContinue: () => void\n  isSelfSignatory: boolean\n  signatory?: Signatory\n}\n\nconst [useDocumentList, DocumentListProvider] = createCompoundContext<DocumentListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}

package/dist/components/Company/FederalTaxes/useFederalTaxes.js

@@ -13,19 +13,18 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const b = o.object({
+const C = o.object({
   federalEin: o.string().optional(),
   taxPayerType: o.enum(Object.values(e)).optional(),
   filingForm: o.enum(Object.values(r)).optional(),
   legalName: o.string().min(1)
-}), [j, v] = t(
+}), [b, j] = t(
   "CompanyFederalTaxesContext"
 );
 export {
-  b as FederalTaxFormSchema,
-  v as FederalTaxesProvider,
-  j as useFederalTaxes
+  C as FederalTaxFormSchema,
+  j as FederalTaxesProvider,
+  b as useFederalTaxes
 };
 //# sourceMappingURL=useFederalTaxes.js.map

package/dist/components/Company/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { FederalTaxDetails } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { FilingForm, TaxPayerType } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const FederalTaxFormSchema = z.object({\n  federalEin: z.string().optional(),\n  taxPayerType: z.enum(Object.values(TaxPayerType) as [string, ...string[]]).optional(),\n  filingForm: z.enum(Object.values(FilingForm) as [string, ...string[]]).optional(),\n  legalName: z.string().min(1),\n})\n\n/** @internal */\nexport type FederalTaxFormInputs = z.input<typeof FederalTaxFormSchema>\n\n/**\n * Pre-populated values for the company federal tax form, supplied via {@link FederalTaxesProps}.\n * At least one of `taxPayerType`, `filingForm`, or `legalName` must be provided.\n *\n * @public\n */\nexport type FederalTaxesDefaultValues = RequireAtLeastOne<{\n  taxPayerType?: FederalTaxFormInputs['taxPayerType']\n  filingForm?: FederalTaxFormInputs['filingForm']\n  legalName?: FederalTaxFormInputs['legalName']\n}>\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n  federalTaxDetails?: FederalTaxDetails\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] = createCompoundContext<FederalTaxesContextType>(\n  'CompanyFederalTaxesContext',\n)\n\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["FederalTaxFormSchema","z","TaxPayerType","FilingForm","useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EAC3C,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,cAAcA,EAAE,KAAK,OAAO,OAAOC,CAAY,CAA0B,EAAE,SAAA;AAAA,EAC3E,YAAYD,EAAE,KAAK,OAAO,OAAOE,CAAU,CAA0B,EAAE,SAAA;AAAA,EACvE,WAAWF,EAAE,OAAA,EAAS,IAAI,CAAC;AAC7B,CAAC,GAsBK,CAACG,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { FederalTaxDetails } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { FilingForm, TaxPayerType } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const FederalTaxFormSchema = z.object({\n  federalEin: z.string().optional(),\n  taxPayerType: z.enum(Object.values(TaxPayerType) as [string, ...string[]]).optional(),\n  filingForm: z.enum(Object.values(FilingForm) as [string, ...string[]]).optional(),\n  legalName: z.string().min(1),\n})\n\n/** @internal */\nexport type FederalTaxFormInputs = z.input<typeof FederalTaxFormSchema>\n\n/**\n * Pre-populated values for the company federal tax form, supplied via {@link FederalTaxesProps}.\n * At least one of `taxPayerType`, `filingForm`, or `legalName` must be provided.\n *\n * @public\n */\nexport type FederalTaxesDefaultValues = RequireAtLeastOne<{\n  taxPayerType?: FederalTaxFormInputs['taxPayerType']\n  filingForm?: FederalTaxFormInputs['filingForm']\n  legalName?: FederalTaxFormInputs['legalName']\n}>\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n  federalTaxDetails?: FederalTaxDetails\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] = createCompoundContext<FederalTaxesContextType>(\n  'CompanyFederalTaxesContext',\n)\n\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["FederalTaxFormSchema","z","TaxPayerType","FilingForm","useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAOO,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EAC3C,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,cAAcA,EAAE,KAAK,OAAO,OAAOC,CAAY,CAA0B,EAAE,SAAA;AAAA,EAC3E,YAAYD,EAAE,KAAK,OAAO,OAAOE,CAAU,CAA0B,EAAE,SAAA;AAAA,EACvE,WAAWF,EAAE,OAAA,EAAS,IAAI,CAAC;AAC7B,CAAC,GAsBK,CAACG,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}

package/dist/components/Company/Industry/Context.js

@@ -11,17 +11,16 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const [P, f] = t("IndustryItems", {
+const [A, P] = t("IndustryItems", {
   items: []
-}), [v, x] = t("IndustryApi", {
+}), [f, v] = t("IndustryApi", {
   isPending: !1
 });
 export {
-  x as IndustryApiStateProvider,
-  f as IndustryItemsProvider,
-  v as useIndustryApiState,
-  P as useIndustryItems
+  v as IndustryApiStateProvider,
+  P as IndustryItemsProvider,
+  f as useIndustryApiState,
+  A as useIndustryItems
 };
 //# sourceMappingURL=Context.js.map

package/dist/components/Company/Industry/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}

package/dist/components/Company/Locations/LocationForm/useLocationForm.js

@@ -11,13 +11,12 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [L, f] = o(
+const [d, L] = o(
   "CompanyDocumentFormContext"
 );
 export {
-  f as LocationsFormProvider,
-  L as useLocationsForm
+  L as LocationsFormProvider,
+  d as useLocationsForm
 };
 //# sourceMappingURL=useLocationForm.js.map

package/dist/components/Company/Locations/LocationForm/useLocationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/Locations/LocationsList/List.js

@@ -1,18 +1,18 @@
-import { jsxs as r, jsx as e, Fragment as o } from "react/jsx-runtime";
-import { useTranslation as P } from "react-i18next";
-import { useLocationsList as y } from "./useLocationsList.js";
-import b from "./List.module.scss.js";
-import x from "../../../../assets/icons/pencil.svg.js";
-import { EmptyData as T } from "../../../Common/EmptyData/EmptyData.js";
-import { HamburgerMenu as A } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as k } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { getStreet as w, getCityStateZip as D } from "../../../../helpers/formattedStrings.js";
+import { jsxs as r, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { useTranslation as y } from "react-i18next";
+import { useLocationsList as b } from "./useLocationsList.js";
+import x from "./List.module.scss.js";
+import T from "../../../../assets/icons/pencil.svg.js";
+import { EmptyData as A } from "../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as k } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as w } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { getStreet as D, getCityStateZip as F } from "../../../../helpers/formattedStrings.js";
 import { VisuallyHidden as S } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
 import { useDataView as V } from "../../../Common/DataView/useDataView.js";
 import { DataView as v } from "../../../Common/DataView/DataView.js";
-const J = () => {
-  const a = k(), {
-    locationList: n,
+const K = () => {
+  const a = w(), {
+    locationList: o,
     handleEditLocation: s,
     currentPage: d,
     totalPages: l,
@@ -23,24 +23,25 @@ const J = () => {
     handleNextPage: p,
     handlePreviousPage: h,
     handleAddLocation: f,
-    itemsPerPage: C
-  } = y(), { t } = P("Company.Locations"), { ...L } = V({
-    data: n,
+    itemsPerPage: C,
+    isFetching: L
+  } = b(), { t } = y("Company.Locations"), { ...P } = V({
+    data: o,
     columns: [
       {
         key: "name",
         title: t("locationListCol1"),
-        render: (i) => /* @__PURE__ */ r("address", { className: b.addressCell, children: [
-          /* @__PURE__ */ e(a.Text, { size: "sm", weight: "medium", children: w(i) }),
-          /* @__PURE__ */ e(a.Text, { size: "sm", children: D(i) })
+        render: (i) => /* @__PURE__ */ r("address", { className: x.addressCell, children: [
+          /* @__PURE__ */ e(a.Text, { size: "sm", weight: "medium", children: D(i) }),
+          /* @__PURE__ */ e(a.Text, { size: "sm", children: F(i) })
         ] })
       },
       {
         key: "status",
         title: /* @__PURE__ */ e(S, { children: t("locationListCol2") }),
-        render: (i) => /* @__PURE__ */ r(o, { children: [
+        render: (i) => /* @__PURE__ */ r(n, { children: [
           i.mailingAddress && /* @__PURE__ */ e(a.Badge, { status: "info", children: t("mailingAddress") }),
-          i.filingAddress && /* @__PURE__ */ r(o, { children: [
+          i.filingAddress && /* @__PURE__ */ r(n, { children: [
             " ",
             /* @__PURE__ */ e(a.Badge, { status: "info", children: t("filingAddress") })
           ] })
@@ -48,7 +49,7 @@ const J = () => {
       }
     ],
     itemMenu: (i) => /* @__PURE__ */ e(
-      A,
+      k,
       {
         items: [
           {
@@ -56,7 +57,7 @@ const J = () => {
             onClick: () => {
               s(i.uuid);
             },
-            icon: /* @__PURE__ */ e(x, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ e(T, { "aria-hidden": !0 }),
             "data-testid": "edit-location"
           }
         ],
@@ -75,11 +76,12 @@ const J = () => {
       totalCount: m,
       itemsPerPage: C
     },
-    emptyState: () => /* @__PURE__ */ e(T, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ e(a.Button, { variant: "secondary", onClick: f, children: t("addFirstLocationCta") }) })
+    emptyState: () => /* @__PURE__ */ e(A, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ e(a.Button, { variant: "secondary", onClick: f, children: t("addFirstLocationCta") }) }),
+    isFetching: L
   });
-  return /* @__PURE__ */ e(v, { label: t("locationListLabel"), ...L });
+  return /* @__PURE__ */ e(v, { label: t("locationListLabel"), ...P });
 };
 export {
-  J as List
+  K as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Company/Locations/LocationsList/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/Locations/LocationsList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useLocationsList } from './useLocationsList'\nimport styles from './List.module.scss'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { DataView, EmptyData, useDataView, VisuallyHidden } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { getCityStateZip, getStreet } from '@/helpers/formattedStrings'\n\n/** @internal */\nexport const List = () => {\n  const Components = useComponentContext()\n  const {\n    locationList,\n    handleEditLocation,\n    currentPage,\n    totalPages,\n    totalCount,\n    handleFirstPage,\n    handleItemsPerPageChange,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    handleAddLocation,\n    itemsPerPage,\n  } = useLocationsList()\n\n  const { t } = useTranslation('Company.Locations')\n  const { ...dataViewProps } = useDataView({\n    data: locationList,\n    columns: [\n      {\n        key: 'name',\n        title: t('locationListCol1'),\n        render: location => {\n          return (\n            <address className={styles.addressCell}>\n              <Components.Text size=\"sm\" weight=\"medium\">\n                {getStreet(location)}\n              </Components.Text>\n              <Components.Text size=\"sm\">{getCityStateZip(location)}</Components.Text>\n            </address>\n          )\n        },\n      },\n      {\n        key: 'status',\n        title: <VisuallyHidden>{t('locationListCol2')}</VisuallyHidden>,\n        render: location => {\n          return (\n            <>\n              {location.mailingAddress && (\n                <Components.Badge status={'info'}>{t('mailingAddress')}</Components.Badge>\n              )}\n              {location.filingAddress && (\n                <>\n                  {' '}\n                  <Components.Badge status={'info'}>{t('filingAddress')}</Components.Badge>\n                </>\n              )}\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: location => {\n      return (\n        <HamburgerMenu\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                handleEditLocation(location.uuid)\n              },\n              icon: <PencilSvg aria-hidden />,\n              'data-testid': 'edit-location',\n            },\n          ]}\n          data-testid=\"location-hamburger\"\n          triggerLabel={t('hamburgerTitle')}\n        />\n      )\n    },\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <Components.Button variant=\"secondary\" onClick={handleAddLocation}>\n          {t('addFirstLocationCta')}\n        </Components.Button>\n      </EmptyData>\n    ),\n  })\n  return <DataView label={t('locationListLabel')} {...dataViewProps} />\n}\n"],"names":["List","Components","useComponentContext","locationList","handleEditLocation","currentPage","totalPages","totalCount","handleFirstPage","handleItemsPerPageChange","handleLastPage","handleNextPage","handlePreviousPage","handleAddLocation","itemsPerPage","useLocationsList","useTranslation","dataViewProps","useDataView","location","jsxs","styles","jsx","getStreet","getCityStateZip","VisuallyHidden","Fragment","HamburgerMenu","PencilSvg","EmptyData","DataView"],"mappings":";;;;;;;;;;;;AAUO,MAAMA,IAAO,MAAM;AACxB,QAAMC,IAAaC,EAAA,GACb;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAgB,MAEJ,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,aACzB,UAAA;AAAA,UAAA,gBAAAC,EAACrB,EAAW,MAAX,EAAgB,MAAK,MAAK,QAAO,UAC/B,UAAAsB,EAAUJ,CAAQ,EAAA,CACrB;AAAA,UACA,gBAAAG,EAACrB,EAAW,MAAX,EAAgB,MAAK,MAAM,UAAAuB,EAAgBL,CAAQ,EAAA,CAAE;AAAA,QAAA,GACxD;AAAA,MAEJ;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,gBAAAG,EAACG,GAAA,EAAgB,UAAA,EAAE,kBAAkB,GAAE;AAAA,QAC9C,QAAQ,CAAAN,MAEJ,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,UAAAP,EAAS,oCACPlB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAA,EAAE,gBAAgB,EAAA,CAAE;AAAA,UAExDkB,EAAS,iBACR,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAJ,EAACrB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,UAAA,EAAA,CACxD;AAAA,QAAA,GAEJ;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAkB,MAEN,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAvB,EAAmBe,EAAS,IAAI;AAAA,YAClC;AAAA,YACA,MAAM,gBAAAG,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,QAEF,eAAY;AAAA,QACZ,cAAc,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAItC,YAAY;AAAA,MACV,gBAAAjB;AAAA,MACA,iBAAAH;AAAA,MACA,gBAAAE;AAAA,MACA,oBAAAE;AAAA,MACA,0BAAAH;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAO;AAAA,IAAA;AAAA,IAEF,YAAY,MACV,gBAAAQ,EAACO,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,GAC5E,UAAA,gBAAAP,EAACrB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASY,GAC7C,UAAA,EAAE,qBAAqB,EAAA,CAC1B,EAAA,CACF;AAAA,EAAA,CAEH;AACD,2BAAQiB,GAAA,EAAS,OAAO,EAAE,mBAAmB,GAAI,GAAGb,GAAe;AACrE;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/Locations/LocationsList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useLocationsList } from './useLocationsList'\nimport styles from './List.module.scss'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { DataView, EmptyData, useDataView, VisuallyHidden } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { getCityStateZip, getStreet } from '@/helpers/formattedStrings'\n\n/** @internal */\nexport const List = () => {\n  const Components = useComponentContext()\n  const {\n    locationList,\n    handleEditLocation,\n    currentPage,\n    totalPages,\n    totalCount,\n    handleFirstPage,\n    handleItemsPerPageChange,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    handleAddLocation,\n    itemsPerPage,\n    isFetching,\n  } = useLocationsList()\n\n  const { t } = useTranslation('Company.Locations')\n  const { ...dataViewProps } = useDataView({\n    data: locationList,\n    columns: [\n      {\n        key: 'name',\n        title: t('locationListCol1'),\n        render: location => {\n          return (\n            <address className={styles.addressCell}>\n              <Components.Text size=\"sm\" weight=\"medium\">\n                {getStreet(location)}\n              </Components.Text>\n              <Components.Text size=\"sm\">{getCityStateZip(location)}</Components.Text>\n            </address>\n          )\n        },\n      },\n      {\n        key: 'status',\n        title: <VisuallyHidden>{t('locationListCol2')}</VisuallyHidden>,\n        render: location => {\n          return (\n            <>\n              {location.mailingAddress && (\n                <Components.Badge status={'info'}>{t('mailingAddress')}</Components.Badge>\n              )}\n              {location.filingAddress && (\n                <>\n                  {' '}\n                  <Components.Badge status={'info'}>{t('filingAddress')}</Components.Badge>\n                </>\n              )}\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: location => {\n      return (\n        <HamburgerMenu\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                handleEditLocation(location.uuid)\n              },\n              icon: <PencilSvg aria-hidden />,\n              'data-testid': 'edit-location',\n            },\n          ]}\n          data-testid=\"location-hamburger\"\n          triggerLabel={t('hamburgerTitle')}\n        />\n      )\n    },\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <Components.Button variant=\"secondary\" onClick={handleAddLocation}>\n          {t('addFirstLocationCta')}\n        </Components.Button>\n      </EmptyData>\n    ),\n    isFetching,\n  })\n  return <DataView label={t('locationListLabel')} {...dataViewProps} />\n}\n"],"names":["List","Components","useComponentContext","locationList","handleEditLocation","currentPage","totalPages","totalCount","handleFirstPage","handleItemsPerPageChange","handleLastPage","handleNextPage","handlePreviousPage","handleAddLocation","itemsPerPage","isFetching","useLocationsList","useTranslation","dataViewProps","useDataView","location","jsxs","styles","jsx","getStreet","getCityStateZip","VisuallyHidden","Fragment","HamburgerMenu","PencilSvg","EmptyData","DataView"],"mappings":";;;;;;;;;;;;AAUO,MAAMA,IAAO,MAAM;AACxB,QAAMC,IAAaC,EAAA,GACb;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMhB;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAiB,MAEJ,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,aACzB,UAAA;AAAA,UAAA,gBAAAC,EAACtB,EAAW,MAAX,EAAgB,MAAK,MAAK,QAAO,UAC/B,UAAAuB,EAAUJ,CAAQ,EAAA,CACrB;AAAA,UACA,gBAAAG,EAACtB,EAAW,MAAX,EAAgB,MAAK,MAAM,UAAAwB,EAAgBL,CAAQ,EAAA,CAAE;AAAA,QAAA,GACxD;AAAA,MAEJ;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,gBAAAG,EAACG,GAAA,EAAgB,UAAA,EAAE,kBAAkB,GAAE;AAAA,QAC9C,QAAQ,CAAAN,MAEJ,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,UAAAP,EAAS,oCACPnB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAA,EAAE,gBAAgB,EAAA,CAAE;AAAA,UAExDmB,EAAS,iBACR,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAJ,EAACtB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,UAAA,EAAA,CACxD;AAAA,QAAA,GAEJ;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAmB,MAEN,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAxB,EAAmBgB,EAAS,IAAI;AAAA,YAClC;AAAA,YACA,MAAM,gBAAAG,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,QAEF,eAAY;AAAA,QACZ,cAAc,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAItC,YAAY;AAAA,MACV,gBAAAlB;AAAA,MACA,iBAAAH;AAAA,MACA,gBAAAE;AAAA,MACA,oBAAAE;AAAA,MACA,0BAAAH;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAO;AAAA,IAAA;AAAA,IAEF,YAAY,MACV,gBAAAS,EAACO,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,GAC5E,UAAA,gBAAAP,EAACtB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASY,GAC7C,UAAA,EAAE,qBAAqB,EAAA,CAC1B,EAAA,CACF;AAAA,IAEF,YAAAE;AAAA,EAAA,CACD;AACD,2BAAQgB,GAAA,EAAS,OAAO,EAAE,mBAAmB,GAAI,GAAGb,GAAe;AACrE;"}

package/dist/components/Company/Locations/LocationsList/LocationsList.js

@@ -1,48 +1,53 @@
-import { jsx as o, jsxs as l, Fragment as L } from "react/jsx-runtime";
-import { useLocationsGetSuspense as h } from "@gusto/embedded-api/react-query/locationsGet";
-import { Head as u } from "./Head.js";
-import { List as C } from "./List.js";
-import { Actions as O } from "./Actions.js";
-import { LocationsListProvider as A } from "./useLocationsList.js";
-import { useI18n as E } from "../../../../i18n/I18n.js";
-import { BaseComponent as N } from "../../../Base/Base.js";
-import { useBase as P } from "../../../Base/useBase.js";
-import { Flex as g } from "../../../Common/Flex/Flex.js";
-import { companyEvents as i } from "../../../../shared/constants.js";
-import { usePagination as I } from "../../../../hooks/usePagination/usePagination.js";
-function H(t) {
-  return /* @__PURE__ */ o(N, { ...t, children: /* @__PURE__ */ o(_, { ...t, children: t.children }) });
+import { jsx as o, jsxs as h, Fragment as O } from "react/jsx-runtime";
+import { keepPreviousData as C } from "@tanstack/react-query";
+import { useLocationsGet as A } from "@gusto/embedded-api/react-query/locationsGet";
+import { Head as g } from "./Head.js";
+import { List as E } from "./List.js";
+import { Actions as P } from "./Actions.js";
+import { LocationsListProvider as N } from "./useLocationsList.js";
+import { useI18n as I } from "../../../../i18n/I18n.js";
+import { BaseComponent as _, BaseLayout as v } from "../../../Base/Base.js";
+import { useBase as x } from "../../../Base/useBase.js";
+import { Flex as D } from "../../../Common/Flex/Flex.js";
+import { companyEvents as r } from "../../../../shared/constants.js";
+import { usePagination as T } from "../../../../hooks/usePagination/usePagination.js";
+function J(t) {
+  return /* @__PURE__ */ o(_, { ...t, children: /* @__PURE__ */ o(y, { ...t, children: t.children }) });
 }
-function _({ companyId: t, className: r, children: e }) {
-  E("Company.Locations");
-  const { onEvent: n } = P(), { getPaginationProps: s } = I(), {
-    data: { companyLocationsList: m, httpMeta: a }
-  } = h({ companyId: t }), c = () => {
-    n(i.COMPANY_LOCATION_DONE);
-  }, p = () => {
-    n(i.COMPANY_LOCATION_CREATE);
-  }, d = (f) => {
-    n(i.COMPANY_LOCATION_EDIT, { uuid: f });
+function y({ companyId: t, className: a, children: i, LoaderComponent: s }) {
+  I("Company.Locations");
+  const { onEvent: n } = x(), { getPaginationProps: m } = T(), { data: e, isFetching: c } = A(
+    { companyId: t },
+    { placeholderData: C, throwOnError: !0 }
+  ), p = () => {
+    n(r.COMPANY_LOCATION_DONE);
+  }, d = () => {
+    n(r.COMPANY_LOCATION_CREATE);
+  }, f = (u) => {
+    n(r.COMPANY_LOCATION_EDIT, { uuid: u });
   };
-  return /* @__PURE__ */ o("section", { className: r, children: /* @__PURE__ */ o(
-    A,
+  if (!e)
+    return /* @__PURE__ */ o(v, { isLoading: !0, LoaderComponent: s });
+  const { companyLocationsList: l, httpMeta: L } = e;
+  return /* @__PURE__ */ o("section", { className: a, children: /* @__PURE__ */ o(
+    N,
     {
       value: {
-        ...s(a.response.headers),
-        locationList: m ?? [],
-        handleAddLocation: p,
-        handleEditLocation: d,
-        handleContinue: c
+        ...m(L.response.headers, c),
+        locationList: l ?? [],
+        handleAddLocation: d,
+        handleEditLocation: f,
+        handleContinue: p
       },
-      children: /* @__PURE__ */ o(g, { flexDirection: "column", gap: 32, alignItems: "stretch", children: e || /* @__PURE__ */ l(L, { children: [
-        /* @__PURE__ */ o(u, {}),
-        /* @__PURE__ */ o(C, {}),
-        /* @__PURE__ */ o(O, {})
+      children: /* @__PURE__ */ o(D, { flexDirection: "column", gap: 32, alignItems: "stretch", children: i || /* @__PURE__ */ h(O, { children: [
+        /* @__PURE__ */ o(g, {}),
+        /* @__PURE__ */ o(E, {}),
+        /* @__PURE__ */ o(P, {})
       ] }) })
     }
   ) });
 }
 export {
-  H as LocationsList
+  J as LocationsList
 };
 //# sourceMappingURL=LocationsList.js.map

package/dist/components/Company/Locations/LocationsList/LocationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/LocationsList.tsx"],"sourcesContent":["import { useLocationsGetSuspense } from '@gusto/embedded-api/react-query/locationsGet'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { LocationsListProvider } from './useLocationsList'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for the {@link LocationsList} component.\n *\n * @public\n */\nexport interface LocationsListProps extends BaseComponentInterface<'Company.Locations'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of work locations for a company.\n *\n * @remarks\n * Standalone building block used internally by the orchestrated `Locations` 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/location/add` | A user chose to add a new location | — |\n * | `company/location/edit` | A user chose to edit a specific location | `{ uuid: string }` |\n * | `company/location/done` | The user chose to proceed to the next step | — |\n *\n * @param props - Component props including the `companyId` whose locations should be listed.\n * @returns The rendered locations list section.\n * @public\n */\nexport function LocationsList(props: LocationsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, children }: LocationsListProps) {\n  useI18n('Company.Locations')\n  const { onEvent } = useBase()\n\n  const { getPaginationProps } = usePagination()\n\n  const {\n    data: { companyLocationsList, httpMeta },\n  } = useLocationsGetSuspense({ companyId })\n\n  const handleContinue = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_DONE)\n  }\n  const handleAddLocation = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_CREATE)\n  }\n  const handleEditLocation = (uuid: string) => {\n    onEvent(companyEvents.COMPANY_LOCATION_EDIT, { uuid })\n  }\n\n  return (\n    <section className={className}>\n      <LocationsListProvider\n        value={{\n          ...getPaginationProps(httpMeta.response.headers),\n          locationList: companyLocationsList ?? [],\n          handleAddLocation,\n          handleEditLocation,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </LocationsListProvider>\n    </section>\n  )\n}\n"],"names":["LocationsList","props","jsx","BaseComponent","Root","companyId","className","children","useI18n","onEvent","useBase","getPaginationProps","usePagination","companyLocationsList","httpMeta","useLocationsGetSuspense","handleContinue","companyEvents","handleAddLocation","handleEditLocation","uuid","LocationsListProvider","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;;AAuCO,SAASA,EAAcC,GAA2B;AACvD,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,WAAAC,GAAW,UAAAC,KAAgC;AACpE,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzB;AAAA,IACJ,MAAM,EAAE,sBAAAC,GAAsB,UAAAC,EAAA;AAAA,EAAS,IACrCC,EAAwB,EAAE,WAAAV,GAAW,GAEnCW,IAAiB,MAAM;AAC3B,IAAAP,EAAQQ,EAAc,qBAAqB;AAAA,EAC7C,GACMC,IAAoB,MAAM;AAC9B,IAAAT,EAAQQ,EAAc,uBAAuB;AAAA,EAC/C,GACME,IAAqB,CAACC,MAAiB;AAC3C,IAAAX,EAAQQ,EAAc,uBAAuB,EAAE,MAAAG,EAAA,CAAM;AAAA,EACvD;AAEA,SACE,gBAAAlB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAmBG,EAAS,SAAS,OAAO;AAAA,QAC/C,cAAcD,KAAwB,CAAA;AAAA,QACtC,mBAAAK;AAAA,QACA,oBAAAC;AAAA,QACA,gBAAAH;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAd,EAACoB,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAAf,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAtB,EAACuB,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":"LocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/LocationsList.tsx"],"sourcesContent":["import { keepPreviousData } from '@tanstack/react-query'\nimport { useLocationsGet } from '@gusto/embedded-api/react-query/locationsGet'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { LocationsListProvider } from './useLocationsList'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for the {@link LocationsList} component.\n *\n * @public\n */\nexport interface LocationsListProps extends BaseComponentInterface<'Company.Locations'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of work locations for a company.\n *\n * @remarks\n * Standalone building block used internally by the orchestrated `Locations` 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/location/add` | A user chose to add a new location | — |\n * | `company/location/edit` | A user chose to edit a specific location | `{ uuid: string }` |\n * | `company/location/done` | The user chose to proceed to the next step | — |\n *\n * @param props - Component props including the `companyId` whose locations should be listed.\n * @returns The rendered locations list section.\n * @public\n */\nexport function LocationsList(props: LocationsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, children, LoaderComponent }: LocationsListProps) {\n  useI18n('Company.Locations')\n  const { onEvent } = useBase()\n\n  const { getPaginationProps } = usePagination()\n\n  const { data, isFetching } = useLocationsGet(\n    { companyId },\n    { placeholderData: keepPreviousData, throwOnError: true },\n  )\n\n  const handleContinue = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_DONE)\n  }\n  const handleAddLocation = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_CREATE)\n  }\n  const handleEditLocation = (uuid: string) => {\n    onEvent(companyEvents.COMPANY_LOCATION_EDIT, { uuid })\n  }\n\n  if (!data) {\n    return <BaseLayout isLoading LoaderComponent={LoaderComponent} />\n  }\n\n  const { companyLocationsList, httpMeta } = data\n\n  return (\n    <section className={className}>\n      <LocationsListProvider\n        value={{\n          ...getPaginationProps(httpMeta.response.headers, isFetching),\n          locationList: companyLocationsList ?? [],\n          handleAddLocation,\n          handleEditLocation,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </LocationsListProvider>\n    </section>\n  )\n}\n"],"names":["LocationsList","props","jsx","BaseComponent","Root","companyId","className","children","LoaderComponent","useI18n","onEvent","useBase","getPaginationProps","usePagination","data","isFetching","useLocationsGet","keepPreviousData","handleContinue","companyEvents","handleAddLocation","handleEditLocation","uuid","BaseLayout","companyLocationsList","httpMeta","LocationsListProvider","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;;;AAwCO,SAASA,EAAcC,GAA2B;AACvD,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,WAAAC,GAAW,UAAAC,GAAU,iBAAAC,KAAuC;AACrF,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzB,EAAE,MAAAC,GAAM,YAAAC,EAAA,IAAeC;AAAA,IAC3B,EAAE,WAAAX,EAAA;AAAA,IACF,EAAE,iBAAiBY,GAAkB,cAAc,GAAA;AAAA,EAAK,GAGpDC,IAAiB,MAAM;AAC3B,IAAAR,EAAQS,EAAc,qBAAqB;AAAA,EAC7C,GACMC,IAAoB,MAAM;AAC9B,IAAAV,EAAQS,EAAc,uBAAuB;AAAA,EAC/C,GACME,IAAqB,CAACC,MAAiB;AAC3C,IAAAZ,EAAQS,EAAc,uBAAuB,EAAE,MAAAG,EAAA,CAAM;AAAA,EACvD;AAEA,MAAI,CAACR;AACH,WAAO,gBAAAZ,EAACqB,GAAA,EAAW,WAAS,IAAC,iBAAAf,EAAA,CAAkC;AAGjE,QAAM,EAAE,sBAAAgB,GAAsB,UAAAC,EAAA,IAAaX;AAE3C,SACE,gBAAAZ,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAGd,EAAmBa,EAAS,SAAS,SAASV,CAAU;AAAA,QAC3D,cAAcS,KAAwB,CAAA;AAAA,QACtC,mBAAAJ;AAAA,QACA,oBAAAC;AAAA,QACA,gBAAAH;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAhB,EAACyB,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAApB,KAGC,gBAAAqB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/Locations/LocationsList/useLocationsList.d.ts

@@ -6,6 +6,7 @@ type LocationsListContextType = {
     totalCount: number;
     currentPage: number;
     itemsPerPage: PaginationItemsPerPage;
+    isFetching?: boolean;
     handleItemsPerPageChange: (n: PaginationItemsPerPage) => void;
     handleFirstPage: () => void;
     handlePreviousPage: () => void;

package/dist/components/Company/Locations/LocationsList/useLocationsList.js

@@ -11,13 +11,12 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [f, v] = o(
+const [d, f] = o(
   "CompanyDocumentListContext"
 );
 export {
-  v as LocationsListProvider,
-  f as useLocationsList
+  f as LocationsListProvider,
+  d as useLocationsList
 };
 //# sourceMappingURL=useLocationsList.js.map

package/dist/components/Company/Locations/LocationsList/useLocationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  isFetching?: boolean\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/OnboardingOverview/context.js

@@ -11,11 +11,10 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [C, c] = o("OnboardingOverviewContext");
+const [x, C] = o("OnboardingOverviewContext");
 export {
-  c as OnboardingOverviewProvider,
-  C as useOnboardingOverview
+  C as OnboardingOverviewProvider,
+  x as useOnboardingOverview
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/OnboardingOverview/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}
+{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/Form.d.ts

@@ -1,2 +1,9 @@
-/** @internal */
-export declare function Form(): (import("react").JSX.Element | null)[];
+/**
+ * Renders one section per requirement set, skipping sets that have nothing left to edit once
+ * non-editable requirements — and requirements resolved as never-applicable against a
+ * non-editable sibling — are dropped (mirrors gws-flows' `TaxRequirements::Edit.set_editable?`,
+ * which drops such sets from its own edit view entirely).
+ *
+ * @internal
+ */
+export declare function Form(): import("react").JSX.Element | (import("react").JSX.Element | null)[];

package/dist/components/Company/StateTaxes/StateTaxesForm/Form.js

@@ -1,26 +1,27 @@
-import { jsxs as i, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { useTranslation as x } from "react-i18next";
-import { RequirementFields as h } from "../shared/RequirementFields.js";
+import { jsxs as u, Fragment as q, jsx as t } from "react/jsx-runtime";
+import { useTranslation as h } from "react-i18next";
+import { RequirementFields as x } from "../shared/RequirementFields.js";
 import { getUniqueRhfKey as F } from "../shared/rhfKey.js";
-import { useStateTaxesForm as q } from "./context.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { isRequirementSetEditable as b } from "../shared/prepareRequirements.js";
+import { useStateTaxesForm as y } from "./context.js";
+import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDateFormatter as S } from "../../../../hooks/useDateFormatter.js";
-function k() {
-  const { t: s } = x("Company.StateTaxes", { keyPrefix: "form" }), a = S(), { stateTaxRequirements: f } = q(), t = y(), r = f.requirementSets ?? [];
-  return r.map((o, u) => {
-    const { requirements: c, label: p, effectiveFrom: n, key: l } = o;
-    if (!l) return null;
-    const m = F(o, u, r);
-    return /* @__PURE__ */ i(d, { children: [
-      /* @__PURE__ */ i("div", { children: [
-        /* @__PURE__ */ e(t.Heading, { as: "h3", children: p }),
-        n && /* @__PURE__ */ e(t.Text, { size: "sm", children: s("effectiveFromLabel", { date: a.formatLongWithYear(n) }) })
+function K() {
+  const { t: r } = h("Company.StateTaxes", { keyPrefix: "form" }), l = S(), { stateTaxRequirements: f } = y(), n = R(), o = f.requirementSets ?? [], i = o.map((e, c) => {
+    const { requirements: m, label: p, effectiveFrom: s, key: d } = e;
+    if (!d || !b(m ?? [])) return null;
+    const a = F(e, c, o);
+    return /* @__PURE__ */ u(q, { children: [
+      /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ t(n.Heading, { as: "h3", children: p }),
+        s && /* @__PURE__ */ t(n.Text, { size: "sm", children: r("effectiveFromLabel", { date: l.formatLongWithYear(s) }) })
       ] }),
-      /* @__PURE__ */ e(h, { requirements: c, requirementSetKey: m })
-    ] }, m);
+      /* @__PURE__ */ t(x, { requirements: m, requirementSetKey: a })
+    ] }, a);
   });
+  return i.every((e) => e === null) ? /* @__PURE__ */ t(n.Alert, { status: "info", label: r("noEditableRequirementsTitle"), children: r("noEditableRequirementsDescription") }) : i;
 }
 export {
-  k as Form
+  K as Form
 };
 //# sourceMappingURL=Form.js.map