@gusto/embedded-react-sdk 0.15.0 → 0.17.0

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.js

@@ -10,15 +10,15 @@ import { TimeOffField as ee } from "./TimeOffField.js";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import { Grid as S } from "../../Common/Grid/Grid.js";
 import "classnames";
-import { RadioGroupField as te } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { useComponentContext as te } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as ne } from "../../../i18n/I18n.js";
+import { Form as oe } from "../../Common/Form/Form.js";
+import { firstLastName as ie, formatNumberAsCurrency as re } from "../../../helpers/formattedStrings.js";
+import { getAdditionalEarningsCompensations as se, getReimbursementCompensation as ae, calculateGrossPay as G } from "../helpers.js";
+import { HOURS_COMPENSATION_NAMES as k, EXCLUDED_ADDITIONAL_EARNINGS as me, COMPENSATION_NAME_DOUBLE_OVERTIME as de, COMPENSATION_NAME_OVERTIME as le, COMPENSATION_NAME_REGULAR_HOURS as ue, COMPENSATION_NAME_REIMBURSEMENT as ce, COMPENSATION_NAME_CASH_TIPS as pe, COMPENSATION_NAME_COMMISSION as fe, COMPENSATION_NAME_CORRECTION_PAYMENT as he, COMPENSATION_NAME_PAYCHECK_TIPS as Ce, COMPENSATION_NAME_BONUS as Ne } from "../../../shared/constants.js";
+import { useContainerBreakpoints as Ee } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { TextInputField as R } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { useComponentContext as ne } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as oe } from "../../../i18n/I18n.js";
-import { Form as ie } from "../../Common/Form/Form.js";
-import { firstLastName as re, formatNumberAsCurrency as se } from "../../../helpers/formattedStrings.js";
-import { getAdditionalEarningsCompensations as ae, getReimbursementCompensation as me, calculateGrossPay as G } from "../helpers.js";
-import { HOURS_COMPENSATION_NAMES as k, EXCLUDED_ADDITIONAL_EARNINGS as de, COMPENSATION_NAME_DOUBLE_OVERTIME as le, COMPENSATION_NAME_OVERTIME as ue, COMPENSATION_NAME_REGULAR_HOURS as ce, COMPENSATION_NAME_REIMBURSEMENT as pe, COMPENSATION_NAME_CASH_TIPS as fe, COMPENSATION_NAME_COMMISSION as he, COMPENSATION_NAME_CORRECTION_PAYMENT as Ce, COMPENSATION_NAME_PAYCHECK_TIPS as Ne, COMPENSATION_NAME_BONUS as Ee } from "../../../shared/constants.js";
-import { useContainerBreakpoints as ge } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { RadioGroupField as ge } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const be = m.object({
   hourlyCompensations: m.record(m.string(), m.record(m.string(), m.string().optional())),
   timeOffCompensations: m.record(m.string(), m.string().optional()),
@@ -67,22 +67,22 @@ const be = m.object({
   paySchedule: d,
   isOffCycle: h = !1
 }) => {
-  const { Button: P, Heading: c, Text: H } = ne(), { t } = Z("Payroll.PayrollEditEmployee");
-  oe("Payroll.PayrollEditEmployee");
-  const p = l.jobs?.find((e) => e.primary), T = p ? [p] : [], v = X(null), b = ge({
+  const { Button: P, Heading: c, Text: H } = te(), { t } = Z("Payroll.PayrollEditEmployee");
+  ne("Payroll.PayrollEditEmployee");
+  const p = l.jobs?.find((e) => e.primary), T = p ? [p] : [], v = X(null), b = Ee({
     ref: v
   }).includes("small");
   r?.hourlyCompensations?.forEach((e) => {
     const n = l.jobs?.find((s) => s.uuid === e.jobUuid);
     n && !T.find((s) => s.uuid === n.uuid) && T.push(n);
   });
-  const x = (r?.paidTimeOff || []).filter((e) => e.name), _ = ae({
+  const x = (r?.paidTimeOff || []).filter((e) => e.name), _ = se({
     flsaStatus: p?.compensations?.[0]?.flsaStatus,
     existingFixedCompensations: r?.fixedCompensations || [],
     primaryJobUuid: p?.uuid,
     fixedCompensationTypes: g,
-    excludedTypes: de
-  }), C = me(
+    excludedTypes: me
+  }), C = ae(
     r?.fixedCompensations || [],
     g,
     p?.uuid
@@ -90,28 +90,28 @@ const be = m.object({
     (s) => s.jobUuid === e && s.name?.toLowerCase() === n.toLowerCase()
   ), w = (e) => {
     switch (e) {
-      case ce:
-        return t("compensationNames.regularHours");
       case ue:
-        return t("compensationNames.overtime");
+        return t("compensationNames.regularHours");
       case le:
+        return t("compensationNames.overtime");
+      case de:
         return t("compensationNames.doubleOvertime");
       default:
         return e;
     }
   }, j = (e) => {
     switch (e) {
-      case Ee:
-        return t("fixedCompensationNames.bonus");
       case Ne:
-        return t("fixedCompensationNames.paycheckTips");
+        return t("fixedCompensationNames.bonus");
       case Ce:
-        return t("fixedCompensationNames.correctionPayment");
+        return t("fixedCompensationNames.paycheckTips");
       case he:
-        return t("fixedCompensationNames.commission");
+        return t("fixedCompensationNames.correctionPayment");
       case fe:
-        return t("fixedCompensationNames.cashTips");
+        return t("fixedCompensationNames.commission");
       case pe:
+        return t("fixedCompensationNames.cashTips");
+      case ce:
         return t("fixedCompensationNames.reimbursement");
       default:
         return e;
@@ -185,7 +185,7 @@ const be = m.object({
     i,
     d,
     h
-  ]), V = re({
+  ]), V = ie({
     first_name: l.firstName,
     last_name: l.lastName
   }), z = (e) => {
@@ -196,7 +196,7 @@ const be = m.object({
       p?.uuid
     );
     N(n);
-  }, L = se(q || 0), U = /* @__PURE__ */ a(y, { gap: 12, justifyContent: "flex-end", children: [
+  }, L = re(q || 0), U = /* @__PURE__ */ a(y, { gap: 12, justifyContent: "flex-end", children: [
     /* @__PURE__ */ o(P, { variant: "secondary", onClick: O, title: t("cancelButton"), children: t("cancelButton") }),
     /* @__PURE__ */ o(
       P,
@@ -226,7 +226,7 @@ const be = m.object({
       }
     ),
     /* @__PURE__ */ a(K, { ...I, children: [
-      /* @__PURE__ */ a(ie, { children: [
+      /* @__PURE__ */ a(oe, { children: [
         T.length > 0 && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
           /* @__PURE__ */ o(c, { as: "h3", children: t("regularHoursTitle") }),
           T.map((e) => /* @__PURE__ */ a(y, { flexDirection: "column", gap: 8, children: [
@@ -299,7 +299,7 @@ const be = m.object({
         /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
           /* @__PURE__ */ o(c, { as: "h4", children: t("paymentMethodTitle") }),
           /* @__PURE__ */ o(
-            te,
+            ge,
             {
               name: "paymentMethod",
               isRequired: !0,

package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js

@@ -5,23 +5,23 @@ import { useTranslation as m } from "react-i18next";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { TextInputField as x } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as B } from "../../../i18n/I18n.js";
+import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as h } from "../../../i18n/I18n.js";
+import { TextInputField as B } from "../../Common/Fields/TextInputField/TextInputField.js";
 const P = ({
   accrualBalance: e,
   accrualMethod: o,
   hoursUsed: r,
   id: t
 }) => {
-  const { Text: n } = h(), { t: l } = m("Payroll.PayrollEditEmployee");
+  const { Text: n } = x(), { t: l } = m("Payroll.PayrollEditEmployee");
   if (o === "unlimited")
     return null;
   const a = parseFloat(e) - r;
   return /* @__PURE__ */ i(n, { size: "sm", variant: "supporting", "aria-live": "polite", "aria-atomic": !0, id: t, children: l("timeOffBalance.remaining", { balance: a.toFixed(1) }) });
 }, U = ({ timeOff: e, employee: o }) => {
   const { t: r } = m("Payroll.PayrollEditEmployee");
-  B("Payroll.PayrollEditEmployee");
+  h("Payroll.PayrollEditEmployee");
   const { control: t } = d(), n = p(), l = f({
     control: t,
     name: `timeOffCompensations.${e.name}`
@@ -31,7 +31,7 @@ const P = ({
   const c = parseFloat(l || "0"), a = o.eligiblePaidTimeOff?.find((s) => s.name === e.name);
   return /* @__PURE__ */ u(y, { flexDirection: "column", gap: 4, children: [
     /* @__PURE__ */ i(
-      x,
+      B,
       {
         name: `timeOffCompensations.${e.name}`,
         type: "number",

package/dist/components/Payroll/PayrollFlow/PayrollFlow.d.ts

@@ -1,2 +1,2 @@
 import { PayrollFlowProps } from './PayrollFlowComponents';
-export declare const PayrollFlow: ({ companyId, onEvent, defaultValues }: PayrollFlowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollFlow: ({ companyId, onEvent }: PayrollFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/PayrollFlow/PayrollFlow.js

@@ -1,26 +1,27 @@
 import { jsx as l } from "react/jsx-runtime";
-import { createMachine as n } from "robot3";
-import { useMemo as i } from "react";
-import { payrollMachine as p } from "./payrollStateMachine.js";
-import { PayrollLandingContextual as a } from "./PayrollFlowComponents.js";
-import { Flow as s } from "../../Flow/Flow.js";
-const y = ({ companyId: o, onEvent: t, defaultValues: r }) => {
-  const e = i(
-    () => n("landing", p, (m) => ({
-      ...m,
-      component: a,
-      companyId: o,
-      defaultValues: r,
-      totalSteps: 3,
-      currentStep: 1,
-      showProgress: !1
-      // Landing step does not show progress bar
+import { createMachine as m } from "robot3";
+import { useMemo as t } from "react";
+import { payrollMachine as n, payrollFlowBreadcrumbsNodes as i } from "./payrollStateMachine.js";
+import { SaveAndExitCta as p, PayrollLandingContextual as s } from "./PayrollFlowComponents.js";
+import { Flow as c } from "../../Flow/Flow.js";
+import { buildBreadcrumbs as u } from "../../../helpers/breadcrumbHelpers.js";
+const x = ({ companyId: r, onEvent: o }) => {
+  const a = t(
+    () => m("landing", n, (e) => ({
+      ...e,
+      component: s,
+      companyId: r,
+      progressBarType: null,
+      //landing step does not show progress bar/breadcrumbs
+      breadcrumbs: u(i),
+      currentBreadcrumb: "landing",
+      progressBarCta: p
     })),
-    [o, r]
+    [r]
   );
-  return /* @__PURE__ */ l(s, { machine: e, onEvent: t });
+  return /* @__PURE__ */ l(c, { machine: a, onEvent: o });
 };
 export {
-  y as PayrollFlow
+  x as PayrollFlow
 };
 //# sourceMappingURL=PayrollFlow.js.map

package/dist/components/Payroll/PayrollFlow/PayrollFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollFlow.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { payrollMachine } from './payrollStateMachine'\nimport type { PayrollFlowProps } from './PayrollFlowComponents'\nimport { PayrollLandingContextual, type PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const PayrollFlow = ({ companyId, onEvent, defaultValues }: PayrollFlowProps) => {\n  const payrollFlow = useMemo(\n    () =>\n      createMachine('landing', payrollMachine, (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        component: PayrollLandingContextual,\n        companyId,\n        defaultValues,\n        totalSteps: 3,\n        currentStep: 1,\n        showProgress: false, // Landing step does not show progress bar\n      })),\n    [companyId, defaultValues],\n  )\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","defaultValues","payrollFlow","useMemo","createMachine","payrollMachine","initialContext","PayrollLandingContextual","jsx","Flow"],"mappings":";;;;;;AAOO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAsC;AACtF,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,MACA,eAAAE;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,cAAc;AAAA;AAAA,IAAA,EACd;AAAA,IACJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAa,SAAAF,EAAA,CAAkB;AACvD;"}
+{"version":3,"file":"PayrollFlow.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { payrollFlowBreadcrumbsNodes, payrollMachine } from './payrollStateMachine'\nimport type { PayrollFlowProps } from './PayrollFlowComponents'\nimport {\n  SaveAndExitCta,\n  PayrollLandingContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport const PayrollFlow = ({ companyId, onEvent }: PayrollFlowProps) => {\n  const payrollFlow = useMemo(\n    () =>\n      createMachine('landing', payrollMachine, (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        component: PayrollLandingContextual,\n        companyId,\n        progressBarType: null, //landing step does not show progress bar/breadcrumbs\n        breadcrumbs: buildBreadcrumbs(payrollFlowBreadcrumbsNodes),\n        currentBreadcrumb: 'landing',\n        progressBarCta: SaveAndExitCta,\n      })),\n    [companyId],\n  )\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","payrollFlow","useMemo","createMachine","payrollMachine","initialContext","PayrollLandingContextual","buildBreadcrumbs","payrollFlowBreadcrumbsNodes","SaveAndExitCta","jsx","Flow"],"mappings":";;;;;;;AAYO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,iBAAiB;AAAA;AAAA,MACjB,aAAaQ,EAAiBC,CAA2B;AAAA,MACzD,mBAAmB;AAAA,MACnB,gBAAgBC;AAAA,IAAA,EAChB;AAAA,IACJ,CAACV,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAW,EAACC,GAAA,EAAK,SAASV,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}

package/dist/components/Payroll/PayrollFlow/PayrollFlowComponents.d.ts

@@ -1,10 +1,9 @@
 import { ReactNode } from 'react';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { BaseComponentInterface } from '../../Base';
-export type PayrollFlowDefaultValues = Record<string, unknown>;
+import { BreadcrumbTrail } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
 export interface PayrollFlowProps extends BaseComponentInterface {
     companyId: string;
-    defaultValues?: PayrollFlowDefaultValues;
 }
 export type PayrollFlowAlert = {
     type: 'error' | 'info' | 'success';
@@ -13,10 +12,12 @@ export type PayrollFlowAlert = {
 };
 export interface PayrollFlowContextInterface extends FlowContextInterface {
     companyId: string;
-    defaultValues?: PayrollFlowDefaultValues;
     payrollId?: string;
     employeeId?: string;
+    firstName?: string;
+    lastName?: string;
     alerts?: PayrollFlowAlert[];
+    breadcrumbs?: BreadcrumbTrail;
 }
 export declare function PayrollLandingContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollConfigurationContextual(): import("react/jsx-runtime").JSX.Element;
@@ -24,3 +25,4 @@ export declare function PayrollOverviewContextual(): import("react/jsx-runtime")
 export declare function PayrollEditEmployeeContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollReceiptsContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollBlockerContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function SaveAndExitCta(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Payroll/PayrollFlow/PayrollFlowComponents.js

@@ -1,65 +1,85 @@
-import { jsx as l } from "react/jsx-runtime";
-import { PayrollLanding as p } from "../PayrollLanding/PayrollLanding.js";
-import { PayrollConfiguration as y } from "../PayrollConfiguration/PayrollConfiguration.js";
-import { PayrollOverview as m } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollEditEmployee as i } from "../PayrollEditEmployee/PayrollEditEmployee.js";
-import { PayrollReceipts as c } from "../PayrollReceipts/PayrollReceipts.js";
-import { PayrollBlocker as d } from "../PayrollBlocker/PayrollBlocker.js";
-import { useFlow as t } from "../../Flow/useFlow.js";
-import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
-function g() {
-  const { companyId: o, onEvent: n } = t();
-  return /* @__PURE__ */ l(p, { onEvent: n, companyId: r(o) });
+import { jsx as e } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { PayrollLanding as i } from "../PayrollLanding/PayrollLanding.js";
+import { PayrollConfiguration as c } from "../PayrollConfiguration/PayrollConfiguration.js";
+import { PayrollOverview as y } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollEditEmployee as u } from "../PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollReceipts as d } from "../PayrollReceipts/PayrollReceipts.js";
+import { PayrollBlocker as f } from "../PayrollBlocker/PayrollBlocker.js";
+import { useFlow as l } from "../../Flow/useFlow.js";
+import { ensureRequired as t } from "../../../helpers/ensureRequired.js";
+import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as I } from "../../../i18n/I18n.js";
+import { componentEvents as v } from "../../../shared/constants.js";
+function F() {
+  const { companyId: n, onEvent: o } = l();
+  return /* @__PURE__ */ e(i, { onEvent: o, companyId: t(n) });
 }
-function w() {
-  const { companyId: o, payrollId: n, onEvent: e } = t();
-  return /* @__PURE__ */ l(
-    y,
+function K() {
+  const { companyId: n, payrollId: o, onEvent: r } = l();
+  return /* @__PURE__ */ e(
+    c,
     {
-      onEvent: e,
-      companyId: r(o),
-      payrollId: r(n)
+      onEvent: r,
+      companyId: t(n),
+      payrollId: t(o)
     }
   );
 }
-function R() {
-  const { companyId: o, payrollId: n, onEvent: e, alerts: a } = t();
-  return /* @__PURE__ */ l(
-    m,
+function T() {
+  const { companyId: n, payrollId: o, onEvent: r, alerts: a } = l();
+  return /* @__PURE__ */ e(
+    y,
     {
-      onEvent: e,
-      companyId: r(o),
-      payrollId: r(n),
+      onEvent: r,
+      companyId: t(n),
+      payrollId: t(o),
       alerts: a
     }
   );
 }
-function k() {
-  const { companyId: o, payrollId: n, employeeId: e, onEvent: a } = t();
-  return /* @__PURE__ */ l(
-    i,
+function _() {
+  const { companyId: n, payrollId: o, employeeId: r, onEvent: a } = l();
+  return /* @__PURE__ */ e(
+    u,
     {
       onEvent: a,
-      companyId: r(o),
-      payrollId: r(n),
-      employeeId: r(e)
+      companyId: t(n),
+      payrollId: t(o),
+      employeeId: t(r)
     }
   );
 }
-function B() {
-  const { payrollId: o, onEvent: n } = t();
-  return /* @__PURE__ */ l(c, { onEvent: n, payrollId: r(o) });
+function h() {
+  const { payrollId: n, onEvent: o } = l();
+  return /* @__PURE__ */ e(d, { onEvent: o, payrollId: t(n) });
+}
+function j() {
+  const { companyId: n, onEvent: o } = l();
+  return /* @__PURE__ */ e(f, { onEvent: o, companyId: t(n) });
 }
-function L() {
-  const { companyId: o, onEvent: n } = t();
-  return /* @__PURE__ */ l(d, { onEvent: n, companyId: r(o) });
+function q() {
+  const { onEvent: n, ctaConfig: o } = l(), { Button: r } = s(), a = o?.namespace || "common";
+  I([a]);
+  const { t: m } = p(a);
+  return o?.labelKey ? /* @__PURE__ */ e(
+    r,
+    {
+      onClick: () => {
+        n(v.PAYROLL_EXIT_FLOW);
+      },
+      variant: "secondary",
+      children: m(o.labelKey)
+    }
+  ) : null;
 }
 export {
-  L as PayrollBlockerContextual,
-  w as PayrollConfigurationContextual,
-  k as PayrollEditEmployeeContextual,
-  g as PayrollLandingContextual,
-  R as PayrollOverviewContextual,
-  B as PayrollReceiptsContextual
+  j as PayrollBlockerContextual,
+  K as PayrollConfigurationContextual,
+  _ as PayrollEditEmployeeContextual,
+  F as PayrollLandingContextual,
+  T as PayrollOverviewContextual,
+  h as PayrollReceiptsContextual,
+  q as SaveAndExitCta
 };
 //# sourceMappingURL=PayrollFlowComponents.js.map

package/dist/components/Payroll/PayrollFlow/PayrollFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlocker } from '../PayrollBlocker/PayrollBlocker'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type PayrollFlowDefaultValues = Record<string, unknown>\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: PayrollFlowDefaultValues\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  defaultValues?: PayrollFlowDefaultValues\n  payrollId?: string\n  employeeId?: string\n  alerts?: PayrollFlowAlert[]\n}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollId, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollId, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} />\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollId","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker"],"mappings":";;;;;;;;;AAgCO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,WAAAM,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC1C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,WAAAM,GAAW,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AAClD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,WAAAM,GAAW,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACtD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC/B,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAS,GAAG;AAClF;AAEO,SAASW,IAA2B;AACzC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;"}
+{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlocker } from '../PayrollBlocker/PayrollBlocker'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollId?: string\n  employeeId?: string\n  firstName?: string\n  lastName?: string\n  alerts?: PayrollFlowAlert[]\n  breadcrumbs?: BreadcrumbTrail\n}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollId, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollId, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} />\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function SaveAndExitCta() {\n  const { onEvent, ctaConfig } = useFlow<PayrollFlowContextInterface>()\n  const { Button } = useComponentContext()\n  const namespace = ctaConfig?.namespace || 'common'\n  useI18n([namespace])\n  const { t } = useTranslation(namespace)\n\n  if (!ctaConfig?.labelKey) return null\n\n  return (\n    <Button\n      onClick={() => {\n        onEvent(componentEvents.PAYROLL_EXIT_FLOW)\n      }}\n      variant=\"secondary\"\n    >\n      {t(ctaConfig.labelKey as never)}\n    </Button>\n  )\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollId","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AAoCO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,WAAAM,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC1C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,WAAAM,GAAW,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AAClD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,WAAAM,GAAW,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACtD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC/B,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAS,GAAG;AAClF;AAEO,SAASW,IAA2B;AACzC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASmB,IAAiB;AAC/B,QAAM,EAAE,SAAAlB,GAAS,WAAAmB,EAAA,IAAclB,EAAA,GACzB,EAAE,QAAAmB,EAAA,IAAWC,EAAA,GACbC,IAAYH,GAAW,aAAa;AAC1C,EAAAI,EAAQ,CAACD,CAAS,CAAC;AACnB,QAAM,EAAE,GAAAE,EAAA,IAAMC,EAAeH,CAAS;AAEtC,SAAKH,GAAW,WAGd,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAApB,EAAQ0B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}

package/dist/components/Payroll/PayrollFlow/index.d.ts

@@ -1,3 +1,3 @@
 import "./types/i18next.d.ts"
 export { PayrollFlow } from './PayrollFlow';
-export type { PayrollFlowProps, PayrollFlowDefaultValues } from './PayrollFlowComponents';
+export type { PayrollFlowProps } from './PayrollFlowComponents';

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.d.ts

@@ -1,3 +1,5 @@
+import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export declare const payrollFlowBreadcrumbsNodes: BreadcrumbNodes;
 export declare const payrollMachine: {
     landing: import('robot3').MachineState<any>;
     configuration: import('robot3').MachineState<any>;