@gusto/embedded-react-sdk 0.13.1 → 0.13.2

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js

@@ -1,55 +1,111 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useReducer as i } from "react";
-const P = () => ({
+import { jsx as o } from "react/jsx-runtime";
+import { useReducer as A, useState as N } from "react";
+import { useTranslation as S } from "react-i18next";
+import { componentEvents as _ } from "../../../shared/constants.js";
+import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { firstLastName as w } from "../../../helpers/formattedStrings.js";
+import { useI18n as L } from "../../../i18n/I18n.js";
+const h = () => ({
   currentPayrollId: void 0,
-  isCalculated: !1
-}), p = (r, l) => {
+  isCalculated: !1,
+  editedEmployeeId: void 0
+}), x = (e, l) => {
   switch (l.type) {
     case "runPayroll/back":
       return {
-        ...r,
+        ...e,
         currentPayrollId: void 0
       };
     case "runPayroll/edited":
       return {
-        ...r,
+        ...e,
         isCalculated: !1
       };
     case "runPayroll/calculated":
       return {
-        ...r,
+        ...e,
         isCalculated: !0
       };
     case "runPayroll/selected":
       return {
-        ...r,
+        ...e,
         currentPayrollId: l.payload.payrollId
       };
     case "runPayroll/submitted":
       return {
-        ...r,
+        ...e,
         isCalculated: !1,
         currentPayrollId: void 0
       };
+    case "runPayroll/employee/edited":
+      return {
+        ...e,
+        editedEmployeeId: l.payload.employeeId
+      };
+    case "runPayroll/employee/saved":
+    case "runPayroll/employee/cancelled":
+      return {
+        ...e,
+        editedEmployeeId: void 0
+      };
     default:
-      return r;
+      return e;
   }
-}, v = ({
-  companyId: r,
+}, M = ({
+  companyId: e,
   Configuration: l,
-  List: n,
+  List: y,
   onEvent: c,
-  Overview: d
+  Overview: i,
+  EditEmployee: p
 }) => {
-  const [{ isCalculated: s, currentPayrollId: e }, y] = i(
+  L("Payroll.RunPayroll");
+  const { t: P } = S("Payroll.RunPayroll"), [{ isCalculated: f, currentPayrollId: r, editedEmployeeId: d }, E] = A(
+    x,
+    h()
+  ), [u, m] = N(
+    null
+  ), v = b(), I = () => {
+    m(null);
+  }, t = (a, n) => {
+    if (a === _.RUN_PAYROLL_EMPLOYEE_SAVED) {
+      const s = n.employee;
+      if (s) {
+        const R = w({
+          first_name: s.firstName,
+          last_name: s.lastName
+        });
+        m({ employeeName: R });
+      }
+    }
+    E({ type: a, payload: n }), c(a, n);
+  }, C = u ? /* @__PURE__ */ o(
+    v.Alert,
+    {
+      status: "success",
+      label: P("alerts.employeeUpdated.label", { name: u.employeeName }),
+      onDismiss: I
+    }
+  ) : void 0;
+  return d && r ? /* @__PURE__ */ o(
     p,
-    P()
-  ), a = (o, u) => {
-    y({ type: o, payload: u }), c(o, u);
-  };
-  return e ? s ? /* @__PURE__ */ t(d, { companyId: r, onEvent: a, payrollId: e }) : /* @__PURE__ */ t(l, { onEvent: a, payrollId: e, companyId: r }) : /* @__PURE__ */ t(n, { companyId: r, onEvent: a });
+    {
+      onEvent: t,
+      employeeId: d,
+      companyId: e,
+      payrollId: r
+    }
+  ) : r ? f ? /* @__PURE__ */ o(i, { companyId: e, onEvent: t, payrollId: r }) : /* @__PURE__ */ o(
+    l,
+    {
+      onEvent: t,
+      payrollId: r,
+      companyId: e,
+      alerts: C
+    }
+  ) : /* @__PURE__ */ o(y, { companyId: e, onEvent: t });
 };
 export {
-  v as RunPayroll
+  M as RunPayroll
 };
 //# sourceMappingURL=RunPayroll.js.map

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"RunPayroll.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayroll.tsx"],"sourcesContent":["import { useReducer } from 'react'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, runPayrollEvents } from '@/shared/constants'\n\ntype PayrollFlowEvent = (typeof runPayrollEvents)[keyof typeof runPayrollEvents]\ntype PayrollFlowAction =\n  | {\n      type: Extract<\n        PayrollFlowEvent,\n        'runPayroll/back' | 'runPayroll/edited' | 'runPayroll/calculated' | 'runPayroll/submitted'\n      >\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/selected'>\n      payload: { payrollId: string }\n    }\n\ninterface PayrollFlowState {\n  currentPayrollId?: string\n  isCalculated: boolean\n}\nconst createInitialPayrollFlowState: () => PayrollFlowState = () => ({\n  currentPayrollId: undefined,\n  isCalculated: false,\n})\n\nconst runPayrollFlowReducer: (\n  state: PayrollFlowState,\n  action: PayrollFlowAction,\n) => PayrollFlowState = (state, action) => {\n  switch (action.type) {\n    case 'runPayroll/back':\n      return {\n        ...state,\n        currentPayrollId: undefined,\n      }\n    case 'runPayroll/edited':\n      return {\n        ...state,\n        isCalculated: false,\n      }\n    case 'runPayroll/calculated':\n      return {\n        ...state,\n        isCalculated: true,\n      }\n    case 'runPayroll/selected': {\n      return {\n        ...state,\n        currentPayrollId: action.payload.payrollId,\n      }\n    }\n    case 'runPayroll/submitted': {\n      return {\n        ...state,\n        isCalculated: false,\n        currentPayrollId: undefined,\n      }\n    }\n    default:\n      return state\n  }\n}\n\ninterface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {\n  companyId: string\n  Configuration: ({\n    onEvent,\n    payrollId,\n    companyId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    payrollId: string\n    companyId: string\n  }) => React.JSX.Element\n  List: ({\n    companyId,\n    onEvent,\n  }: Pick<BaseComponentInterface, 'onEvent'> & { companyId: string }) => React.JSX.Element\n  Overview: ({\n    companyId,\n    onEvent,\n    payrollId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    companyId: string\n    payrollId: string\n  }) => React.JSX.Element\n}\n\nexport const RunPayroll = ({\n  companyId,\n  Configuration,\n  List,\n  onEvent,\n  Overview,\n}: RunPayrollProps) => {\n  const [{ isCalculated, currentPayrollId }, dispatch] = useReducer(\n    runPayrollFlowReducer,\n    createInitialPayrollFlowState(),\n  )\n\n  const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n    dispatch({ type: event, payload } as PayrollFlowAction)\n    onEvent(event as EventType, payload)\n  }\n\n  return currentPayrollId ? (\n    isCalculated ? (\n      <Overview companyId={companyId} onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\n    ) : (\n      <Configuration onEvent={wrappedOnEvent} payrollId={currentPayrollId} companyId={companyId} />\n    )\n  ) : (\n    <List companyId={companyId} onEvent={wrappedOnEvent} />\n  )\n}\n"],"names":["createInitialPayrollFlowState","runPayrollFlowReducer","state","action","RunPayroll","companyId","Configuration","List","onEvent","Overview","isCalculated","currentPayrollId","dispatch","useReducer","wrappedOnEvent","event","payload","jsx"],"mappings":";;AAsBA,MAAMA,IAAwD,OAAO;AAAA,EACnE,kBAAkB;AAAA,EAClB,cAAc;AAChB,IAEMC,IAGkB,CAACC,GAAOC,MAAW;AACzC,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,kBAAkB;AAAA,MAAA;AAAA,IAEtB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,kBAAkBC,EAAO,QAAQ;AAAA,MAAA;AAAA,IAGrC,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,cAAc;AAAA,QACd,kBAAkB;AAAA,MAAA;AAAA,IAGtB;AACE,aAAOA;AAAA,EAAA;AAEb,GA0BaE,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAAuB;AACrB,QAAM,CAAC,EAAE,cAAAC,GAAc,kBAAAC,EAAA,GAAoBC,CAAQ,IAAIC;AAAA,IACrDZ;AAAA,IACAD,EAAA;AAAA,EAA8B,GAG1Bc,IAA+C,CAACC,GAAOC,MAAY;AACvE,IAAAJ,EAAS,EAAE,MAAMG,GAAO,SAAAC,EAAA,CAA8B,GACtDR,EAAQO,GAAoBC,CAAO;AAAA,EACrC;AAEA,SAAOL,IACLD,IACE,gBAAAO,EAACR,GAAA,EAAS,WAAAJ,GAAsB,SAASS,GAAgB,WAAWH,EAAA,CAAkB,IAEtF,gBAAAM,EAACX,KAAc,SAASQ,GAAgB,WAAWH,GAAkB,WAAAN,EAAA,CAAsB,IAG7F,gBAAAY,EAACV,GAAA,EAAK,WAAAF,GAAsB,SAASS,EAAA,CAAgB;AAEzD;"}
+{"version":3,"file":"RunPayroll.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayroll.tsx"],"sourcesContent":["import { useReducer, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, runPayrollEvents } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\n\ntype PayrollFlowEvent = (typeof runPayrollEvents)[keyof typeof runPayrollEvents]\ntype PayrollFlowAction =\n  | {\n      type: Extract<\n        PayrollFlowEvent,\n        'runPayroll/back' | 'runPayroll/edited' | 'runPayroll/calculated' | 'runPayroll/submitted'\n      >\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/selected'>\n      payload: { payrollId: string }\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/employee/edited'>\n      payload: { employeeId: string }\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/employee/saved' | 'runPayroll/employee/cancelled'>\n    }\n\ninterface PayrollFlowState {\n  currentPayrollId?: string\n  isCalculated: boolean\n  editedEmployeeId?: string\n}\nconst createInitialPayrollFlowState: () => PayrollFlowState = () => ({\n  currentPayrollId: undefined,\n  isCalculated: false,\n  editedEmployeeId: undefined,\n})\n\nconst runPayrollFlowReducer: (\n  state: PayrollFlowState,\n  action: PayrollFlowAction,\n) => PayrollFlowState = (state, action) => {\n  switch (action.type) {\n    case 'runPayroll/back':\n      return {\n        ...state,\n        currentPayrollId: undefined,\n      }\n    case 'runPayroll/edited':\n      return {\n        ...state,\n        isCalculated: false,\n      }\n    case 'runPayroll/calculated':\n      return {\n        ...state,\n        isCalculated: true,\n      }\n    case 'runPayroll/selected': {\n      return {\n        ...state,\n        currentPayrollId: action.payload.payrollId,\n      }\n    }\n    case 'runPayroll/submitted': {\n      return {\n        ...state,\n        isCalculated: false,\n        currentPayrollId: undefined,\n      }\n    }\n    case 'runPayroll/employee/edited': {\n      return {\n        ...state,\n        editedEmployeeId: action.payload.employeeId,\n      }\n    }\n    case 'runPayroll/employee/saved':\n    case 'runPayroll/employee/cancelled': {\n      return {\n        ...state,\n        editedEmployeeId: undefined,\n      }\n    }\n    default:\n      return state\n  }\n}\n\ninterface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {\n  companyId: string\n  Configuration: ({\n    onEvent,\n    payrollId,\n    companyId,\n    alerts,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    payrollId: string\n    companyId: string\n    alerts?: React.ReactNode\n  }) => React.JSX.Element\n  List: ({\n    companyId,\n    onEvent,\n  }: Pick<BaseComponentInterface, 'onEvent'> & { companyId: string }) => React.JSX.Element\n  Overview: ({\n    companyId,\n    onEvent,\n    payrollId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    companyId: string\n    payrollId: string\n  }) => React.JSX.Element\n  EditEmployee: ({\n    onEvent,\n    employeeId,\n    companyId,\n    payrollId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    employeeId: string\n    companyId: string\n    payrollId: string\n  }) => React.JSX.Element\n}\n\nexport const RunPayroll = ({\n  companyId,\n  Configuration,\n  List,\n  onEvent,\n  Overview,\n  EditEmployee,\n}: RunPayrollProps) => {\n  useI18n('Payroll.RunPayroll')\n  const { t } = useTranslation('Payroll.RunPayroll')\n\n  const [{ isCalculated, currentPayrollId, editedEmployeeId }, dispatch] = useReducer(\n    runPayrollFlowReducer,\n    createInitialPayrollFlowState(),\n  )\n  const [employeeSavedAlert, setEmployeeSavedAlert] = useState<{ employeeName: string } | null>(\n    null,\n  )\n\n  const Components = useComponentContext()\n\n  const handleDismissEmployeeSavedAlert = () => {\n    setEmployeeSavedAlert(null)\n  }\n\n  const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n    if (event === componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED) {\n      const employee = (payload as { employee?: Employee }).employee\n      if (employee) {\n        const employeeName = firstLastName({\n          first_name: employee.firstName,\n          last_name: employee.lastName,\n        })\n        setEmployeeSavedAlert({ employeeName })\n      }\n    }\n\n    dispatch({ type: event, payload } as PayrollFlowAction)\n    onEvent(event as EventType, payload)\n  }\n\n  const alerts = employeeSavedAlert ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('alerts.employeeUpdated.label', { name: employeeSavedAlert.employeeName })}\n      onDismiss={handleDismissEmployeeSavedAlert}\n    />\n  ) : undefined\n\n  if (editedEmployeeId && currentPayrollId) {\n    return (\n      <EditEmployee\n        onEvent={wrappedOnEvent}\n        employeeId={editedEmployeeId}\n        companyId={companyId}\n        payrollId={currentPayrollId}\n      />\n    )\n  }\n\n  return currentPayrollId ? (\n    isCalculated ? (\n      <Overview companyId={companyId} onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\n    ) : (\n      <Configuration\n        onEvent={wrappedOnEvent}\n        payrollId={currentPayrollId}\n        companyId={companyId}\n        alerts={alerts}\n      />\n    )\n  ) : (\n    <List companyId={companyId} onEvent={wrappedOnEvent} />\n  )\n}\n"],"names":["createInitialPayrollFlowState","runPayrollFlowReducer","state","action","RunPayroll","companyId","Configuration","List","onEvent","Overview","EditEmployee","useI18n","t","useTranslation","isCalculated","currentPayrollId","editedEmployeeId","dispatch","useReducer","employeeSavedAlert","setEmployeeSavedAlert","useState","Components","useComponentContext","handleDismissEmployeeSavedAlert","wrappedOnEvent","event","payload","componentEvents","employee","employeeName","firstLastName","alerts","jsx"],"mappings":";;;;;;;AAoCA,MAAMA,IAAwD,OAAO;AAAA,EACnE,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,kBAAkB;AACpB,IAEMC,IAGkB,CAACC,GAAOC,MAAW;AACzC,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,kBAAkB;AAAA,MAAA;AAAA,IAEtB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,kBAAkBC,EAAO,QAAQ;AAAA,MAAA;AAAA,IAGrC,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,cAAc;AAAA,QACd,kBAAkB;AAAA,MAAA;AAAA,IAGtB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,kBAAkBC,EAAO,QAAQ;AAAA,MAAA;AAAA,IAGrC,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,kBAAkB;AAAA,MAAA;AAAA,IAGtB;AACE,aAAOA;AAAA,EAAA;AAEb,GAsCaE,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAAuB;AACrB,EAAAC,EAAQ,oBAAoB;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAE3C,CAAC,EAAE,cAAAC,GAAc,kBAAAC,GAAkB,kBAAAC,EAAA,GAAoBC,CAAQ,IAAIC;AAAA,IACvEjB;AAAA,IACAD,EAAA;AAAA,EAA8B,GAE1B,CAACmB,GAAoBC,CAAqB,IAAIC;AAAA,IAClD;AAAA,EAAA,GAGIC,IAAaC,EAAA,GAEbC,IAAkC,MAAM;AAC5C,IAAAJ,EAAsB,IAAI;AAAA,EAC5B,GAEMK,IAA+C,CAACC,GAAOC,MAAY;AACvE,QAAID,MAAUE,EAAgB,4BAA4B;AACxD,YAAMC,IAAYF,EAAoC;AACtD,UAAIE,GAAU;AACZ,cAAMC,IAAeC,EAAc;AAAA,UACjC,YAAYF,EAAS;AAAA,UACrB,WAAWA,EAAS;AAAA,QAAA,CACrB;AACD,QAAAT,EAAsB,EAAE,cAAAU,GAAc;AAAA,MACxC;AAAA,IACF;AAEA,IAAAb,EAAS,EAAE,MAAMS,GAAO,SAAAC,EAAA,CAA8B,GACtDnB,EAAQkB,GAAoBC,CAAO;AAAA,EACrC,GAEMK,IAASb,IACb,gBAAAc;AAAA,IAACX,EAAW;AAAA,IAAX;AAAA,MACC,QAAO;AAAA,MACP,OAAOV,EAAE,gCAAgC,EAAE,MAAMO,EAAmB,cAAc;AAAA,MAClF,WAAWK;AAAA,IAAA;AAAA,EAAA,IAEX;AAEJ,SAAIR,KAAoBD,IAEpB,gBAAAkB;AAAA,IAACvB;AAAA,IAAA;AAAA,MACC,SAASe;AAAA,MACT,YAAYT;AAAA,MACZ,WAAAX;AAAA,MACA,WAAWU;AAAA,IAAA;AAAA,EAAA,IAKVA,IACLD,IACE,gBAAAmB,EAACxB,GAAA,EAAS,WAAAJ,GAAsB,SAASoB,GAAgB,WAAWV,EAAA,CAAkB,IAEtF,gBAAAkB;AAAA,IAAC3B;AAAA,IAAA;AAAA,MACC,SAASmB;AAAA,MACT,WAAWV;AAAA,MACX,WAAAV;AAAA,MACA,QAAA2B;AAAA,IAAA;AAAA,EAAA,IAIJ,gBAAAC,EAAC1B,GAAA,EAAK,WAAAF,GAAsB,SAASoB,EAAA,CAAgB;AAEzD;"}

package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.js

@@ -1,20 +1,22 @@
 import { jsx as r } from "react/jsx-runtime";
-import { PayrollConfiguration as t } from "../PayrollConfiguration/PayrollConfiguration.js";
-import { PayrollList as l } from "../PayrollList/PayrollList.js";
-import { PayrollOverview as n } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollConfiguration as l } from "../PayrollConfiguration/PayrollConfiguration.js";
+import { PayrollList as t } from "../PayrollList/PayrollList.js";
+import { PayrollOverview as e } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollEditEmployee as p } from "../PayrollEditEmployee/PayrollEditEmployee.js";
 import { RunPayroll as a } from "./RunPayroll.js";
-import { BaseComponent as e } from "../../Base/Base.js";
-const v = ({ companyId: i, onEvent: o, ...m }) => /* @__PURE__ */ r(e, { ...m, onEvent: o, children: /* @__PURE__ */ r(
+import { BaseComponent as f } from "../../Base/Base.js";
+const w = ({ companyId: i, onEvent: o, ...m }) => /* @__PURE__ */ r(f, { ...m, onEvent: o, children: /* @__PURE__ */ r(
   a,
   {
     companyId: i,
-    Configuration: t,
-    List: l,
-    Overview: n,
+    Configuration: l,
+    List: t,
+    Overview: e,
+    EditEmployee: p,
     onEvent: o
   }
 ) });
 export {
-  v as RunPayrollFlow
+  w as RunPayrollFlow
 };
 //# sourceMappingURL=RunPayrollFlow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RunPayrollFlow.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayrollFlow.tsx"],"sourcesContent":["import { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { RunPayroll } from './RunPayroll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\n\ninterface RunPayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport const RunPayrollFlow = ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => {\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      <RunPayroll\n        companyId={companyId}\n        Configuration={PayrollConfiguration}\n        List={PayrollList}\n        Overview={PayrollOverview}\n        onEvent={onEvent}\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["RunPayrollFlow","companyId","onEvent","baseProps","jsx","BaseComponent","RunPayroll","PayrollConfiguration","PayrollList","PayrollOverview"],"mappings":";;;;;;AAWO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QAEpD,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAW,SAAAD,GAC5B,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,eAAeM;AAAA,IACf,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,SAAAP;AAAA,EAAA;AAAA,GAEJ;"}
+{"version":3,"file":"RunPayrollFlow.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayrollFlow.tsx"],"sourcesContent":["import { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { RunPayroll } from './RunPayroll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\n\ninterface RunPayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport const RunPayrollFlow = ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => {\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      <RunPayroll\n        companyId={companyId}\n        Configuration={PayrollConfiguration}\n        List={PayrollList}\n        Overview={PayrollOverview}\n        EditEmployee={PayrollEditEmployee}\n        onEvent={onEvent}\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["RunPayrollFlow","companyId","onEvent","baseProps","jsx","BaseComponent","RunPayroll","PayrollConfiguration","PayrollList","PayrollOverview","PayrollEditEmployee"],"mappings":";;;;;;;AAYO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QAEpD,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAW,SAAAD,GAC5B,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,eAAeM;AAAA,IACf,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,cAAcC;AAAA,IACd,SAAAR;AAAA,EAAA;AAAA,GAEJ;"}

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.d.ts

@@ -0,0 +1,68 @@
+import { default as React } from 'react';
+import { ComponentsContextType } from './useComponentContext';
+import { AlertProps } from '../../components/Common/UI/Alert/AlertTypes';
+import { BadgeProps } from '../../components/Common/UI/Badge/BadgeTypes';
+import { ButtonProps, ButtonIconProps } from '../../components/Common/UI/Button/ButtonTypes';
+import { CheckboxProps } from '../../components/Common/UI/Checkbox/CheckboxTypes';
+import { CheckboxGroupProps } from '../../components/Common/UI/CheckboxGroup/CheckboxGroupTypes';
+import { MenuProps } from '../../components/Common/UI/Menu/MenuTypes';
+import { RadioProps } from '../../components/Common/UI/Radio/RadioTypes';
+import { RadioGroupProps } from '../../components/Common/UI/RadioGroup/RadioGroupTypes';
+import { SwitchProps } from '../../components/Common/UI/Switch/SwitchTypes';
+import { TextProps } from '../../components/Common/UI/Text/TextTypes';
+import { TextInputProps } from '../../components/Common/UI/TextInput/TextInputTypes';
+export declare const componentCreators: {
+    readonly Alert: (customComponent: (props: AlertProps) => React.ReactElement | null) => {
+        (props: AlertProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly Badge: (customComponent: (props: BadgeProps) => React.ReactElement | null) => {
+        (props: BadgeProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly Button: (customComponent: (props: ButtonProps) => React.ReactElement | null) => {
+        (props: ButtonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly ButtonIcon: (customComponent: (props: ButtonIconProps) => React.ReactElement | null) => {
+        (props: ButtonIconProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly Checkbox: (customComponent: (props: CheckboxProps) => React.ReactElement | null) => {
+        (props: CheckboxProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly CheckboxGroup: (customComponent: (props: CheckboxGroupProps) => React.ReactElement | null) => {
+        (props: CheckboxGroupProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly Menu: (customComponent: (props: MenuProps) => React.ReactElement | null) => {
+        (props: MenuProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly Radio: (customComponent: (props: RadioProps) => React.ReactElement | null) => {
+        (props: RadioProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly RadioGroup: (customComponent: (props: RadioGroupProps) => React.ReactElement | null) => {
+        (props: RadioGroupProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly Switch: (customComponent: (props: SwitchProps) => React.ReactElement | null) => {
+        (props: SwitchProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly Text: (customComponent: (props: TextProps) => React.ReactElement | null) => {
+        (props: TextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+    readonly TextInput: (customComponent: (props: TextInputProps) => React.ReactElement | null) => {
+        (props: TextInputProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
+};
+/**
+ * Creates components with automatic default prop handling.
+ * Supports both partial (GustoProvider) and full (GustoProviderCustomUIAdapter) component sets.
+ */
+export declare function createComponents(providedComponents?: Partial<ComponentsContextType>): ComponentsContextType;

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js

@@ -0,0 +1,53 @@
+import { defaultComponents as f } from "./adapters/defaultComponentAdapter.js";
+import { applyMissingDefaults as i } from "../../helpers/applyMissingDefaults.js";
+import { AlertDefaults as s } from "../../components/Common/UI/Alert/AlertTypes.js";
+import { BadgeDefaults as c } from "../../components/Common/UI/Badge/BadgeTypes.js";
+import { ButtonIconDefaults as l, ButtonDefaults as D } from "../../components/Common/UI/Button/ButtonTypes.js";
+import { CheckboxDefaults as d } from "../../components/Common/UI/Checkbox/CheckboxTypes.js";
+import { CheckboxGroupDefaults as x } from "../../components/Common/UI/CheckboxGroup/CheckboxGroupTypes.js";
+import { MenuDefaults as h } from "../../components/Common/UI/Menu/MenuTypes.js";
+import { RadioDefaults as C } from "../../components/Common/UI/Radio/RadioTypes.js";
+import { RadioGroupDefaults as B } from "../../components/Common/UI/RadioGroup/RadioGroupTypes.js";
+import { SwitchDefaults as b } from "../../components/Common/UI/Switch/SwitchTypes.js";
+import { TextDefaults as k } from "../../components/Common/UI/Text/TextTypes.js";
+import { TextInputDefaults as G } from "../../components/Common/UI/TextInput/TextInputTypes.js";
+function t(u, o) {
+  return (e) => {
+    const r = (n) => {
+      const p = i(n, u);
+      return e(p);
+    };
+    return r.displayName = `withAutoDefault(${o})`, r;
+  };
+}
+const m = {
+  Alert: t(s, "Alert"),
+  Badge: t(c, "Badge"),
+  Button: t(D, "Button"),
+  ButtonIcon: t(l, "ButtonIcon"),
+  Checkbox: t(d, "Checkbox"),
+  CheckboxGroup: t(x, "CheckboxGroup"),
+  Menu: t(h, "Menu"),
+  Radio: t(C, "Radio"),
+  RadioGroup: t(B, "RadioGroup"),
+  Switch: t(b, "Switch"),
+  Text: t(k, "Text"),
+  TextInput: t(G, "TextInput")
+};
+function v(u = {}) {
+  const o = { ...f };
+  for (const [e, r] of Object.entries(u)) {
+    const n = e;
+    if (e in m) {
+      const a = m[e];
+      o[n] = a(r);
+    } else
+      o[n] = r;
+  }
+  return o;
+}
+export {
+  m as componentCreators,
+  v as createComponents
+};
+//# sourceMappingURL=createComponentsWithDefaults.js.map

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponentsWithDefaults.js","sources":["../../../src/contexts/ComponentAdapter/createComponentsWithDefaults.ts"],"sourcesContent":["import type React from 'react'\nimport type { ComponentsContextType } from './useComponentContext'\nimport { defaultComponents } from './adapters/defaultComponentAdapter'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n// Import prop types and their defaults\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { AlertDefaults } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { BadgeDefaults } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { ButtonDefaults, ButtonIconDefaults } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { CheckboxDefaults } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { MenuDefaults } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { RadioDefaults } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroupDefaults } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { SwitchDefaults } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { TextDefaults } from '@/components/Common/UI/Text/TextTypes'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInputDefaults } from '@/components/Common/UI/TextInput/TextInputTypes'\n\nfunction composeWithDefaults<TProps>(defaults: Partial<TProps>, componentName: string) {\n  return (customComponent: (props: TProps) => React.ReactElement | null) => {\n    const wrappedComponent = (props: TProps) => {\n      const propsWithDefaults = applyMissingDefaults(props, defaults)\n      return customComponent(propsWithDefaults)\n    }\n    wrappedComponent.displayName = `withAutoDefault(${componentName})`\n    return wrappedComponent\n  }\n}\n\n// Component creators with defaults\nexport const componentCreators = {\n  Alert: composeWithDefaults<AlertProps>(AlertDefaults, 'Alert'),\n  Badge: composeWithDefaults<BadgeProps>(BadgeDefaults, 'Badge'),\n  Button: composeWithDefaults<ButtonProps>(ButtonDefaults, 'Button'),\n  ButtonIcon: composeWithDefaults<ButtonIconProps>(ButtonIconDefaults, 'ButtonIcon'),\n  Checkbox: composeWithDefaults<CheckboxProps>(CheckboxDefaults, 'Checkbox'),\n  CheckboxGroup: composeWithDefaults<CheckboxGroupProps>(CheckboxGroupDefaults, 'CheckboxGroup'),\n  Menu: composeWithDefaults<MenuProps>(MenuDefaults, 'Menu'),\n  Radio: composeWithDefaults<RadioProps>(RadioDefaults, 'Radio'),\n  RadioGroup: composeWithDefaults<RadioGroupProps>(RadioGroupDefaults, 'RadioGroup'),\n  Switch: composeWithDefaults<SwitchProps>(SwitchDefaults, 'Switch'),\n  Text: composeWithDefaults<TextProps>(TextDefaults, 'Text'),\n  TextInput: composeWithDefaults<TextInputProps>(TextInputDefaults, 'TextInput'),\n} as const\n\n/**\n * Creates components with automatic default prop handling.\n * Supports both partial (GustoProvider) and full (GustoProviderCustomUIAdapter) component sets.\n */\nexport function createComponents(\n  providedComponents: Partial<ComponentsContextType> = {},\n): ComponentsContextType {\n  const components = { ...defaultComponents }\n\n  for (const [componentName, providedComponent] of Object.entries(providedComponents)) {\n    const typedComponentName = componentName as keyof ComponentsContextType\n\n    if (componentName in componentCreators) {\n      const creatorKey = componentName as keyof typeof componentCreators\n      const creator = componentCreators[creatorKey]\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = creator(providedComponent as any) as any\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = providedComponent as any\n    }\n  }\n\n  return components\n}\n"],"names":["composeWithDefaults","defaults","componentName","customComponent","wrappedComponent","props","propsWithDefaults","applyMissingDefaults","componentCreators","AlertDefaults","BadgeDefaults","ButtonDefaults","ButtonIconDefaults","CheckboxDefaults","CheckboxGroupDefaults","MenuDefaults","RadioDefaults","RadioGroupDefaults","SwitchDefaults","TextDefaults","TextInputDefaults","createComponents","providedComponents","components","defaultComponents","providedComponent","typedComponentName","creator"],"mappings":";;;;;;;;;;;;;AA4BA,SAASA,EAA4BC,GAA2BC,GAAuB;AACrF,SAAO,CAACC,MAAkE;AACxE,UAAMC,IAAmB,CAACC,MAAkB;AAC1C,YAAMC,IAAoBC,EAAqBF,GAAOJ,CAAQ;AAC9D,aAAOE,EAAgBG,CAAiB;AAAA,IAC1C;AACA,WAAAF,EAAiB,cAAc,mBAAmBF,CAAa,KACxDE;AAAA,EACT;AACF;AAGO,MAAMI,IAAoB;AAAA,EAC/B,OAAOR,EAAgCS,GAAe,OAAO;AAAA,EAC7D,OAAOT,EAAgCU,GAAe,OAAO;AAAA,EAC7D,QAAQV,EAAiCW,GAAgB,QAAQ;AAAA,EACjE,YAAYX,EAAqCY,GAAoB,YAAY;AAAA,EACjF,UAAUZ,EAAmCa,GAAkB,UAAU;AAAA,EACzE,eAAeb,EAAwCc,GAAuB,eAAe;AAAA,EAC7F,MAAMd,EAA+Be,GAAc,MAAM;AAAA,EACzD,OAAOf,EAAgCgB,GAAe,OAAO;AAAA,EAC7D,YAAYhB,EAAqCiB,GAAoB,YAAY;AAAA,EACjF,QAAQjB,EAAiCkB,GAAgB,QAAQ;AAAA,EACjE,MAAMlB,EAA+BmB,GAAc,MAAM;AAAA,EACzD,WAAWnB,EAAoCoB,GAAmB,WAAW;AAC/E;AAMO,SAASC,EACdC,IAAqD,IAC9B;AACvB,QAAMC,IAAa,EAAE,GAAGC,EAAA;AAExB,aAAW,CAACtB,GAAeuB,CAAiB,KAAK,OAAO,QAAQH,CAAkB,GAAG;AACnF,UAAMI,IAAqBxB;AAE3B,QAAIA,KAAiBM,GAAmB;AAEtC,YAAMmB,IAAUnB,EADGN,CACyB;AAE5C,MAAAqB,EAAWG,CAAkB,IAAIC,EAAQF,CAAwB;AAAA,IACnE;AAEE,MAAAF,EAAWG,CAAkB,IAAID;AAAA,EAErC;AAEA,SAAOF;AACT;"}

package/dist/contexts/GustoProvider/GustoProvider.js

@@ -1,16 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
-import { I18nProvider as i } from "react-aria-components";
-import { defaultComponents as p } from "../ComponentAdapter/adapters/defaultComponentAdapter.js";
-import { GustoProviderCustomUIAdapter as c } from "./GustoProviderCustomUIAdapter.js";
-const d = (t) => {
-  const { children: e, components: n = {}, locale: o, ...m } = t, s = {
-    ...p,
-    ...n
-  };
-  return /* @__PURE__ */ r(c, { locale: o, ...m, components: s, children: /* @__PURE__ */ r(i, { locale: o, children: e }) });
-}, a = d;
+import { I18nProvider as m } from "react-aria-components";
+import { createComponents as s } from "../ComponentAdapter/createComponentsWithDefaults.js";
+import { GustoProviderCustomUIAdapter as p } from "./GustoProviderCustomUIAdapter.js";
+const c = (t) => {
+  const { children: e, components: n = {}, locale: o, ...i } = t;
+  return /* @__PURE__ */ r(
+    p,
+    {
+      locale: o,
+      ...i,
+      components: s(n),
+      children: /* @__PURE__ */ r(m, { locale: o, children: e })
+    }
+  );
+}, f = c;
 export {
-  a as GustoApiProvider,
-  d as GustoProvider
+  f as GustoApiProvider,
+  c as GustoProvider
 };
 //# sourceMappingURL=GustoProvider.js.map

package/dist/contexts/GustoProvider/GustoProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProvider.js","sources":["../../../src/contexts/GustoProvider/GustoProvider.tsx"],"sourcesContent":["import type React from 'react'\n// GustoProvider uses react-aria as the default components so we need to include the react-aria I18nProvider here.\n// For use without react-aria, the GustoProviderCustomUIAdapter can be used which does not includes it.\n// eslint-disable-next-line no-restricted-imports\nimport { I18nProvider } from 'react-aria-components'\nimport { defaultComponents } from '../ComponentAdapter/adapters/defaultComponentAdapter'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport {\n  GustoProviderCustomUIAdapter,\n  type GustoProviderProps,\n} from './GustoProviderCustomUIAdapter'\n\nexport interface GustoApiProps extends Omit<GustoProviderProps, 'components'> {\n  components?: Partial<ComponentsContextType>\n  children?: React.ReactNode\n}\n\nconst GustoProvider: React.FC<GustoApiProps> = props => {\n  const { children, components = {}, locale, ...remainingProps } = props\n\n  const mergedComponents = {\n    ...defaultComponents,\n    ...components,\n  }\n\n  return (\n    <GustoProviderCustomUIAdapter locale={locale} {...remainingProps} components={mergedComponents}>\n      {/* react-aria locale provider that exposes correct locale to number formatters */}\n      <I18nProvider locale={locale}>{children}</I18nProvider>\n    </GustoProviderCustomUIAdapter>\n  )\n}\n\nexport { GustoProvider }\n\n/** @deprecated Import from `GustoProvider` instead */\nexport const GustoApiProvider = GustoProvider\n"],"names":["GustoProvider","props","children","components","locale","remainingProps","mergedComponents","defaultComponents","jsx","GustoProviderCustomUIAdapter","I18nProvider","GustoApiProvider"],"mappings":";;;;AAiBA,MAAMA,IAAyC,CAAAC,MAAS;AACtD,QAAM,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,GAAI,QAAAC,GAAQ,GAAGC,MAAmBJ,GAE3DK,IAAmB;AAAA,IACvB,GAAGC;AAAA,IACH,GAAGJ;AAAA,EAAA;AAGL,SACE,gBAAAK,EAACC,GAAA,EAA6B,QAAAL,GAAiB,GAAGC,GAAgB,YAAYC,GAE5E,UAAA,gBAAAE,EAACE,GAAA,EAAa,QAAAN,GAAiB,UAAAF,EAAA,CAAS,EAAA,CAC1C;AAEJ,GAKaS,IAAmBX;"}
+{"version":3,"file":"GustoProvider.js","sources":["../../../src/contexts/GustoProvider/GustoProvider.tsx"],"sourcesContent":["import type React from 'react'\n// GustoProvider uses react-aria as the default components so we need to include the react-aria I18nProvider here.\n// For use without react-aria, the GustoProviderCustomUIAdapter can be used which does not includes it.\n// eslint-disable-next-line no-restricted-imports\nimport { I18nProvider } from 'react-aria-components'\nimport { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport {\n  GustoProviderCustomUIAdapter,\n  type GustoProviderProps,\n} from './GustoProviderCustomUIAdapter'\n\nexport interface GustoApiProps extends Omit<GustoProviderProps, 'components'> {\n  components?: Partial<ComponentsContextType>\n  children?: React.ReactNode\n}\n\nconst GustoProvider: React.FC<GustoApiProps> = props => {\n  const { children, components = {}, locale, ...remainingProps } = props\n\n  return (\n    <GustoProviderCustomUIAdapter\n      locale={locale}\n      {...remainingProps}\n      components={createComponents(components)}\n    >\n      {/* react-aria locale provider that exposes correct locale to number formatters */}\n      <I18nProvider locale={locale}>{children}</I18nProvider>\n    </GustoProviderCustomUIAdapter>\n  )\n}\n\nexport { GustoProvider }\n\n/** @deprecated Import from `GustoProvider` instead */\nexport const GustoApiProvider = GustoProvider\n"],"names":["GustoProvider","props","children","components","locale","remainingProps","jsx","GustoProviderCustomUIAdapter","createComponents","I18nProvider","GustoApiProvider"],"mappings":";;;;AAiBA,MAAMA,IAAyC,CAAAC,MAAS;AACtD,QAAM,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,GAAI,QAAAC,GAAQ,GAAGC,MAAmBJ;AAEjE,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAH;AAAA,MACC,GAAGC;AAAA,MACJ,YAAYG,EAAiBL,CAAU;AAAA,MAGvC,UAAA,gBAAAG,EAACG,GAAA,EAAa,QAAAL,GAAiB,UAAAF,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG9C,GAKaQ,IAAmBV;"}

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -3,22 +3,20 @@ import { ErrorBoundary as h } from "react-error-boundary";
 import { I18nextProvider as v } from "react-i18next";
 import { useEffect as g } from "react";
 import { ComponentsProvider as P } from "../ComponentAdapter/ComponentsProvider.js";
+import { createComponents as C } from "../ComponentAdapter/createComponentsWithDefaults.js";
 import { ApiProvider as I } from "../ApiProvider/ApiProvider.js";
 import { LoadingIndicatorProvider as x } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
 import { SDKI18next as t } from "./SDKI18next.js";
-import "classnames";
-import "../../shared/constants.js";
 import { InternalError as y } from "../../components/Common/InternalError/InternalError.js";
-import { LocaleProvider as C } from "../LocaleProvider/LocaleProvider.js";
-import "../LocaleProvider/useLocale.js";
-import { ThemeProvider as L } from "../ThemeProvider/ThemeProvider.js";
-const T = (a) => {
+import { LocaleProvider as L } from "../LocaleProvider/LocaleProvider.js";
+import { ThemeProvider as U } from "../ThemeProvider/ThemeProvider.js";
+const R = (a) => {
   const {
-    children: d,
+    children: c,
     config: e,
     dictionary: o,
     lng: n = "en",
-    locale: c = "en-US",
+    locale: d = "en-US",
     currency: l = "USD",
     theme: p,
     components: s,
@@ -38,9 +36,9 @@ const T = (a) => {
     }
   return g(() => {
     (async () => await t.changeLanguage(n))();
-  }, [n]), /* @__PURE__ */ r(P, { value: s, children: /* @__PURE__ */ r(x, { value: f, children: /* @__PURE__ */ r(h, { FallbackComponent: y, children: /* @__PURE__ */ r(L, { theme: p, children: /* @__PURE__ */ r(C, { locale: c, currency: l, children: /* @__PURE__ */ r(v, { i18n: t, children: /* @__PURE__ */ r(I, { url: e.baseUrl, headers: e.headers, hooks: e.hooks, children: d }) }, n) }) }) }) }) });
+  }, [n]), /* @__PURE__ */ r(P, { value: C(s), children: /* @__PURE__ */ r(x, { value: f, children: /* @__PURE__ */ r(h, { FallbackComponent: y, children: /* @__PURE__ */ r(U, { theme: p, children: /* @__PURE__ */ r(L, { locale: d, currency: l, children: /* @__PURE__ */ r(v, { i18n: t, children: /* @__PURE__ */ r(I, { url: e.baseUrl, headers: e.headers, hooks: e.hooks, children: c }) }, n) }) }) }) }) });
 };
 export {
-  T as GustoProviderCustomUIAdapter
+  R as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\n            <LocaleProvider locale={locale} currency={currency}>\n              <I18nextProvider i18n={SDKI18next} key={lng}>\n                <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","jsx","LoadingIndicatorProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;AA2CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOP,GACzB,UAAA,gBAAAQ,EAACC,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAO,EAACE,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAH,EAACI,GAAA,EAAc,OAAAb,GACb,UAAA,gBAAAS,EAACK,GAAA,EAAe,QAAAhB,GAAgB,UAAAC,GAC9B,UAAA,gBAAAU,EAACM,GAAA,EAAgB,MAAMT,GACrB,UAAA,gBAAAG,EAACO,GAAA,EAAY,KAAKrB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={createComponents(components)}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\n            <LocaleProvider locale={locale} currency={currency}>\n              <I18nextProvider i18n={SDKI18next} key={lng}>\n                <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","createComponents","LoadingIndicatorProvider","jsx","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;AA4CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOC,EAAiBR,CAAU,GACpD,4BAACS,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAS,EAACC,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAF,EAACG,KAAc,OAAAd,GACb,UAAA,gBAAAW,EAACI,KAAe,QAAAjB,GAAgB,UAAAC,GAC9B,4BAACiB,GAAA,EAAgB,MAAMV,GACrB,UAAA,gBAAAK,EAACM,GAAA,EAAY,KAAKtB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}

package/dist/helpers/applyMissingDefaults.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Applies default values only to properties that are undefined in the source object.
+ * This is more efficient than object spread as it only sets values that are actually missing.
+ */
+export declare function applyMissingDefaults<T>(rawProps: T, defaults: Partial<T>): T;

package/dist/helpers/applyMissingDefaults.js

@@ -0,0 +1,10 @@
+function c(o, n) {
+  const t = { ...o };
+  for (const i in n)
+    o[i] === void 0 && n[i] !== void 0 && (t[i] = n[i]);
+  return t;
+}
+export {
+  c as applyMissingDefaults
+};
+//# sourceMappingURL=applyMissingDefaults.js.map

package/dist/helpers/applyMissingDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyMissingDefaults.js","sources":["../../src/helpers/applyMissingDefaults.ts"],"sourcesContent":["/**\n * Applies default values only to properties that are undefined in the source object.\n * This is more efficient than object spread as it only sets values that are actually missing.\n */\nexport function applyMissingDefaults<T>(rawProps: T, defaults: Partial<T>): T {\n  const result = { ...rawProps }\n\n  for (const key in defaults) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if ((rawProps as any)[key] === undefined && defaults[key] !== undefined) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ;(result as any)[key] = defaults[key]\n    }\n  }\n\n  return result\n}\n"],"names":["applyMissingDefaults","rawProps","defaults","result","key"],"mappings":"AAIO,SAASA,EAAwBC,GAAaC,GAAyB;AAC5E,QAAMC,IAAS,EAAE,GAAGF,EAAA;AAEpB,aAAWG,KAAOF;AAEhB,IAAKD,EAAiBG,CAAG,MAAM,UAAaF,EAASE,CAAG,MAAM,WAE1DD,EAAeC,CAAG,IAAIF,EAASE,CAAG;AAIxC,SAAOD;AACT;"}

package/dist/helpers/formattedStrings.js

@@ -1,20 +1,19 @@
 import m from "dompurify";
 import "react-i18next";
 import "react";
-import "../contexts/LocaleProvider/useLocale.js";
-const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), h = ({
+const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), l = ({
   first_name: t,
   last_name: e
 }) => `${t ? c(t) : ""}${e ? n(c(e)) : ""}`, n = (t) => t ? ` ${t}` : "", i = (t) => {
   const e = n(t.street1), r = n(t.street2);
   return `${e},${r}`;
-}, u = (t) => `${n(t.city)}, ${n(t.state)} ${n(t.zip)}`, C = (t) => `${i(t)} ${u(t)}`, p = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
+}, u = (t) => `${n(t.city)}, ${n(t.state)} ${n(t.zip)}`, h = (t) => `${i(t)} ${u(t)}`, p = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
   const r = t.toLocaleString(e, {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
   return p(r, !1);
-}, S = ({
+}, C = ({
   rate: t,
   paymentUnit: e,
   t: r,
@@ -42,20 +41,20 @@ const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), h = ({
       return o;
   }
 }, y = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["href", "target"] };
-function D(t) {
+function S(t) {
   return t ? { __html: m.sanitize(t, y) } : { __html: "" };
 }
-const F = (t) => t.replace(/\D/g, ""), L = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase());
+const D = (t) => t.replace(/\D/g, ""), F = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase());
 export {
-  C as addressInline,
+  h as addressInline,
   p as amountStr,
-  D as createMarkup,
-  h as firstLastName,
+  S as createMarkup,
+  l as firstLastName,
   s as formatNumberAsCurrency,
-  S as formatPayRate,
+  C as formatPayRate,
   u as getCityStateZip,
   i as getStreet,
-  F as removeNonDigits,
-  L as snakeCaseToCamelCase
+  D as removeNonDigits,
+  F as snakeCaseToCamelCase
 };
 //# sourceMappingURL=formattedStrings.js.map

package/dist/helpers/formattedStrings.js.map

@@ -1 +1 @@
-{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { type TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useCallback } from 'react'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nexport const formatNumberAsCurrency = (amount: number, locale: string = 'en-US') => {\n  const formattedNumber = amount.toLocaleString(locale, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  })\n  return amountStr(formattedNumber, false)\n}\n\nexport const formatPayRate = ({\n  rate,\n  paymentUnit,\n  t,\n  locale = 'en-US',\n}: {\n  rate: number\n  paymentUnit: string\n  t: TFunction\n  locale?: string\n}) => {\n  const amount = formatNumberAsCurrency(rate, locale)\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return t('payRateFormats.hourly', { amount, ns: 'common' })\n    case 'Week':\n      return t('payRateFormats.weekly', {\n        amount: formatNumberAsCurrency(rate * 52, locale),\n        ns: 'common',\n      })\n    case 'Month':\n      return t('payRateFormats.monthly', {\n        amount: formatNumberAsCurrency(rate * 12, locale),\n        ns: 'common',\n      })\n    case 'Year':\n      return t('payRateFormats.yearly', { amount, ns: 'common' })\n    case 'Paycheck':\n      return t('payRateFormats.paycheck', { amount, ns: 'common' })\n    default:\n      return amount\n  }\n}\n\nexport const useFormatPayRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (rate: number, paymentUnit: string) => {\n      return formatPayRate({ rate, paymentUnit, t, locale })\n    },\n    [t, locale],\n  )\n}\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","getCityStateZip","addressInline","amountStr","amount","isPercentage","formatNumberAsCurrency","locale","formattedNumber","formatPayRate","rate","paymentUnit","t","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","snakeCaseToCamelCase","s","_","char"],"mappings":";;;;AAQA,MAAMA,IAAa,CAACC,MAAiBA,EAAK,OAAO,CAAC,EAAE,sBAAsBA,EAAK,MAAM,CAAC,GAEzEC,IAAgB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,WAAAC;AACF,MAIE,GAAGD,IAAaH,EAAWG,CAAU,IAAI,EAAE,GAAGC,IAAYC,EAAYL,EAAWI,CAAS,CAAC,IAAI,EAAE,IAE7FC,IAAc,CAACC,MACZA,IAAM,IAAIA,CAAG,KAAK,IAGdC,IAAY,CAACC,MAAwC;AAChE,QAAMC,IAAUJ,EAAYG,EAAQ,OAAO,GACrCE,IAAUL,EAAYG,EAAQ,OAAO;AAE3C,SAAO,GAAGC,CAAO,IAAIC,CAAO;AAC9B,GAEaC,IAAkB,CAACH,MAC9B,GAAGH,EAAYG,EAAQ,IAAI,CAAC,KAAKH,EAAYG,EAAQ,KAAK,CAAC,IAAIH,EAAYG,EAAQ,GAAG,CAAC,IAE5EI,IAAgB,CAACJ,MAC5B,GAAGD,EAAUC,CAAO,CAAC,IAAIG,EAAgBH,CAAO,CAAC,IAgBtCK,IAAY,CAACC,GAAgBC,MACxCA,IAAe,GAAGD,CAAM,MAAM,IAAIA,CAAM,IAE7BE,IAAyB,CAACF,GAAgBG,IAAiB,YAAY;AAClF,QAAMC,IAAkBJ,EAAO,eAAeG,GAAQ;AAAA,IACpD,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EAAA,CACxB;AACD,SAAOJ,EAAUK,GAAiB,EAAK;AACzC,GAEaC,IAAgB,CAAC;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAAC;AAAA,EACA,QAAAL,IAAS;AACX,MAKM;AACJ,QAAMH,IAASE,EAAuBI,GAAMH,CAAM;AAElD,UAAQI,GAAA;AAAA,IACN,KAAK;AACH,aAAOC,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,yBAAyB;AAAA,QAChC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,0BAA0B;AAAA,QACjC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,2BAA2B,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC9D;AACE,aAAOA;AAAA,EAAA;AAEb,GAcMS,IAAkB,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,CAAC,QAAQ,QAAQ,EAAA;AACtF,SAASC,EAAaC,GAAe;AAC1C,SAAKA,IACE,EAAE,QAAQC,EAAU,SAASD,GAAOF,CAAe,EAAA,IADvC,EAAE,QAAQ,GAAA;AAE/B;AAEO,MAAMI,IAAkB,CAACC,MACvBA,EAAM,QAAQ,OAAO,EAAE,GAGnBC,IAAuB,CAACC,MAC5BA,EAAE,QAAQ,aAAa,CAACC,GAAWC,MAAiBA,EAAK,aAAa;"}
+{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { type TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useCallback } from 'react'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nexport const formatNumberAsCurrency = (amount: number, locale: string = 'en-US') => {\n  const formattedNumber = amount.toLocaleString(locale, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  })\n  return amountStr(formattedNumber, false)\n}\n\nexport const formatPayRate = ({\n  rate,\n  paymentUnit,\n  t,\n  locale = 'en-US',\n}: {\n  rate: number\n  paymentUnit: string\n  t: TFunction\n  locale?: string\n}) => {\n  const amount = formatNumberAsCurrency(rate, locale)\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return t('payRateFormats.hourly', { amount, ns: 'common' })\n    case 'Week':\n      return t('payRateFormats.weekly', {\n        amount: formatNumberAsCurrency(rate * 52, locale),\n        ns: 'common',\n      })\n    case 'Month':\n      return t('payRateFormats.monthly', {\n        amount: formatNumberAsCurrency(rate * 12, locale),\n        ns: 'common',\n      })\n    case 'Year':\n      return t('payRateFormats.yearly', { amount, ns: 'common' })\n    case 'Paycheck':\n      return t('payRateFormats.paycheck', { amount, ns: 'common' })\n    default:\n      return amount\n  }\n}\n\nexport const useFormatPayRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (rate: number, paymentUnit: string) => {\n      return formatPayRate({ rate, paymentUnit, t, locale })\n    },\n    [t, locale],\n  )\n}\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","getCityStateZip","addressInline","amountStr","amount","isPercentage","formatNumberAsCurrency","locale","formattedNumber","formatPayRate","rate","paymentUnit","t","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","snakeCaseToCamelCase","s","_","char"],"mappings":";;;AAQA,MAAMA,IAAa,CAACC,MAAiBA,EAAK,OAAO,CAAC,EAAE,sBAAsBA,EAAK,MAAM,CAAC,GAEzEC,IAAgB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,WAAAC;AACF,MAIE,GAAGD,IAAaH,EAAWG,CAAU,IAAI,EAAE,GAAGC,IAAYC,EAAYL,EAAWI,CAAS,CAAC,IAAI,EAAE,IAE7FC,IAAc,CAACC,MACZA,IAAM,IAAIA,CAAG,KAAK,IAGdC,IAAY,CAACC,MAAwC;AAChE,QAAMC,IAAUJ,EAAYG,EAAQ,OAAO,GACrCE,IAAUL,EAAYG,EAAQ,OAAO;AAE3C,SAAO,GAAGC,CAAO,IAAIC,CAAO;AAC9B,GAEaC,IAAkB,CAACH,MAC9B,GAAGH,EAAYG,EAAQ,IAAI,CAAC,KAAKH,EAAYG,EAAQ,KAAK,CAAC,IAAIH,EAAYG,EAAQ,GAAG,CAAC,IAE5EI,IAAgB,CAACJ,MAC5B,GAAGD,EAAUC,CAAO,CAAC,IAAIG,EAAgBH,CAAO,CAAC,IAgBtCK,IAAY,CAACC,GAAgBC,MACxCA,IAAe,GAAGD,CAAM,MAAM,IAAIA,CAAM,IAE7BE,IAAyB,CAACF,GAAgBG,IAAiB,YAAY;AAClF,QAAMC,IAAkBJ,EAAO,eAAeG,GAAQ;AAAA,IACpD,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EAAA,CACxB;AACD,SAAOJ,EAAUK,GAAiB,EAAK;AACzC,GAEaC,IAAgB,CAAC;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAAC;AAAA,EACA,QAAAL,IAAS;AACX,MAKM;AACJ,QAAMH,IAASE,EAAuBI,GAAMH,CAAM;AAElD,UAAQI,GAAA;AAAA,IACN,KAAK;AACH,aAAOC,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,yBAAyB;AAAA,QAChC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,0BAA0B;AAAA,QACjC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,2BAA2B,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC9D;AACE,aAAOA;AAAA,EAAA;AAEb,GAcMS,IAAkB,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,CAAC,QAAQ,QAAQ,EAAA;AACtF,SAASC,EAAaC,GAAe;AAC1C,SAAKA,IACE,EAAE,QAAQC,EAAU,SAASD,GAAOF,CAAe,EAAA,IADvC,EAAE,QAAQ,GAAA;AAE/B;AAEO,MAAMI,IAAkB,CAACC,MACvBA,EAAM,QAAQ,OAAO,EAAE,GAGnBC,IAAuB,CAACC,MAC5BA,EAAE,QAAQ,aAAa,CAACC,GAAWC,MAAiBA,EAAK,aAAa;"}