@gusto/embedded-react-sdk 0.41.0 → 0.43.0

package/dist/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.d.ts

@@ -1,5 +1,6 @@
 import { BaseComponentInterface } from '../../Base';
 export interface AddEmployeesToPolicyProps extends BaseComponentInterface {
+    companyId: string;
     policyId: string;
 }
 export declare function AddEmployeesToPolicy(props: AddEmployeesToPolicyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.js

@@ -1,46 +1,18 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { SelectEmployeesTimeOff as m } from "../TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.js";
 import { BaseComponent as i } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { componentEvents as n } from "../../../shared/constants.js";
-function d(e) {
-  return /* @__PURE__ */ o(i, { ...e, children: /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ t("p", { children: [
-      "Add Employees to Policy + Starting Balances (policyId: ",
-      e.policyId,
-      ")"
-    ] }),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          e.onEvent(n.TIME_OFF_ADD_EMPLOYEES_DONE);
-        },
-        children: "Done"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          e.onEvent(n.TIME_OFF_ADD_EMPLOYEES_ERROR, {
-            alert: { type: "error", title: "Failed to add employees" }
-          });
-        },
-        children: "Simulate Error"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          e.onEvent(n.CANCEL);
-        },
-        children: "Cancel"
-      }
-    )
-  ] }) });
+function c(o) {
+  return /* @__PURE__ */ e(i, { ...o, children: /* @__PURE__ */ e(
+    m,
+    {
+      companyId: o.companyId,
+      policyId: o.policyId,
+      mode: "standalone"
+    }
+  ) });
 }
 export {
-  d as AddEmployeesToPolicy
+  c as AddEmployeesToPolicy
 };
 //# sourceMappingURL=AddEmployeesToPolicy.js.map

package/dist/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddEmployeesToPolicy.js","sources":["../../../../src/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.tsx"],"sourcesContent":["import { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface AddEmployeesToPolicyProps extends BaseComponentInterface {\n  policyId: string\n}\n\nexport function AddEmployeesToPolicy(props: AddEmployeesToPolicyProps) {\n  return (\n    <BaseComponent {...props}>\n      <div>\n        <p>Add Employees to Policy + Starting Balances (policyId: {props.policyId})</p>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE)\n          }}\n        >\n          Done\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_ERROR, {\n              alert: { type: 'error', title: 'Failed to add employees' },\n            })\n          }}\n        >\n          Simulate Error\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.CANCEL)\n          }}\n        >\n          Cancel\n        </button>\n      </div>\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesToPolicy","props","jsx","BaseComponent","jsxs","componentEvents"],"mappings":";;;;AAOO,SAASA,EAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAAwDH,EAAM;AAAA,MAAS;AAAA,IAAA,GAAC;AAAA,IAC3E,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,2BAA2B;AAAA,QAC3D;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,8BAA8B;AAAA,YAC1D,OAAO,EAAE,MAAM,SAAS,OAAO,0BAAA;AAAA,UAA0B,CAC1D;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,MAAM;AAAA,QACtC;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"AddEmployeesToPolicy.js","sources":["../../../../src/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.tsx"],"sourcesContent":["import { SelectEmployeesTimeOff } from '../TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\nexport interface AddEmployeesToPolicyProps extends BaseComponentInterface {\n  companyId: string\n  policyId: string\n}\n\nexport function AddEmployeesToPolicy(props: AddEmployeesToPolicyProps) {\n  return (\n    <BaseComponent {...props}>\n      <SelectEmployeesTimeOff\n        companyId={props.companyId}\n        policyId={props.policyId}\n        mode=\"standalone\"\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesToPolicy","props","jsx","BaseComponent","SelectEmployeesTimeOff"],"mappings":";;;;AAQO,SAASA,EAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWH,EAAM;AAAA,MACjB,UAAUA,EAAM;AAAA,MAChB,MAAK;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ;"}

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.js

@@ -1,46 +1,66 @@
-import { jsx as n, jsxs as o } from "react/jsx-runtime";
-import { BaseComponent as i } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { componentEvents as e } from "../../../shared/constants.js";
-function d(t) {
-  return /* @__PURE__ */ n(i, { ...t, children: /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ o("p", { children: [
-      "Policy Settings (policyId: ",
-      t.policyId,
-      ")"
-    ] }),
-    /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: () => {
-          t.onEvent(e.TIME_OFF_POLICY_SETTINGS_DONE);
-        },
-        children: "Done"
-      }
-    ),
-    /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: () => {
-          t.onEvent(e.TIME_OFF_POLICY_SETTINGS_ERROR, {
-            alert: { type: "error", title: "Failed to update policy settings" }
+import { jsx as n } from "react/jsx-runtime";
+import { useTimeOffPoliciesGetSuspense as f } from "@gusto/embedded-api/react-query/timeOffPoliciesGet";
+import { useTimeOffPoliciesUpdateMutation as d } from "@gusto/embedded-api/react-query/timeOffPoliciesUpdate";
+import { PolicySettingsPresentation as O } from "./PolicySettingsPresentation.js";
+import { BaseComponent as P } from "../../Base/Base.js";
+import { useBase as _ } from "../../Base/useBase.js";
+import { componentEvents as u } from "../../../shared/constants.js";
+function C(e) {
+  return /* @__PURE__ */ n(P, { ...e, children: /* @__PURE__ */ n(g, { ...e }) });
+}
+const x = [
+  "per_hour_worked",
+  "per_hour_worked_no_overtime",
+  "per_hour_paid",
+  "per_hour_paid_no_overtime"
+];
+function b(e) {
+  return x.includes(e) ? "hours_worked" : "fixed";
+}
+function p(e) {
+  const r = {};
+  return e.maxAccrualHoursPerYear != null && (r.accrualMaximumEnabled = !0, r.accrualMaximum = Number(e.maxAccrualHoursPerYear)), e.maxHours != null && (r.balanceMaximumEnabled = !0, r.balanceMaximum = Number(e.maxHours)), e.carryoverLimitHours != null && (r.carryOverLimitEnabled = !0, r.carryOverLimit = Number(e.carryoverLimitHours)), e.accrualWaitingPeriodDays != null && e.accrualWaitingPeriodDays > 0 && (r.waitingPeriodEnabled = !0, r.waitingPeriod = e.accrualWaitingPeriodDays), e.paidOutOnTermination != null && (r.paidOutOnTermination = e.paidOutOnTermination), r;
+}
+function y(e, r) {
+  return {
+    maxAccrualHoursPerYear: e.accrualMaximumEnabled && e.accrualMaximum != null ? String(e.accrualMaximum) : null,
+    maxHours: e.balanceMaximumEnabled && e.balanceMaximum != null ? String(e.balanceMaximum) : null,
+    carryoverLimitHours: e.carryOverLimitEnabled && e.carryOverLimit != null ? String(e.carryOverLimit) : null,
+    accrualWaitingPeriodDays: e.waitingPeriodEnabled && e.waitingPeriod != null ? e.waitingPeriod : null,
+    paidOutOnTermination: e.paidOutOnTermination,
+    complete: !0,
+    version: r
+  };
+}
+function g({ policyId: e }) {
+  const { onEvent: r, baseSubmitHandler: t } = _(), { data: o } = f({
+    timeOffPolicyUuid: e
+  }), { mutateAsync: c } = d(), i = o.timeOffPolicy;
+  if (!i) throw new Error("Unexpected response: missing timeOffPolicy");
+  const m = b(i.accrualMethod), l = i.version ?? "";
+  return /* @__PURE__ */ n(
+    O,
+    {
+      accrualMethod: m,
+      onContinue: async (a) => {
+        await t(a, async () => {
+          const { timeOffPolicy: s } = await c({
+            request: {
+              timeOffPolicyUuid: e,
+              requestBody: y(a, l)
+            }
           });
-        },
-        children: "Simulate Error"
-      }
-    ),
-    /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: () => {
-          t.onEvent(e.CANCEL);
-        },
-        children: "Cancel"
-      }
-    )
-  ] }) });
+          r(u.TIME_OFF_POLICY_SETTINGS_DONE, s);
+        });
+      },
+      onBack: () => {
+        r(u.TIME_OFF_POLICY_SETTINGS_BACK);
+      },
+      defaultValues: p(i)
+    }
+  );
 }
 export {
-  d as PolicySettings
+  C as PolicySettings
 };
 //# sourceMappingURL=PolicySettings.js.map

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicySettings.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.tsx"],"sourcesContent":["import { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicySettingsProps extends BaseComponentInterface {\n  policyId: string\n}\n\nexport function PolicySettings(props: PolicySettingsProps) {\n  return (\n    <BaseComponent {...props}>\n      <div>\n        <p>Policy Settings (policyId: {props.policyId})</p>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_DONE)\n          }}\n        >\n          Done\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_ERROR, {\n              alert: { type: 'error', title: 'Failed to update policy settings' },\n            })\n          }}\n        >\n          Simulate Error\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.CANCEL)\n          }}\n        >\n          Cancel\n        </button>\n      </div>\n    </BaseComponent>\n  )\n}\n"],"names":["PolicySettings","props","jsx","BaseComponent","jsxs","componentEvents"],"mappings":";;;;AAOO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAA4BH,EAAM;AAAA,MAAS;AAAA,IAAA,GAAC;AAAA,IAC/C,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,6BAA6B;AAAA,QAC7D;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,gCAAgC;AAAA,YAC5D,OAAO,EAAE,MAAM,SAAS,OAAO,mCAAA;AAAA,UAAmC,CACnE;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,MAAM;AAAA,QACtC;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"PolicySettings.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.tsx"],"sourcesContent":["import { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api/react-query/timeOffPoliciesGet'\nimport { useTimeOffPoliciesUpdateMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesUpdate'\nimport type { PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1timeoffpoliciestimeoffpolicyuuid'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { PolicySettingsPresentation } from './PolicySettingsPresentation'\nimport type { PolicySettingsFormData, PolicySettingsAccrualMethod } from './PolicySettingsTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicySettingsProps extends BaseComponentInterface {\n  policyId: string\n}\n\nexport function PolicySettings(props: PolicySettingsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst HOURLY_ACCRUAL_METHODS = [\n  'per_hour_worked',\n  'per_hour_worked_no_overtime',\n  'per_hour_paid',\n  'per_hour_paid_no_overtime',\n]\n\nfunction deriveAccrualMethodCategory(apiAccrualMethod: string): PolicySettingsAccrualMethod {\n  if (HOURLY_ACCRUAL_METHODS.includes(apiAccrualMethod)) return 'hours_worked'\n  return 'fixed'\n}\n\nfunction deriveDefaultValues(policy: TimeOffPolicy): Partial<PolicySettingsFormData> {\n  const defaults: Partial<PolicySettingsFormData> = {}\n\n  if (policy.maxAccrualHoursPerYear != null) {\n    defaults.accrualMaximumEnabled = true\n    defaults.accrualMaximum = Number(policy.maxAccrualHoursPerYear)\n  }\n\n  if (policy.maxHours != null) {\n    defaults.balanceMaximumEnabled = true\n    defaults.balanceMaximum = Number(policy.maxHours)\n  }\n\n  if (policy.carryoverLimitHours != null) {\n    defaults.carryOverLimitEnabled = true\n    defaults.carryOverLimit = Number(policy.carryoverLimitHours)\n  }\n\n  if (policy.accrualWaitingPeriodDays != null && policy.accrualWaitingPeriodDays > 0) {\n    defaults.waitingPeriodEnabled = true\n    defaults.waitingPeriod = policy.accrualWaitingPeriodDays\n  }\n\n  if (policy.paidOutOnTermination != null) {\n    defaults.paidOutOnTermination = policy.paidOutOnTermination\n  }\n\n  return defaults\n}\n\nfunction buildUpdateRequestBody(\n  data: PolicySettingsFormData,\n  version: string,\n): PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody {\n  return {\n    maxAccrualHoursPerYear:\n      data.accrualMaximumEnabled && data.accrualMaximum != null\n        ? String(data.accrualMaximum)\n        : null,\n    maxHours:\n      data.balanceMaximumEnabled && data.balanceMaximum != null\n        ? String(data.balanceMaximum)\n        : null,\n    carryoverLimitHours:\n      data.carryOverLimitEnabled && data.carryOverLimit != null\n        ? String(data.carryOverLimit)\n        : null,\n    accrualWaitingPeriodDays:\n      data.waitingPeriodEnabled && data.waitingPeriod != null ? data.waitingPeriod : null,\n    paidOutOnTermination: data.paidOutOnTermination,\n    complete: true,\n    version,\n  }\n}\n\nfunction Root({ policyId }: PolicySettingsProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: policyId,\n  })\n\n  const { mutateAsync: updateTimeOffPolicy } = useTimeOffPoliciesUpdateMutation()\n\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const accrualCategory = deriveAccrualMethodCategory(policy.accrualMethod)\n  const version = policy.version ?? ''\n\n  const handleContinue = async (data: PolicySettingsFormData) => {\n    await baseSubmitHandler(data, async () => {\n      const { timeOffPolicy } = await updateTimeOffPolicy({\n        request: {\n          timeOffPolicyUuid: policyId,\n          requestBody: buildUpdateRequestBody(data, version),\n        },\n      })\n\n      onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_DONE, timeOffPolicy)\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_BACK)\n  }\n\n  return (\n    <PolicySettingsPresentation\n      accrualMethod={accrualCategory}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      defaultValues={deriveDefaultValues(policy)}\n    />\n  )\n}\n"],"names":["PolicySettings","props","jsx","BaseComponent","Root","HOURLY_ACCRUAL_METHODS","deriveAccrualMethodCategory","apiAccrualMethod","deriveDefaultValues","policy","defaults","buildUpdateRequestBody","data","version","policyId","onEvent","baseSubmitHandler","useBase","policyResponse","useTimeOffPoliciesGetSuspense","updateTimeOffPolicy","useTimeOffPoliciesUpdateMutation","accrualCategory","PolicySettingsPresentation","timeOffPolicy","componentEvents"],"mappings":";;;;;;;AAcO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMI,IAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAASC,EAA4BC,GAAuD;AAC1F,SAAIF,EAAuB,SAASE,CAAgB,IAAU,iBACvD;AACT;AAEA,SAASC,EAAoBC,GAAwD;AACnF,QAAMC,IAA4C,CAAA;AAElD,SAAID,EAAO,0BAA0B,SACnCC,EAAS,wBAAwB,IACjCA,EAAS,iBAAiB,OAAOD,EAAO,sBAAsB,IAG5DA,EAAO,YAAY,SACrBC,EAAS,wBAAwB,IACjCA,EAAS,iBAAiB,OAAOD,EAAO,QAAQ,IAG9CA,EAAO,uBAAuB,SAChCC,EAAS,wBAAwB,IACjCA,EAAS,iBAAiB,OAAOD,EAAO,mBAAmB,IAGzDA,EAAO,4BAA4B,QAAQA,EAAO,2BAA2B,MAC/EC,EAAS,uBAAuB,IAChCA,EAAS,gBAAgBD,EAAO,2BAG9BA,EAAO,wBAAwB,SACjCC,EAAS,uBAAuBD,EAAO,uBAGlCC;AACT;AAEA,SAASC,EACPC,GACAC,GACkD;AAClD,SAAO;AAAA,IACL,wBACED,EAAK,yBAAyBA,EAAK,kBAAkB,OACjD,OAAOA,EAAK,cAAc,IAC1B;AAAA,IACN,UACEA,EAAK,yBAAyBA,EAAK,kBAAkB,OACjD,OAAOA,EAAK,cAAc,IAC1B;AAAA,IACN,qBACEA,EAAK,yBAAyBA,EAAK,kBAAkB,OACjD,OAAOA,EAAK,cAAc,IAC1B;AAAA,IACN,0BACEA,EAAK,wBAAwBA,EAAK,iBAAiB,OAAOA,EAAK,gBAAgB;AAAA,IACjF,sBAAsBA,EAAK;AAAA,IAC3B,UAAU;AAAA,IACV,SAAAC;AAAA,EAAA;AAEJ;AAEA,SAAST,EAAK,EAAE,UAAAU,KAAiC;AAC/C,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAMC,EAAA,IAAmBC,EAA8B;AAAA,IAC7D,mBAAmBL;AAAA,EAAA,CACpB,GAEK,EAAE,aAAaM,EAAA,IAAwBC,EAAA,GAEvCZ,IAASS,EAAe;AAC9B,MAAI,CAACT,EAAQ,OAAM,IAAI,MAAM,4CAA4C;AAEzE,QAAMa,IAAkBhB,EAA4BG,EAAO,aAAa,GAClEI,IAAUJ,EAAO,WAAW;AAmBlC,SACE,gBAAAP;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,eAAeD;AAAA,MACf,YApBmB,OAAOV,MAAiC;AAC7D,cAAMI,EAAkBJ,GAAM,YAAY;AACxC,gBAAM,EAAE,eAAAY,MAAkB,MAAMJ,EAAoB;AAAA,YAClD,SAAS;AAAA,cACP,mBAAmBN;AAAA,cACnB,aAAaH,EAAuBC,GAAMC,CAAO;AAAA,YAAA;AAAA,UACnD,CACD;AAED,UAAAE,EAAQU,EAAgB,+BAA+BD,CAAa;AAAA,QACtE,CAAC;AAAA,MACH;AAAA,MAUI,QARe,MAAM;AACvB,QAAAT,EAAQU,EAAgB,6BAA6B;AAAA,MACvD;AAAA,MAOI,eAAejB,EAAoBC,CAAM;AAAA,IAAA;AAAA,EAAA;AAG/C;"}

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.module.scss.js

@@ -1,18 +1,16 @@
-const t = "_policySettings_wbmnm_1", e = "_divider_wbmnm_9", i = "_settingRow_wbmnm_15", l = "_settingField_wbmnm_23", n = "_toggleCell_wbmnm_27", s = "_disabledField_wbmnm_31", d = {
+const t = "_policySettings_dd11v_1", e = "_divider_dd11v_9", i = "_settingRow_dd11v_15", d = "_settingField_dd11v_23", s = "_toggleCell_dd11v_27", l = {
   policySettings: t,
   divider: e,
   settingRow: i,
-  settingField: l,
-  toggleCell: n,
-  disabledField: s
+  settingField: d,
+  toggleCell: s
 };
 export {
-  d as default,
-  s as disabledField,
+  l as default,
   e as divider,
   t as policySettings,
-  l as settingField,
+  d as settingField,
   i as settingRow,
-  n as toggleCell
+  s as toggleCell
 };
 //# sourceMappingURL=PolicySettings.module.scss.js.map

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.module.scss.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import classNames from 'classnames'\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\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\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\">{t('policySettings.title')}</Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {isHoursWorked && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={classNames(\n                        styles.settingField,\n                        !accrualMaximumEnabled && styles.disabledField,\n                      )}\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                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={classNames(\n                    styles.settingField,\n                    !balanceMaximumEnabled && styles.disabledField,\n                  )}\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                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={classNames(\n                    styles.settingField,\n                    !carryOverLimitEnabled && styles.disabledField,\n                  )}\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                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {isHoursWorked && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={classNames(\n                        styles.settingField,\n                        !waitingPeriodEnabled && styles.disabledField,\n                      )}\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                      />\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","formMethods","useForm","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","classNames","SwitchField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import { 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\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\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\">{t('policySettings.title')}</Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {isHoursWorked && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\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                      />\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                  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                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\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                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {isHoursWorked && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\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                      />\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","formMethods","useForm","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","SwitchField","ActionsLayout"],"mappings":"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"}

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

@@ -9,85 +9,92 @@ import { HolidaySelectionForm as P } from "../HolidaySelectionForm/HolidaySelect
 import { AddEmployeesHoliday as C } from "../AddEmployeesHoliday/AddEmployeesHoliday.js";
 import { ViewHolidayEmployees as h } from "../ViewHolidayEmployees/ViewHolidayEmployees.js";
 import { ViewHolidaySchedule as v } from "../ViewHolidaySchedule/ViewHolidaySchedule.js";
-import { useFlow as c } from "../../Flow/useFlow.js";
+import { useFlow as r } from "../../Flow/useFlow.js";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import "react-i18next";
 import "classnames";
-import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
+import { ensureRequired as c } from "../../../helpers/ensureRequired.js";
 import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { PolicyConfigurationForm as w } from "../TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
 function K() {
-  const { onEvent: o, companyId: t, alerts: r } = c(), { Alert: p } = a();
+  const { onEvent: o, companyId: t, alerts: l } = r(), { Alert: p } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
-    r?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
-    /* @__PURE__ */ n(s, { onEvent: o, companyId: l(t) })
+    l?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
+    /* @__PURE__ */ n(s, { onEvent: o, companyId: c(t) })
   ] });
 }
 function M() {
-  const { onEvent: o, companyId: t, policyType: r, alerts: p } = c(), { Alert: e } = a();
+  const { onEvent: o, companyId: t, policyType: l, alerts: p } = r(), { Alert: e } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     p?.map((i, d) => /* @__PURE__ */ n(e, { status: i.type, label: i.title, children: i.content }, d)),
     /* @__PURE__ */ n(
       u,
       {
         onEvent: o,
-        companyId: l(t),
-        defaultPolicyType: r
+        companyId: c(t),
+        defaultPolicyType: l
       }
     )
   ] });
 }
 function N() {
-  const { onEvent: o, companyId: t, policyType: r, alerts: p } = c(), { Alert: e } = a();
+  const { onEvent: o, companyId: t, policyType: l, alerts: p } = r(), { Alert: e } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     p?.map((i, d) => /* @__PURE__ */ n(e, { status: i.type, label: i.title, children: i.content }, d)),
     /* @__PURE__ */ n(
       w,
       {
         onEvent: o,
-        companyId: l(t),
-        policyType: l(r)
+        companyId: c(t),
+        policyType: c(l)
       }
     )
   ] });
 }
 function O() {
-  const { onEvent: o, policyId: t, alerts: r } = c(), { Alert: p } = a();
+  const { onEvent: o, policyId: t, alerts: l } = r(), { Alert: p } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
-    r?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
-    /* @__PURE__ */ n(f, { onEvent: o, policyId: l(t) })
+    l?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
+    /* @__PURE__ */ n(f, { onEvent: o, policyId: c(t) })
   ] });
 }
 function Q() {
-  const { onEvent: o, policyId: t } = c();
-  return /* @__PURE__ */ n(I, { onEvent: o, policyId: l(t) });
+  const { onEvent: o, companyId: t, policyId: l } = r();
+  return /* @__PURE__ */ n(
+    I,
+    {
+      onEvent: o,
+      companyId: c(t),
+      policyId: c(l)
+    }
+  );
 }
 function U() {
-  const { onEvent: o, policyId: t } = c();
-  return /* @__PURE__ */ n(x, { onEvent: o, policyId: l(t) });
+  const { onEvent: o, policyId: t } = r();
+  return /* @__PURE__ */ n(x, { onEvent: o, policyId: c(t) });
 }
 function W() {
-  const { onEvent: o, policyId: t } = c();
-  return /* @__PURE__ */ n(E, { onEvent: o, policyId: l(t) });
+  const { onEvent: o, policyId: t } = r();
+  return /* @__PURE__ */ n(E, { onEvent: o, policyId: c(t) });
 }
 function X() {
-  const { onEvent: o, companyId: t, alerts: r } = c(), { Alert: p } = a();
+  const { onEvent: o, companyId: t, alerts: l } = r(), { Alert: p } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
-    r?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
-    /* @__PURE__ */ n(P, { onEvent: o, companyId: l(t) })
+    l?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
+    /* @__PURE__ */ n(P, { onEvent: o, companyId: c(t) })
   ] });
 }
 function Y() {
-  const { onEvent: o, companyId: t } = c();
-  return /* @__PURE__ */ n(C, { onEvent: o, companyId: l(t) });
+  const { onEvent: o, companyId: t } = r();
+  return /* @__PURE__ */ n(C, { onEvent: o, companyId: c(t) });
 }
 function Z() {
-  const { onEvent: o, companyId: t } = c();
-  return /* @__PURE__ */ n(h, { onEvent: o, companyId: l(t) });
+  const { onEvent: o, companyId: t } = r();
+  return /* @__PURE__ */ n(h, { onEvent: o, companyId: c(t) });
 }
 function _() {
-  const { onEvent: o, companyId: t } = c();
-  return /* @__PURE__ */ n(v, { onEvent: o, companyId: l(t) });
+  const { onEvent: o, companyId: t } = r();
+  return /* @__PURE__ */ n(v, { onEvent: o, companyId: c(t) });
 }
 export {
   Y as AddEmployeesHolidayContextual,