@gusto/embedded-react-sdk 0.42.0 → 0.44.0

package/dist/components/TimeOff/PolicySettings/PolicySettingsPresentation.js

@@ -0,0 +1,164 @@
+import { jsx as e, jsxs as l, Fragment as S } from "react/jsx-runtime";
+import { useId as n } from "react";
+import { useForm as T, useWatch as o, FormProvider as D } from "react-hook-form";
+import { useTranslation as V } from "react-i18next";
+import a from "./PolicySettings.module.scss.js";
+import { Flex as x } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { ActionsLayout as k } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as R } from "../../Common/Form/Form.js";
+import { useComponentContext as U } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as _ } from "../../../i18n/I18n.js";
+import { NumberInputField as s } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as t } from "../../Common/Fields/SwitchField/SwitchField.js";
+function ii({
+  accrualMethod: m,
+  onContinue: v,
+  onBack: O,
+  defaultValues: L
+}) {
+  _("Company.TimeOff.CreateTimeOffPolicy");
+  const { t: i } = V("Company.TimeOff.CreateTimeOffPolicy"), { Heading: P, Button: d } = U(), u = n(), p = n(), b = n(), g = n(), y = n(), c = T({
+    defaultValues: {
+      accrualMaximumEnabled: !1,
+      balanceMaximumEnabled: !1,
+      carryOverLimitEnabled: !1,
+      waitingPeriodEnabled: !1,
+      paidOutOnTermination: !1,
+      ...L
+    }
+  }), { control: r } = c, E = o({ control: r, name: "accrualMaximumEnabled" }), M = o({ control: r, name: "balanceMaximumEnabled" }), N = o({ control: r, name: "carryOverLimitEnabled" }), w = o({ control: r, name: "waitingPeriodEnabled" }), h = m === "hours_worked", f = m === "fixed_per_pay_period", H = h || f, C = h || f, F = (I) => {
+    v(I);
+  };
+  return /* @__PURE__ */ e(D, { ...c, children: /* @__PURE__ */ e(R, { "aria-labelledby": u, onSubmit: c.handleSubmit(F), children: /* @__PURE__ */ e("div", { className: a.policySettings, children: /* @__PURE__ */ l(x, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(P, { as: "h2", id: u, children: i("policySettings.title") }),
+    /* @__PURE__ */ l(x, { flexDirection: "column", gap: 20, children: [
+      H && /* @__PURE__ */ l(S, { children: [
+        /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              className: a.settingField,
+              id: p,
+              name: "accrualMaximum",
+              label: i("policySettings.accrualMaximumLabel"),
+              description: i("policySettings.accrualMaximumHint"),
+              adornmentEnd: i("policySettings.hoursUnit"),
+              placeholder: i("policySettings.numberOfHoursPlaceholder"),
+              isDisabled: !E,
+              min: 0
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: a.toggleCell, children: /* @__PURE__ */ e(
+            t,
+            {
+              name: "accrualMaximumEnabled",
+              label: i("policySettings.accrualMaximumLabel"),
+              shouldVisuallyHideLabel: !0,
+              "aria-controls": p
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e("hr", { className: a.divider })
+      ] }),
+      /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+        /* @__PURE__ */ e(
+          s,
+          {
+            className: a.settingField,
+            id: b,
+            name: "balanceMaximum",
+            label: i("policySettings.balanceMaximumLabel"),
+            description: i("policySettings.balanceMaximumHint"),
+            adornmentEnd: i("policySettings.hoursUnit"),
+            placeholder: i("policySettings.numberOfHoursPlaceholder"),
+            isDisabled: !M,
+            min: 0
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: a.toggleCell, children: /* @__PURE__ */ e(
+          t,
+          {
+            name: "balanceMaximumEnabled",
+            label: i("policySettings.balanceMaximumLabel"),
+            shouldVisuallyHideLabel: !0,
+            "aria-controls": b
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e("hr", { className: a.divider }),
+      /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+        /* @__PURE__ */ e(
+          s,
+          {
+            className: a.settingField,
+            id: g,
+            name: "carryOverLimit",
+            label: i("policySettings.carryOverLimitLabel"),
+            description: i("policySettings.carryOverLimitHint"),
+            adornmentEnd: i("policySettings.hoursUnit"),
+            placeholder: i("policySettings.numberOfHoursPlaceholder"),
+            isDisabled: !N,
+            min: 0
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: a.toggleCell, children: /* @__PURE__ */ e(
+          t,
+          {
+            name: "carryOverLimitEnabled",
+            label: i("policySettings.carryOverLimitLabel"),
+            shouldVisuallyHideLabel: !0,
+            "aria-controls": g
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e("hr", { className: a.divider }),
+      C && /* @__PURE__ */ l(S, { children: [
+        /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              className: a.settingField,
+              id: y,
+              name: "waitingPeriod",
+              label: i("policySettings.waitingPeriodLabel"),
+              description: i("policySettings.waitingPeriodHint"),
+              adornmentEnd: i("policySettings.daysUnit"),
+              placeholder: i("policySettings.numberOfDaysPlaceholder"),
+              isDisabled: !w,
+              min: 0
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: a.toggleCell, children: /* @__PURE__ */ e(
+            t,
+            {
+              name: "waitingPeriodEnabled",
+              label: i("policySettings.waitingPeriodLabel"),
+              shouldVisuallyHideLabel: !0,
+              "aria-controls": y
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e("hr", { className: a.divider })
+      ] }),
+      /* @__PURE__ */ e(
+        t,
+        {
+          name: "paidOutOnTermination",
+          label: i("policySettings.paidOutOnTerminationLabel"),
+          description: i("policySettings.paidOutOnTerminationHint")
+        }
+      ),
+      /* @__PURE__ */ e("hr", { className: a.divider }),
+      /* @__PURE__ */ l(k, { children: [
+        /* @__PURE__ */ e(d, { variant: "secondary", onClick: O, children: i("backCta") }),
+        /* @__PURE__ */ e(d, { variant: "primary", type: "submit", children: i("policySettings.continueCta") })
+      ] })
+    ] })
+  ] }) }) }) });
+}
+export {
+  ii as PolicySettingsPresentation
+};
+//# sourceMappingURL=PolicySettingsPresentation.js.map

package/dist/components/TimeOff/PolicySettings/PolicySettingsPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicySettingsFormData, PolicySettingsPresentationProps } from './PolicySettingsTypes'\nimport styles from './PolicySettings.module.scss'\nimport { Flex, ActionsLayout, NumberInputField, SwitchField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n}: PolicySettingsPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Button } = useComponentContext()\n  const headingId = useId()\n\n  const accrualMaxInputId = useId()\n  const balanceMaxInputId = useId()\n  const carryOverInputId = useId()\n  const waitingPeriodInputId = useId()\n\n  const formMethods = useForm<PolicySettingsFormData>({\n    defaultValues: {\n      accrualMaximumEnabled: false,\n      balanceMaximumEnabled: false,\n      carryOverLimitEnabled: false,\n      waitingPeriodEnabled: false,\n      paidOutOnTermination: false,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMaximumEnabled = useWatch({ control, name: 'accrualMaximumEnabled' })\n  const balanceMaximumEnabled = useWatch({ control, name: 'balanceMaximumEnabled' })\n  const carryOverLimitEnabled = useWatch({ control, name: 'carryOverLimitEnabled' })\n  const waitingPeriodEnabled = useWatch({ control, name: 'waitingPeriodEnabled' })\n\n  const isHoursWorked = accrualMethod === 'hours_worked'\n  const isFixedPerPayPeriod = accrualMethod === 'fixed_per_pay_period'\n  const showAccrualMaximum = isHoursWorked || isFixedPerPayPeriod\n  const showWaitingPeriod = isHoursWorked || isFixedPerPayPeriod\n\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\" id={headingId}>\n              {t('policySettings.title')}\n            </Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {showAccrualMaximum && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={accrualMaxInputId}\n                      name=\"accrualMaximum\"\n                      label={t('policySettings.accrualMaximumLabel')}\n                      description={t('policySettings.accrualMaximumHint')}\n                      adornmentEnd={t('policySettings.hoursUnit')}\n                      placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                      isDisabled={!accrualMaximumEnabled}\n                      min={0}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"accrualMaximumEnabled\"\n                        label={t('policySettings.accrualMaximumLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={accrualMaxInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={balanceMaxInputId}\n                  name=\"balanceMaximum\"\n                  label={t('policySettings.balanceMaximumLabel')}\n                  description={t('policySettings.balanceMaximumHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!balanceMaximumEnabled}\n                  min={0}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"balanceMaximumEnabled\"\n                    label={t('policySettings.balanceMaximumLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={balanceMaxInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={carryOverInputId}\n                  name=\"carryOverLimit\"\n                  label={t('policySettings.carryOverLimitLabel')}\n                  description={t('policySettings.carryOverLimitHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!carryOverLimitEnabled}\n                  min={0}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"carryOverLimitEnabled\"\n                    label={t('policySettings.carryOverLimitLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={carryOverInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {showWaitingPeriod && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={waitingPeriodInputId}\n                      name=\"waitingPeriod\"\n                      label={t('policySettings.waitingPeriodLabel')}\n                      description={t('policySettings.waitingPeriodHint')}\n                      adornmentEnd={t('policySettings.daysUnit')}\n                      placeholder={t('policySettings.numberOfDaysPlaceholder')}\n                      isDisabled={!waitingPeriodEnabled}\n                      min={0}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"waitingPeriodEnabled\"\n                        label={t('policySettings.waitingPeriodLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={waitingPeriodInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <SwitchField\n                name=\"paidOutOnTermination\"\n                label={t('policySettings.paidOutOnTerminationLabel')}\n                description={t('policySettings.paidOutOnTerminationHint')}\n              />\n\n              <hr className={styles.divider} />\n\n              <ActionsLayout>\n                <Button variant=\"secondary\" onClick={onBack}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\">\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","useI18n","t","useTranslation","Heading","Button","useComponentContext","headingId","useId","accrualMaxInputId","balanceMaxInputId","carryOverInputId","waitingPeriodInputId","formMethods","useForm","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","isFixedPerPayPeriod","showAccrualMaximum","showWaitingPeriod","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","SwitchField","ActionsLayout"],"mappings":"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"}

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/PolicySettings/PolicySettingsTypes.d.ts

@@ -1,4 +1,4 @@
-export type PolicySettingsAccrualMethod = 'hours_worked' | 'fixed';
+export type PolicySettingsAccrualMethod = 'hours_worked' | 'fixed_per_pay_period' | 'fixed_all_at_once';
 export interface PolicySettingsFormData {
     accrualMaximumEnabled: boolean;
     accrualMaximum?: number;

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelector.js

@@ -0,0 +1,31 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useHolidayPayPoliciesGet as l } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { PolicyTypeSelectorPresentation as c } from "./PolicyTypeSelectorPresentation.js";
+import { BaseComponent as y } from "../../Base/Base.js";
+import { useBase as m } from "../../Base/useBase.js";
+import { componentEvents as t } from "../../../shared/constants.js";
+function _(o) {
+  return /* @__PURE__ */ n(y, { ...o, children: /* @__PURE__ */ n(s, { ...o }) });
+}
+function s({ companyId: o, defaultPolicyType: i }) {
+  const { onEvent: e } = m(), r = !!l({ companyUuid: o }).data?.holidayPayPolicy;
+  return /* @__PURE__ */ n(
+    c,
+    {
+      onContinue: (a) => {
+        e(t.TIME_OFF_POLICY_TYPE_SELECTED, {
+          policyType: a
+        });
+      },
+      onCancel: () => {
+        e(t.CANCEL);
+      },
+      defaultPolicyType: i,
+      holidayPolicyExists: r
+    }
+  );
+}
+export {
+  _ as PolicyTypeSelector
+};
+//# sourceMappingURL=PolicyTypeSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyTypeSelector.js","sources":["../../../../src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelector.tsx"],"sourcesContent":["import { useHolidayPayPoliciesGet } from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { PolicyTypeSelectorPresentation } from './PolicyTypeSelectorPresentation'\nimport type { PolicyType } from './PolicyTypeSelectorTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {\n  companyId: string\n  defaultPolicyType?: PolicyType\n}\n\nexport function PolicyTypeSelector(props: PolicyTypeSelectorProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultPolicyType }: PolicyTypeSelectorProps) {\n  const { onEvent } = useBase()\n\n  const holidayQuery = useHolidayPayPoliciesGet({ companyUuid: companyId })\n  const holidayPolicyExists = Boolean(holidayQuery.data?.holidayPayPolicy)\n\n  const handleContinue = (policyType: PolicyType) => {\n    onEvent(componentEvents.TIME_OFF_POLICY_TYPE_SELECTED, {\n      policyType,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <PolicyTypeSelectorPresentation\n      onContinue={handleContinue}\n      onCancel={handleCancel}\n      defaultPolicyType={defaultPolicyType}\n      holidayPolicyExists={holidayPolicyExists}\n    />\n  )\n}\n"],"names":["PolicyTypeSelector","props","jsx","BaseComponent","Root","companyId","defaultPolicyType","onEvent","useBase","holidayPolicyExists","useHolidayPayPoliciesGet","PolicyTypeSelectorPresentation","policyType","componentEvents"],"mappings":";;;;;;AAYO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,mBAAAC,KAA8C;AACvE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAGdC,IAAsB,EADPC,EAAyB,EAAE,aAAaL,GAAW,EACvB,MAAM;AAYvD,SACE,gBAAAH;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,YAZmB,CAACC,MAA2B;AACjD,QAAAL,EAAQM,EAAgB,+BAA+B;AAAA,UACrD,YAAAD;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MASI,UAPiB,MAAM;AACzB,QAAAL,EAAQM,EAAgB,MAAM;AAAA,MAChC;AAAA,MAMI,mBAAAP;AAAA,MACA,qBAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/PolicyTypeSelector/PolicyTypeSelectorPresentation.d.ts

@@ -1,2 +1,2 @@
 import { PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes';
-export declare function PolicyTypeSelectorPresentation({ onContinue, onCancel, defaultPolicyType, }: PolicyTypeSelectorPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function PolicyTypeSelectorPresentation({ onContinue, onCancel, defaultPolicyType, holidayPolicyExists, }: PolicyTypeSelectorPresentationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.js

@@ -0,0 +1,68 @@
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { useId as h, useMemo as b } from "react";
+import { useForm as T, FormProvider as v } from "react-hook-form";
+import { useTranslation as x } from "react-i18next";
+import { Flex as p } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { ActionsLayout as C } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as L } from "../../Common/Form/Form.js";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as g } from "../../../i18n/I18n.js";
+import { RadioGroupField as F } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+function G({
+  onContinue: c,
+  onCancel: m,
+  defaultPolicyType: s,
+  holidayPolicyExists: n = !1
+}) {
+  g("Company.TimeOff.SelectPolicyType");
+  const { t: e } = x("Company.TimeOff.SelectPolicyType"), { Heading: d, Text: u, Button: r } = S(), l = h(), a = T({
+    defaultValues: {
+      policyType: s
+    }
+  }), y = b(() => {
+    const o = [];
+    return n || o.push({
+      value: "holiday",
+      label: e("holidayLabel"),
+      description: e("holidayHint")
+    }), o.push(
+      {
+        value: "vacation",
+        label: e("timeOffLabel"),
+        description: e("timeOffHint")
+      },
+      {
+        value: "sick",
+        label: e("sickLeaveLabel"),
+        description: e("sickLeaveHint")
+      }
+    ), o;
+  }, [e, n]), f = (o) => {
+    c(o.policyType);
+  };
+  return /* @__PURE__ */ i(v, { ...a, children: /* @__PURE__ */ i(L, { "aria-labelledby": l, onSubmit: a.handleSubmit(f), children: /* @__PURE__ */ t(p, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ t(p, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ i(d, { as: "h2", id: l, children: e("title") }),
+      /* @__PURE__ */ i(u, { variant: "supporting", children: e("policyTypeHint") })
+    ] }),
+    /* @__PURE__ */ i(
+      F,
+      {
+        name: "policyType",
+        label: e("policyTypeLabel"),
+        options: y,
+        isRequired: !0
+      }
+    ),
+    /* @__PURE__ */ t(C, { children: [
+      /* @__PURE__ */ i(r, { variant: "secondary", onClick: m, children: e("cancelCta") }),
+      /* @__PURE__ */ i(r, { variant: "primary", type: "submit", children: e("continueCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  G as PolicyTypeSelectorPresentation
+};
+//# sourceMappingURL=PolicyTypeSelectorPresentation.js.map

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyTypeSelectorPresentation.js","sources":["../../../../src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.tsx"],"sourcesContent":["import { useId, useMemo } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyType, PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes'\nimport { Flex, ActionsLayout, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PolicyTypeSelectorFormData {\n  policyType: PolicyType\n}\n\nexport function PolicyTypeSelectorPresentation({\n  onContinue,\n  onCancel,\n  defaultPolicyType,\n  holidayPolicyExists = false,\n}: PolicyTypeSelectorPresentationProps) {\n  useI18n('Company.TimeOff.SelectPolicyType')\n  const { t } = useTranslation('Company.TimeOff.SelectPolicyType')\n  const { Heading, Text, Button } = useComponentContext()\n  const headingId = useId()\n\n  const formMethods = useForm<PolicyTypeSelectorFormData>({\n    defaultValues: {\n      policyType: defaultPolicyType as PolicyType,\n    },\n  })\n\n  const policyTypeOptions = useMemo(() => {\n    const options: Array<{ value: PolicyType; label: string; description: string }> = []\n    if (!holidayPolicyExists) {\n      options.push({\n        value: 'holiday',\n        label: t('holidayLabel'),\n        description: t('holidayHint'),\n      })\n    }\n    options.push(\n      {\n        value: 'vacation',\n        label: t('timeOffLabel'),\n        description: t('timeOffHint'),\n      },\n      {\n        value: 'sick',\n        label: t('sickLeaveLabel'),\n        description: t('sickLeaveHint'),\n      },\n    )\n    return options\n  }, [t, holidayPolicyExists])\n\n  const handleSubmit = (data: PolicyTypeSelectorFormData) => {\n    onContinue(data.policyType)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\" id={headingId}>\n              {t('title')}\n            </Heading>\n            <Text variant=\"supporting\">{t('policyTypeHint')}</Text>\n          </Flex>\n\n          <RadioGroupField<PolicyType>\n            name=\"policyType\"\n            label={t('policyTypeLabel')}\n            options={policyTypeOptions}\n            isRequired\n          />\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Button>\n            <Button variant=\"primary\" type=\"submit\">\n              {t('continueCta')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyTypeSelectorPresentation","onContinue","onCancel","defaultPolicyType","holidayPolicyExists","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","headingId","useId","formMethods","useForm","policyTypeOptions","useMemo","options","handleSubmit","data","FormProvider","jsx","HtmlForm","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;;;AAaO,SAASA,EAA+B;AAAA,EAC7C,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAwC;AACtC,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAC5BC,IAAYC,EAAA,GAEZC,IAAcC,EAAoC;AAAA,IACtD,eAAe;AAAA,MACb,YAAYZ;AAAA,IAAA;AAAA,EACd,CACD,GAEKa,IAAoBC,EAAQ,MAAM;AACtC,UAAMC,IAA4E,CAAA;AAClF,WAAKd,KACHc,EAAQ,KAAK;AAAA,MACX,OAAO;AAAA,MACP,OAAOZ,EAAE,cAAc;AAAA,MACvB,aAAaA,EAAE,aAAa;AAAA,IAAA,CAC7B,GAEHY,EAAQ;AAAA,MACN;AAAA,QACE,OAAO;AAAA,QACP,OAAOZ,EAAE,cAAc;AAAA,QACvB,aAAaA,EAAE,aAAa;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,eAAe;AAAA,MAAA;AAAA,IAChC,GAEKY;AAAA,EACT,GAAG,CAACZ,GAAGF,CAAmB,CAAC,GAErBe,IAAe,CAACC,MAAqC;AACzD,IAAAnB,EAAWmB,EAAK,UAAU;AAAA,EAC5B;AAEA,2BACGC,GAAA,EAAc,GAAGP,GAChB,UAAA,gBAAAQ,EAACC,GAAA,EAAS,mBAAiBX,GAAW,UAAUE,EAAY,aAAaK,CAAY,GACnF,UAAA,gBAAAK,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACd,KAAQ,IAAG,MAAK,IAAII,GAClB,UAAAN,EAAE,OAAO,GACZ;AAAA,wBACCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,gBAAgB,EAAA,CAAE;AAAA,IAAA,GAClD;AAAA,IAEA,gBAAAgB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOpB,EAAE,iBAAiB;AAAA,QAC1B,SAASU;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGXW,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACZ,KAAO,SAAQ,aAAY,SAASR,GAClC,UAAAI,EAAE,WAAW,GAChB;AAAA,MACA,gBAAAgB,EAACZ,KAAO,SAAQ,WAAU,MAAK,UAC5B,UAAAJ,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/PolicyTypeSelector/PolicyTypeSelectorTypes.d.ts

@@ -3,4 +3,5 @@ export interface PolicyTypeSelectorPresentationProps {
     onContinue: (policyType: PolicyType) => void;
     onCancel: () => void;
     defaultPolicyType?: PolicyType;
+    holidayPolicyExists?: boolean;
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeOffFlow.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { timeOffMachine } from './timeOffStateMachine'\nimport type { TimeOffFlowProps, TimeOffFlowContextInterface } from './TimeOffFlowComponents'\nimport { PolicyListContextual } from './TimeOffFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const TimeOffFlow = ({ companyId, onEvent }: TimeOffFlowProps) => {\n  const timeOffFlow = useMemo(\n    () =>\n      createMachine(\n        'policyList',\n        timeOffMachine,\n        (initialContext: TimeOffFlowContextInterface) => ({\n          ...initialContext,\n          component: PolicyListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={timeOffFlow} onEvent={onEvent} />\n}\n"],"names":["TimeOffFlow","companyId","onEvent","timeOffFlow","useMemo","createMachine","timeOffMachine","initialContext","PolicyListContextual","jsx","Flow"],"mappings":";;;;;;AAOO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAP;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/TimeOffFlow/TimeOffFlowComponents.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { TimeOffPolicyType } from './timeOffPolicyTypes';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { BaseComponentInterface } from '../../Base';
 export interface TimeOffFlowProps extends BaseComponentInterface {
@@ -9,7 +10,6 @@ export type TimeOffFlowAlert = {
     title: string;
     content?: ReactNode;
 };
-export type TimeOffPolicyType = 'sick' | 'vacation' | 'holiday';
 export interface TimeOffFlowContextInterface extends FlowContextInterface {
     companyId: string;
     policyType?: TimeOffPolicyType;
@@ -21,9 +21,9 @@ export declare function SelectPolicyTypeContextual(): import("react/jsx-runtime"
 export declare function PolicyDetailsFormContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PolicySettingsContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function AddEmployeesToPolicyContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function ViewPolicyDetailsContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function ViewPolicyEmployeesContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function TimeOffPolicyDetailContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function HolidaySelectionFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function EditHolidaySelectionFormContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function AddEmployeesHolidayContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function ViewHolidayEmployeesContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function ViewHolidayScheduleContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.js

@@ -0,0 +1,117 @@
+import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import { PolicyList as x } from "../PolicyList/PolicyList.js";
+import { PolicyTypeSelector as E } from "../PolicyTypeSelector/PolicyTypeSelector.js";
+import { PolicySettings as P } from "../PolicySettings/PolicySettings.js";
+import { AddEmployeesToPolicy as h } from "../AddEmployeesToPolicy/AddEmployeesToPolicy.js";
+import { TimeOffPolicyDetail as C } from "../TimeOffPolicyDetail/TimeOffPolicyDetail.js";
+import { HolidaySelectionForm as u } from "../HolidaySelectionForm/HolidaySelectionForm.js";
+import { AddEmployeesHoliday as T } from "../AddEmployeesHoliday/AddEmployeesHoliday.js";
+import { ViewHolidayEmployees as v } from "../ViewHolidayEmployees/ViewHolidayEmployees.js";
+import { ViewHolidaySchedule as A } from "../ViewHolidaySchedule/ViewHolidaySchedule.js";
+import { assertCreatablePolicyType as f } from "./timeOffPolicyTypes.js";
+import { useFlow as p } from "../../Flow/useFlow.js";
+import { Flex as a } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { ensureRequired as c } from "../../../helpers/ensureRequired.js";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { PolicyConfigurationForm as D } from "../TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
+function M() {
+  const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: l } = d();
+  return /* @__PURE__ */ y(a, { flexDirection: "column", gap: 8, children: [
+    i?.map((o, r) => /* @__PURE__ */ n(l, { status: o.type, label: o.title, children: o.content }, r)),
+    /* @__PURE__ */ n(x, { onEvent: t, companyId: c(e) })
+  ] });
+}
+function N() {
+  const { onEvent: t, companyId: e, policyType: i, alerts: l } = p(), { Alert: o } = d(), r = i === "sick" || i === "vacation" || i === "holiday" ? i : void 0;
+  return /* @__PURE__ */ y(a, { flexDirection: "column", gap: 8, children: [
+    l?.map((m, s) => /* @__PURE__ */ n(o, { status: m.type, label: m.title, children: m.content }, s)),
+    /* @__PURE__ */ n(
+      E,
+      {
+        onEvent: t,
+        companyId: c(e),
+        defaultPolicyType: r
+      }
+    )
+  ] });
+}
+function Q() {
+  const { onEvent: t, companyId: e, policyType: i, policyId: l, alerts: o } = p(), { Alert: r } = d(), m = c(i);
+  return f(m), /* @__PURE__ */ y(a, { flexDirection: "column", gap: 8, children: [
+    o?.map((s, I) => /* @__PURE__ */ n(r, { status: s.type, label: s.title, children: s.content }, I)),
+    /* @__PURE__ */ n(
+      D,
+      {
+        onEvent: t,
+        companyId: c(e),
+        policyType: m,
+        policyId: l
+      }
+    )
+  ] });
+}
+function U() {
+  const { onEvent: t, policyId: e, alerts: i } = p(), { Alert: l } = d();
+  return /* @__PURE__ */ y(a, { flexDirection: "column", gap: 8, children: [
+    i?.map((o, r) => /* @__PURE__ */ n(l, { status: o.type, label: o.title, children: o.content }, r)),
+    /* @__PURE__ */ n(P, { onEvent: t, policyId: c(e) })
+  ] });
+}
+function W() {
+  const { onEvent: t, companyId: e, policyId: i, policyType: l } = p(), o = c(l);
+  return f(o), /* @__PURE__ */ n(
+    h,
+    {
+      onEvent: t,
+      companyId: c(e),
+      policyId: c(i),
+      policyType: o
+    }
+  );
+}
+function X() {
+  const { onEvent: t, policyId: e } = p();
+  return /* @__PURE__ */ n(C, { onEvent: t, policyId: c(e) });
+}
+function Y() {
+  const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: l } = d();
+  return /* @__PURE__ */ y(a, { flexDirection: "column", gap: 8, children: [
+    i?.map((o, r) => /* @__PURE__ */ n(l, { status: o.type, label: o.title, children: o.content }, r)),
+    /* @__PURE__ */ n(u, { onEvent: t, companyId: c(e), mode: "create" })
+  ] });
+}
+function Z() {
+  const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: l } = d();
+  return /* @__PURE__ */ y(a, { flexDirection: "column", gap: 8, children: [
+    i?.map((o, r) => /* @__PURE__ */ n(l, { status: o.type, label: o.title, children: o.content }, r)),
+    /* @__PURE__ */ n(u, { onEvent: t, companyId: c(e), mode: "edit" })
+  ] });
+}
+function _() {
+  const { onEvent: t, companyId: e } = p();
+  return /* @__PURE__ */ n(T, { onEvent: t, companyId: c(e) });
+}
+function $() {
+  const { onEvent: t, companyId: e } = p();
+  return /* @__PURE__ */ n(v, { onEvent: t, companyId: c(e) });
+}
+function oo() {
+  const { onEvent: t, companyId: e } = p();
+  return /* @__PURE__ */ n(A, { onEvent: t, companyId: c(e) });
+}
+export {
+  _ as AddEmployeesHolidayContextual,
+  W as AddEmployeesToPolicyContextual,
+  Z as EditHolidaySelectionFormContextual,
+  Y as HolidaySelectionFormContextual,
+  Q as PolicyDetailsFormContextual,
+  M as PolicyListContextual,
+  U as PolicySettingsContextual,
+  N as SelectPolicyTypeContextual,
+  X as TimeOffPolicyDetailContextual,
+  $ as ViewHolidayEmployeesContextual,
+  oo as ViewHolidayScheduleContextual
+};
+//# sourceMappingURL=TimeOffFlowComponents.js.map

package/dist/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { TimeOffPolicyDetail } from '../TimeOffPolicyDetail/TimeOffPolicyDetail'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { assertCreatablePolicyType, type TimeOffPolicyType } from './timeOffPolicyTypes'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TimeOffFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  policyType?: TimeOffPolicyType\n  policyId?: string\n  alerts?: TimeOffFlowAlert[]\n}\n\nexport function PolicyListContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  const selectorDefault =\n    policyType === 'sick' || policyType === 'vacation' || policyType === 'holiday'\n      ? policyType\n      : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={selectorDefault}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, policyId, alerts } =\n    useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={requiredPolicyType}\n        policyId={policyId}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, companyId, policyId, policyType } = useFlow<TimeOffFlowContextInterface>()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n  return (\n    <AddEmployeesToPolicy\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      policyId={ensureRequired(policyId)}\n      policyType={requiredPolicyType}\n    />\n  )\n}\n\nexport function TimeOffPolicyDetailContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <TimeOffPolicyDetail onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditHolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","selectorDefault","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","policyId","requiredPolicyType","assertCreatablePolicyType","PolicyConfigurationForm","PolicySettingsContextual","PolicySettings","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","TimeOffPolicyDetailContextual","TimeOffPolicyDetail","HolidaySelectionFormContextual","HolidaySelectionForm","EditHolidaySelectionFormContextual","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffFlow/timeOffPolicyTypes.d.ts

@@ -0,0 +1,9 @@
+import { PolicyType } from '@gusto/embedded-api/models/components/timeoffpolicy';
+export type CreatableTimeOffPolicyType = Extract<PolicyType, 'sick' | 'vacation'>;
+export type TimeOffPolicyType = PolicyType | 'holiday';
+export declare const EDITABLE_TIME_OFF_POLICY_TYPES: readonly ["sick", "vacation", "holiday"];
+export type EditableTimeOffPolicyType = (typeof EDITABLE_TIME_OFF_POLICY_TYPES)[number];
+export declare function isEditableTimeOffPolicyType(policyType: string | null | undefined): policyType is EditableTimeOffPolicyType;
+export declare const LISTED_TIME_OFF_POLICY_TYPES: readonly ["sick", "vacation"];
+export declare function isListedTimeOffPolicyType(policyType: PolicyType | null | undefined): policyType is CreatableTimeOffPolicyType;
+export declare function assertCreatablePolicyType(policyType: TimeOffPolicyType): asserts policyType is CreatableTimeOffPolicyType;

package/dist/components/TimeOff/TimeOffFlow/timeOffPolicyTypes.js

@@ -0,0 +1,25 @@
+const t = ["sick", "vacation", "holiday"];
+function c(i) {
+  return t.includes(i);
+}
+const e = [
+  "sick",
+  "vacation"
+];
+function o(i) {
+  return e.includes(i);
+}
+function n(i) {
+  if (i !== "sick" && i !== "vacation")
+    throw new Error(
+      `Expected creatable time-off policy type ('sick' or 'vacation'), got '${i}'`
+    );
+}
+export {
+  t as EDITABLE_TIME_OFF_POLICY_TYPES,
+  e as LISTED_TIME_OFF_POLICY_TYPES,
+  n as assertCreatablePolicyType,
+  c as isEditableTimeOffPolicyType,
+  o as isListedTimeOffPolicyType
+};
+//# sourceMappingURL=timeOffPolicyTypes.js.map

package/dist/components/TimeOff/TimeOffFlow/timeOffPolicyTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeOffPolicyTypes.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/timeOffPolicyTypes.ts"],"sourcesContent":["import type { PolicyType } from '@gusto/embedded-api/models/components/timeoffpolicy'\n\n// SDK exposes more PolicyType values (bereavement, custom, etc.) but only\n// vacation and sick are creatable through the time-off policy endpoint.\n// Holiday is a distinct concept routed through @gusto/embedded-api's\n// holidayPayPolicies* hooks against a different endpoint family.\nexport type CreatableTimeOffPolicyType = Extract<PolicyType, 'sick' | 'vacation'>\nexport type TimeOffPolicyType = PolicyType | 'holiday'\n\nexport const EDITABLE_TIME_OFF_POLICY_TYPES = ['sick', 'vacation', 'holiday'] as const\n\nexport type EditableTimeOffPolicyType = (typeof EDITABLE_TIME_OFF_POLICY_TYPES)[number]\n\nexport function isEditableTimeOffPolicyType(\n  policyType: string | null | undefined,\n): policyType is EditableTimeOffPolicyType {\n  return EDITABLE_TIME_OFF_POLICY_TYPES.includes(policyType as EditableTimeOffPolicyType)\n}\n\n// Subset of types the SDK surfaces from the time_off_policies endpoint.\n// Holiday lives on a separate endpoint and is merged into the list by the caller.\nexport const LISTED_TIME_OFF_POLICY_TYPES = [\n  'sick',\n  'vacation',\n] as const satisfies readonly PolicyType[]\n\nexport function isListedTimeOffPolicyType(\n  policyType: PolicyType | null | undefined,\n): policyType is CreatableTimeOffPolicyType {\n  return LISTED_TIME_OFF_POLICY_TYPES.includes(policyType as CreatableTimeOffPolicyType)\n}\n\nexport function assertCreatablePolicyType(\n  policyType: TimeOffPolicyType,\n): asserts policyType is CreatableTimeOffPolicyType {\n  if (policyType !== 'sick' && policyType !== 'vacation') {\n    throw new Error(\n      `Expected creatable time-off policy type ('sick' or 'vacation'), got '${policyType}'`,\n    )\n  }\n}\n"],"names":["EDITABLE_TIME_OFF_POLICY_TYPES","isEditableTimeOffPolicyType","policyType","LISTED_TIME_OFF_POLICY_TYPES","isListedTimeOffPolicyType","assertCreatablePolicyType"],"mappings":"AASO,MAAMA,IAAiC,CAAC,QAAQ,YAAY,SAAS;AAIrE,SAASC,EACdC,GACyC;AACzC,SAAOF,EAA+B,SAASE,CAAuC;AACxF;AAIO,MAAMC,IAA+B;AAAA,EAC1C;AAAA,EACA;AACF;AAEO,SAASC,EACdF,GAC0C;AAC1C,SAAOC,EAA6B,SAASD,CAAwC;AACvF;AAEO,SAASG,EACdH,GACkD;AAClD,MAAIA,MAAe,UAAUA,MAAe;AAC1C,UAAM,IAAI;AAAA,MACR,wEAAwEA,CAAU;AAAA,IAAA;AAGxF;"}

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/TimeOffFlow/timeOffStateMachine.d.ts

@@ -4,11 +4,13 @@ export declare const timeOffMachine: {
     policyDetailsForm: import('robot3').MachineState<any>;
     policySettings: import('robot3').MachineState<any>;
     addEmployeesToPolicy: import('robot3').MachineState<any>;
-    viewPolicyDetails: import('robot3').MachineState<any>;
-    viewPolicyEmployees: import('robot3').MachineState<any>;
+    viewTimeOffPolicyDetail: import('robot3').MachineState<any>;
+    editPolicyDetailsForm: import('robot3').MachineState<any>;
+    editPolicySettings: import('robot3').MachineState<any>;
     holidaySelectionForm: import('robot3').MachineState<any>;
     addEmployeesHoliday: import('robot3').MachineState<any>;
     viewHolidayEmployees: import('robot3').MachineState<any>;
     viewHolidaySchedule: import('robot3').MachineState<any>;
+    editHolidaySelectionForm: import('robot3').MachineState<any>;
     final: import('robot3').MachineState<any>;
 };