@gusto/embedded-react-sdk 0.55.3 → 0.55.5

package/dist/components/Common/DataView/DataView.js

@@ -1,52 +1,53 @@
-import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { jsxs as C, jsx as s } from "react/jsx-runtime";
 import { useRef as D, useMemo as w } from "react";
 import { PaginationControl as x } from "../PaginationControl/PaginationControl.js";
-import h from "./DataView.module.scss.js";
-import { DataTable as j } from "./DataTable/DataTable.js";
-import { DataCards as v } from "./DataCards/DataCards.js";
-import B from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-const T = ({
+import j from "./DataView.module.scss.js";
+import { DataTable as v } from "./DataTable/DataTable.js";
+import { DataCards as B } from "./DataCards/DataCards.js";
+import M from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+const g = ({
   pagination: t,
-  isFetching: s,
+  isFetching: o,
   breakAt: a = "small",
   breakpoints: i,
   footer: m,
   isWithinBox: p,
-  emptyState: c,
-  selectionMode: l,
+  emptyState: l,
+  selectionMode: c,
   onSelectAll: f,
   ...d
 }) => {
-  const e = D(null), o = B({
+  const e = D(null), r = M({
     ref: e,
     breakpoints: i
-  }), u = o.length > 0, r = !o.includes(a), b = w(() => r ? v : j, [r]);
+  }), u = r.length > 0, n = !r.includes(a), b = w(() => n ? B : v, [n]);
   return /* @__PURE__ */ C(
     "div",
     {
       "data-testid": "data-view",
-      className: h.dataViewContainer,
+      className: j.dataViewContainer,
       ref: (k) => {
         e.current = k;
       },
       children: [
-        u && /* @__PURE__ */ n(
+        u && /* @__PURE__ */ s(
           b,
           {
             ...d,
             onSelectAll: f,
             footer: m,
             isWithinBox: p,
-            emptyState: c,
-            selectionMode: l
+            emptyState: l,
+            selectionMode: c,
+            isFetching: o
           }
         ),
-        t && /* @__PURE__ */ n(x, { ...t, isFetching: s })
+        t && /* @__PURE__ */ s(x, { ...t, isFetching: o })
       ]
     }
   );
 };
 export {
-  T as DataView
+  g as DataView
 };
 //# sourceMappingURL=DataView.js.map

package/dist/components/Common/DataView/DataView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataView.js","sources":["../../../../src/components/Common/DataView/DataView.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { PaginationControl } from '../PaginationControl/PaginationControl'\nimport type { TableProps } from '../UI/Table/TableTypes'\nimport styles from './DataView.module.scss'\nimport { DataTable } from './DataTable/DataTable'\nimport type { useDataViewPropReturn, SelectionMode } from './useDataView'\nimport { DataCards } from './DataCards/DataCards'\nimport type { useContainerBreakpointsProps } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\n/** @internal */\nexport type DataViewProps<T> = {\n  columns: useDataViewPropReturn<T>['columns']\n  data: T[]\n  pagination?: useDataViewPropReturn<T>['pagination']\n  label: string\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  onSelectAll?: useDataViewPropReturn<T>['onSelectAll']\n  getIsItemSelected?: (item: T) => boolean\n  hideSelectAll?: useDataViewPropReturn<T>['hideSelectAll']\n  breakAt?: string\n  breakpoints?: useContainerBreakpointsProps['breakpoints']\n  footer?: useDataViewPropReturn<T>['footer']\n  isFetching?: boolean\n  isWithinBox?: TableProps['isWithinBox']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  selectionMode?: SelectionMode\n}\n\n/** @internal */\nexport const DataView = <T,>({\n  pagination,\n  isFetching,\n  breakAt = 'small',\n  breakpoints: customBreakpoints,\n  footer,\n  isWithinBox,\n  emptyState,\n  selectionMode,\n  onSelectAll,\n  ...dataViewProps\n}: DataViewProps<T>) => {\n  const containerRef = useRef<HTMLElement | null>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n    breakpoints: customBreakpoints,\n  })\n\n  // Wait for breakpoints to be detected before rendering\n  const isBreakpointsDetected = breakpoints.length > 0\n  const isMobile = !breakpoints.includes(breakAt)\n\n  const Component = useMemo(() => {\n    return isMobile ? DataCards : DataTable\n  }, [isMobile])\n\n  return (\n    <div\n      data-testid=\"data-view\"\n      className={styles.dataViewContainer}\n      ref={ref => {\n        containerRef.current = ref\n      }}\n    >\n      {isBreakpointsDetected && (\n        <Component\n          {...dataViewProps}\n          onSelectAll={onSelectAll}\n          footer={footer}\n          isWithinBox={isWithinBox}\n          emptyState={emptyState}\n          selectionMode={selectionMode}\n        />\n      )}\n      {pagination && <PaginationControl {...pagination} isFetching={isFetching} />}\n    </div>\n  )\n}\n"],"names":["DataView","pagination","isFetching","breakAt","customBreakpoints","footer","isWithinBox","emptyState","selectionMode","onSelectAll","dataViewProps","containerRef","useRef","breakpoints","useContainerBreakpoints","isBreakpointsDetected","isMobile","Component","useMemo","DataCards","DataTable","jsxs","styles","ref","jsx","PaginationControl"],"mappings":";;;;;;;AA+BO,MAAMA,IAAW,CAAK;AAAA,EAC3B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAaC;AAAA,EACb,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAeC,EAA2B,IAAI,GAC9CC,IAAcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,IACL,aAAaP;AAAA,EAAA,CACd,GAGKW,IAAwBF,EAAY,SAAS,GAC7CG,IAAW,CAACH,EAAY,SAASV,CAAO,GAExCc,IAAYC,EAAQ,MACjBF,IAAWG,IAAYC,GAC7B,CAACJ,CAAQ,CAAC;AAEb,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,EAAO;AAAA,MAClB,KAAK,CAAAC,MAAO;AACV,QAAAZ,EAAa,UAAUY;AAAA,MACzB;AAAA,MAEC,UAAA;AAAA,QAAAR,KACC,gBAAAS;AAAA,UAACP;AAAA,UAAA;AAAA,YACE,GAAGP;AAAA,YACJ,aAAAD;AAAA,YACA,QAAAJ;AAAA,YACA,aAAAC;AAAA,YACA,YAAAC;AAAA,YACA,eAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHP,KAAc,gBAAAuB,EAACC,GAAA,EAAmB,GAAGxB,GAAY,YAAAC,EAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhF;"}
+{"version":3,"file":"DataView.js","sources":["../../../../src/components/Common/DataView/DataView.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { PaginationControl } from '../PaginationControl/PaginationControl'\nimport type { TableProps } from '../UI/Table/TableTypes'\nimport styles from './DataView.module.scss'\nimport { DataTable } from './DataTable/DataTable'\nimport type { useDataViewPropReturn, SelectionMode } from './useDataView'\nimport { DataCards } from './DataCards/DataCards'\nimport type { useContainerBreakpointsProps } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\n/** @internal */\nexport type DataViewProps<T> = {\n  columns: useDataViewPropReturn<T>['columns']\n  data: T[]\n  pagination?: useDataViewPropReturn<T>['pagination']\n  label: string\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  onSelectAll?: useDataViewPropReturn<T>['onSelectAll']\n  getIsItemSelected?: (item: T) => boolean\n  hideSelectAll?: useDataViewPropReturn<T>['hideSelectAll']\n  breakAt?: string\n  breakpoints?: useContainerBreakpointsProps['breakpoints']\n  footer?: useDataViewPropReturn<T>['footer']\n  isFetching?: boolean\n  isWithinBox?: TableProps['isWithinBox']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  selectionMode?: SelectionMode\n}\n\n/** @internal */\nexport const DataView = <T,>({\n  pagination,\n  isFetching,\n  breakAt = 'small',\n  breakpoints: customBreakpoints,\n  footer,\n  isWithinBox,\n  emptyState,\n  selectionMode,\n  onSelectAll,\n  ...dataViewProps\n}: DataViewProps<T>) => {\n  const containerRef = useRef<HTMLElement | null>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n    breakpoints: customBreakpoints,\n  })\n\n  // Wait for breakpoints to be detected before rendering\n  const isBreakpointsDetected = breakpoints.length > 0\n  const isMobile = !breakpoints.includes(breakAt)\n\n  const Component = useMemo(() => {\n    return isMobile ? DataCards : DataTable\n  }, [isMobile])\n\n  return (\n    <div\n      data-testid=\"data-view\"\n      className={styles.dataViewContainer}\n      ref={ref => {\n        containerRef.current = ref\n      }}\n    >\n      {isBreakpointsDetected && (\n        <Component\n          {...dataViewProps}\n          onSelectAll={onSelectAll}\n          footer={footer}\n          isWithinBox={isWithinBox}\n          emptyState={emptyState}\n          selectionMode={selectionMode}\n          isFetching={isFetching}\n        />\n      )}\n      {pagination && <PaginationControl {...pagination} isFetching={isFetching} />}\n    </div>\n  )\n}\n"],"names":["DataView","pagination","isFetching","breakAt","customBreakpoints","footer","isWithinBox","emptyState","selectionMode","onSelectAll","dataViewProps","containerRef","useRef","breakpoints","useContainerBreakpoints","isBreakpointsDetected","isMobile","Component","useMemo","DataCards","DataTable","jsxs","styles","ref","jsx","PaginationControl"],"mappings":";;;;;;;AA+BO,MAAMA,IAAW,CAAK;AAAA,EAC3B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAaC;AAAA,EACb,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAeC,EAA2B,IAAI,GAC9CC,IAAcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,IACL,aAAaP;AAAA,EAAA,CACd,GAGKW,IAAwBF,EAAY,SAAS,GAC7CG,IAAW,CAACH,EAAY,SAASV,CAAO,GAExCc,IAAYC,EAAQ,MACjBF,IAAWG,IAAYC,GAC7B,CAACJ,CAAQ,CAAC;AAEb,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,EAAO;AAAA,MAClB,KAAK,CAAAC,MAAO;AACV,QAAAZ,EAAa,UAAUY;AAAA,MACzB;AAAA,MAEC,UAAA;AAAA,QAAAR,KACC,gBAAAS;AAAA,UAACP;AAAA,UAAA;AAAA,YACE,GAAGP;AAAA,YACJ,aAAAD;AAAA,YACA,QAAAJ;AAAA,YACA,aAAAC;AAAA,YACA,YAAAC;AAAA,YACA,eAAAC;AAAA,YACA,YAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHD,KAAc,gBAAAuB,EAACC,GAAA,EAAmB,GAAGxB,GAAY,YAAAC,EAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhF;"}

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.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/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

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { RequirementFields } from '../shared/RequirementFields'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { useStateTaxesForm } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/** @internal */\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n  const requirementSets = stateTaxRequirements.requirementSets ?? []\n\n  // A single key (e.g. \"taxrates\") can appear in more than one set when a future-dated set is\n  // already scheduled alongside the current one — each rendered section still needs its own\n  // disambiguated form path so the two sections' fields don't share state.\n  return requirementSets.map((requirementSet, index) => {\n    const { requirements, label, effectiveFrom, key } = requirementSet\n    if (!key) return null\n    const requirementSetPath = getUniqueRhfKey(requirementSet, index, requirementSets)\n    return (\n      <Fragment key={requirementSetPath}>\n        <div>\n          <Components.Heading as=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\n              {t('effectiveFromLabel', { date: dateFormatter.formatLongWithYear(effectiveFrom) })}\n            </Components.Text>\n          )}\n        </div>\n        <RequirementFields requirements={requirements} requirementSetKey={requirementSetPath} />\n      </Fragment>\n    )\n  })\n}\n"],"names":["Form","t","useTranslation","dateFormatter","useDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirementSets","requirementSet","index","requirements","label","effectiveFrom","key","requirementSetPath","getUniqueRhfKey","Fragment","jsxs","jsx","RequirementFields"],"mappings":";;;;;;;AASO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA,GACbC,IAAkBJ,EAAqB,mBAAmB,CAAA;AAKhE,SAAOI,EAAgB,IAAI,CAACC,GAAgBC,MAAU;AACpD,UAAM,EAAE,cAAAC,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,MAAQL;AACpD,QAAI,CAACK,EAAK,QAAO;AACjB,UAAMC,IAAqBC,EAAgBP,GAAgBC,GAAOF,CAAe;AACjF,6BACGS,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAM,GAAM;AAAA,QAClCC,KACC,gBAAAM,EAACb,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,mBAAmBW,CAAa,EAAA,CAAG,EAAA,CACpF;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAM,EAACC,GAAA,EAAkB,cAAAT,GAA4B,mBAAmBI,EAAA,CAAoB;AAAA,IAAA,EAAA,GATzEA,CAUf;AAAA,EAEJ,CAAC;AACH;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { RequirementFields } from '../shared/RequirementFields'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { isRequirementSetEditable } from '../shared/prepareRequirements'\nimport { useStateTaxesForm } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/**\n * Renders one section per requirement set, skipping sets that have nothing left to edit once\n * non-editable requirements — and requirements resolved as never-applicable against a\n * non-editable sibling — are dropped (mirrors gws-flows' `TaxRequirements::Edit.set_editable?`,\n * which drops such sets from its own edit view entirely).\n *\n * @internal\n */\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n  const requirementSets = stateTaxRequirements.requirementSets ?? []\n\n  // A single key (e.g. \"taxrates\") can appear in more than one set when a future-dated set is\n  // already scheduled alongside the current one — each rendered section still needs its own\n  // disambiguated form path so the two sections' fields don't share state.\n  const sections = requirementSets.map((requirementSet, index) => {\n    const { requirements, label, effectiveFrom, key } = requirementSet\n    if (!key) return null\n    if (!isRequirementSetEditable(requirements ?? [])) return null\n    const requirementSetPath = getUniqueRhfKey(requirementSet, index, requirementSets)\n    return (\n      <Fragment key={requirementSetPath}>\n        <div>\n          <Components.Heading as=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\n              {t('effectiveFromLabel', { date: dateFormatter.formatLongWithYear(effectiveFrom) })}\n            </Components.Text>\n          )}\n        </div>\n        <RequirementFields requirements={requirements} requirementSetKey={requirementSetPath} />\n      </Fragment>\n    )\n  })\n\n  if (sections.every(section => section === null)) {\n    return (\n      <Components.Alert status=\"info\" label={t('noEditableRequirementsTitle')}>\n        {t('noEditableRequirementsDescription')}\n      </Components.Alert>\n    )\n  }\n\n  return sections\n}\n"],"names":["Form","t","useTranslation","dateFormatter","useDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirementSets","sections","requirementSet","index","requirements","label","effectiveFrom","key","isRequirementSetEditable","requirementSetPath","getUniqueRhfKey","Fragment","jsxs","jsx","RequirementFields","section"],"mappings":";;;;;;;;AAiBO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA,GACbC,IAAkBJ,EAAqB,mBAAmB,CAAA,GAK1DK,IAAWD,EAAgB,IAAI,CAACE,GAAgBC,MAAU;AAC9D,UAAM,EAAE,cAAAC,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,MAAQL;AAEpD,QADI,CAACK,KACD,CAACC,EAAyBJ,KAAgB,CAAA,CAAE,EAAG,QAAO;AAC1D,UAAMK,IAAqBC,EAAgBR,GAAgBC,GAAOH,CAAe;AACjF,6BACGW,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACf,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAO,GAAM;AAAA,QAClCC,KACC,gBAAAO,EAACf,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,mBAAmBY,CAAa,EAAA,CAAG,EAAA,CACpF;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAO,EAACC,GAAA,EAAkB,cAAAV,GAA4B,mBAAmBK,EAAA,CAAoB;AAAA,IAAA,EAAA,GATzEA,CAUf;AAAA,EAEJ,CAAC;AAED,SAAIR,EAAS,MAAM,CAAAc,MAAWA,MAAY,IAAI,IAE1C,gBAAAF,EAACf,EAAW,OAAX,EAAiB,QAAO,QAAO,OAAON,EAAE,6BAA6B,GACnE,UAAAA,EAAE,mCAAmC,EAAA,CACxC,IAIGS;AACT;"}

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

@@ -1,87 +1,88 @@
-import { jsx as t, jsxs as D, Fragment as M } from "react/jsx-runtime";
-import { useForm as _, FormProvider as w } from "react-hook-form";
-import { zodResolver as z } from "@hookform/resolvers/zod";
-import { useTaxRequirementsUpdateStateMutation as H } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
-import { useTaxRequirementsGetSuspense as K } from "@gusto/embedded-api/react-query/taxRequirementsGet";
+import { jsx as t, jsxs as M, Fragment as _ } from "react/jsx-runtime";
+import { useForm as w, FormProvider as z } from "react-hook-form";
+import { zodResolver as H } from "@hookform/resolvers/zod";
+import { useTaxRequirementsUpdateStateMutation as K } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
+import { useTaxRequirementsGetSuspense as N } from "@gusto/embedded-api/react-query/taxRequirementsGet";
 import { z as b } from "zod";
-import { useMemo as N } from "react";
-import { useTranslation as O } from "react-i18next";
+import { useMemo as O } from "react";
+import { useTranslation as G } from "react-i18next";
 import { getUniqueRhfKey as d } from "../shared/rhfKey.js";
-import { isRequirementApplicable as G } from "../shared/applicableIf.js";
-import { buildRequirementSchema as L } from "../shared/buildRequirementSchema.js";
-import { stringifyRequirementValue as X } from "../shared/requirementValue.js";
-import { Head as Y } from "./Head.js";
-import { StateTaxesFormProvider as $ } from "./context.js";
-import { Form as I } from "./Form.js";
-import { Actions as J } from "./Actions.js";
-import { BaseComponent as Q } from "../../../Base/Base.js";
-import { useI18n as W } from "../../../../i18n/I18n.js";
-import { Flex as Z } from "../../../Common/Flex/Flex.js";
-import { Form as ee } from "../../../Common/Form/Form.js";
-import { componentEvents as R } from "../../../../shared/constants.js";
-import { useBase as te } from "../../../Base/useBase.js";
-function Pe(n) {
-  return /* @__PURE__ */ t(Q, { ...n, children: /* @__PURE__ */ t(re, { ...n, children: n.children }) });
+import { isRequirementApplicable as L } from "../shared/applicableIf.js";
+import { prepareRequirements as v } from "../shared/prepareRequirements.js";
+import { buildRequirementSchema as X } from "../shared/buildRequirementSchema.js";
+import { stringifyRequirementValue as Y } from "../shared/requirementValue.js";
+import { Head as $ } from "./Head.js";
+import { StateTaxesFormProvider as I } from "./context.js";
+import { Form as J } from "./Form.js";
+import { Actions as Q } from "./Actions.js";
+import { BaseComponent as W } from "../../../Base/Base.js";
+import { useI18n as Z } from "../../../../i18n/I18n.js";
+import { Flex as ee } from "../../../Common/Flex/Flex.js";
+import { Form as te } from "../../../Common/Form/Form.js";
+import { componentEvents as F } from "../../../../shared/constants.js";
+import { useBase as re } from "../../../Base/useBase.js";
+function ke(o) {
+  return /* @__PURE__ */ t(W, { ...o, children: /* @__PURE__ */ t(oe, { ...o, children: o.children }) });
 }
-function re({ companyId: n, state: a, className: v, children: S }) {
-  W("Company.StateTaxes");
-  const { onEvent: y, baseSubmitHandler: F } = te(), { t: q } = O("Company.StateTaxes", { keyPrefix: "form" }), { data: P } = K({ companyUuid: n, state: a }), c = P.taxRequirementsState, { mutateAsync: g, isPending: k } = H(), { dynamicSchema: A, defaultValues: C } = N(() => {
-    const u = {}, m = {}, f = c.requirementSets ?? [];
-    return f.forEach((s, e) => {
-      if (!s.key) return;
-      const r = d(s, e, f), { shape: i, defaults: p } = L(s.requirements, q);
-      Object.keys(i).length > 0 && (u[r] = b.object(i), m[r] = p);
+function oe({ companyId: o, state: c, className: P, children: q }) {
+  Z("Company.StateTaxes");
+  const { onEvent: y, baseSubmitHandler: g } = re(), { t: x } = G("Company.StateTaxes", { keyPrefix: "form" }), { data: k } = N({ companyUuid: o, state: c }), u = k.taxRequirementsState, { mutateAsync: A, isPending: C } = K(), { dynamicSchema: E, defaultValues: U } = O(() => {
+    const f = {}, n = {}, p = u.requirementSets ?? [];
+    return p.forEach((i, e) => {
+      if (!i.key) return;
+      const r = d(i, e, p), s = v(i.requirements ?? []), { shape: a, defaults: h } = X(s, x);
+      Object.keys(a).length > 0 && (f[r] = b.object(a), n[r] = h);
     }), {
-      dynamicSchema: b.object(u),
-      defaultValues: m
+      dynamicSchema: b.object(f),
+      defaultValues: n
     };
-  }, [c, q]), { control: E, ...x } = _({
-    resolver: z(A),
-    defaultValues: C
-  }), U = async (u) => {
-    await F(u, async (m) => {
-      const f = m, l = c.requirementSets ?? [], s = l.map((e, r) => ({ requirementSet: e, setIndex: r })).filter(({ requirementSet: e, setIndex: r }) => {
+  }, [u, x]), { control: j, ...R } = w({
+    resolver: H(E),
+    defaultValues: U
+  }), B = async (f) => {
+    await g(f, async (n) => {
+      const p = n, l = u.requirementSets ?? [], i = l.map((e, r) => ({ requirementSet: e, setIndex: r })).filter(({ requirementSet: e, setIndex: r }) => {
         if (!e.key) return !1;
-        const i = d(e, r, l);
-        return !!m[i];
+        const s = d(e, r, l);
+        return !!n[s];
       }).map(({ requirementSet: e, setIndex: r }) => {
-        const i = e.key, p = d(e, r, l), B = m[p], T = e.requirements ?? [], V = T.map((o, h) => ({ req: o, index: h })).filter(({ req: o }) => o.editable !== !1).filter(({ req: o }) => G(o, p, f));
+        const s = e.key, a = d(e, r, l), h = n[a], T = v(e.requirements ?? []), D = T.map((m, S) => ({ req: m, index: S })).filter(({ req: m }) => L(m, a, p));
         return {
-          state: a,
-          key: i,
+          state: c,
+          key: s,
           effectiveFrom: e.effectiveFrom,
-          requirements: V.map(({ req: o, index: h }) => ({
-            key: o.key,
-            value: X(
-              B[d(o, h, T)]
+          requirements: D.map(({ req: m, index: S }) => ({
+            key: m.key,
+            value: Y(
+              h[d(m, S, T)]
             )
           }))
         };
       });
-      await g({
+      await A({
         request: {
-          companyUuid: n,
-          requestBody: { requirementSets: s },
-          state: a
+          companyUuid: o,
+          requestBody: { requirementSets: i },
+          state: c
         }
-      }), y(R.COMPANY_STATE_TAX_UPDATED);
+      }), y(F.COMPANY_STATE_TAX_UPDATED);
     });
-  }, j = () => {
-    y(R.CANCEL);
+  }, V = () => {
+    y(F.CANCEL);
   };
-  return /* @__PURE__ */ t("section", { className: v, children: /* @__PURE__ */ t(w, { ...x, control: E, children: /* @__PURE__ */ t(ee, { onSubmit: x.handleSubmit(U), children: /* @__PURE__ */ t(
-    $,
+  return /* @__PURE__ */ t("section", { className: P, children: /* @__PURE__ */ t(z, { ...R, control: j, children: /* @__PURE__ */ t(te, { onSubmit: R.handleSubmit(B), children: /* @__PURE__ */ t(
+    I,
     {
-      value: { stateTaxRequirements: c, isPending: k, state: a, handleCancel: j },
-      children: /* @__PURE__ */ t(Z, { flexDirection: "column", gap: 32, children: S || /* @__PURE__ */ D(M, { children: [
-        /* @__PURE__ */ t(Y, {}),
-        /* @__PURE__ */ t(I, {}),
-        /* @__PURE__ */ t(J, {})
+      value: { stateTaxRequirements: u, isPending: C, state: c, handleCancel: V },
+      children: /* @__PURE__ */ t(ee, { flexDirection: "column", gap: 32, children: q || /* @__PURE__ */ M(_, { children: [
+        /* @__PURE__ */ t($, {}),
+        /* @__PURE__ */ t(J, {}),
+        /* @__PURE__ */ t(Q, {})
       ] }) })
     }
   ) }) }) });
 }
 export {
-  Pe as StateTaxesForm
+  ke as StateTaxesForm
 };
 //# sourceMappingURL=StateTaxesForm.js.map