@gusto/embedded-react-sdk 0.44.1 → 0.45.0

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidayPolicyDetail.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { getDefaultHolidayItems } from '../shared/holidayHelpers'\nimport { HolidayPolicyDetailPresentation } from './HolidayPolicyDetailPresentation'\nimport type { HolidayPolicyDetailEmployee } from './HolidayPolicyDetailTypes'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport EditIcon from '@/assets/icons/edit-02.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface HolidayPolicyDetailProps extends BaseComponentInterface {\n  companyId: string\n  defaultTab?: 'holidays' | 'employees'\n}\n\nexport function HolidayPolicyDetail(props: HolidayPolicyDetailProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Company.TimeOff.HolidayPolicy\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface RemoveDialogTarget {\n  uuid: string\n  name: string\n}\n\nfunction Root({ companyId, defaultTab = 'holidays' }: HolidayPolicyDetailProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { t: tShared } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Button } = useComponentContext()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [selectedTabId, setSelectedTabId] = useState<string>(defaultTab)\n  const [searchValue, setSearchValue] = useState('')\n  const [successAlert, setSuccessAlert] = useState<string | null>(null)\n  const [removeDialogTarget, setRemoveDialogTarget] = useState<RemoveDialogTarget | null>(null)\n\n  const holidayQuery = useHolidayPayPoliciesGetSuspense({ companyUuid: companyId })\n  const holidayPayPolicy = holidayQuery.data.holidayPayPolicy!\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n\n  const removeEmployeesMutation = useHolidayPayPoliciesRemoveEmployeesMutation()\n\n  const holidays = useMemo(() => {\n    const allHolidays = getDefaultHolidayItems(t, undefined, locale)\n    const { federalHolidays } = holidayPayPolicy\n    return allHolidays.filter(holiday => {\n      const holidayData = federalHolidays[holiday.uuid as keyof typeof federalHolidays]\n      return holidayData?.selected === true\n    })\n  }, [t, holidayPayPolicy, locale])\n\n  const policyEmployeeUuids = useMemo(\n    () => new Set(holidayPayPolicy.employees.map(e => e.uuid)),\n    [holidayPayPolicy.employees],\n  )\n\n  const employees: HolidayPolicyDetailEmployee[] = useMemo(() => {\n    const allEmployees = employeesData.showEmployees ?? []\n    return allEmployees\n      .filter(emp => policyEmployeeUuids.has(emp.uuid))\n      .map(emp => ({\n        uuid: emp.uuid,\n        firstName: emp.firstName,\n        lastName: emp.lastName,\n        jobTitle: emp.title ?? null,\n      }))\n  }, [employeesData.showEmployees, policyEmployeeUuids])\n\n  const filteredEmployees = useMemo(() => {\n    if (!searchValue) return employees\n    const query = searchValue.toLowerCase()\n    return employees.filter(emp => {\n      const name = firstLastName({\n        first_name: emp.firstName,\n        last_name: emp.lastName,\n      }).toLowerCase()\n      return name.includes(query)\n    })\n  }, [employees, searchValue])\n\n  const handleRemoveEmployee = async () => {\n    if (!removeDialogTarget) return\n\n    const targetUuid = removeDialogTarget.uuid\n    const targetName = removeDialogTarget.name\n    setRemoveDialogTarget(null)\n\n    await baseSubmitHandler({}, async () => {\n      await removeEmployeesMutation.mutateAsync({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: holidayPayPolicy.version!,\n            employees: [{ uuid: targetUuid }],\n          },\n        },\n      })\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      setSuccessAlert(t('flash.employeeRemoved', { name: targetName }))\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(componentEvents.TIME_OFF_BACK_TO_LIST)\n  }\n\n  const handleAddEmployees = () => {\n    onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES)\n  }\n\n  const handleEditPolicy = () => {\n    onEvent(componentEvents.TIME_OFF_EDIT_HOLIDAY_POLICY)\n  }\n\n  const actions = [\n    <Button\n      key=\"add\"\n      variant=\"secondary\"\n      icon={<PlusCircleIcon aria-hidden />}\n      onClick={handleAddEmployees}\n    >\n      {t('show.addEmployeesCta')}\n    </Button>,\n    <Button\n      key=\"edit\"\n      variant=\"secondary\"\n      icon={<EditIcon aria-hidden />}\n      onClick={handleEditPolicy}\n    >\n      {t('show.editPolicyCta')}\n    </Button>,\n  ]\n\n  return (\n    <HolidayPolicyDetailPresentation\n      title={t('show.title')}\n      onBack={handleBack}\n      backLabel={tShared('backLabel')}\n      actions={actions}\n      holidays={holidays}\n      selectedTabId={selectedTabId}\n      onTabChange={setSelectedTabId}\n      employees={{\n        data: filteredEmployees,\n        searchValue,\n        onSearchChange: setSearchValue,\n        onSearchClear: () => {\n          setSearchValue('')\n        },\n        itemMenu: employee => (\n          <HamburgerMenu\n            items={[\n              {\n                label: tShared('removeEmployeeDialog.confirmCta'),\n                icon: <TrashCanSvg aria-hidden />,\n                onClick: () => {\n                  setRemoveDialogTarget({\n                    uuid: employee.uuid,\n                    name: firstLastName({\n                      first_name: employee.firstName,\n                      last_name: employee.lastName,\n                    }),\n                  })\n                },\n              },\n            ]}\n            triggerLabel={tShared('employeeActions', {\n              name: firstLastName({ first_name: employee.firstName, last_name: employee.lastName }),\n            })}\n          />\n        ),\n      }}\n      removeDialog={{\n        isOpen: removeDialogTarget !== null,\n        employeeName: removeDialogTarget?.name ?? '',\n        onConfirm: handleRemoveEmployee,\n        onClose: () => {\n          setRemoveDialogTarget(null)\n        },\n        isPending: removeEmployeesMutation.isPending,\n      }}\n      successAlert={successAlert ?? undefined}\n      onDismissAlert={() => {\n        setSuccessAlert(null)\n      }}\n    />\n  )\n}\n"],"names":["HolidayPolicyDetail","props","jsx","BaseComponent","Root","companyId","defaultTab","useI18n","t","useTranslation","tShared","Button","useComponentContext","locale","useLocale","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","selectedTabId","setSelectedTabId","useState","searchValue","setSearchValue","successAlert","setSuccessAlert","removeDialogTarget","setRemoveDialogTarget","holidayPayPolicy","useHolidayPayPoliciesGetSuspense","employeesData","useEmployeesListSuspense","removeEmployeesMutation","useHolidayPayPoliciesRemoveEmployeesMutation","holidays","useMemo","allHolidays","getDefaultHolidayItems","federalHolidays","holiday","policyEmployeeUuids","employees","emp","filteredEmployees","query","firstLastName","handleRemoveEmployee","targetUuid","targetName","invalidateAllHolidayPayPoliciesGet","handleBack","componentEvents","handleAddEmployees","handleEditPolicy","actions","PlusCircleIcon","EditIcon","HolidayPolicyDetailPresentation","employee","HamburgerMenu","TrashCanSvg"],"mappings":"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"}
+{"version":3,"file":"HolidayPolicyDetail.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { getDefaultHolidayItems } from '../shared/holidayHelpers'\nimport { HolidayPolicyDetailPresentation } from './HolidayPolicyDetailPresentation'\nimport type { HolidayPolicyDetailEmployee } from './HolidayPolicyDetailTypes'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport EditIcon from '@/assets/icons/edit-02.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface HolidayPolicyDetailProps extends BaseComponentInterface {\n  companyId: string\n  defaultTab?: 'holidays' | 'employees'\n}\n\nexport function HolidayPolicyDetail(props: HolidayPolicyDetailProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Company.TimeOff.HolidayPolicy\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface RemoveDialogTarget {\n  uuid: string\n  name: string\n}\n\nfunction Root({ companyId, defaultTab = 'holidays' }: HolidayPolicyDetailProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { t: tShared } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Button } = useComponentContext()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [selectedTabId, setSelectedTabId] = useState<string>(defaultTab)\n  const [successAlert, setSuccessAlert] = useState<string | null>(null)\n  const [removeDialogTarget, setRemoveDialogTarget] = useState<RemoveDialogTarget | null>(null)\n\n  const holidayQuery = useHolidayPayPoliciesGetSuspense({ companyUuid: companyId })\n  const holidayPayPolicy = holidayQuery.data.holidayPayPolicy!\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n\n  const removeEmployeesMutation = useHolidayPayPoliciesRemoveEmployeesMutation()\n\n  const holidays = useMemo(() => {\n    const allHolidays = getDefaultHolidayItems(t, undefined, locale)\n    const { federalHolidays } = holidayPayPolicy\n    return allHolidays.filter(holiday => {\n      const holidayData = federalHolidays[holiday.uuid as keyof typeof federalHolidays]\n      return holidayData?.selected === true\n    })\n  }, [t, holidayPayPolicy, locale])\n\n  const policyEmployeeUuids = useMemo(\n    () => new Set(holidayPayPolicy.employees.map(e => e.uuid)),\n    [holidayPayPolicy.employees],\n  )\n\n  const employees: HolidayPolicyDetailEmployee[] = useMemo(() => {\n    const allEmployees = employeesData.showEmployees ?? []\n    return allEmployees\n      .filter(emp => policyEmployeeUuids.has(emp.uuid))\n      .map(emp => ({\n        uuid: emp.uuid,\n        firstName: emp.firstName,\n        lastName: emp.lastName,\n        jobTitle: emp.jobs?.find(job => job.primary)?.title ?? null,\n      }))\n  }, [employeesData.showEmployees, policyEmployeeUuids])\n\n  const {\n    data: pagedEmployees,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(employees, {\n    defaultItemsPerPage: 10,\n    searchPredicate: (emp, query) =>\n      `${emp.firstName ?? ''} ${emp.lastName ?? ''}`.toLowerCase().includes(query.toLowerCase()),\n  })\n\n  const handleRemoveEmployee = async () => {\n    if (!removeDialogTarget) return\n\n    const targetUuid = removeDialogTarget.uuid\n    const targetName = removeDialogTarget.name\n    setRemoveDialogTarget(null)\n\n    await baseSubmitHandler({}, async () => {\n      await removeEmployeesMutation.mutateAsync({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: holidayPayPolicy.version!,\n            employees: [{ uuid: targetUuid }],\n          },\n        },\n      })\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      setSuccessAlert(t('flash.employeeRemoved', { name: targetName }))\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(componentEvents.TIME_OFF_BACK_TO_LIST)\n  }\n\n  const handleAddEmployees = () => {\n    onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES)\n  }\n\n  const handleEditPolicy = () => {\n    onEvent(componentEvents.TIME_OFF_EDIT_HOLIDAY_POLICY)\n  }\n\n  const actions = [\n    <Button\n      key=\"add\"\n      variant=\"secondary\"\n      icon={<PlusCircleIcon aria-hidden />}\n      onClick={handleAddEmployees}\n    >\n      {t('show.addEmployeesCta')}\n    </Button>,\n    <Button\n      key=\"edit\"\n      variant=\"secondary\"\n      icon={<EditIcon aria-hidden />}\n      onClick={handleEditPolicy}\n    >\n      {t('show.editPolicyCta')}\n    </Button>,\n  ]\n\n  return (\n    <HolidayPolicyDetailPresentation\n      title={t('show.title')}\n      onBack={handleBack}\n      backLabel={tShared('backLabel')}\n      actions={actions}\n      onAddEmployee={handleAddEmployees}\n      holidays={holidays}\n      selectedTabId={selectedTabId}\n      onTabChange={setSelectedTabId}\n      employees={{\n        data: pagedEmployees,\n        searchValue,\n        onSearchChange: paginationActions.onSearchChange,\n        onSearchClear: paginationActions.onSearchClear,\n        pagination,\n        itemMenu: employee => (\n          <HamburgerMenu\n            items={[\n              {\n                label: tShared('removeEmployeeDialog.confirmCta'),\n                icon: <TrashCanSvg aria-hidden />,\n                onClick: () => {\n                  setRemoveDialogTarget({\n                    uuid: employee.uuid,\n                    name: firstLastName({\n                      first_name: employee.firstName,\n                      last_name: employee.lastName,\n                    }),\n                  })\n                },\n              },\n            ]}\n            triggerLabel={tShared('employeeActions', {\n              name: firstLastName({ first_name: employee.firstName, last_name: employee.lastName }),\n            })}\n          />\n        ),\n      }}\n      removeDialog={{\n        isOpen: removeDialogTarget !== null,\n        employeeName: removeDialogTarget?.name ?? '',\n        onConfirm: handleRemoveEmployee,\n        onClose: () => {\n          setRemoveDialogTarget(null)\n        },\n        isPending: removeEmployeesMutation.isPending,\n      }}\n      successAlert={successAlert ?? undefined}\n      onDismissAlert={() => {\n        setSuccessAlert(null)\n      }}\n    />\n  )\n}\n"],"names":["HolidayPolicyDetail","props","jsx","BaseComponent","Root","companyId","defaultTab","useI18n","t","useTranslation","tShared","Button","useComponentContext","locale","useLocale","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","selectedTabId","setSelectedTabId","useState","successAlert","setSuccessAlert","removeDialogTarget","setRemoveDialogTarget","holidayPayPolicy","useHolidayPayPoliciesGetSuspense","employeesData","useEmployeesListSuspense","removeEmployeesMutation","useHolidayPayPoliciesRemoveEmployeesMutation","holidays","useMemo","allHolidays","getDefaultHolidayItems","federalHolidays","holiday","policyEmployeeUuids","employees","emp","job","pagedEmployees","pagination","searchValue","paginationActions","useClientPagination","query","handleRemoveEmployee","targetUuid","targetName","invalidateAllHolidayPayPoliciesGet","handleBack","componentEvents","handleAddEmployees","handleEditPolicy","actions","PlusCircleIcon","EditIcon","HolidayPolicyDetailPresentation","employee","HamburgerMenu","TrashCanSvg","firstLastName"],"mappings":"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"}

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.d.ts

@@ -1,2 +1,2 @@
 import { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes';
-export declare function HolidayPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, holidays, selectedTabId, onTabChange, employees, removeDialog, successAlert, onDismissAlert, }: HolidayPolicyDetailPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function HolidayPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, holidays, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, }: HolidayPolicyDetailPresentationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js

@@ -1,80 +1,81 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import { useTranslation as m } from "react-i18next";
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as D } from "react";
+import { useTranslation as n } from "react-i18next";
 import "classnames";
 import "../../../shared/constants.js";
-import { useComponentContext as H } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as d } from "../../../i18n/I18n.js";
+import { useI18n as l } from "../../../i18n/I18n.js";
 import { PolicyDetailLayout as T } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
-import { useDataView as x } from "../../Common/DataView/useDataView.js";
-import { DataView as D } from "../../Common/DataView/DataView.js";
-const P = "holidays";
-function S({
-  title: a,
+import { useDataView as O } from "../../Common/DataView/useDataView.js";
+import { DataView as P } from "../../Common/DataView/DataView.js";
+const v = "holidays";
+function j({
+  title: t,
   subtitle: e,
-  onBack: i,
-  backLabel: r,
-  actions: n,
-  holidays: l,
-  selectedTabId: s,
-  onTabChange: t,
-  employees: y,
-  removeDialog: c,
-  successAlert: p,
-  onDismissAlert: f
+  onBack: a,
+  backLabel: i,
+  actions: o,
+  holidays: s,
+  selectedTabId: m,
+  onTabChange: y,
+  employees: d,
+  onAddEmployee: f,
+  removeDialog: b,
+  successAlert: c,
+  onDismissAlert: p
 }) {
-  d("Company.TimeOff.HolidayPolicy");
-  const { t: b } = m("Company.TimeOff.HolidayPolicy"), u = /* @__PURE__ */ o(v, { holidays: l });
-  return /* @__PURE__ */ o(
+  l("Company.TimeOff.HolidayPolicy");
+  const { t: u } = n("Company.TimeOff.HolidayPolicy"), H = /* @__PURE__ */ r(x, { holidays: s });
+  return /* @__PURE__ */ r(
     T,
     {
-      title: a,
+      title: t,
       subtitle: e,
-      onBack: i,
-      backLabel: r,
-      actions: n,
+      onBack: a,
+      backLabel: i,
+      actions: o,
       firstTab: {
-        id: P,
-        label: b("tabs.holidays"),
-        content: u
+        id: v,
+        label: u("tabs.holidays"),
+        content: H
       },
-      selectedTabId: s,
-      onTabChange: t,
-      employees: y,
-      removeDialog: c,
-      successAlert: p,
-      onDismissAlert: f
+      selectedTabId: m,
+      onTabChange: y,
+      employees: d,
+      onAddEmployee: f,
+      removeDialog: b,
+      successAlert: c,
+      onDismissAlert: p
     }
   );
 }
-function v({ holidays: a }) {
-  d("Company.TimeOff.HolidayPolicy");
-  const { t: e } = m("Company.TimeOff.HolidayPolicy"), { Text: i, Box: r, BoxHeader: n } = H(), l = h(
+function x({ holidays: t }) {
+  l("Company.TimeOff.HolidayPolicy");
+  const { t: e } = n("Company.TimeOff.HolidayPolicy"), a = D(
     () => [
       {
         key: "name",
         title: e("tableHeaders.holidayName"),
-        render: (t) => /* @__PURE__ */ o(i, { weight: "medium", children: t.name })
+        render: (o) => o.name
       },
       {
         key: "observedDate",
         title: e("tableHeaders.observedDate"),
-        render: (t) => /* @__PURE__ */ o(i, { variant: "supporting", children: t.observedDate })
+        render: (o) => o.observedDate
       },
       {
         key: "nextObservation",
         title: e("tableHeaders.nextObservation"),
-        render: (t) => /* @__PURE__ */ o(i, { variant: "supporting", children: t.nextObservation })
+        render: (o) => o.nextObservation
       }
     ],
-    [e, i]
-  ), s = x({
-    data: a,
-    columns: l
+    [e]
+  ), i = O({
+    data: t,
+    columns: a
   });
-  return /* @__PURE__ */ o(r, { header: /* @__PURE__ */ o(n, { title: e("show.holidaySchedule") }), withPadding: !1, children: /* @__PURE__ */ o(D, { label: e("tableLabel"), ...s }) });
+  return /* @__PURE__ */ r(P, { label: e("tableLabel"), ...i });
 }
 export {
-  S as HolidayPolicyDetailPresentation
+  j as HolidayPolicyDetailPresentation
 };
 //# sourceMappingURL=HolidayPolicyDetailPresentation.js.map

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidayPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes'\nimport { DataView, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst HOLIDAYS_TAB_ID = 'holidays'\n\nexport function HolidayPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  holidays,\n  selectedTabId,\n  onTabChange,\n  employees,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: HolidayPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const holidaysTabContent = <HolidaysTab holidays={holidays} />\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: HOLIDAYS_TAB_ID,\n        label: t('tabs.holidays'),\n        content: holidaysTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={employees}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction HolidaysTab({ holidays }: { holidays: HolidayItem[] }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { Text, Box, BoxHeader } = useComponentContext()\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => <Text weight=\"medium\">{item.name}</Text>,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.observedDate}</Text>,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.nextObservation}</Text>,\n      },\n    ],\n    [t, Text],\n  )\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n  })\n\n  return (\n    <Box header={<BoxHeader title={t('show.holidaySchedule')} />} withPadding={false}>\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n    </Box>\n  )\n}\n"],"names":["HOLIDAYS_TAB_ID","HolidayPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","holidays","selectedTabId","onTabChange","employees","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","holidaysTabContent","jsx","HolidaysTab","PolicyDetailLayout","Text","Box","BoxHeader","useComponentContext","columns","useMemo","item","dataViewProps","useDataView","DataView"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAkB;AAEjB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDC,IAAqB,gBAAAC,EAACC,GAAA,EAAY,UAAAZ,EAAA,CAAoB;AAE5D,SACE,gBAAAW;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAlB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOe,EAAE,eAAe;AAAA,QACxB,SAASE;AAAA,MAAA;AAAA,MAEX,eAAAT;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASM,EAAY,EAAE,UAAAZ,KAAyC;AAC9D,EAAAO,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,MAAAK,GAAM,KAAAC,GAAK,WAAAC,EAAA,IAAcC,EAAA,GAE3BC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOX,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACY,MAAsB,gBAAAT,EAACG,KAAK,QAAO,UAAU,YAAK,KAAA,CAAK;AAAA,MAAA;AAAA,MAElE;AAAA,QACE,KAAK;AAAA,QACL,OAAON,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACY,MAAsB,gBAAAT,EAACG,KAAK,SAAQ,cAAc,YAAK,aAAA,CAAa;AAAA,MAAA;AAAA,MAE/E;AAAA,QACE,KAAK;AAAA,QACL,OAAON,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACY,MAAsB,gBAAAT,EAACG,KAAK,SAAQ,cAAc,YAAK,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAClF;AAAA,IAEF,CAACN,GAAGM,CAAI;AAAA,EAAA,GAGJO,IAAgBC,EAAyB;AAAA,IAC7C,MAAMtB;AAAA,IACN,SAAAkB;AAAA,EAAA,CACD;AAED,SACE,gBAAAP,EAACI,KAAI,QAAQ,gBAAAJ,EAACK,KAAU,OAAOR,EAAE,sBAAsB,GAAG,GAAI,aAAa,IACzE,UAAA,gBAAAG,EAACY,KAAS,OAAOf,EAAE,YAAY,GAAI,GAAGa,GAAe,EAAA,CACvD;AAEJ;"}
+{"version":3,"file":"HolidayPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes'\nimport { DataView, useDataView } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\nconst HOLIDAYS_TAB_ID = 'holidays'\n\nexport function HolidayPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  holidays,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: HolidayPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const holidaysTabContent = <HolidaysTab holidays={holidays} />\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: HOLIDAYS_TAB_ID,\n        label: t('tabs.holidays'),\n        content: holidaysTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={employees}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction HolidaysTab({ holidays }: { holidays: HolidayItem[] }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n  })\n\n  return <DataView label={t('tableLabel')} {...dataViewProps} />\n}\n"],"names":["HOLIDAYS_TAB_ID","HolidayPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","holidays","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","holidaysTabContent","jsx","HolidaysTab","PolicyDetailLayout","columns","useMemo","item","dataViewProps","useDataView","DataView"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAkB;AAEjB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDC,IAAqB,gBAAAC,EAACC,GAAA,EAAY,UAAAb,EAAA,CAAoB;AAE5D,SACE,gBAAAY;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOgB,EAAE,eAAe;AAAA,QACxB,SAASE;AAAA,MAAA;AAAA,MAEX,eAAAV;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASM,EAAY,EAAE,UAAAb,KAAyC;AAC9D,EAAAQ,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDK,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACR,CAAC;AAAA,EAAA,GAGES,IAAgBC,EAAyB;AAAA,IAC7C,MAAMnB;AAAA,IACN,SAAAe;AAAA,EAAA,CACD;AAED,2BAAQK,GAAA,EAAS,OAAOX,EAAE,YAAY,GAAI,GAAGS,GAAe;AAC9D;"}

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailTypes.d.ts

@@ -15,6 +15,7 @@ export interface HolidayPolicyDetailPresentationProps {
     selectedTabId: string;
     onTabChange: (id: string) => void;
     employees: Pick<EmployeeTableProps<HolidayPolicyDetailEmployee>, 'data' | 'searchValue' | 'onSearchChange' | 'onSearchClear' | 'searchPlaceholder' | 'itemMenu' | 'pagination' | 'isFetching' | 'emptyState'>;
+    onAddEmployee?: () => void;
     removeDialog: RemoveDialogState;
     successAlert?: string;
     onDismissAlert?: () => void;

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionForm.js

@@ -1,21 +1,21 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useMemo as C, useCallback as r, useState as b } from "react";
-import { useTranslation as E } from "react-i18next";
-import { useQueryClient as A } from "@tanstack/react-query";
-import { useHolidayPayPoliciesCreateMutation as g } from "@gusto/embedded-api/react-query/holidayPayPoliciesCreate";
-import { useHolidayPayPoliciesGetSuspense as k, invalidateAllHolidayPayPoliciesGet as O, queryKeyHolidayPayPoliciesGet as N } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
-import { useHolidayPayPoliciesUpdateMutation as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesUpdate";
-import { getDefaultHolidayItems as _, FEDERAL_HOLIDAY_KEYS as w, buildFederalHolidaysPayload as T } from "../shared/holidayHelpers.js";
-import { HolidaySelectionFormPresentation as U } from "./HolidaySelectionFormPresentation.js";
-import { BaseComponent as M } from "../../Base/Base.js";
-import { useBase as v } from "../../Base/useBase.js";
+import { useTranslation as A } from "react-i18next";
+import { useQueryClient as O } from "@tanstack/react-query";
+import { useHolidayPayPoliciesCreateMutation as k } from "@gusto/embedded-api/react-query/holidayPayPoliciesCreate";
+import { useHolidayPayPoliciesGetSuspense as N, invalidateAllHolidayPayPoliciesGet as _, queryKeyHolidayPayPoliciesGet as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { useHolidayPayPoliciesUpdateMutation as M } from "@gusto/embedded-api/react-query/holidayPayPoliciesUpdate";
+import { getDefaultHolidayItems as w, FEDERAL_HOLIDAY_KEYS as T, buildFederalHolidaysPayload as U } from "../shared/holidayHelpers.js";
+import { HolidaySelectionFormPresentation as v } from "./HolidaySelectionFormPresentation.js";
+import { BaseComponent as R } from "../../Base/Base.js";
+import { useBase as D } from "../../Base/useBase.js";
 import { componentEvents as S } from "../../../shared/constants.js";
-import { useI18n as D } from "../../../i18n/I18n.js";
-import { useLocale as I } from "../../../contexts/LocaleProvider/useLocale.js";
-function ie(e) {
-  return /* @__PURE__ */ u(M, { ...e, children: e.mode === "edit" ? /* @__PURE__ */ u(Y, { companyId: e.companyId }) : /* @__PURE__ */ u(R, { companyId: e.companyId }) });
+import { useI18n as I } from "../../../i18n/I18n.js";
+import { useLocale as L } from "../../../contexts/LocaleProvider/useLocale.js";
+function ae(e) {
+  return /* @__PURE__ */ u(R, { ...e, children: e.mode === "edit" ? /* @__PURE__ */ u(G, { companyId: e.companyId }) : /* @__PURE__ */ u(Y, { companyId: e.companyId }) });
 }
-function L(e) {
+function g(e) {
   const [l, o] = b(e), i = r((n, c) => {
     o((a) => {
       const t = new Set(a);
@@ -33,58 +33,59 @@ function L(e) {
 }
 function F(e, l, o) {
   o && e.setQueryData(
-    N(l, {}),
+    x(l, {}),
     (i) => i ? { ...i, holidayPayPolicy: o } : void 0
   );
 }
-function R({ companyId: e }) {
-  D("Company.TimeOff.HolidayPolicy");
-  const { t: l } = E("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: i } = v(), { locale: s } = I(), n = A(), c = C(() => _(l, void 0, s), [l, s]), a = C(() => new Set(w), []), { selectedUuids: t, handleSelectionChange: d, handleSelectAll: y } = L(a), { mutateAsync: m } = g(), H = r(async () => {
+function Y({ companyId: e }) {
+  I("Company.TimeOff.HolidayPolicy");
+  const { t: l } = A("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: i } = D(), { locale: s } = L(), n = O(), c = C(() => w(l, void 0, s), [l, s]), a = C(() => new Set(T), []), { selectedUuids: t, handleSelectionChange: d, handleSelectAll: y } = g(a), { mutateAsync: m, isPending: H } = k(), f = r(async () => {
     await i({}, async () => {
-      const h = await m({
+      const p = await m({
         request: {
           companyUuid: e,
           holidayPayPolicyRequest: {
-            federalHolidays: T(t)
+            federalHolidays: U(t)
           }
         }
       });
-      F(n, e, h.holidayPayPolicy), await O(n), o(S.TIME_OFF_HOLIDAY_SELECTION_DONE);
+      F(n, e, p.holidayPayPolicy), await _(n), o(S.TIME_OFF_HOLIDAY_SELECTION_DONE);
     });
-  }, [i, m, e, t, n, o]), f = r(() => {
+  }, [i, m, e, t, n, o]), h = r(() => {
     o(S.CANCEL);
   }, [o]);
   return /* @__PURE__ */ u(
-    U,
+    v,
     {
       holidays: c,
       selectedHolidayUuids: t,
       onSelectionChange: d,
       onSelectAll: y,
-      onContinue: H,
-      onBack: f
+      onContinue: f,
+      onBack: h,
+      isPending: H
     }
   );
 }
-function Y({ companyId: e }) {
-  D("Company.TimeOff.HolidayPolicy");
-  const { t: l } = E("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: i } = v(), { locale: s } = I(), n = A(), { data: c } = k({ companyUuid: e }), a = c.holidayPayPolicy, t = C(() => _(l, void 0, s), [l, s]), d = C(() => {
+function G({ companyId: e }) {
+  I("Company.TimeOff.HolidayPolicy");
+  const { t: l } = A("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: i } = D(), { locale: s } = L(), n = O(), { data: c } = N({ companyUuid: e }), a = c.holidayPayPolicy, t = C(() => w(l, void 0, s), [l, s]), d = C(() => {
     const P = /* @__PURE__ */ new Set(), B = a.federalHolidays;
-    for (const p of w)
-      B[p]?.selected === !0 && P.add(p);
+    for (const E of T)
+      B[E]?.selected === !0 && P.add(E);
     return P;
-  }, [a.federalHolidays]), { selectedUuids: y, handleSelectionChange: m, handleSelectAll: H } = L(d), { mutateAsync: f } = x(), h = r(async () => {
+  }, [a.federalHolidays]), { selectedUuids: y, handleSelectionChange: m, handleSelectAll: H } = g(d), { mutateAsync: f, isPending: h } = M(), p = r(async () => {
     await i({}, async () => {
       const P = await f({
         request: {
           companyUuid: e,
           requestBody: {
             version: a.version,
-            federalHolidays: T(y)
+            federalHolidays: U(y)
           }
         }
       });
-      F(n, e, P.holidayPayPolicy), await O(n), o(S.TIME_OFF_HOLIDAY_SELECTION_EDIT_DONE);
+      F(n, e, P.holidayPayPolicy), await _(n), o(S.TIME_OFF_HOLIDAY_SELECTION_EDIT_DONE);
     });
   }, [
     i,
@@ -98,18 +99,19 @@ function Y({ companyId: e }) {
     o(S.CANCEL);
   }, [o]);
   return /* @__PURE__ */ u(
-    U,
+    v,
     {
       holidays: t,
       selectedHolidayUuids: y,
       onSelectionChange: m,
       onSelectAll: H,
-      onContinue: h,
-      onBack: q
+      onContinue: p,
+      onBack: q,
+      isPending: h
     }
   );
 }
 export {
-  ie as HolidaySelectionForm
+  ae as HolidaySelectionForm
 };
 //# sourceMappingURL=HolidaySelectionForm.js.map

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidaySelectionForm.js","sources":["../../../../src/components/TimeOff/HolidaySelectionForm/HolidaySelectionForm.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesCreateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesCreate'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesUpdateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesUpdate'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api/models/components/holidaypaypolicy'\nimport {\n  getDefaultHolidayItems,\n  buildFederalHolidaysPayload,\n  FEDERAL_HOLIDAY_KEYS,\n} from '../shared/holidayHelpers'\nimport { HolidaySelectionFormPresentation } from './HolidaySelectionFormPresentation'\nimport type { HolidayItem } from './HolidaySelectionFormTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nexport interface HolidaySelectionFormProps extends BaseComponentInterface {\n  companyId: string\n  mode?: 'create' | 'edit'\n}\n\nexport function HolidaySelectionForm(props: HolidaySelectionFormProps) {\n  return (\n    <BaseComponent {...props}>\n      {props.mode === 'edit' ? (\n        <EditRoot companyId={props.companyId} />\n      ) : (\n        <CreateRoot companyId={props.companyId} />\n      )}\n    </BaseComponent>\n  )\n}\n\ninterface RootProps {\n  companyId: string\n}\n\nfunction useHolidaySelection(initialKeys: Set<string>) {\n  const [selectedUuids, setSelectedUuids] = useState(initialKeys)\n\n  const handleSelectionChange = useCallback((item: HolidayItem, selected: boolean) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      if (selected) {\n        next.add(item.uuid)\n      } else {\n        next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  const handleSelectAll = useCallback((selected: boolean, visibleItems: HolidayItem[]) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      for (const item of visibleItems) {\n        if (selected) next.add(item.uuid)\n        else next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  return { selectedUuids, handleSelectionChange, handleSelectAll }\n}\n\nfunction seedPolicyCache(\n  queryClient: ReturnType<typeof useQueryClient>,\n  companyId: string,\n  policy: HolidayPayPolicy | undefined,\n) {\n  if (!policy) return\n  queryClient.setQueryData<HolidayPayPoliciesGetQueryData>(\n    queryKeyHolidayPayPoliciesGet(companyId, {}),\n    prev =>\n      prev\n        ? { ...prev, holidayPayPolicy: policy }\n        : (undefined as unknown as HolidayPayPoliciesGetQueryData),\n  )\n}\n\nfunction CreateRoot({ companyId }: RootProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t, undefined, locale), [t, locale])\n  const allKeys = useMemo(() => new Set(FEDERAL_HOLIDAY_KEYS), [])\n  const { selectedUuids, handleSelectionChange, handleSelectAll } = useHolidaySelection(allKeys)\n\n  const { mutateAsync: createPolicy } = useHolidayPayPoliciesCreateMutation()\n\n  const handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      const response = await createPolicy({\n        request: {\n          companyUuid: companyId,\n          holidayPayPolicyRequest: {\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      // Seed the GET cache so the next mount of SelectEmployeesHoliday's\n      // StandaloneLoader (in addEmployeesHoliday state) reads the freshly\n      // created policy instead of a stale `{ holidayPayPolicy: undefined }`\n      // left over from PolicyList's pre-create GET.\n      seedPolicyCache(queryClient, companyId, response.holidayPayPolicy)\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_DONE)\n    })\n  }, [baseSubmitHandler, createPolicy, companyId, selectedUuids, queryClient, onEvent])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <HolidaySelectionFormPresentation\n      holidays={holidays}\n      selectedHolidayUuids={selectedUuids}\n      onSelectionChange={handleSelectionChange}\n      onSelectAll={handleSelectAll}\n      onContinue={handleContinue}\n      onBack={handleBack}\n    />\n  )\n}\n\nfunction EditRoot({ companyId }: RootProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const { data } = useHolidayPayPoliciesGetSuspense({ companyUuid: companyId })\n  const policy = data.holidayPayPolicy!\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t, undefined, locale), [t, locale])\n\n  const initialSelected = useMemo(() => {\n    const next = new Set<string>()\n    const federal = policy.federalHolidays\n    for (const key of FEDERAL_HOLIDAY_KEYS) {\n      const entry = federal[key as keyof typeof federal]\n      if (entry?.selected === true) {\n        next.add(key)\n      }\n    }\n    return next\n  }, [policy.federalHolidays])\n\n  const { selectedUuids, handleSelectionChange, handleSelectAll } =\n    useHolidaySelection(initialSelected)\n\n  const { mutateAsync: updatePolicy } = useHolidayPayPoliciesUpdateMutation()\n\n  const handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      const response = await updatePolicy({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: policy.version!,\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      seedPolicyCache(queryClient, companyId, response.holidayPayPolicy)\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_EDIT_DONE)\n    })\n  }, [\n    baseSubmitHandler,\n    updatePolicy,\n    companyId,\n    policy.version,\n    selectedUuids,\n    queryClient,\n    onEvent,\n  ])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <HolidaySelectionFormPresentation\n      holidays={holidays}\n      selectedHolidayUuids={selectedUuids}\n      onSelectionChange={handleSelectionChange}\n      onSelectAll={handleSelectAll}\n      onContinue={handleContinue}\n      onBack={handleBack}\n    />\n  )\n}\n"],"names":["HolidaySelectionForm","props","BaseComponent","jsx","EditRoot","CreateRoot","useHolidaySelection","initialKeys","selectedUuids","setSelectedUuids","useState","handleSelectionChange","useCallback","item","selected","prev","next","handleSelectAll","visibleItems","seedPolicyCache","queryClient","companyId","policy","queryKeyHolidayPayPoliciesGet","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","locale","useLocale","useQueryClient","holidays","useMemo","getDefaultHolidayItems","allKeys","FEDERAL_HOLIDAY_KEYS","createPolicy","useHolidayPayPoliciesCreateMutation","handleContinue","response","buildFederalHolidaysPayload","invalidateAllHolidayPayPoliciesGet","componentEvents","handleBack","HolidaySelectionFormPresentation","data","useHolidayPayPoliciesGetSuspense","initialSelected","federal","key","updatePolicy","useHolidayPayPoliciesUpdateMutation"],"mappings":"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"}
+{"version":3,"file":"HolidaySelectionForm.js","sources":["../../../../src/components/TimeOff/HolidaySelectionForm/HolidaySelectionForm.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesCreateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesCreate'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesUpdateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesUpdate'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api/models/components/holidaypaypolicy'\nimport {\n  getDefaultHolidayItems,\n  buildFederalHolidaysPayload,\n  FEDERAL_HOLIDAY_KEYS,\n} from '../shared/holidayHelpers'\nimport { HolidaySelectionFormPresentation } from './HolidaySelectionFormPresentation'\nimport type { HolidayItem } from './HolidaySelectionFormTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nexport interface HolidaySelectionFormProps extends BaseComponentInterface {\n  companyId: string\n  mode?: 'create' | 'edit'\n}\n\nexport function HolidaySelectionForm(props: HolidaySelectionFormProps) {\n  return (\n    <BaseComponent {...props}>\n      {props.mode === 'edit' ? (\n        <EditRoot companyId={props.companyId} />\n      ) : (\n        <CreateRoot companyId={props.companyId} />\n      )}\n    </BaseComponent>\n  )\n}\n\ninterface RootProps {\n  companyId: string\n}\n\nfunction useHolidaySelection(initialKeys: Set<string>) {\n  const [selectedUuids, setSelectedUuids] = useState(initialKeys)\n\n  const handleSelectionChange = useCallback((item: HolidayItem, selected: boolean) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      if (selected) {\n        next.add(item.uuid)\n      } else {\n        next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  const handleSelectAll = useCallback((selected: boolean, visibleItems: HolidayItem[]) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      for (const item of visibleItems) {\n        if (selected) next.add(item.uuid)\n        else next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  return { selectedUuids, handleSelectionChange, handleSelectAll }\n}\n\nfunction seedPolicyCache(\n  queryClient: ReturnType<typeof useQueryClient>,\n  companyId: string,\n  policy: HolidayPayPolicy | undefined,\n) {\n  if (!policy) return\n  queryClient.setQueryData<HolidayPayPoliciesGetQueryData>(\n    queryKeyHolidayPayPoliciesGet(companyId, {}),\n    prev =>\n      prev\n        ? { ...prev, holidayPayPolicy: policy }\n        : (undefined as unknown as HolidayPayPoliciesGetQueryData),\n  )\n}\n\nfunction CreateRoot({ companyId }: RootProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t, undefined, locale), [t, locale])\n  const allKeys = useMemo(() => new Set(FEDERAL_HOLIDAY_KEYS), [])\n  const { selectedUuids, handleSelectionChange, handleSelectAll } = useHolidaySelection(allKeys)\n\n  const { mutateAsync: createPolicy, isPending } = useHolidayPayPoliciesCreateMutation()\n\n  const handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      const response = await createPolicy({\n        request: {\n          companyUuid: companyId,\n          holidayPayPolicyRequest: {\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      // Seed the GET cache so the next mount of SelectEmployeesHoliday's\n      // StandaloneLoader (in addEmployeesHoliday state) reads the freshly\n      // created policy instead of a stale `{ holidayPayPolicy: undefined }`\n      // left over from PolicyList's pre-create GET.\n      seedPolicyCache(queryClient, companyId, response.holidayPayPolicy)\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_DONE)\n    })\n  }, [baseSubmitHandler, createPolicy, companyId, selectedUuids, queryClient, onEvent])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <HolidaySelectionFormPresentation\n      holidays={holidays}\n      selectedHolidayUuids={selectedUuids}\n      onSelectionChange={handleSelectionChange}\n      onSelectAll={handleSelectAll}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      isPending={isPending}\n    />\n  )\n}\n\nfunction EditRoot({ companyId }: RootProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const { data } = useHolidayPayPoliciesGetSuspense({ companyUuid: companyId })\n  const policy = data.holidayPayPolicy!\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t, undefined, locale), [t, locale])\n\n  const initialSelected = useMemo(() => {\n    const next = new Set<string>()\n    const federal = policy.federalHolidays\n    for (const key of FEDERAL_HOLIDAY_KEYS) {\n      const entry = federal[key as keyof typeof federal]\n      if (entry?.selected === true) {\n        next.add(key)\n      }\n    }\n    return next\n  }, [policy.federalHolidays])\n\n  const { selectedUuids, handleSelectionChange, handleSelectAll } =\n    useHolidaySelection(initialSelected)\n\n  const { mutateAsync: updatePolicy, isPending } = useHolidayPayPoliciesUpdateMutation()\n\n  const handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      const response = await updatePolicy({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: policy.version!,\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      seedPolicyCache(queryClient, companyId, response.holidayPayPolicy)\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_EDIT_DONE)\n    })\n  }, [\n    baseSubmitHandler,\n    updatePolicy,\n    companyId,\n    policy.version,\n    selectedUuids,\n    queryClient,\n    onEvent,\n  ])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <HolidaySelectionFormPresentation\n      holidays={holidays}\n      selectedHolidayUuids={selectedUuids}\n      onSelectionChange={handleSelectionChange}\n      onSelectAll={handleSelectAll}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["HolidaySelectionForm","props","BaseComponent","jsx","EditRoot","CreateRoot","useHolidaySelection","initialKeys","selectedUuids","setSelectedUuids","useState","handleSelectionChange","useCallback","item","selected","prev","next","handleSelectAll","visibleItems","seedPolicyCache","queryClient","companyId","policy","queryKeyHolidayPayPoliciesGet","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","locale","useLocale","useQueryClient","holidays","useMemo","getDefaultHolidayItems","allKeys","FEDERAL_HOLIDAY_KEYS","createPolicy","isPending","useHolidayPayPoliciesCreateMutation","handleContinue","response","buildFederalHolidaysPayload","invalidateAllHolidayPayPoliciesGet","componentEvents","handleBack","HolidaySelectionFormPresentation","data","useHolidayPayPoliciesGetSuspense","initialSelected","federal","key","updatePolicy","useHolidayPayPoliciesUpdateMutation"],"mappings":"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"}

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.js

@@ -1,54 +1,54 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import { useTranslation as p } from "react-i18next";
-import { Flex as c } from "../../Common/Flex/Flex.js";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { useMemo as y } from "react";
+import { useTranslation as b } from "react-i18next";
+import { Flex as l } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { ActionsLayout as y } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ActionsLayout as h } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as v } from "../../../i18n/I18n.js";
-import { useDataView as x } from "../../Common/DataView/useDataView.js";
-import { DataView as C } from "../../Common/DataView/DataView.js";
-function I(o) {
+import { useDataView as C } from "../../Common/DataView/useDataView.js";
+import { DataView as g } from "../../Common/DataView/DataView.js";
+function I(e) {
   v("Company.TimeOff.HolidayPolicy");
-  const { t: e } = p("Company.TimeOff.HolidayPolicy"), { Heading: m, Text: n, Button: l } = b(), { holidays: d } = o, r = o.mode === "view", s = h(
+  const { t } = b("Company.TimeOff.HolidayPolicy"), { Heading: c, Text: s, Button: r } = x(), { holidays: d } = e, n = e.mode === "view", m = y(
     () => [
       {
         key: "name",
-        title: e("tableHeaders.holidayName"),
-        render: (i) => /* @__PURE__ */ t(n, { weight: "medium", children: i.name })
+        title: t("tableHeaders.holidayName"),
+        render: (i) => i.name
       },
       {
         key: "observedDate",
-        title: e("tableHeaders.observedDate"),
-        render: (i) => /* @__PURE__ */ t(n, { variant: "supporting", children: i.observedDate })
+        title: t("tableHeaders.observedDate"),
+        render: (i) => i.observedDate
       },
       {
         key: "nextObservation",
-        title: e("tableHeaders.nextObservation"),
-        render: (i) => /* @__PURE__ */ t(n, { variant: "supporting", children: i.nextObservation })
+        title: t("tableHeaders.nextObservation"),
+        render: (i) => i.nextObservation
       }
     ],
-    [e, n]
-  ), u = r ? {} : {
+    [t]
+  ), u = n ? {} : {
     selectionMode: "multiple",
-    onSelect: o.onSelectionChange,
-    onSelectAll: o.onSelectAll,
-    getIsItemSelected: (i) => o.selectedHolidayUuids.has(i.uuid)
-  }, f = x({
+    onSelect: e.onSelectionChange,
+    onSelectAll: e.onSelectAll,
+    getIsItemSelected: (i) => e.selectedHolidayUuids.has(i.uuid)
+  }, f = C({
     data: d,
-    columns: s,
+    columns: m,
     ...u
   });
-  return /* @__PURE__ */ a(c, { flexDirection: "column", gap: 32, children: [
-    !r && /* @__PURE__ */ a(c, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ t(m, { as: "h2", children: e("title") }),
-      /* @__PURE__ */ t(n, { variant: "supporting", children: e("description") })
+  return /* @__PURE__ */ a(l, { flexDirection: "column", gap: 32, children: [
+    !n && /* @__PURE__ */ a(l, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ o(c, { as: "h2", children: t("title") }),
+      /* @__PURE__ */ o(s, { variant: "supporting", children: t("description") })
     ] }),
-    /* @__PURE__ */ t(C, { label: e("tableLabel"), ...f }),
-    !r && /* @__PURE__ */ a(y, { children: [
-      /* @__PURE__ */ t(l, { variant: "secondary", onClick: o.onBack, children: e("backCta") }),
-      /* @__PURE__ */ t(l, { variant: "primary", onClick: o.onContinue, children: e("continueCta") })
+    /* @__PURE__ */ o(g, { label: t("tableLabel"), ...f }),
+    !n && /* @__PURE__ */ a(h, { children: [
+      /* @__PURE__ */ o(r, { variant: "secondary", onClick: e.onBack, isDisabled: e.isPending, children: t("backCta") }),
+      /* @__PURE__ */ o(r, { variant: "primary", onClick: e.onContinue, isLoading: e.isPending, children: t("continueCta") })
     ] })
   ] });
 }

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidaySelectionFormPresentation.js","sources":["../../../../src/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  HolidayItem,\n  HolidaySelectionFormPresentationProps,\n} from './HolidaySelectionFormTypes'\nimport { DataView, Flex, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function HolidaySelectionFormPresentation(props: HolidaySelectionFormPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const { holidays } = props\n  const isViewMode = props.mode === 'view'\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => <Text weight=\"medium\">{item.name}</Text>,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.observedDate}</Text>,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.nextObservation}</Text>,\n      },\n    ],\n    [t, Text],\n  )\n\n  const selectionProps = !isViewMode\n    ? {\n        selectionMode: 'multiple' as const,\n        onSelect: props.onSelectionChange,\n        onSelectAll: props.onSelectAll,\n        getIsItemSelected: (item: HolidayItem) => props.selectedHolidayUuids.has(item.uuid),\n      }\n    : {}\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n    ...selectionProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {!isViewMode && (\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </Flex>\n      )}\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      {!isViewMode && (\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={props.onBack}>\n            {t('backCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={props.onContinue}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      )}\n    </Flex>\n  )\n}\n"],"names":["HolidaySelectionFormPresentation","props","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","holidays","isViewMode","columns","useMemo","item","jsx","selectionProps","dataViewProps","useDataView","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;AAUO,SAASA,EAAiCC,GAA8C;AAC7F,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5B,EAAE,UAAAC,MAAaR,GACfS,IAAaT,EAAM,SAAS,QAE5BU,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOT,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,QAAO,UAAU,YAAK,KAAA,CAAK;AAAA,MAAA;AAAA,MAElE;AAAA,QACE,KAAK;AAAA,QACL,OAAOH,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,SAAQ,cAAc,YAAK,aAAA,CAAa;AAAA,MAAA;AAAA,MAE/E;AAAA,QACE,KAAK;AAAA,QACL,OAAOH,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,SAAQ,cAAc,YAAK,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAClF;AAAA,IAEF,CAACH,GAAGG,CAAI;AAAA,EAAA,GAGJS,IAAkBL,IAOpB,CAAA,IANA;AAAA,IACE,eAAe;AAAA,IACf,UAAUT,EAAM;AAAA,IAChB,aAAaA,EAAM;AAAA,IACnB,mBAAmB,CAACY,MAAsBZ,EAAM,qBAAqB,IAAIY,EAAK,IAAI;AAAA,EAAA,GAIlFG,IAAgBC,EAAyB;AAAA,IAC7C,MAAMR;AAAA,IACN,SAAAE;AAAA,IACA,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAA,CAACT,KACA,gBAAAQ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,wBAC5BG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC/C;AAAA,sBAGDiB,GAAA,EAAS,OAAOjB,EAAE,YAAY,GAAI,GAAGa,GAAe;AAAA,IAEpD,CAACN,KACA,gBAAAQ,EAACG,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACP,GAAA,EAAO,SAAQ,aAAY,SAASN,EAAM,QACxC,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAW,EAACP,KAAO,SAAQ,WAAU,SAASN,EAAM,YACtC,UAAAE,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"HolidaySelectionFormPresentation.js","sources":["../../../../src/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  HolidayItem,\n  HolidaySelectionFormPresentationProps,\n} from './HolidaySelectionFormTypes'\nimport { DataView, Flex, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function HolidaySelectionFormPresentation(props: HolidaySelectionFormPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const { holidays } = props\n  const isViewMode = props.mode === 'view'\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const selectionProps = !isViewMode\n    ? {\n        selectionMode: 'multiple' as const,\n        onSelect: props.onSelectionChange,\n        onSelectAll: props.onSelectAll,\n        getIsItemSelected: (item: HolidayItem) => props.selectedHolidayUuids.has(item.uuid),\n      }\n    : {}\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n    ...selectionProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {!isViewMode && (\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </Flex>\n      )}\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      {!isViewMode && (\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={props.onBack} isDisabled={props.isPending}>\n            {t('backCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={props.onContinue} isLoading={props.isPending}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      )}\n    </Flex>\n  )\n}\n"],"names":["HolidaySelectionFormPresentation","props","useI18n","useTranslation","Heading","Text","Button","useComponentContext","holidays","isViewMode","columns","useMemo","item","selectionProps","dataViewProps","useDataView","jsxs","Flex","jsx","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;AAUO,SAASA,EAAiCC,GAA8C;AAC7F,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5B,EAAE,UAAAC,MAAaP,GACfQ,IAAaR,EAAM,SAAS,QAE5BS,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACC,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACA,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACA,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAAC,CAAC;AAAA,EAAA,GAGEC,IAAkBJ,IAOpB,CAAA,IANA;AAAA,IACE,eAAe;AAAA,IACf,UAAUR,EAAM;AAAA,IAChB,aAAaA,EAAM;AAAA,IACnB,mBAAmB,CAACW,MAAsBX,EAAM,qBAAqB,IAAIW,EAAK,IAAI;AAAA,EAAA,GAIlFE,IAAgBC,EAAyB;AAAA,IAC7C,MAAMP;AAAA,IACN,SAAAE;AAAA,IACA,GAAGG;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAA,CAACR,KACA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACd,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,wBAC5BC,GAAA,EAAK,SAAQ,cAAc,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC/C;AAAA,sBAGDc,GAAA,EAAS,OAAO,EAAE,YAAY,GAAI,GAAGL,GAAe;AAAA,IAEpD,CAACL,KACA,gBAAAO,EAACI,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAF,EAACZ,GAAA,EAAO,SAAQ,aAAY,SAASL,EAAM,QAAQ,YAAYA,EAAM,WAClE,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAiB,EAACZ,GAAA,EAAO,SAAQ,WAAU,SAASL,EAAM,YAAY,WAAWA,EAAM,WACnE,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormTypes.d.ts

@@ -14,6 +14,7 @@ interface HolidaySelectionFormSelectModeProps extends HolidaySelectionFormBasePr
     onSelectAll: (selected: boolean, visibleItems: HolidayItem[]) => void;
     onContinue: () => void;
     onBack: () => void;
+    isPending?: boolean;
 }
 interface HolidaySelectionFormViewModeProps extends HolidaySelectionFormBaseProps {
     mode: 'view';