@gusto/embedded-react-sdk 0.55.7 → 0.55.8

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

@@ -1,18 +1,18 @@
 import { jsx as i, jsxs as l, Fragment as O } from "react/jsx-runtime";
 import { useId as t } from "react";
-import { useForm as k, useWatch as s, FormProvider as U } from "react-hook-form";
-import { useTranslation as W } from "react-i18next";
+import { useForm as U, useWatch as s, FormProvider as W } from "react-hook-form";
+import { useTranslation as _ } from "react-i18next";
 import { z as n } from "zod";
-import { zodResolver as _ } from "@hookform/resolvers/zod";
+import { zodResolver as j } from "@hookform/resolvers/zod";
 import a from "./PolicySettings.module.scss.js";
 import { Flex as L } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as j } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as z } from "../../Common/Form/Form.js";
-import { useComponentContext as A } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as B } from "../../../i18n/I18n.js";
+import { ActionsLayout as z } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as A } from "../../Common/Form/Form.js";
+import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as q } from "../../../i18n/I18n.js";
 import { NumberInputField as c } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { SwitchField as r } from "../../Common/Fields/SwitchField/SwitchField.js";
-const q = n.object({
+const G = n.object({
   accrualMaximumEnabled: n.boolean(),
   accrualMaximum: n.number().optional(),
   balanceMaximumEnabled: n.boolean(),
@@ -23,18 +23,19 @@ const q = n.object({
   waitingPeriod: n.number().int().optional(),
   paidOutOnTermination: n.boolean()
 });
-function re({
+function oe({
   accrualMethod: d,
   onContinue: M,
   onBack: E,
   defaultValues: P,
   mode: w,
   editingPolicyName: u,
-  isPending: b = !1
+  isPending: b = !1,
+  className: N
 }) {
-  B("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = W("Company.TimeOff.CreateTimeOffPolicy"), { Heading: N, Button: p } = A(), g = t(), y = t(), h = t(), f = t(), x = t(), m = k({
-    resolver: _(q),
+  q("Company.TimeOff.CreateTimeOffPolicy");
+  const { t: e } = _("Company.TimeOff.CreateTimeOffPolicy"), { Heading: H, Button: p } = B(), g = t(), y = t(), h = t(), f = t(), x = t(), m = U({
+    resolver: j(G),
     defaultValues: {
       accrualMaximumEnabled: !1,
       balanceMaximumEnabled: !1,
@@ -43,143 +44,151 @@ function re({
       paidOutOnTermination: !1,
       ...P
     }
-  }), { control: o } = m, H = s({ control: o, name: "accrualMaximumEnabled" }), C = s({ control: o, name: "balanceMaximumEnabled" }), F = s({ control: o, name: "carryOverLimitEnabled" }), I = s({ control: o, name: "waitingPeriodEnabled" }), S = d === "hours_worked", v = d === "fixed_per_pay_period", T = S || v, D = S || v, R = (V) => {
-    M(V);
+  }), { control: o } = m, C = s({ control: o, name: "accrualMaximumEnabled" }), F = s({ control: o, name: "balanceMaximumEnabled" }), I = s({ control: o, name: "carryOverLimitEnabled" }), T = s({ control: o, name: "waitingPeriodEnabled" }), S = d === "hours_worked", v = d === "fixed_per_pay_period", D = S || v, R = S || v, V = (k) => {
+    M(k);
   };
-  return /* @__PURE__ */ i(U, { ...m, children: /* @__PURE__ */ i(z, { "aria-labelledby": g, onSubmit: m.handleSubmit(R), children: /* @__PURE__ */ i("div", { className: a.policySettings, children: /* @__PURE__ */ l(L, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ i(N, { as: "h2", id: g, children: w === "edit" && u ? e("policySettings.editTitle", { name: u }) : e("policySettings.createTitle") }),
-    /* @__PURE__ */ l(L, { flexDirection: "column", gap: 20, children: [
-      T && /* @__PURE__ */ l(O, { children: [
-        /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+  return /* @__PURE__ */ i(W, { ...m, children: /* @__PURE__ */ i(
+    A,
+    {
+      "aria-labelledby": g,
+      onSubmit: m.handleSubmit(V),
+      className: N,
+      children: /* @__PURE__ */ i("div", { className: a.policySettings, children: /* @__PURE__ */ l(L, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ i(H, { as: "h2", id: g, children: w === "edit" && u ? e("policySettings.editTitle", { name: u }) : e("policySettings.createTitle") }),
+        /* @__PURE__ */ l(L, { flexDirection: "column", gap: 20, children: [
+          D && /* @__PURE__ */ l(O, { children: [
+            /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+              /* @__PURE__ */ i(
+                c,
+                {
+                  className: a.settingField,
+                  id: y,
+                  name: "accrualMaximum",
+                  label: e("policySettings.accrualMaximumLabel"),
+                  description: e("policySettings.accrualMaximumHint"),
+                  adornmentEnd: e("policySettings.hoursUnit"),
+                  placeholder: e("policySettings.numberOfHoursPlaceholder"),
+                  isDisabled: !C,
+                  min: 0,
+                  max: 2e4
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
+                r,
+                {
+                  name: "accrualMaximumEnabled",
+                  label: e("policySettings.accrualMaximumLabel"),
+                  shouldVisuallyHideLabel: !0,
+                  "aria-controls": y
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ i("hr", { className: a.divider })
+          ] }),
+          /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+            /* @__PURE__ */ i(
+              c,
+              {
+                className: a.settingField,
+                id: h,
+                name: "balanceMaximum",
+                label: e("policySettings.balanceMaximumLabel"),
+                description: e("policySettings.balanceMaximumHint"),
+                adornmentEnd: e("policySettings.hoursUnit"),
+                placeholder: e("policySettings.numberOfHoursPlaceholder"),
+                isDisabled: !F,
+                min: 0,
+                max: 2e4
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
+              r,
+              {
+                name: "balanceMaximumEnabled",
+                label: e("policySettings.balanceMaximumLabel"),
+                shouldVisuallyHideLabel: !0,
+                "aria-controls": h
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ i("hr", { className: a.divider }),
+          /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+            /* @__PURE__ */ i(
+              c,
+              {
+                className: a.settingField,
+                id: f,
+                name: "carryOverLimit",
+                label: e("policySettings.carryOverLimitLabel"),
+                description: e("policySettings.carryOverLimitHint"),
+                adornmentEnd: e("policySettings.hoursUnit"),
+                placeholder: e("policySettings.numberOfHoursPlaceholder"),
+                isDisabled: !I,
+                min: 0,
+                max: 2e4
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
+              r,
+              {
+                name: "carryOverLimitEnabled",
+                label: e("policySettings.carryOverLimitLabel"),
+                shouldVisuallyHideLabel: !0,
+                "aria-controls": f
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ i("hr", { className: a.divider }),
+          R && /* @__PURE__ */ l(O, { children: [
+            /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+              /* @__PURE__ */ i(
+                c,
+                {
+                  className: a.settingField,
+                  id: x,
+                  name: "waitingPeriod",
+                  label: e("policySettings.waitingPeriodLabel"),
+                  description: e("policySettings.waitingPeriodHint"),
+                  adornmentEnd: e("policySettings.daysUnit"),
+                  placeholder: e("policySettings.numberOfDaysPlaceholder"),
+                  isDisabled: !T,
+                  min: 0,
+                  max: 2e4,
+                  maximumFractionDigits: 0,
+                  errorMessage: e("policySettings.errors.waitingPeriodMustBeWholeNumber")
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
+                r,
+                {
+                  name: "waitingPeriodEnabled",
+                  label: e("policySettings.waitingPeriodLabel"),
+                  shouldVisuallyHideLabel: !0,
+                  "aria-controls": x
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ i("hr", { className: a.divider })
+          ] }),
           /* @__PURE__ */ i(
-            c,
-            {
-              className: a.settingField,
-              id: y,
-              name: "accrualMaximum",
-              label: e("policySettings.accrualMaximumLabel"),
-              description: e("policySettings.accrualMaximumHint"),
-              adornmentEnd: e("policySettings.hoursUnit"),
-              placeholder: e("policySettings.numberOfHoursPlaceholder"),
-              isDisabled: !H,
-              min: 0,
-              max: 2e4
-            }
-          ),
-          /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
             r,
             {
-              name: "accrualMaximumEnabled",
-              label: e("policySettings.accrualMaximumLabel"),
-              shouldVisuallyHideLabel: !0,
-              "aria-controls": y
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ i("hr", { className: a.divider })
-      ] }),
-      /* @__PURE__ */ l("div", { className: a.settingRow, children: [
-        /* @__PURE__ */ i(
-          c,
-          {
-            className: a.settingField,
-            id: h,
-            name: "balanceMaximum",
-            label: e("policySettings.balanceMaximumLabel"),
-            description: e("policySettings.balanceMaximumHint"),
-            adornmentEnd: e("policySettings.hoursUnit"),
-            placeholder: e("policySettings.numberOfHoursPlaceholder"),
-            isDisabled: !C,
-            min: 0,
-            max: 2e4
-          }
-        ),
-        /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
-          r,
-          {
-            name: "balanceMaximumEnabled",
-            label: e("policySettings.balanceMaximumLabel"),
-            shouldVisuallyHideLabel: !0,
-            "aria-controls": h
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ i("hr", { className: a.divider }),
-      /* @__PURE__ */ l("div", { className: a.settingRow, children: [
-        /* @__PURE__ */ i(
-          c,
-          {
-            className: a.settingField,
-            id: f,
-            name: "carryOverLimit",
-            label: e("policySettings.carryOverLimitLabel"),
-            description: e("policySettings.carryOverLimitHint"),
-            adornmentEnd: e("policySettings.hoursUnit"),
-            placeholder: e("policySettings.numberOfHoursPlaceholder"),
-            isDisabled: !F,
-            min: 0,
-            max: 2e4
-          }
-        ),
-        /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
-          r,
-          {
-            name: "carryOverLimitEnabled",
-            label: e("policySettings.carryOverLimitLabel"),
-            shouldVisuallyHideLabel: !0,
-            "aria-controls": f
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ i("hr", { className: a.divider }),
-      D && /* @__PURE__ */ l(O, { children: [
-        /* @__PURE__ */ l("div", { className: a.settingRow, children: [
-          /* @__PURE__ */ i(
-            c,
-            {
-              className: a.settingField,
-              id: x,
-              name: "waitingPeriod",
-              label: e("policySettings.waitingPeriodLabel"),
-              description: e("policySettings.waitingPeriodHint"),
-              adornmentEnd: e("policySettings.daysUnit"),
-              placeholder: e("policySettings.numberOfDaysPlaceholder"),
-              isDisabled: !I,
-              min: 0,
-              max: 2e4,
-              maximumFractionDigits: 0,
-              errorMessage: e("policySettings.errors.waitingPeriodMustBeWholeNumber")
+              name: "paidOutOnTermination",
+              label: e("policySettings.paidOutOnTerminationLabel"),
+              description: e("policySettings.paidOutOnTerminationHint")
             }
           ),
-          /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
-            r,
-            {
-              name: "waitingPeriodEnabled",
-              label: e("policySettings.waitingPeriodLabel"),
-              shouldVisuallyHideLabel: !0,
-              "aria-controls": x
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ i("hr", { className: a.divider })
-      ] }),
-      /* @__PURE__ */ i(
-        r,
-        {
-          name: "paidOutOnTermination",
-          label: e("policySettings.paidOutOnTerminationLabel"),
-          description: e("policySettings.paidOutOnTerminationHint")
-        }
-      ),
-      /* @__PURE__ */ i("hr", { className: a.divider }),
-      /* @__PURE__ */ l(j, { children: [
-        /* @__PURE__ */ i(p, { variant: "secondary", onClick: E, isDisabled: b, children: e("backCta") }),
-        /* @__PURE__ */ i(p, { variant: "primary", type: "submit", isLoading: b, children: e("policySettings.continueCta") })
-      ] })
-    ] })
-  ] }) }) }) });
+          /* @__PURE__ */ i("hr", { className: a.divider }),
+          /* @__PURE__ */ l(z, { children: [
+            /* @__PURE__ */ i(p, { variant: "secondary", onClick: E, isDisabled: b, children: e("backCta") }),
+            /* @__PURE__ */ i(p, { variant: "primary", type: "submit", isLoading: b, children: e("policySettings.continueCta") })
+          ] })
+        ] })
+      ] }) })
+    }
+  ) });
 }
 export {
-  re as PolicySettingsPresentation
+  oe as PolicySettingsPresentation
 };
 //# sourceMappingURL=PolicySettingsPresentation.js.map

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

@@ -1 +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 { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\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\nconst PolicySettingsSchema = z.object({\n  accrualMaximumEnabled: z.boolean(),\n  accrualMaximum: z.number().optional(),\n  balanceMaximumEnabled: z.boolean(),\n  balanceMaximum: z.number().optional(),\n  carryOverLimitEnabled: z.boolean(),\n  carryOverLimit: z.number().optional(),\n  waitingPeriodEnabled: z.boolean(),\n  waitingPeriod: z.number().int().optional(),\n  paidOutOnTermination: z.boolean(),\n})\n\n/**\n * Presentation-only form for configuring time off policy limits and rules.\n *\n * @remarks\n * Use this component when you need to render the policy settings form without the data-fetching container — provide the `accrualMethod` and handle submission yourself. For the data-connected version, use {@link PolicySettings}.\n *\n * The fields shown depend on `accrualMethod`:\n * - Accrual maximum and waiting period are shown for `'hours_worked'` and `'fixed_per_pay_period'`\n * - Balance maximum, carry-over limit, and paid-out-on-termination are always shown\n *\n * @param props - {@link PolicySettingsPresentationProps}\n * @returns The rendered policy settings form.\n * @public\n */\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n  mode,\n  editingPolicyName,\n  isPending = false,\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    resolver: zodResolver(PolicySettingsSchema),\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              {mode === 'edit' && editingPolicyName\n                ? t('policySettings.editTitle', { name: editingPolicyName })\n                : t('policySettings.createTitle')}\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                      max={20000}\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                  max={20000}\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                  max={20000}\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                      max={20000}\n                      maximumFractionDigits={0}\n                      errorMessage={t('policySettings.errors.waitingPeriodMustBeWholeNumber')}\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} isDisabled={isPending}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\" isLoading={isPending}>\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsSchema","z","PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","mode","editingPolicyName","isPending","useI18n","t","useTranslation","Heading","Button","useComponentContext","headingId","useId","accrualMaxInputId","balanceMaxInputId","carryOverInputId","waitingPeriodInputId","formMethods","useForm","zodResolver","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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"}
+{"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 { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\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\nconst PolicySettingsSchema = z.object({\n  accrualMaximumEnabled: z.boolean(),\n  accrualMaximum: z.number().optional(),\n  balanceMaximumEnabled: z.boolean(),\n  balanceMaximum: z.number().optional(),\n  carryOverLimitEnabled: z.boolean(),\n  carryOverLimit: z.number().optional(),\n  waitingPeriodEnabled: z.boolean(),\n  waitingPeriod: z.number().int().optional(),\n  paidOutOnTermination: z.boolean(),\n})\n\n/**\n * Presentation-only form for configuring time off policy limits and rules.\n *\n * @remarks\n * Use this component when you need to render the policy settings form without the data-fetching container — provide the `accrualMethod` and handle submission yourself. For the data-connected version, use {@link PolicySettings}.\n *\n * The fields shown depend on `accrualMethod`:\n * - Accrual maximum and waiting period are shown for `'hours_worked'` and `'fixed_per_pay_period'`\n * - Balance maximum, carry-over limit, and paid-out-on-termination are always shown\n *\n * @param props - {@link PolicySettingsPresentationProps}\n * @returns The rendered policy settings form.\n * @public\n */\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n  mode,\n  editingPolicyName,\n  isPending = false,\n  className,\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    resolver: zodResolver(PolicySettingsSchema),\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\n        aria-labelledby={headingId}\n        onSubmit={formMethods.handleSubmit(handleSubmit)}\n        className={className}\n      >\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\" id={headingId}>\n              {mode === 'edit' && editingPolicyName\n                ? t('policySettings.editTitle', { name: editingPolicyName })\n                : t('policySettings.createTitle')}\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                      max={20000}\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                  max={20000}\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                  max={20000}\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                      max={20000}\n                      maximumFractionDigits={0}\n                      errorMessage={t('policySettings.errors.waitingPeriodMustBeWholeNumber')}\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} isDisabled={isPending}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\" isLoading={isPending}>\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsSchema","z","PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","mode","editingPolicyName","isPending","className","useI18n","t","useTranslation","Heading","Button","useComponentContext","headingId","useId","accrualMaxInputId","balanceMaxInputId","carryOverInputId","waitingPeriodInputId","formMethods","useForm","zodResolver","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/TimeOff/PolicyTypeSelector/PolicyTypeSelector.js

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

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

@@ -1 +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\n/**\n * Props for {@link PolicyTypeSelector}.\n *\n * @public\n */\nexport interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-selected policy type rendered when the form mounts. */\n  defaultPolicyType?: PolicyType\n}\n\n/**\n * Selection screen for choosing which kind of time-off policy to create — sick, vacation, or holiday.\n *\n * @remarks\n * The holiday option is omitted when the company already has a holiday pay policy, since a company\n * can only have one.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/policyTypeSelected` | The user confirms a selection | `{ policyType: {@link PolicyType} }` |\n * | `CANCEL` | The user cancels | — |\n *\n * @param props - See {@link PolicyTypeSelectorProps}.\n * @returns The rendered policy type selection screen.\n * @public\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":";;;;;;AAoCO,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;"}
+{"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\n/**\n * Props for {@link PolicyTypeSelector}.\n *\n * @public\n */\nexport interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-selected policy type rendered when the form mounts. */\n  defaultPolicyType?: PolicyType\n}\n\n/**\n * Selection screen for choosing which kind of time-off policy to create — sick, vacation, or holiday.\n *\n * @remarks\n * The holiday option is omitted when the company already has a holiday pay policy, since a company\n * can only have one.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/policyTypeSelected` | The user confirms a selection | `{ policyType: {@link PolicyType} }` |\n * | `CANCEL` | The user cancels | — |\n *\n * @param props - See {@link PolicyTypeSelectorProps}.\n * @returns The rendered policy type selection screen.\n * @public\n */\nexport function PolicyTypeSelector(props: PolicyTypeSelectorProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultPolicyType, className }: 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      className={className}\n    />\n  )\n}\n"],"names":["PolicyTypeSelector","props","jsx","BaseComponent","Root","companyId","defaultPolicyType","className","onEvent","useBase","holidayPolicyExists","useHolidayPayPoliciesGet","PolicyTypeSelectorPresentation","policyType","componentEvents"],"mappings":";;;;;;AAoCO,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,GAAmB,WAAAC,KAAsC;AAClF,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAGdC,IAAsB,EADPC,EAAyB,EAAE,aAAaN,GAAW,EACvB,MAAM;AAYvD,SACE,gBAAAH;AAAA,IAACU;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,mBAAAR;AAAA,MACA,qBAAAI;AAAA,MACA,WAAAH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyTypeSelectorPresentation.js","sources":["../../../../src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.tsx"],"sourcesContent":["import { useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } 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\n/** @internal */\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 selectedPolicyType = useWatch({ control: formMethods.control, name: 'policyType' })\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            errorMessage={t('validations.policyTypeRequired')}\n          />\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Button>\n            <Button variant=\"primary\" type=\"submit\" isDisabled={!selectedPolicyType}>\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","selectedPolicyType","useWatch","policyTypeOptions","useMemo","options","handleSubmit","data","FormProvider","jsx","HtmlForm","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;AAcO,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,IAAqBC,EAAS,EAAE,SAASH,EAAY,SAAS,MAAM,cAAc,GAElFI,IAAoBC,EAAQ,MAAM;AACtC,UAAMC,IAA4E,CAAA;AAClF,WAAKhB,KACHgB,EAAQ,KAAK;AAAA,MACX,OAAO;AAAA,MACP,OAAOd,EAAE,cAAc;AAAA,MACvB,aAAaA,EAAE,aAAa;AAAA,IAAA,CAC7B,GAEHc,EAAQ;AAAA,MACN;AAAA,QACE,OAAO;AAAA,QACP,OAAOd,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,GAEKc;AAAA,EACT,GAAG,CAACd,GAAGF,CAAmB,CAAC,GAErBiB,IAAe,CAACC,MAAqC;AACzD,IAAArB,EAAWqB,EAAK,UAAU;AAAA,EAC5B;AAEA,2BACGC,GAAA,EAAc,GAAGT,GAChB,UAAA,gBAAAU,EAACC,GAAA,EAAS,mBAAiBb,GAAW,UAAUE,EAAY,aAAaO,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,EAAChB,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,gBAAAkB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOtB,EAAE,iBAAiB;AAAA,QAC1B,SAASY;AAAA,QACT,YAAU;AAAA,QACV,cAAcZ,EAAE,gCAAgC;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGjDuB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACd,KAAO,SAAQ,aAAY,SAASR,GAClC,UAAAI,EAAE,WAAW,GAChB;AAAA,MACA,gBAAAkB,EAACd,GAAA,EAAO,SAAQ,WAAU,MAAK,UAAS,YAAY,CAACM,GAClD,UAAAV,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"PolicyTypeSelectorPresentation.js","sources":["../../../../src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.tsx"],"sourcesContent":["import { useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } 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\n/** @internal */\nexport function PolicyTypeSelectorPresentation({\n  onContinue,\n  onCancel,\n  defaultPolicyType,\n  holidayPolicyExists = false,\n  className,\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 selectedPolicyType = useWatch({ control: formMethods.control, name: 'policyType' })\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\n        aria-labelledby={headingId}\n        onSubmit={formMethods.handleSubmit(handleSubmit)}\n        className={className}\n      >\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            errorMessage={t('validations.policyTypeRequired')}\n          />\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Button>\n            <Button variant=\"primary\" type=\"submit\" isDisabled={!selectedPolicyType}>\n              {t('continueCta')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyTypeSelectorPresentation","onContinue","onCancel","defaultPolicyType","holidayPolicyExists","className","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","headingId","useId","formMethods","useForm","selectedPolicyType","useWatch","policyTypeOptions","useMemo","options","handleSubmit","data","jsx","FormProvider","HtmlForm","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;AAcO,SAASA,EAA+B;AAAA,EAC7C,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,WAAAC;AACF,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,YAAYb;AAAA,IAAA;AAAA,EACd,CACD,GAEKc,IAAqBC,EAAS,EAAE,SAASH,EAAY,SAAS,MAAM,cAAc,GAElFI,IAAoBC,EAAQ,MAAM;AACtC,UAAMC,IAA4E,CAAA;AAClF,WAAKjB,KACHiB,EAAQ,KAAK;AAAA,MACX,OAAO;AAAA,MACP,OAAOd,EAAE,cAAc;AAAA,MACvB,aAAaA,EAAE,aAAa;AAAA,IAAA,CAC7B,GAEHc,EAAQ;AAAA,MACN;AAAA,QACE,OAAO;AAAA,QACP,OAAOd,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,GAEKc;AAAA,EACT,GAAG,CAACd,GAAGH,CAAmB,CAAC,GAErBkB,IAAe,CAACC,MAAqC;AACzD,IAAAtB,EAAWsB,EAAK,UAAU;AAAA,EAC5B;AAEA,SACE,gBAAAC,EAACC,GAAA,EAAc,GAAGV,GAChB,UAAA,gBAAAS;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,mBAAiBb;AAAA,MACjB,UAAUE,EAAY,aAAaO,CAAY;AAAA,MAC/C,WAAAjB;AAAA,MAEA,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAJ,EAACf,KAAQ,IAAG,MAAK,IAAII,GAClB,UAAAN,EAAE,OAAO,GACZ;AAAA,4BACCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,gBAAgB,EAAA,CAAE;AAAA,QAAA,GAClD;AAAA,QAEA,gBAAAiB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOtB,EAAE,iBAAiB;AAAA,YAC1B,SAASY;AAAA,YACT,YAAU;AAAA,YACV,cAAcZ,EAAE,gCAAgC;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGjDuB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAN,EAACb,KAAO,SAAQ,aAAY,SAAST,GAClC,UAAAK,EAAE,WAAW,GAChB;AAAA,UACA,gBAAAiB,EAACb,GAAA,EAAO,SAAQ,WAAU,MAAK,UAAS,YAAY,CAACM,GAClD,UAAAV,EAAE,aAAa,EAAA,CAClB;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}