@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

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

@@ -0,0 +1,46 @@
+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" }
+          });
+        },
+        children: "Simulate Error"
+      }
+    ),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: () => {
+          t.onEvent(e.CANCEL);
+        },
+        children: "Cancel"
+      }
+    )
+  ] }) });
+}
+export {
+  d as PolicySettings
+};
+//# sourceMappingURL=PolicySettings.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,7 @@
+import { PolicyType } from './PolicyTypeSelectorTypes';
+import { BaseComponentInterface } from '../../Base';
+export interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {
+    companyId: string;
+    defaultPolicyType?: PolicyType;
+}
+export declare function PolicyTypeSelector(props: PolicyTypeSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelector.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import { PolicyTypeSelectorPresentation as c } from "./PolicyTypeSelectorPresentation.js";
+import { BaseComponent as i } from "../../Base/Base.js";
+import { useBase as l } from "../../Base/useBase.js";
+import { componentEvents as t } from "../../../shared/constants.js";
+function d(n) {
+  return /* @__PURE__ */ o(i, { ...n, children: /* @__PURE__ */ o(m, { ...n }) });
+}
+function m({ defaultPolicyType: n }) {
+  const { onEvent: e } = l();
+  return /* @__PURE__ */ o(
+    c,
+    {
+      onContinue: (r) => {
+        e(t.TIME_OFF_POLICY_TYPE_SELECTED, {
+          policyType: r
+        });
+      },
+      onCancel: () => {
+        e(t.CANCEL);
+      },
+      defaultPolicyType: n
+    }
+  );
+}
+export {
+  d as PolicyTypeSelector
+};
+//# sourceMappingURL=PolicyTypeSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyTypeSelector.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelector.tsx"],"sourcesContent":["import { PolicyTypeSelectorPresentation } from './PolicyTypeSelectorPresentation'\nimport type { PolicyType } from './PolicyTypeSelectorTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {\n  companyId: string\n  defaultPolicyType?: PolicyType\n}\n\nexport function PolicyTypeSelector(props: PolicyTypeSelectorProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ defaultPolicyType }: PolicyTypeSelectorProps) {\n  const { onEvent } = useBase()\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    />\n  )\n}\n"],"names":["PolicyTypeSelector","props","jsx","BaseComponent","Root","defaultPolicyType","onEvent","useBase","PolicyTypeSelectorPresentation","policyType","componentEvents"],"mappings":";;;;;AAWO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,mBAAAC,KAA8C;AAC5D,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAYpB,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAZmB,CAACC,MAA2B;AACjD,QAAAH,EAAQI,EAAgB,+BAA+B;AAAA,UACrD,YAAAD;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MASI,UAPiB,MAAM;AACzB,QAAAH,EAAQI,EAAgB,MAAM;AAAA,MAChC;AAAA,MAMI,mBAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyTypeSelectorPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyType, PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes'\nimport { Flex, ActionsLayout, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PolicyTypeSelectorFormData {\n  policyType: PolicyType\n}\n\nexport function PolicyTypeSelectorPresentation({\n  onContinue,\n  onCancel,\n  defaultPolicyType,\n}: PolicyTypeSelectorPresentationProps) {\n  useI18n('Company.TimeOff.SelectPolicyType')\n  const { t } = useTranslation('Company.TimeOff.SelectPolicyType')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const formMethods = useForm<PolicyTypeSelectorFormData>({\n    defaultValues: {\n      policyType: defaultPolicyType as PolicyType,\n    },\n  })\n\n  const policyTypeOptions = useMemo(\n    () => [\n      {\n        value: 'holiday' as PolicyType,\n        label: t('holidayLabel'),\n        description: t('holidayHint'),\n      },\n      {\n        value: 'vacation' as PolicyType,\n        label: t('timeOffLabel'),\n        description: t('timeOffHint'),\n      },\n      {\n        value: 'sick' as PolicyType,\n        label: t('sickLeaveLabel'),\n        description: t('sickLeaveHint'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyTypeSelectorFormData) => {\n    onContinue(data.policyType)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('title')}</Heading>\n            <Text variant=\"supporting\">{t('policyTypeHint')}</Text>\n          </Flex>\n\n          <RadioGroupField<PolicyType>\n            name=\"policyType\"\n            label={t('policyTypeLabel')}\n            options={policyTypeOptions}\n            isRequired\n          />\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Button>\n            <Button variant=\"primary\" type=\"submit\">\n              {t('continueCta')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyTypeSelectorPresentation","onContinue","onCancel","defaultPolicyType","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","formMethods","useForm","policyTypeOptions","useMemo","handleSubmit","data","FormProvider","jsx","HtmlForm","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;AAaO,SAASA,EAA+B;AAAA,EAC7C,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AACF,GAAwC;AACtC,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IAAcC,EAAoC;AAAA,IACtD,eAAe;AAAA,MACb,YAAYT;AAAA,IAAA;AAAA,EACd,CACD,GAEKU,IAAoBC;AAAA,IACxB,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOT,EAAE,cAAc;AAAA,QACvB,aAAaA,EAAE,aAAa;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,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;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEU,IAAe,CAACC,MAAqC;AACzD,IAAAf,EAAWe,EAAK,UAAU;AAAA,EAC5B;AAEA,2BACGC,GAAA,EAAc,GAAGN,GAChB,UAAA,gBAAAO,EAACC,KAAS,UAAUR,EAAY,aAAaI,CAAY,GACvD,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,wBAC5BG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,gBAAgB,EAAA,CAAE;AAAA,IAAA,GAClD;AAAA,IAEA,gBAAAa;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,iBAAiB;AAAA,QAC1B,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGXU,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACT,KAAO,SAAQ,aAAY,SAASP,GAClC,UAAAG,EAAE,WAAW,GAChB;AAAA,MACA,gBAAAa,EAACT,KAAO,SAAQ,WAAU,MAAK,UAC5B,UAAAJ,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelectorTypes.d.ts

@@ -0,0 +1,6 @@
+export type PolicyType = 'sick' | 'vacation' | 'holiday';
+export interface PolicyTypeSelectorPresentationProps {
+    onContinue: (policyType: PolicyType) => void;
+    onCancel: () => void;
+    defaultPolicyType?: PolicyType;
+}

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

@@ -0,0 +1,2 @@
+import { TimeOffFlowProps } from './TimeOffFlowComponents';
+export declare const TimeOffFlow: ({ companyId, onEvent }: TimeOffFlowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createMachine as e } from "robot3";
+import { useMemo as f } from "react";
+import { timeOffMachine as c } from "./timeOffStateMachine.js";
+import { PolicyListContextual as n } from "./TimeOffFlowComponents.js";
+import { Flow as p } from "../../Flow/Flow.js";
+const x = ({ companyId: o, onEvent: t }) => {
+  const m = f(
+    () => e(
+      "policyList",
+      c,
+      (i) => ({
+        ...i,
+        component: n,
+        companyId: o
+      })
+    ),
+    [o]
+  );
+  return /* @__PURE__ */ r(p, { machine: m, onEvent: t });
+};
+export {
+  x as TimeOffFlow
+};
+//# sourceMappingURL=TimeOffFlow.js.map

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

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

package/dist/components/UNSTABLE_TimeOff/TimeOffFlow/TimeOffFlowComponents.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { BaseComponentInterface } from '../../Base';
+export interface TimeOffFlowProps extends BaseComponentInterface {
+    companyId: string;
+}
+export type TimeOffFlowAlert = {
+    type: 'error' | 'info' | 'success';
+    title: string;
+    content?: ReactNode;
+};
+export type TimeOffPolicyType = 'sick' | 'vacation' | 'holiday';
+export interface TimeOffFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    policyType?: TimeOffPolicyType;
+    policyId?: string;
+    alerts?: TimeOffFlowAlert[];
+}
+export declare function PolicyListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function SelectPolicyTypeContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PolicyDetailsFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PolicySettingsContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function AddEmployeesToPolicyContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function ViewPolicyDetailsContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function ViewPolicyEmployeesContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function HolidaySelectionFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function AddEmployeesHolidayContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function ViewHolidayEmployeesContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function ViewHolidayScheduleContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,103 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { PolicyList as s } from "../PolicyList/PolicyList.js";
+import { PolicyTypeSelector as u } from "../PolicyTypeSelector/PolicyTypeSelector.js";
+import { PolicySettings as f } from "../PolicySettings/PolicySettings.js";
+import { AddEmployeesToPolicy as I } from "../AddEmployeesToPolicy/AddEmployeesToPolicy.js";
+import { ViewPolicyDetails as x } from "../ViewPolicyDetails/ViewPolicyDetails.js";
+import { ViewPolicyEmployees as E } from "../ViewPolicyEmployees/ViewPolicyEmployees.js";
+import { HolidaySelectionForm as P } from "../HolidaySelectionForm/HolidaySelectionForm.js";
+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 { Flex as y } from "../../Common/Flex/Flex.js";
+import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
+import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { PolicyConfigurationForm as w } from "../TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
+function G() {
+  const { onEvent: o, companyId: t, alerts: r } = c(), { 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) })
+  ] });
+}
+function J() {
+  const { onEvent: o, companyId: t, policyType: r, alerts: p } = c(), { 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
+      }
+    )
+  ] });
+}
+function K() {
+  const { onEvent: o, companyId: t, policyType: r, alerts: p } = c(), { 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)
+      }
+    )
+  ] });
+}
+function M() {
+  const { onEvent: o, policyId: t, alerts: r } = c(), { 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) })
+  ] });
+}
+function N() {
+  const { onEvent: o, policyId: t } = c();
+  return /* @__PURE__ */ n(I, { onEvent: o, policyId: l(t) });
+}
+function O() {
+  const { onEvent: o, policyId: t } = c();
+  return /* @__PURE__ */ n(x, { onEvent: o, policyId: l(t) });
+}
+function Q() {
+  const { onEvent: o, policyId: t } = c();
+  return /* @__PURE__ */ n(E, { onEvent: o, policyId: l(t) });
+}
+function U() {
+  const { onEvent: o, companyId: t, alerts: r } = c(), { 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) })
+  ] });
+}
+function W() {
+  const { onEvent: o, companyId: t } = c();
+  return /* @__PURE__ */ n(C, { onEvent: o, companyId: l(t) });
+}
+function X() {
+  const { onEvent: o, companyId: t } = c();
+  return /* @__PURE__ */ n(h, { onEvent: o, companyId: l(t) });
+}
+function Y() {
+  const { onEvent: o, companyId: t } = c();
+  return /* @__PURE__ */ n(v, { onEvent: o, companyId: l(t) });
+}
+export {
+  W as AddEmployeesHolidayContextual,
+  N as AddEmployeesToPolicyContextual,
+  U as HolidaySelectionFormContextual,
+  K as PolicyDetailsFormContextual,
+  G as PolicyListContextual,
+  M as PolicySettingsContextual,
+  J as SelectPolicyTypeContextual,
+  X as ViewHolidayEmployeesContextual,
+  Y as ViewHolidayScheduleContextual,
+  O as ViewPolicyDetailsContextual,
+  Q as ViewPolicyEmployeesContextual
+};
+//# sourceMappingURL=TimeOffFlowComponents.js.map

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

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

package/dist/components/UNSTABLE_TimeOff/TimeOffFlow/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { TimeOffFlow } from './TimeOffFlow';
+export type { TimeOffFlowProps } from './TimeOffFlowComponents';

package/dist/components/UNSTABLE_TimeOff/TimeOffFlow/timeOffStateMachine.d.ts

@@ -0,0 +1,14 @@
+export declare const timeOffMachine: {
+    policyList: import('robot3').MachineState<any>;
+    policyTypeSelector: import('robot3').MachineState<any>;
+    policyDetailsForm: import('robot3').MachineState<any>;
+    policySettings: import('robot3').MachineState<any>;
+    addEmployeesToPolicy: import('robot3').MachineState<any>;
+    viewPolicyDetails: import('robot3').MachineState<any>;
+    viewPolicyEmployees: import('robot3').MachineState<any>;
+    holidaySelectionForm: import('robot3').MachineState<any>;
+    addEmployeesHoliday: import('robot3').MachineState<any>;
+    viewHolidayEmployees: import('robot3').MachineState<any>;
+    viewHolidaySchedule: import('robot3').MachineState<any>;
+    final: import('robot3').MachineState<any>;
+};