@gusto/embedded-react-sdk 0.42.0 → 0.43.0

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

@@ -1,84 +1,86 @@
-import { jsx as t, Fragment as r, jsxs as n } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as n } from "react/jsx-runtime";
 import { useTranslation as P } from "react-i18next";
 import { useLocationsList as y } from "./useLocationsList.js";
-import b from "../../../../assets/icons/pencil.svg.js";
-import { EmptyData as x } from "../../../Common/EmptyData/EmptyData.js";
-import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { getStreet as v, getCityStateZip as A } from "../../../../helpers/formattedStrings.js";
-import { VisuallyHidden as k } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
-import { HamburgerMenu as D } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as S } from "../../../Common/DataView/useDataView.js";
-import { DataView as V } from "../../../Common/DataView/DataView.js";
-const q = () => {
-  const a = T(), {
+import b from "./List.module.scss.js";
+import x from "../../../../assets/icons/pencil.svg.js";
+import "classnames";
+import { EmptyData as T } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { getStreet as k, getCityStateZip as D } from "../../../../helpers/formattedStrings.js";
+import { VisuallyHidden as S } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
+import { HamburgerMenu as V } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as v } from "../../../Common/DataView/useDataView.js";
+import { DataView as w } from "../../../Common/DataView/DataView.js";
+const K = () => {
+  const a = A(), {
     locationList: o,
     handleEditLocation: s,
     currentPage: d,
     totalPages: l,
     totalCount: m,
     handleFirstPage: c,
-    handleItemsPerPageChange: g,
-    handleLastPage: u,
-    handleNextPage: p,
+    handleItemsPerPageChange: p,
+    handleLastPage: g,
+    handleNextPage: u,
     handlePreviousPage: h,
     handleAddLocation: f,
-    itemsPerPage: L
-  } = y(), { t: e } = P("Company.Locations"), { ...C } = S({
+    itemsPerPage: C
+  } = y(), { t } = P("Company.Locations"), { ...L } = v({
     data: o,
     columns: [
       {
         key: "name",
-        title: e("locationListCol1"),
-        render: (i) => /* @__PURE__ */ t(r, { children: /* @__PURE__ */ n("address", { children: [
-          /* @__PURE__ */ t(a.Text, { as: "div", children: v(i) }),
-          /* @__PURE__ */ t(a.Text, { as: "div", size: "sm", children: A(i) })
-        ] }) })
+        title: t("locationListCol1"),
+        render: (i) => /* @__PURE__ */ r("address", { className: b.addressCell, children: [
+          /* @__PURE__ */ e(a.Text, { as: "span", children: k(i) }),
+          /* @__PURE__ */ e(a.Text, { as: "span", children: D(i) })
+        ] })
       },
       {
         key: "status",
-        title: /* @__PURE__ */ t(k, { children: e("locationListCol2") }),
-        render: (i) => /* @__PURE__ */ n(r, { children: [
-          i.mailingAddress && /* @__PURE__ */ t(a.Badge, { status: "info", children: e("mailingAddress") }),
-          i.filingAddress && /* @__PURE__ */ n(r, { children: [
+        title: /* @__PURE__ */ e(S, { children: t("locationListCol2") }),
+        render: (i) => /* @__PURE__ */ r(n, { children: [
+          i.mailingAddress && /* @__PURE__ */ e(a.Badge, { status: "info", children: t("mailingAddress") }),
+          i.filingAddress && /* @__PURE__ */ r(n, { children: [
             " ",
-            /* @__PURE__ */ t(a.Badge, { status: "info", children: e("filingAddress") })
+            /* @__PURE__ */ e(a.Badge, { status: "info", children: t("filingAddress") })
           ] })
         ] })
       }
     ],
-    itemMenu: (i) => /* @__PURE__ */ t(
-      D,
+    itemMenu: (i) => /* @__PURE__ */ e(
+      V,
       {
         items: [
           {
-            label: e("editCta"),
+            label: t("editCta"),
             onClick: () => {
               s(i.uuid);
             },
-            icon: /* @__PURE__ */ t(b, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ e(x, { "aria-hidden": !0 }),
             "data-testid": "edit-location"
           }
         ],
         "data-testid": "location-hamburger",
-        triggerLabel: e("hamburgerTitle")
+        triggerLabel: t("hamburgerTitle")
       }
     ),
     pagination: {
-      handleNextPage: p,
+      handleNextPage: u,
       handleFirstPage: c,
-      handleLastPage: u,
+      handleLastPage: g,
       handlePreviousPage: h,
-      handleItemsPerPageChange: g,
+      handleItemsPerPageChange: p,
       currentPage: d,
       totalPages: l,
       totalCount: m,
-      itemsPerPage: L
+      itemsPerPage: C
     },
-    emptyState: () => /* @__PURE__ */ t(x, { title: e("emptyTableTitle"), description: e("emptyTableDescription"), children: /* @__PURE__ */ t(a.Button, { variant: "secondary", onClick: f, children: e("addFirstLocationCta") }) })
+    emptyState: () => /* @__PURE__ */ e(T, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ e(a.Button, { variant: "secondary", onClick: f, children: t("addFirstLocationCta") }) })
   });
-  return /* @__PURE__ */ t(V, { label: e("locationListLabel"), ...C });
+  return /* @__PURE__ */ e(w, { label: t("locationListLabel"), ...L });
 };
 export {
-  q 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 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/**List of employees slot for EmployeeList component */\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            <>\n              <address>\n                <Components.Text as=\"div\">{getStreet(location)}</Components.Text>\n                <Components.Text as=\"div\" size=\"sm\">\n                  {getCityStateZip(location)}\n                </Components.Text>\n              </address>\n            </>\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","t","useTranslation","dataViewProps","useDataView","location","jsx","Fragment","getStreet","getCityStateZip","VisuallyHidden","jsxs","HamburgerMenu","PencilSvg","EmptyData","DataView"],"mappings":";;;;;;;;;;;AASO,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,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMhB;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOa,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAI,MAEJ,gBAAAC,EAAAC,GAAA,EACE,4BAAC,WAAA,EACC,UAAA;AAAA,UAAA,gBAAAD,EAACpB,EAAW,MAAX,EAAgB,IAAG,OAAO,UAAAsB,EAAUH,CAAQ,GAAE;AAAA,UAC/C,gBAAAC,EAACpB,EAAW,MAAX,EAAgB,IAAG,OAAM,MAAK,MAC5B,UAAAuB,EAAgBJ,CAAQ,EAAA,CAC3B;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,MAEJ;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,gBAAAC,EAACI,GAAA,EAAgB,UAAAT,EAAE,kBAAkB,GAAE;AAAA,QAC9C,QAAQ,CAAAI,MAEJ,gBAAAM,EAAAJ,GAAA,EACG,UAAA;AAAA,UAAAF,EAAS,oCACPnB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAAe,EAAE,gBAAgB,EAAA,CAAE;AAAA,UAExDI,EAAS,iBACR,gBAAAM,EAAAJ,GAAA,EACG,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAD,EAACpB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAAe,EAAE,eAAe,EAAA,CAAE;AAAA,UAAA,EAAA,CACxD;AAAA,QAAA,GAEJ;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAI,MAEN,gBAAAC;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAOX,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAZ,EAAmBgB,EAAS,IAAI;AAAA,YAClC;AAAA,YACA,MAAM,gBAAAC,EAACO,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,QAEF,eAAY;AAAA,QACZ,cAAcZ,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAItC,YAAY;AAAA,MACV,gBAAAL;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,gBAAAO,EAACQ,GAAA,EAAU,OAAOb,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAK,EAACpB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASY,GAC7C,UAAAG,EAAE,qBAAqB,EAAA,CAC1B,EAAA,CACF;AAAA,EAAA,CAEH;AACD,2BAAQc,GAAA,EAAS,OAAOd,EAAE,mBAAmB,GAAI,GAAGE,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/**List of employees slot for EmployeeList component */\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 as=\"span\">{getStreet(location)}</Components.Text>\n              <Components.Text as=\"span\">{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,IAAG,QAAQ,UAAAsB,EAAUJ,CAAQ,GAAE;AAAA,UAChD,gBAAAG,EAACrB,EAAW,MAAX,EAAgB,IAAG,QAAQ,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;"}

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

@@ -0,0 +1,8 @@
+const s = "_addressCell_3w9ev_1", e = {
+  addressCell: s
+};
+export {
+  s as addressCell,
+  e as default
+};
+//# sourceMappingURL=List.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -8,15 +8,17 @@ 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 _ } from "../../../Common/Flex/Flex.js";
+import "react-i18next";
+import "classnames";
 import { companyEvents as i } from "../../../../shared/constants.js";
 import { usePagination as g } from "../../../../hooks/usePagination/usePagination.js";
-function H(t) {
+function b(t) {
   return /* @__PURE__ */ o(N, { ...t, children: /* @__PURE__ */ o(x, { ...t, children: t.children }) });
 }
 function x({ companyId: t, className: e, children: r }) {
   E("Company.Locations");
-  const { onEvent: n } = P(), { getPaginationProps: s } = g(), {
-    data: { companyLocationsList: m, httpMeta: a }
+  const { onEvent: n } = P(), { getPaginationProps: m } = g(), {
+    data: { companyLocationsList: s, httpMeta: a }
   } = u({ companyId: t }), c = () => {
     n(i.COMPANY_LOCATION_DONE);
   }, p = () => {
@@ -28,8 +30,8 @@ function x({ companyId: t, className: e, children: r }) {
     A,
     {
       value: {
-        ...s(a.response.headers),
-        locationList: m ?? [],
+        ...m(a.response.headers),
+        locationList: s ?? [],
         handleAddLocation: p,
         handleEditLocation: d,
         handleContinue: c
@@ -43,6 +45,6 @@ function x({ companyId: t, className: e, children: r }) {
   ) });
 }
 export {
-  H as LocationsList
+  b 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\ninterface LocationsListProps extends BaseComponentInterface {\n  companyId: string\n}\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}>\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":";;;;;;;;;;;;AAgBO,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,KAAK,eAAc,UAAS,KAAK,IAC/B,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 { 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\ninterface LocationsListProps extends BaseComponentInterface {\n  companyId: string\n}\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}>\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":";;;;;;;;;;;;;;AAgBO,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,KAAK,eAAc,UAAS,KAAK,IAC/B,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;"}

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

@@ -10,13 +10,14 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
+import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [d, f] = o(
+const [f, v] = o(
   "CompanyDocumentListContext"
 );
 export {
-  f as LocationsListProvider,
-  d as useLocationsList
+  v as LocationsListProvider,
+  f 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  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;"}

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

@@ -1,10 +1,11 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { useOnboardingOverview as m } from "./context.js";
+import { useTranslation as m } from "react-i18next";
+import { useOnboardingOverview as l } from "./context.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const u = () => {
-  const e = d(), { onboardingCompleted: t, handleDone: r } = m(), { t: n } = l("Company.OnboardingOverview");
+const f = () => {
+  const e = d(), { onboardingCompleted: t, handleDone: r } = l(), { t: n } = m("Company.OnboardingOverview");
   return t ? /* @__PURE__ */ i(a, { alignItems: "center", flexDirection: "column", gap: 8, children: [
     /* @__PURE__ */ o(e.Heading, { as: "h2", textAlign: "center", children: n("onboardingCompletedTitle") }),
     /* @__PURE__ */ o("p", { children: n("onboardingCompletedDescription") }),
@@ -12,6 +13,6 @@ const u = () => {
   ] }) : null;
 };
 export {
-  u as Completed
+  f as Completed
 };
 //# sourceMappingURL=Completed.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Completed.js","sources":["../../../../src/components/Company/OnboardingOverview/Completed.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Completed = () => {\n  const Components = useComponentContext()\n  const { onboardingCompleted, handleDone } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n  if (!onboardingCompleted) {\n    return null\n  }\n  return (\n    <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n      <Components.Heading as=\"h2\" textAlign=\"center\">\n        {t('onboardingCompletedTitle')}\n      </Components.Heading>\n      <p>{t('onboardingCompletedDescription')}</p>\n      <Components.Button variant=\"secondary\" onClick={handleDone}>\n        {t('onboardingCompletedCta')}\n      </Components.Button>\n    </Flex>\n  )\n}\n"],"names":["Completed","Components","useComponentContext","onboardingCompleted","handleDone","useOnboardingOverview","t","useTranslation","Flex","jsx"],"mappings":";;;;;AAKO,MAAMA,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAA,GACb,EAAE,qBAAAC,GAAqB,YAAAC,EAAA,IAAeC,EAAA,GACtC,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B;AACzD,SAAKJ,sBAIFK,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAK,EAAE,0BAA0B,EAAA,CAC/B;AAAA,IACA,gBAAAG,EAAC,KAAA,EAAG,UAAAH,EAAE,gCAAgC,EAAA,CAAE;AAAA,IACxC,gBAAAG,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASG,GAC7C,UAAAE,EAAE,wBAAwB,EAAA,CAC7B;AAAA,EAAA,GACF,IAXO;AAaX;"}
+{"version":3,"file":"Completed.js","sources":["../../../../src/components/Company/OnboardingOverview/Completed.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Completed = () => {\n  const Components = useComponentContext()\n  const { onboardingCompleted, handleDone } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n  if (!onboardingCompleted) {\n    return null\n  }\n  return (\n    <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n      <Components.Heading as=\"h2\" textAlign=\"center\">\n        {t('onboardingCompletedTitle')}\n      </Components.Heading>\n      <p>{t('onboardingCompletedDescription')}</p>\n      <Components.Button variant=\"secondary\" onClick={handleDone}>\n        {t('onboardingCompletedCta')}\n      </Components.Button>\n    </Flex>\n  )\n}\n"],"names":["Completed","Components","useComponentContext","onboardingCompleted","handleDone","useOnboardingOverview","t","useTranslation","Flex","jsx"],"mappings":";;;;;;AAKO,MAAMA,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAA,GACb,EAAE,qBAAAC,GAAqB,YAAAC,EAAA,IAAeC,EAAA,GACtC,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B;AACzD,SAAKJ,sBAIFK,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAK,EAAE,0BAA0B,EAAA,CAC/B;AAAA,IACA,gBAAAG,EAAC,KAAA,EAAG,UAAAH,EAAE,gCAAgC,EAAA,CAAE;AAAA,IACxC,gBAAAG,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASG,GAC7C,UAAAE,EAAE,wBAAwB,EAAA,CAC7B;AAAA,EAAA,GACF,IAXO;AAaX;"}

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

@@ -1,20 +1,21 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
+import { useTranslation as a } from "react-i18next";
 import { useOnboardingOverview as c } from "./context.js";
 import { Flex as m } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { ActionsLayout as d } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { RequirementsList as u } from "../../Common/RequirementsList/RequirementsList.js";
 import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import f from "../../../assets/icons/icon-arrow-right.svg.js";
-const T = () => {
-  const n = g(), { onboardingSteps: o, onboardingCompleted: l, handleContinue: a } = c(), { t } = p("Company.OnboardingOverview");
+const b = () => {
+  const n = g(), { onboardingSteps: o, onboardingCompleted: l, handleContinue: p } = c(), { t } = a("Company.OnboardingOverview");
   if (l)
     return null;
   const r = !o?.some((i) => i.required && i.completed);
   return /* @__PURE__ */ e(
     n.Box,
     {
-      footer: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ s(n.Button, { variant: "secondary", onClick: a, children: [
+      footer: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ s(n.Button, { variant: "secondary", onClick: p, children: [
         t(r ? "initialSetupCta" : "missingRequirementsCta"),
         /* @__PURE__ */ e(f, { "aria-hidden": !0 })
       ] }) }),
@@ -38,6 +39,6 @@ const T = () => {
   );
 };
 export {
-  T as MissingRequirements
+  b as MissingRequirements
 };
 //# sourceMappingURL=MissingRequirements.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MissingRequirements.js","sources":["../../../../src/components/Company/OnboardingOverview/MissingRequirements.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\nexport const MissingRequirements = () => {\n  const Components = useComponentContext()\n  const { onboardingSteps, onboardingCompleted, handleContinue } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n\n  if (onboardingCompleted) {\n    return null\n  }\n\n  const isInitialSetup = !onboardingSteps?.some(step => step.required && step.completed)\n\n  return (\n    <Components.Box\n      footer={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleContinue}>\n            {t(isInitialSetup ? 'initialSetupCta' : 'missingRequirementsCta')}\n            <ArrowRightIcon aria-hidden />\n          </Components.Button>\n        </ActionsLayout>\n      }\n    >\n      <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h2\">\n            {t(isInitialSetup ? 'initialSetupTitle' : 'missingRequirementsTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t(isInitialSetup ? 'initialSetupDescription' : 'missingRequirementsDescription')}\n          </Components.Text>\n        </Flex>\n        {onboardingSteps && (\n          <RequirementsList\n            requirements={onboardingSteps.map(step => ({\n              completed: step.completed!,\n              title: t(`stepTitles.${step.id!}`),\n              description: t(`stepDescriptions.${step.id!}`),\n            }))}\n          />\n        )}\n      </Flex>\n    </Components.Box>\n  )\n}\n"],"names":["MissingRequirements","Components","useComponentContext","onboardingSteps","onboardingCompleted","handleContinue","useOnboardingOverview","useTranslation","isInitialSetup","step","jsx","ActionsLayout","jsxs","ArrowRightIcon","Flex","RequirementsList"],"mappings":";;;;;;;;AAOO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAA,GAC3D,EAAE,EAAA,IAAMC,EAAe,4BAA4B;AAEzD,MAAIH;AACF,WAAO;AAGT,QAAMI,IAAiB,CAACL,GAAiB,KAAK,OAAQM,EAAK,YAAYA,EAAK,SAAS;AAErF,SACE,gBAAAC;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAS,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASI,GAC7C,UAAA;AAAA,QAAA,EAAEG,IAAiB,oBAAoB,wBAAwB;AAAA,QAChE,gBAAAE,EAACG,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAAA,EAAA,CAC9B,EAAA,CACF;AAAA,MAGF,4BAACC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,IACxD,UAAA;AAAA,QAAA,gBAAAF,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAJ,EAACT,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAEO,IAAiB,sBAAsB,0BAA0B,EAAA,CACtE;AAAA,UACA,gBAAAE,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAEO,IAAiB,4BAA4B,gCAAgC,EAAA,CAClF;AAAA,QAAA,GACF;AAAA,QACCL,KACC,gBAAAO;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,cAAcZ,EAAgB,IAAI,CAAAM,OAAS;AAAA,cACzC,WAAWA,EAAK;AAAA,cAChB,OAAO,EAAE,cAAcA,EAAK,EAAG,EAAE;AAAA,cACjC,aAAa,EAAE,oBAAoBA,EAAK,EAAG,EAAE;AAAA,YAAA,EAC7C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MissingRequirements.js","sources":["../../../../src/components/Company/OnboardingOverview/MissingRequirements.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\nexport const MissingRequirements = () => {\n  const Components = useComponentContext()\n  const { onboardingSteps, onboardingCompleted, handleContinue } = useOnboardingOverview()\n  const { t } = useTranslation('Company.OnboardingOverview')\n\n  if (onboardingCompleted) {\n    return null\n  }\n\n  const isInitialSetup = !onboardingSteps?.some(step => step.required && step.completed)\n\n  return (\n    <Components.Box\n      footer={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleContinue}>\n            {t(isInitialSetup ? 'initialSetupCta' : 'missingRequirementsCta')}\n            <ArrowRightIcon aria-hidden />\n          </Components.Button>\n        </ActionsLayout>\n      }\n    >\n      <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h2\">\n            {t(isInitialSetup ? 'initialSetupTitle' : 'missingRequirementsTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t(isInitialSetup ? 'initialSetupDescription' : 'missingRequirementsDescription')}\n          </Components.Text>\n        </Flex>\n        {onboardingSteps && (\n          <RequirementsList\n            requirements={onboardingSteps.map(step => ({\n              completed: step.completed!,\n              title: t(`stepTitles.${step.id!}`),\n              description: t(`stepDescriptions.${step.id!}`),\n            }))}\n          />\n        )}\n      </Flex>\n    </Components.Box>\n  )\n}\n"],"names":["MissingRequirements","Components","useComponentContext","onboardingSteps","onboardingCompleted","handleContinue","useOnboardingOverview","useTranslation","isInitialSetup","step","jsx","ActionsLayout","jsxs","ArrowRightIcon","Flex","RequirementsList"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAA,GAC3D,EAAE,EAAA,IAAMC,EAAe,4BAA4B;AAEzD,MAAIH;AACF,WAAO;AAGT,QAAMI,IAAiB,CAACL,GAAiB,KAAK,OAAQM,EAAK,YAAYA,EAAK,SAAS;AAErF,SACE,gBAAAC;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAS,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASI,GAC7C,UAAA;AAAA,QAAA,EAAEG,IAAiB,oBAAoB,wBAAwB;AAAA,QAChE,gBAAAE,EAACG,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAAA,EAAA,CAC9B,EAAA,CACF;AAAA,MAGF,4BAACC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,IACxD,UAAA;AAAA,QAAA,gBAAAF,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAJ,EAACT,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAEO,IAAiB,sBAAsB,0BAA0B,EAAA,CACtE;AAAA,UACA,gBAAAE,EAACT,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAEO,IAAiB,4BAA4B,gCAAgC,EAAA,CAClF;AAAA,QAAA,GACF;AAAA,QACCL,KACC,gBAAAO;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,cAAcZ,EAAgB,IAAI,CAAAM,OAAS;AAAA,cACzC,WAAWA,EAAK;AAAA,cAChB,OAAO,EAAE,cAAcA,EAAK,EAAG,EAAE;AAAA,cACjC,aAAa,EAAE,oBAAoBA,EAAK,EAAG,EAAE;AAAA,YAAA,EAC7C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -7,8 +7,10 @@ import { BaseComponent as f } from "../../Base/Base.js";
 import { useBase as v } from "../../Base/useBase.js";
 import { useI18n as C, useComponentDictionary as g } from "../../../i18n/I18n.js";
 import { Flex as h } from "../../Common/Flex/Flex.js";
+import "react-i18next";
+import "classnames";
 import { componentEvents as i } from "../../../shared/constants.js";
-function P(o) {
+function A(o) {
   return C("Company.OnboardingOverview"), g("Company.OnboardingOverview", o.dictionary), /* @__PURE__ */ n(f, { ...o, children: /* @__PURE__ */ n(b, { ...o, children: o.children }) });
 }
 const b = ({ companyId: o, className: t, children: e }) => {
@@ -34,6 +36,6 @@ const b = ({ companyId: o, className: t, children: e }) => {
   ) });
 };
 export {
-  P as OnboardingOverview
+  A as OnboardingOverview
 };
 //# sourceMappingURL=OnboardingOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingOverview.js","sources":["../../../../src/components/Company/OnboardingOverview/OnboardingOverview.tsx"],"sourcesContent":["import { useCompaniesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/companiesGetOnboardingStatus'\nimport { OnboardingOverviewProvider } from './context'\nimport { MissingRequirements } from './MissingRequirements'\nimport { Completed } from './Completed'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface OnboardingOverviewProps extends CommonComponentInterface<'Company.OnboardingOverview'> {\n  companyId: string\n}\n\nexport function OnboardingOverview(props: OnboardingOverviewProps & BaseComponentInterface) {\n  useI18n('Company.OnboardingOverview')\n  useComponentDictionary('Company.OnboardingOverview', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, className, children }: OnboardingOverviewProps) => {\n  const { onEvent } = useBase()\n\n  const { data } = useCompaniesGetOnboardingStatusSuspense({ companyUuid: companyId })\n  const { onboardingCompleted, onboardingSteps } = data.companyOnboardingStatus!\n\n  const handleDone = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_DONE)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_CONTINUE)\n  }\n\n  return (\n    <section className={className}>\n      <OnboardingOverviewProvider\n        value={{\n          onboardingCompleted,\n          onboardingSteps,\n          handleDone,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Completed />\n              <MissingRequirements />\n            </>\n          )}\n        </Flex>\n      </OnboardingOverviewProvider>\n    </section>\n  )\n}\n"],"names":["OnboardingOverview","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","companyId","className","children","onEvent","useBase","data","useCompaniesGetOnboardingStatusSuspense","onboardingCompleted","onboardingSteps","OnboardingOverviewProvider","componentEvents","Flex","jsxs","Fragment","Completed","MissingRequirements"],"mappings":";;;;;;;;;;AAmBO,SAASA,EAAmBC,GAAyD;AAC1F,SAAAC,EAAQ,4BAA4B,GACpCC,EAAuB,8BAA8BF,EAAM,UAAU,GAEnE,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,QAAwC;AAC5E,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,EAAA,IAASC,EAAwC,EAAE,aAAaN,GAAW,GAC7E,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBH,EAAK;AAStD,SACE,gBAAAR,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,qBAAAF;AAAA,QACA,iBAAAC;AAAA,QACA,YAbW,MAAM;AACvB,UAAAL,EAAQO,EAAgB,qBAAqB;AAAA,QAC/C;AAAA,QAYQ,gBAXe,MAAM;AAC3B,UAAAP,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,MASQ;AAAA,MAGF,UAAA,gBAAAb,EAACc,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,KAGC,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAhB,EAACiB,GAAA,EAAU;AAAA,0BACVC,GAAA,CAAA,CAAoB;AAAA,MAAA,EAAA,CACvB,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"OnboardingOverview.js","sources":["../../../../src/components/Company/OnboardingOverview/OnboardingOverview.tsx"],"sourcesContent":["import { useCompaniesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/companiesGetOnboardingStatus'\nimport { OnboardingOverviewProvider } from './context'\nimport { MissingRequirements } from './MissingRequirements'\nimport { Completed } from './Completed'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface OnboardingOverviewProps extends CommonComponentInterface<'Company.OnboardingOverview'> {\n  companyId: string\n}\n\nexport function OnboardingOverview(props: OnboardingOverviewProps & BaseComponentInterface) {\n  useI18n('Company.OnboardingOverview')\n  useComponentDictionary('Company.OnboardingOverview', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, className, children }: OnboardingOverviewProps) => {\n  const { onEvent } = useBase()\n\n  const { data } = useCompaniesGetOnboardingStatusSuspense({ companyUuid: companyId })\n  const { onboardingCompleted, onboardingSteps } = data.companyOnboardingStatus!\n\n  const handleDone = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_DONE)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_OVERVIEW_CONTINUE)\n  }\n\n  return (\n    <section className={className}>\n      <OnboardingOverviewProvider\n        value={{\n          onboardingCompleted,\n          onboardingSteps,\n          handleDone,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Completed />\n              <MissingRequirements />\n            </>\n          )}\n        </Flex>\n      </OnboardingOverviewProvider>\n    </section>\n  )\n}\n"],"names":["OnboardingOverview","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","companyId","className","children","onEvent","useBase","data","useCompaniesGetOnboardingStatusSuspense","onboardingCompleted","onboardingSteps","OnboardingOverviewProvider","componentEvents","Flex","jsxs","Fragment","Completed","MissingRequirements"],"mappings":";;;;;;;;;;;;AAmBO,SAASA,EAAmBC,GAAyD;AAC1F,SAAAC,EAAQ,4BAA4B,GACpCC,EAAuB,8BAA8BF,EAAM,UAAU,GAEnE,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,QAAwC;AAC5E,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,EAAA,IAASC,EAAwC,EAAE,aAAaN,GAAW,GAC7E,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBH,EAAK;AAStD,SACE,gBAAAR,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,qBAAAF;AAAA,QACA,iBAAAC;AAAA,QACA,YAbW,MAAM;AACvB,UAAAL,EAAQO,EAAgB,qBAAqB;AAAA,QAC/C;AAAA,QAYQ,gBAXe,MAAM;AAC3B,UAAAP,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,MASQ;AAAA,MAGF,UAAA,gBAAAb,EAACc,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,KAGC,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAhB,EAACiB,GAAA,EAAU;AAAA,0BACVC,GAAA,CAAA,CAAoB;AAAA,MAAA,EAAA,CACvB,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -10,11 +10,12 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [x, C] = o("OnboardingOverviewContext");
+const [C, c] = o("OnboardingOverviewContext");
 export {
-  C as OnboardingOverviewProvider,
-  x as useOnboardingOverview
+  c as OnboardingOverviewProvider,
+  C 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/PaySchedule/PayScheduleForm.js

@@ -9,11 +9,12 @@ import { SDKFormProvider as A } from "../../../partner-hook-utils/form/SDKFormPr
 import { Form as M } from "../../Common/Form/Form.js";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import { Grid as q } from "../../Common/Grid/Grid.js";
+import "classnames";
 import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDateFormatter as x } from "../../../hooks/useDateFormatter.js";
 import { componentEvents as u } from "../../../shared/constants.js";
-function z({ onEvent: d, ...h }) {
+function J({ onEvent: d, ...h }) {
   return /* @__PURE__ */ a(R, { componentName: "Company.PayScheduleForm", children: /* @__PURE__ */ a(F, { onEvent: d, ...h }) });
 }
 function F({ onEvent: d, ...h }) {
@@ -181,6 +182,6 @@ function F({ onEvent: d, ...h }) {
   ] }) }) }) });
 }
 export {
-  z as PayScheduleForm
+  J as PayScheduleForm
 };
 //# sourceMappingURL=PayScheduleForm.js.map

package/dist/components/Company/PaySchedule/PayScheduleForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleForm.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { usePayScheduleForm } from './shared/usePayScheduleForm'\nimport type { UsePayScheduleFormProps, PayScheduleFrequency } from './shared/usePayScheduleForm'\nimport style from './PayScheduleForm.module.scss'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface PayScheduleFormProps extends UsePayScheduleFormProps {\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function PayScheduleForm({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  return (\n    <BaseBoundaries componentName=\"Company.PayScheduleForm\">\n      <PayScheduleFormRoot onEvent={onEvent} {...hookProps} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PayScheduleFormRoot({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const paySchedule = usePayScheduleForm(hookProps)\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState(0)\n\n  if (paySchedule.isLoading) {\n    return <BaseLayout isLoading error={paySchedule.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await paySchedule.actions.onSubmit()\n    if (result) {\n      onEvent(\n        result.mode === 'create'\n          ? componentEvents.PAY_SCHEDULE_CREATED\n          : componentEvents.PAY_SCHEDULE_UPDATED,\n        { paySchedule: result.data },\n      )\n    }\n  }\n\n  const { Fields } = paySchedule.form\n  const { paymentSpeedDays, payPreviewLoading } = paySchedule.data\n  const payPeriodPreview = paySchedule.data.payPeriodPreview\n\n  const frequencyLabels: Record<PayScheduleFrequency, string> = {\n    'Every week': t('frequencies.everyWeek'),\n    'Every other week': t('frequencies.everyOtherWeek'),\n    'Twice per month': t('frequencies.twicePerMonth'),\n    Monthly: t('frequencies.monthly'),\n  }\n\n  const twicePerMonthLabels: Record<string, string> = {\n    '1st15th': t('frequencyOptions.15thAndLast'),\n    custom: t('frequencyOptions.custom'),\n  }\n\n  return (\n    <BaseLayout error={paySchedule.errorHandling.errors}>\n      <SDKFormProvider formHookResult={paySchedule}>\n        <Form onSubmit={() => void handleSubmit()}>\n          <Flex flexDirection=\"column\">\n            <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n              <header>\n                <Components.Heading as=\"h2\">\n                  {paySchedule.status.mode === 'create'\n                    ? t('headings.addPaySchedule')\n                    : t('headings.editPaySchedule')}\n                </Components.Heading>\n              </header>\n            </Flex>\n            <div className={style.payScheduleContainer}>\n              <Grid gap={32} gridTemplateColumns={{ base: '1fr', small: '1fr 1fr' }}>\n                <div className={style.payScheduleForm}>\n                  <Flex flexDirection=\"column\">\n                    <Fields.CustomName\n                      label={t('labels.name')}\n                      validationMessages={{ REQUIRED: t('validations.name') }}\n                    />\n                    <Fields.Frequency\n                      label={t('labels.frequency')}\n                      getOptionLabel={(entry: PayScheduleFrequency) => frequencyLabels[entry]}\n                      validationMessages={{ REQUIRED: t('validations.frequency') }}\n                    />\n                    {Fields.CustomTwicePerMonth && (\n                      <Fields.CustomTwicePerMonth\n                        label={t('labels.frequencyOptions')}\n                        description={t('descriptions.frequencyOptionsDescription')}\n                        getOptionLabel={(entry: string) => twicePerMonthLabels[entry] ?? entry}\n                      />\n                    )}\n                    <Fields.AnchorPayDate\n                      label={t('labels.firstPayDate')}\n                      description={t('descriptions.anchorPayDateDescription', {\n                        count: paymentSpeedDays,\n                      })}\n                      validationMessages={{ REQUIRED: t('validations.firstPayDate') }}\n                      minDate={new Date()}\n                    />\n                    <Fields.AnchorEndOfPayPeriod\n                      label={t('labels.firstPayPeriodEndDate')}\n                      description={t('descriptions.anchorEndOfPayPeriodDescription')}\n                      validationMessages={{ REQUIRED: t('validations.firstPayPeriodEndDate') }}\n                    />\n                    {Fields.Day1 && (\n                      <Fields.Day1\n                        label={t('labels.firstPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.firstPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                    {Fields.Day2 && (\n                      <Fields.Day2\n                        label={t('labels.lastPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.lastPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                  </Flex>\n                </div>\n                <Flex flexDirection=\"column\" gap={4} justifyContent=\"center\" alignItems=\"center\">\n                  {payPeriodPreview && payPeriodPreview[selectedPayPeriodIndex] ? (\n                    <div className={style.calendarContainer}>\n                      {!payPreviewLoading && (\n                        <Components.Select\n                          label={t('labels.preview')}\n                          isRequired\n                          options={payPeriodPreview.map((period, index) => ({\n                            value: String(index),\n                            label: dateFormatter.formatPayPeriodRange(\n                              period.startDate.toString(),\n                              period.endDate.toString(),\n                            ),\n                          }))}\n                          value={String(selectedPayPeriodIndex)}\n                          onChange={(value: string) => {\n                            const numericValue = Number(value)\n                            if (!isNaN(numericValue)) {\n                              setSelectedPayPeriodIndex(numericValue)\n                            }\n                          }}\n                        />\n                      )}\n                      <Components.CalendarPreview\n                        key={selectedPayPeriodIndex}\n                        dateRange={{\n                          start: new Date(\n                            payPeriodPreview[selectedPayPeriodIndex].startDate.toString(),\n                          ),\n                          end: new Date(\n                            payPeriodPreview[selectedPayPeriodIndex].endDate.toString(),\n                          ),\n                          label: t('payPreview.payPeriod') || 'Pay Period',\n                        }}\n                        highlightDates={[\n                          {\n                            date: new Date(\n                              payPeriodPreview[selectedPayPeriodIndex].checkDate.toString(),\n                            ),\n                            highlightColor: 'primary',\n                            label: t('payPreview.payday') || 'Payday',\n                          },\n                          {\n                            date: new Date(\n                              payPeriodPreview[selectedPayPeriodIndex].runPayrollBy.toString(),\n                            ),\n                            highlightColor: 'secondary',\n                            label: t('payPreview.payrollDeadline') || 'Payroll Deadline',\n                          },\n                        ]}\n                      />\n                    </div>\n                  ) : (\n                    <div className={style.calendarContainer}>\n                      <Components.Alert\n                        status=\"info\"\n                        label={t('previewAlert.title', 'Pay Schedule Preview')}\n                      >\n                        <Components.Text>\n                          {t(\n                            'previewAlert.description',\n                            'Complete all the required fields on the left to see a preview of your pay schedule.',\n                          )}\n                        </Components.Text>\n                      </Components.Alert>\n                    </div>\n                  )}\n                </Flex>\n              </Grid>\n            </div>\n            <ActionsLayout>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onEvent(componentEvents.CANCEL)\n                }}\n              >\n                {t('actions.cancel')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={paySchedule.status.isPending}>\n                {t('actions.save')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["PayScheduleForm","onEvent","hookProps","jsx","BaseBoundaries","PayScheduleFormRoot","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","paySchedule","usePayScheduleForm","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","BaseLayout","handleSubmit","result","componentEvents","Fields","paymentSpeedDays","payPreviewLoading","payPeriodPreview","frequencyLabels","twicePerMonthLabels","SDKFormProvider","Form","jsxs","Flex","style","Grid","entry","period","index","value","numericValue","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PayScheduleForm.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { usePayScheduleForm } from './shared/usePayScheduleForm'\nimport type { UsePayScheduleFormProps, PayScheduleFrequency } from './shared/usePayScheduleForm'\nimport style from './PayScheduleForm.module.scss'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface PayScheduleFormProps extends UsePayScheduleFormProps {\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function PayScheduleForm({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  return (\n    <BaseBoundaries componentName=\"Company.PayScheduleForm\">\n      <PayScheduleFormRoot onEvent={onEvent} {...hookProps} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PayScheduleFormRoot({ onEvent, ...hookProps }: PayScheduleFormProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const paySchedule = usePayScheduleForm(hookProps)\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState(0)\n\n  if (paySchedule.isLoading) {\n    return <BaseLayout isLoading error={paySchedule.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await paySchedule.actions.onSubmit()\n    if (result) {\n      onEvent(\n        result.mode === 'create'\n          ? componentEvents.PAY_SCHEDULE_CREATED\n          : componentEvents.PAY_SCHEDULE_UPDATED,\n        { paySchedule: result.data },\n      )\n    }\n  }\n\n  const { Fields } = paySchedule.form\n  const { paymentSpeedDays, payPreviewLoading } = paySchedule.data\n  const payPeriodPreview = paySchedule.data.payPeriodPreview\n\n  const frequencyLabels: Record<PayScheduleFrequency, string> = {\n    'Every week': t('frequencies.everyWeek'),\n    'Every other week': t('frequencies.everyOtherWeek'),\n    'Twice per month': t('frequencies.twicePerMonth'),\n    Monthly: t('frequencies.monthly'),\n  }\n\n  const twicePerMonthLabels: Record<string, string> = {\n    '1st15th': t('frequencyOptions.15thAndLast'),\n    custom: t('frequencyOptions.custom'),\n  }\n\n  return (\n    <BaseLayout error={paySchedule.errorHandling.errors}>\n      <SDKFormProvider formHookResult={paySchedule}>\n        <Form onSubmit={() => void handleSubmit()}>\n          <Flex flexDirection=\"column\">\n            <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n              <header>\n                <Components.Heading as=\"h2\">\n                  {paySchedule.status.mode === 'create'\n                    ? t('headings.addPaySchedule')\n                    : t('headings.editPaySchedule')}\n                </Components.Heading>\n              </header>\n            </Flex>\n            <div className={style.payScheduleContainer}>\n              <Grid gap={32} gridTemplateColumns={{ base: '1fr', small: '1fr 1fr' }}>\n                <div className={style.payScheduleForm}>\n                  <Flex flexDirection=\"column\">\n                    <Fields.CustomName\n                      label={t('labels.name')}\n                      validationMessages={{ REQUIRED: t('validations.name') }}\n                    />\n                    <Fields.Frequency\n                      label={t('labels.frequency')}\n                      getOptionLabel={(entry: PayScheduleFrequency) => frequencyLabels[entry]}\n                      validationMessages={{ REQUIRED: t('validations.frequency') }}\n                    />\n                    {Fields.CustomTwicePerMonth && (\n                      <Fields.CustomTwicePerMonth\n                        label={t('labels.frequencyOptions')}\n                        description={t('descriptions.frequencyOptionsDescription')}\n                        getOptionLabel={(entry: string) => twicePerMonthLabels[entry] ?? entry}\n                      />\n                    )}\n                    <Fields.AnchorPayDate\n                      label={t('labels.firstPayDate')}\n                      description={t('descriptions.anchorPayDateDescription', {\n                        count: paymentSpeedDays,\n                      })}\n                      validationMessages={{ REQUIRED: t('validations.firstPayDate') }}\n                      minDate={new Date()}\n                    />\n                    <Fields.AnchorEndOfPayPeriod\n                      label={t('labels.firstPayPeriodEndDate')}\n                      description={t('descriptions.anchorEndOfPayPeriodDescription')}\n                      validationMessages={{ REQUIRED: t('validations.firstPayPeriodEndDate') }}\n                    />\n                    {Fields.Day1 && (\n                      <Fields.Day1\n                        label={t('labels.firstPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.firstPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                    {Fields.Day2 && (\n                      <Fields.Day2\n                        label={t('labels.lastPayDayOfTheMonth')}\n                        validationMessages={{\n                          REQUIRED: t('validations.lastPayDayOfTheMonth'),\n                          DAY_RANGE: t('validations.dayRange'),\n                        }}\n                      />\n                    )}\n                  </Flex>\n                </div>\n                <Flex flexDirection=\"column\" gap={4} justifyContent=\"center\" alignItems=\"center\">\n                  {payPeriodPreview && payPeriodPreview[selectedPayPeriodIndex] ? (\n                    <div className={style.calendarContainer}>\n                      {!payPreviewLoading && (\n                        <Components.Select\n                          label={t('labels.preview')}\n                          isRequired\n                          options={payPeriodPreview.map((period, index) => ({\n                            value: String(index),\n                            label: dateFormatter.formatPayPeriodRange(\n                              period.startDate.toString(),\n                              period.endDate.toString(),\n                            ),\n                          }))}\n                          value={String(selectedPayPeriodIndex)}\n                          onChange={(value: string) => {\n                            const numericValue = Number(value)\n                            if (!isNaN(numericValue)) {\n                              setSelectedPayPeriodIndex(numericValue)\n                            }\n                          }}\n                        />\n                      )}\n                      <Components.CalendarPreview\n                        key={selectedPayPeriodIndex}\n                        dateRange={{\n                          start: new Date(\n                            payPeriodPreview[selectedPayPeriodIndex].startDate.toString(),\n                          ),\n                          end: new Date(\n                            payPeriodPreview[selectedPayPeriodIndex].endDate.toString(),\n                          ),\n                          label: t('payPreview.payPeriod') || 'Pay Period',\n                        }}\n                        highlightDates={[\n                          {\n                            date: new Date(\n                              payPeriodPreview[selectedPayPeriodIndex].checkDate.toString(),\n                            ),\n                            highlightColor: 'primary',\n                            label: t('payPreview.payday') || 'Payday',\n                          },\n                          {\n                            date: new Date(\n                              payPeriodPreview[selectedPayPeriodIndex].runPayrollBy.toString(),\n                            ),\n                            highlightColor: 'secondary',\n                            label: t('payPreview.payrollDeadline') || 'Payroll Deadline',\n                          },\n                        ]}\n                      />\n                    </div>\n                  ) : (\n                    <div className={style.calendarContainer}>\n                      <Components.Alert\n                        status=\"info\"\n                        label={t('previewAlert.title', 'Pay Schedule Preview')}\n                      >\n                        <Components.Text>\n                          {t(\n                            'previewAlert.description',\n                            'Complete all the required fields on the left to see a preview of your pay schedule.',\n                          )}\n                        </Components.Text>\n                      </Components.Alert>\n                    </div>\n                  )}\n                </Flex>\n              </Grid>\n            </div>\n            <ActionsLayout>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onEvent(componentEvents.CANCEL)\n                }}\n              >\n                {t('actions.cancel')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={paySchedule.status.isPending}>\n                {t('actions.save')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["PayScheduleForm","onEvent","hookProps","jsx","BaseBoundaries","PayScheduleFormRoot","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","paySchedule","usePayScheduleForm","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","BaseLayout","handleSubmit","result","componentEvents","Fields","paymentSpeedDays","payPreviewLoading","payPeriodPreview","frequencyLabels","twicePerMonthLabels","SDKFormProvider","Form","jsxs","Flex","style","Grid","entry","period","index","value","numericValue","ActionsLayout"],"mappings":"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"}

package/dist/components/Company/PaySchedule/PayScheduleList.js

@@ -3,6 +3,7 @@ import { useTranslation as f, Trans as m } from "react-i18next";
 import { usePaySchedulesGetAllSuspense as S } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
 import d from "./PayScheduleList.module.scss.js";
 import { Flex as o } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { ActionsLayout as C } from "../../Common/ActionsLayout/ActionsLayout.js";
 import L from "../../../assets/icons/pencil.svg.js";
 import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -11,7 +12,7 @@ import { VisuallyHidden as D } from "../../Common/VisuallyHidden/VisuallyHidden.
 import { HamburgerMenu as v } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as P } from "../../Common/DataView/useDataView.js";
 import { DataView as x } from "../../Common/DataView/DataView.js";
-function Y({ companyId: u, onEvent: c }) {
+function F({ companyId: u, onEvent: c }) {
   const { t } = f("Company.PaySchedule"), i = g(), { data: p } = S({ companyId: u }), h = P({
     data: p.paySchedules || [],
     columns: [
@@ -97,6 +98,6 @@ function Y({ companyId: u, onEvent: c }) {
   ] });
 }
 export {
-  Y as PayScheduleList
+  F as PayScheduleList
 };
 //# sourceMappingURL=PayScheduleList.js.map

package/dist/components/Company/PaySchedule/PayScheduleList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleList.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleList.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport styles from './PayScheduleList.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden, ActionsLayout } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface PayScheduleListProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function PayScheduleList({ companyId, onEvent }: PayScheduleListProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const dataViewProps = useDataView({\n    data: paySchedules.paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection=\"column\" gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems=\"center\" justifyContent=\"center\">\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => (\n      <HamburgerMenu\n        triggerLabel=\"Actions\"\n        items={[\n          {\n            label: t('payScheduleList.edit'),\n            onClick: () => {\n              onEvent(componentEvents.PAY_SCHEDULE_UPDATE, { uuid: schedule.uuid })\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n        ]}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n        <header>\n          <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n          <Components.Text>\n            <Trans\n              i18nKey=\"listDescription\"\n              t={t}\n              components={{ ScheduleLink: <Components.Link /> }}\n            />\n          </Components.Text>\n          <Components.Text>\n            <Trans\n              i18nKey=\"listDescription2\"\n              t={t}\n              components={{ PaymentLawLink: <Components.Link /> }}\n            />\n          </Components.Text>\n        </header>\n      </Flex>\n      <DataView label=\"test\" {...dataViewProps} />\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n          }}\n        >\n          {t('addAnotherPayScheduleCta')}\n        </Components.Button>\n        <Components.Button\n          variant=\"primary\"\n          onClick={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_DONE)\n          }}\n        >\n          {t('continueCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["PayScheduleList","companyId","onEvent","useTranslation","Components","useComponentContext","paySchedules","usePaySchedulesGetAllSuspense","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","componentEvents","PencilSvg","Trans","DataView","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PayScheduleList.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleList.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport styles from './PayScheduleList.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden, ActionsLayout } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface PayScheduleListProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function PayScheduleList({ companyId, onEvent }: PayScheduleListProps) {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const dataViewProps = useDataView({\n    data: paySchedules.paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection=\"column\" gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems=\"center\" justifyContent=\"center\">\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => (\n      <HamburgerMenu\n        triggerLabel=\"Actions\"\n        items={[\n          {\n            label: t('payScheduleList.edit'),\n            onClick: () => {\n              onEvent(componentEvents.PAY_SCHEDULE_UPDATE, { uuid: schedule.uuid })\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n        ]}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex justifyContent=\"space-between\" flexDirection=\"column\" gap={4}>\n        <header>\n          <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n          <Components.Text>\n            <Trans\n              i18nKey=\"listDescription\"\n              t={t}\n              components={{ ScheduleLink: <Components.Link /> }}\n            />\n          </Components.Text>\n          <Components.Text>\n            <Trans\n              i18nKey=\"listDescription2\"\n              t={t}\n              components={{ PaymentLawLink: <Components.Link /> }}\n            />\n          </Components.Text>\n        </header>\n      </Flex>\n      <DataView label=\"test\" {...dataViewProps} />\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n          }}\n        >\n          {t('addAnotherPayScheduleCta')}\n        </Components.Button>\n        <Components.Button\n          variant=\"primary\"\n          onClick={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_DONE)\n          }}\n        >\n          {t('continueCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["PayScheduleList","companyId","onEvent","useTranslation","Components","useComponentContext","paySchedules","usePaySchedulesGetAllSuspense","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","componentEvents","PencilSvg","Trans","DataView","ActionsLayout"],"mappings":"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"}