@gusto/embedded-react-sdk 0.55.0 → 0.55.2

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # Changelog
 
+## [0.55.2](https://github.com/Gusto/embedded-react-sdk/compare/v0.55.1...v0.55.2) (2026-08-21)
+
+### Features & Enhancements
+
+- Add `PrintChecks` component for generating and printing payroll checks, embedded in `PayrollOverview` with a banner prompt and full form/summary/failure screens ([#2584](https://github.com/Gusto/embedded-react-sdk/issues/2584), [#2585](https://github.com/Gusto/embedded-react-sdk/issues/2585), [#2586](https://github.com/Gusto/embedded-react-sdk/issues/2586), [#2587](https://github.com/Gusto/embedded-react-sdk/issues/2587), [#2588](https://github.com/Gusto/embedded-react-sdk/issues/2588))
+- Add `withOffcyclePayroll` prop to control off-cycle payroll CTA visibility in `PayrollLanding` ([#2612](https://github.com/Gusto/embedded-react-sdk/issues/2612))
+- Make license text in payroll receipts a clickable link ([#2606](https://github.com/Gusto/embedded-react-sdk/issues/2606))
+
+### Fixes
+
+- Fix form validation incorrectly running base validators on dynamically excluded fields ([#2602](https://github.com/Gusto/embedded-react-sdk/issues/2602))
+- Show an already-processed banner and cancel-only overview in `PayrollConfiguration` when the payroll has already been processed ([#2605](https://github.com/Gusto/embedded-react-sdk/issues/2605))
+- Sort payroll employee lists alphabetically by last name ([#2607](https://github.com/Gusto/embedded-react-sdk/issues/2607))
+
+### Chores & Maintenance
+
+- Bump dev dependencies (`@hookform/resolvers`)
+
+## [0.55.1](https://github.com/Gusto/embedded-react-sdk/compare/v0.55.0...v0.55.1) (2026-08-20)
+
+### Features & Enhancements
+
+- Add an opt-in `unstableFeatures` prop to `GustoProvider` for enabling alpha SDK functionality ahead of general availability ([#2583](https://github.com/Gusto/embedded-react-sdk/issues/2583))
+- Add alpha support for recording historical contractor payments in `PaymentsFlow`, available via `unstableFeatures={{ historicalPayments: true }}` ([#2589](https://github.com/Gusto/embedded-react-sdk/issues/2589), [#2552](https://github.com/Gusto/embedded-react-sdk/issues/2552))
+
+### Fixes
+
+- Fix `AccountNumber` input to render the `metadata.prefix` value as an input adornment ([#2569](https://github.com/Gusto/embedded-react-sdk/issues/2569))
+- Fix incorrect contractor payment totals ([#2596](https://github.com/Gusto/embedded-react-sdk/issues/2596))
+- Fix select item selected-state styling to use the correct theme token ([#2582](https://github.com/Gusto/embedded-react-sdk/issues/2582))
+- Remove duplicate `compensationRateFormats` translation key ([#2571](https://github.com/Gusto/embedded-react-sdk/issues/2571))
+
+### Chores & Maintenance
+
+- Bump dev dependencies (`@axe-core/playwright`, `@commitlint/cli`, `@commitlint/config-conventional`, `@hookform/resolvers`, `@storybook/*`, `@testing-library/user-event`, `@typescript-eslint/*`, `eslint-plugin-storybook`, `globals`, `mermaid`, `react-error-boundary`, `sass-embedded`, `tsx`, `typescript-eslint`)
+
 ## [0.55.0](https://github.com/Gusto/embedded-react-sdk/compare/v0.54.1...v0.55.0) (2026-08-13)
 
 ### Features & Enhancements

package/dist/components/Common/TaxInputs/TaxInputs.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import R from "dompurify";
+import D from "dompurify";
 import { useTranslation as v } from "react-i18next";
-import { SelectField as D } from "../Fields/SelectField/SelectField.js";
-import { TextInputField as h } from "../Fields/TextInputField/TextInputField.js";
-import { NumberInputField as x } from "../Fields/NumberInputField/NumberInputField.js";
+import { SelectField as x } from "../Fields/SelectField/SelectField.js";
+import { TextInputField as R } from "../Fields/TextInputField/TextInputField.js";
+import { NumberInputField as h } from "../Fields/NumberInputField/NumberInputField.js";
 import { RadioGroupField as _ } from "../Fields/RadioGroupField/RadioGroupField.js";
 import { DatePickerField as T } from "../Fields/DatePickerField/DatePickerField.js";
 import { PercentageField as w } from "../Fields/PercentageField/PercentageField.js";
@@ -13,45 +13,45 @@ import { useMaskedTransform as g } from "../../../helpers/mask.js";
 import { formatPercentLabel as F } from "../../../helpers/percentageConversion.js";
 const E = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["target", "href"] };
 function K({
-  questionType: e,
-  ...a
+  questionType: a,
+  ...e
 }) {
-  switch (e.toLowerCase()) {
+  switch (a.toLowerCase()) {
     case "date":
-      return /* @__PURE__ */ t(N, { ...a });
+      return /* @__PURE__ */ t(S, { ...e });
     case "radio":
-      return /* @__PURE__ */ t(P, { ...a });
+      return /* @__PURE__ */ t(P, { ...e });
     case "text":
     case "account_number":
-      return /* @__PURE__ */ t(k, { ...a });
+      return /* @__PURE__ */ t(k, { ...e });
     case "select":
-      return /* @__PURE__ */ t(L, { ...a });
+      return /* @__PURE__ */ t(L, { ...e });
     case "number":
-      return /* @__PURE__ */ t(p, { ...a });
+      return /* @__PURE__ */ t(p, { ...e });
     case "workers_compensation_rate":
-      return /* @__PURE__ */ t(p, { ...a, isPercent: a.requirement?.metadata?.rateType === "percent" });
+      return /* @__PURE__ */ t(p, { ...e, isPercent: e.requirement?.metadata?.rateType === "percent" });
     case "percent":
     case "tax_rate":
-      return /* @__PURE__ */ t(S, { ...a });
+      return /* @__PURE__ */ t(N, { ...e });
     case "currency":
-      return /* @__PURE__ */ t(p, { ...a, isCurrency: !0 });
+      return /* @__PURE__ */ t(p, { ...e, isCurrency: !0 });
     default:
-      return /* @__PURE__ */ t(k, { ...a });
+      return /* @__PURE__ */ t(k, { ...e });
   }
 }
-function L({ question: e, requirement: a, isDisabled: s = !1 }) {
-  const { t: n } = v("common"), { key: o, label: i, description: l } = e || a, u = e ? e.answers[0]?.value : a.value, c = e ? e.inputQuestionFormat : a.metadata;
+function L({ question: a, requirement: e, isDisabled: s = !1 }) {
+  const { t: n } = v("common"), { key: l, label: i, description: o } = a || e, u = a ? a.answers[0]?.value : e.value, c = a ? a.inputQuestionFormat : e.metadata;
   if (!c?.options) throw new Error("Select input must have options");
-  return o ? /* @__PURE__ */ t(
-    D,
+  return l ? /* @__PURE__ */ t(
+    x,
     {
       isRequired: !0,
-      name: o,
+      name: l,
       defaultValue: u,
       label: i,
-      description: l,
+      description: o,
       placeholder: n("selectPlaceholder"),
-      isDisabled: o.includes("fileNewHireReport") ? u !== void 0 : s,
+      isDisabled: l.includes("fileNewHireReport") ? u !== void 0 : s,
       options: c.options.map((r, d) => ({
         value: r.value,
         label: r.label
@@ -60,70 +60,71 @@ function L({ question: e, requirement: a, isDisabled: s = !1 }) {
   ) : null;
 }
 function k({
-  question: e,
-  requirement: a,
+  question: a,
+  requirement: e,
   isDisabled: s = !1,
   type: n = "text",
-  isPercent: o = !1
+  isPercent: l = !1
 }) {
-  const { key: i, label: l, description: u } = e || a, c = e ? e.answers[0]?.value : a.value, r = a?.metadata?.mask ?? null, d = g(r);
+  const { key: i, label: o, description: u } = a || e, c = a ? a.answers[0]?.value : e.value, r = e?.metadata?.mask ?? null, d = e?.metadata?.prefix ?? void 0, m = g(r);
   return i ? /* @__PURE__ */ t(
-    h,
+    R,
     {
       isRequired: !0,
       name: i,
-      label: l,
+      label: o,
       defaultValue: c,
       description: u,
       isDisabled: s,
-      transform: r ? d : void 0,
+      transform: r ? m : void 0,
       placeholder: r || void 0,
       type: n,
-      adornmentEnd: o ? "%" : void 0
+      adornmentStart: d,
+      adornmentEnd: l ? "%" : void 0
     }
   ) : null;
 }
 function p({
-  question: e,
-  requirement: a,
+  question: a,
+  requirement: e,
   isCurrency: s,
   isPercent: n,
-  isDisabled: o = !1
+  isDisabled: l = !1
 }) {
-  const { t: i } = v("common"), { key: l, label: u, description: c } = e || a, r = e ? e.answers[0]?.value : a.value;
-  if (!l) return null;
-  const d = a?.metadata?.type === "workers_compensation_rate" && a.metadata.riskClassCode !== void 0 ? `${a.metadata.riskClassCode}: ${a.metadata.riskClassDescription}` : null, m = a?.metadata?.rateType === "currency_per_hour" ? i("inputs.workersCompensationRatePerHourAdornment") : void 0;
+  const { t: i } = v("common"), { key: o, label: u, description: c } = a || e, r = a ? a.answers[0]?.value : e.value;
+  if (!o) return null;
+  const d = e?.metadata?.type === "workers_compensation_rate" && e.metadata.riskClassCode !== void 0 ? `${e.metadata.riskClassCode}: ${e.metadata.riskClassDescription}` : null, m = e?.metadata?.rateType === "currency_per_hour" ? i("inputs.workersCompensationRatePerHourAdornment") : void 0;
   return /* @__PURE__ */ t(
-    x,
+    h,
     {
       isRequired: !0,
-      name: l,
+      name: o,
       label: u,
       description: c ?? d,
       defaultValue: r != null ? Number(r) : void 0,
       format: s ? "currency" : n ? "percent" : "decimal",
-      isDisabled: o,
+      isDisabled: l,
       maximumFractionDigits: n ? 4 : void 0,
       adornmentEnd: m
     }
   );
 }
-function P({ question: e, requirement: a, isDisabled: s = !1 }) {
-  const { key: n, label: o, description: i } = e || a, l = e ? e.answers[0]?.value : a.value, { Text: u } = C(), c = e ? e.inputQuestionFormat : a.metadata;
-  if (!c?.options) throw new Error(`RadioInput must have options:${JSON.stringify(e)}`);
+function P({ question: a, requirement: e, isDisabled: s = !1 }) {
+  const { key: n, label: l, description: i } = a || e, o = a ? a.answers[0]?.value : e.value, { Text: u } = C(), c = a ? a.inputQuestionFormat : e.metadata;
+  if (!c?.options) throw new Error(`RadioInput must have options:${JSON.stringify(a)}`);
   return n ? /* @__PURE__ */ t(
     _,
     {
       isRequired: !0,
       name: n,
-      isDisabled: n.includes("fileNewHireReport") ? l !== void 0 : s,
+      isDisabled: n.includes("fileNewHireReport") ? o !== void 0 : s,
       description: i && /* @__PURE__ */ t(u, { as: "span", children: /* @__PURE__ */ t(
         "span",
         {
-          dangerouslySetInnerHTML: { __html: R.sanitize(i, E) }
+          dangerouslySetInnerHTML: { __html: D.sanitize(i, E) }
         }
       ) }),
-      label: o,
+      label: l,
       options: c.options.map((r) => ({
         value: r.value,
         label: r.label
@@ -131,38 +132,38 @@ function P({ question: e, requirement: a, isDisabled: s = !1 }) {
     }
   ) : null;
 }
-function N({
-  question: e,
-  requirement: a,
+function S({
+  question: a,
+  requirement: e,
   isDisabled: s = !1
 }) {
-  const { key: n, label: o, description: i } = e || a, l = e ? e.answers[0]?.value : a.value;
-  if (typeof l != "string" && typeof l < "u")
+  const { key: n, label: l, description: i } = a || e, o = a ? a.answers[0]?.value : e.value;
+  if (typeof o != "string" && typeof o < "u")
     throw new Error("Expecting value to be string for DateInput");
   return n ? /* @__PURE__ */ t(
     T,
     {
       isRequired: !0,
       name: n,
-      defaultValue: l ? new Date(l) : null,
-      label: o,
+      defaultValue: o ? new Date(o) : null,
+      label: l,
       description: i,
       isDisabled: s
     }
   ) : null;
 }
-function S({ requirement: e, question: a, ...s }) {
-  const { locale: n } = I(), { t: o } = v("common");
-  if (e) {
-    const { key: r, metadata: d, label: m, description: b } = e, { validation: f } = d || {};
+function N({ requirement: a, question: e, ...s }) {
+  const { locale: n } = I(), { t: l } = v("common");
+  if (a) {
+    const { key: r, metadata: d, label: m, description: b } = a, { validation: f } = d || {};
     return f?.type === "one_of" ? /* @__PURE__ */ t(
-      D,
+      x,
       {
         isRequired: !0,
         name: r || "",
         label: m || "",
         description: b,
-        placeholder: o("selectPlaceholder"),
+        placeholder: l("selectPlaceholder"),
         options: f.rates?.map((y) => ({
           value: y,
           label: F(y, n)
@@ -175,20 +176,20 @@ function S({ requirement: e, question: a, ...s }) {
         name: r || "",
         label: m || "",
         description: b,
-        decimalValue: e.value,
+        decimalValue: a.value,
         decimalMin: f?.min,
         decimalMax: f?.max,
         isDisabled: s.isDisabled
       }
     );
   }
-  const { key: i, label: l, description: u, answers: c } = a;
+  const { key: i, label: o, description: u, answers: c } = e;
   return /* @__PURE__ */ t(
     w,
     {
       isRequired: !0,
       name: i || "",
-      label: l || "",
+      label: o || "",
       description: u,
       decimalValue: c[0]?.value,
       isDisabled: s.isDisabled
@@ -196,12 +197,12 @@ function S({ requirement: e, question: a, ...s }) {
   );
 }
 export {
-  N as DateField,
+  S as DateField,
   p as NumberInput,
   K as QuestionInput,
   P as RadioInput,
   L as SelectInput,
-  S as TaxRateInput,
+  N as TaxRateInput,
   k as TextInput
 };
 //# sourceMappingURL=TaxInputs.js.map

package/dist/components/Common/TaxInputs/TaxInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaxInputs.js","sources":["../../../../src/components/Common/TaxInputs/TaxInputs.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { useTranslation } from 'react-i18next'\nimport { SelectField } from '../Fields/SelectField/SelectField'\nimport { TextInputField } from '../Fields/TextInputField/TextInputField'\nimport { NumberInputField } from '../Fields/NumberInputField/NumberInputField'\nimport { RadioGroupField } from '../Fields/RadioGroupField/RadioGroupField'\nimport { DatePickerField } from '../Fields/DatePickerField/DatePickerField'\nimport { PercentageField } from '../Fields/PercentageField/PercentageField'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { useMaskedTransform } from '@/helpers/mask'\nimport { formatPercentLabel } from '@/helpers/percentageConversion'\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['target', 'href'] }\n\ninterface EmpQ {\n  question: NonNullable<EmployeeStateTaxQuestion>\n  requirement?: never\n  isDisabled?: boolean\n}\ninterface CompR {\n  requirement: TaxRequirement\n  question?: never\n  isDisabled?: boolean\n}\n\ntype NumberFieldProps = { isCurrency?: boolean; isPercent?: boolean }\n\ntype TextInputProps = { type?: string; isPercent?: boolean }\n\n/** @internal */\nexport function QuestionInput({\n  questionType,\n  ...props\n}: (EmpQ | CompR) & {\n  questionType: string\n}) {\n  switch (questionType.toLowerCase()) {\n    case 'date':\n      return <DateField {...props} />\n    case 'radio':\n      return <RadioInput {...props} />\n    case 'text':\n    case 'account_number': //TODO: temporary - need special handling for account numbers\n      return <TextInput {...props} />\n    case 'select':\n      return <SelectInput {...props} />\n    case 'number':\n      return <NumberInput {...props} />\n    case 'workers_compensation_rate':\n      return (\n        <NumberInput {...props} isPercent={props.requirement?.metadata?.rateType === 'percent'} />\n      )\n    case 'percent':\n    case 'tax_rate':\n      return <TaxRateInput {...props} />\n    case 'currency':\n      return <NumberInput {...props} isCurrency />\n    default:\n      return <TextInput {...props} />\n    // return null\n  }\n}\n\n/** @internal */\nexport function SelectInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error('Select input must have options')\n\n  if (!key) return null\n\n  return (\n    <SelectField\n      isRequired\n      name={key}\n      defaultValue={value}\n      label={label as string}\n      description={description}\n      placeholder={t('selectPlaceholder')}\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      options={meta.options.map((item, _) => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n\n/** @internal */\nexport function TextInput({\n  question,\n  requirement,\n  isDisabled = false,\n  type = 'text',\n  isPercent = false,\n}: (EmpQ | CompR) & TextInputProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const mask = requirement?.metadata?.mask ?? null\n  const transform = useMaskedTransform(mask)\n\n  if (!key) return null\n  return (\n    <TextInputField\n      isRequired\n      name={key}\n      label={label}\n      // @ts-expect-error HACK value is insufficiently narrowed here\n      defaultValue={value}\n      description={description}\n      isDisabled={isDisabled}\n      transform={mask ? transform : undefined}\n      placeholder={mask ? mask : undefined}\n      type={type}\n      adornmentEnd={isPercent ? '%' : undefined}\n    />\n  )\n}\n\n/** @internal */\nexport function NumberInput({\n  question,\n  requirement,\n  isCurrency,\n  isPercent,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  if (!key) return null\n\n  const wcDescription =\n    requirement?.metadata?.type === 'workers_compensation_rate' &&\n    requirement.metadata.riskClassCode !== undefined\n      ? `${requirement.metadata.riskClassCode}: ${requirement.metadata.riskClassDescription}`\n      : null\n  const adornmentEnd =\n    requirement?.metadata?.rateType === 'currency_per_hour'\n      ? t('inputs.workersCompensationRatePerHourAdornment')\n      : undefined\n\n  return (\n    <NumberInputField\n      isRequired\n      name={key}\n      label={label}\n      description={description ?? wcDescription}\n      defaultValue={value !== undefined && value !== null ? Number(value) : undefined}\n      format={isCurrency ? 'currency' : isPercent ? 'percent' : 'decimal'}\n      isDisabled={isDisabled}\n      maximumFractionDigits={isPercent ? 4 : undefined}\n      adornmentEnd={adornmentEnd}\n    />\n  )\n}\n\n/** @internal */\nexport function RadioInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const { Text } = useComponentContext()\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error(`RadioInput must have options:${JSON.stringify(question)}`)\n\n  if (!key) return null\n\n  return (\n    <RadioGroupField\n      isRequired\n      name={key}\n      //File new hire report setting cannot be changed after it has been configured.\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      description={\n        description && (\n          <Text as=\"span\">\n            <span\n              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(description, dompurifyConfig) }}\n            />\n          </Text>\n        )\n      }\n      label={label as string}\n      options={meta.options.map(item => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n//TODO: This type is untested as of yet\n/** @internal */\nexport function DateField({\n  question,\n  requirement,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  if (typeof value !== 'string' && typeof value !== 'undefined')\n    throw new Error('Expecting value to be string for DateInput')\n\n  if (!key) return null\n\n  return (\n    <DatePickerField\n      isRequired\n      name={key}\n      defaultValue={value ? new Date(value) : null}\n      label={label as string}\n      description={description}\n      isDisabled={isDisabled}\n    />\n  )\n}\n\n/** @internal */\nexport function TaxRateInput({ requirement, question, ...props }: EmpQ | CompR) {\n  const { locale } = useLocale()\n  const { t } = useTranslation('common')\n\n  if (requirement) {\n    const { key, metadata, label, description } = requirement\n    const { validation } = metadata || {}\n\n    if (validation?.type === 'one_of') {\n      return (\n        <SelectField\n          isRequired\n          name={key || ''}\n          label={label || ''}\n          description={description}\n          placeholder={t('selectPlaceholder')}\n          options={\n            validation.rates?.map(rate => ({\n              value: rate,\n              label: formatPercentLabel(rate, locale),\n            })) || []\n          }\n        />\n      )\n    }\n\n    return (\n      <PercentageField\n        isRequired\n        name={key || ''}\n        label={label || ''}\n        description={description}\n        decimalValue={requirement.value}\n        decimalMin={validation?.min}\n        decimalMax={validation?.max}\n        isDisabled={props.isDisabled}\n      />\n    )\n  }\n\n  const { key, label, description, answers } = question\n  return (\n    <PercentageField\n      isRequired\n      name={key || ''}\n      label={label || ''}\n      description={description}\n      decimalValue={answers[0]?.value}\n      isDisabled={props.isDisabled}\n    />\n  )\n}\n"],"names":["dompurifyConfig","QuestionInput","questionType","props","jsx","DateField","RadioInput","TextInput","SelectInput","NumberInput","TaxRateInput","question","requirement","isDisabled","t","useTranslation","key","label","description","value","meta","SelectField","item","_","type","isPercent","mask","transform","useMaskedTransform","TextInputField","isCurrency","wcDescription","adornmentEnd","NumberInputField","Text","useComponentContext","RadioGroupField","DOMPurify","DatePickerField","locale","useLocale","metadata","validation","rate","formatPercentLabel","PercentageField","answers"],"mappings":"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"}
+{"version":3,"file":"TaxInputs.js","sources":["../../../../src/components/Common/TaxInputs/TaxInputs.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { useTranslation } from 'react-i18next'\nimport { SelectField } from '../Fields/SelectField/SelectField'\nimport { TextInputField } from '../Fields/TextInputField/TextInputField'\nimport { NumberInputField } from '../Fields/NumberInputField/NumberInputField'\nimport { RadioGroupField } from '../Fields/RadioGroupField/RadioGroupField'\nimport { DatePickerField } from '../Fields/DatePickerField/DatePickerField'\nimport { PercentageField } from '../Fields/PercentageField/PercentageField'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { useMaskedTransform } from '@/helpers/mask'\nimport { formatPercentLabel } from '@/helpers/percentageConversion'\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['target', 'href'] }\n\ninterface EmpQ {\n  question: NonNullable<EmployeeStateTaxQuestion>\n  requirement?: never\n  isDisabled?: boolean\n}\ninterface CompR {\n  requirement: TaxRequirement\n  question?: never\n  isDisabled?: boolean\n}\n\ntype NumberFieldProps = { isCurrency?: boolean; isPercent?: boolean }\n\ntype TextInputProps = { type?: string; isPercent?: boolean }\n\n/** @internal */\nexport function QuestionInput({\n  questionType,\n  ...props\n}: (EmpQ | CompR) & {\n  questionType: string\n}) {\n  switch (questionType.toLowerCase()) {\n    case 'date':\n      return <DateField {...props} />\n    case 'radio':\n      return <RadioInput {...props} />\n    case 'text':\n    case 'account_number':\n      return <TextInput {...props} />\n    case 'select':\n      return <SelectInput {...props} />\n    case 'number':\n      return <NumberInput {...props} />\n    case 'workers_compensation_rate':\n      return (\n        <NumberInput {...props} isPercent={props.requirement?.metadata?.rateType === 'percent'} />\n      )\n    case 'percent':\n    case 'tax_rate':\n      return <TaxRateInput {...props} />\n    case 'currency':\n      return <NumberInput {...props} isCurrency />\n    default:\n      return <TextInput {...props} />\n    // return null\n  }\n}\n\n/** @internal */\nexport function SelectInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error('Select input must have options')\n\n  if (!key) return null\n\n  return (\n    <SelectField\n      isRequired\n      name={key}\n      defaultValue={value}\n      label={label as string}\n      description={description}\n      placeholder={t('selectPlaceholder')}\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      options={meta.options.map((item, _) => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n\n/** @internal */\nexport function TextInput({\n  question,\n  requirement,\n  isDisabled = false,\n  type = 'text',\n  isPercent = false,\n}: (EmpQ | CompR) & TextInputProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const mask = requirement?.metadata?.mask ?? null\n  const prefix = requirement?.metadata?.prefix ?? undefined\n  const transform = useMaskedTransform(mask)\n\n  if (!key) return null\n  return (\n    <TextInputField\n      isRequired\n      name={key}\n      label={label}\n      // @ts-expect-error HACK value is insufficiently narrowed here\n      defaultValue={value}\n      description={description}\n      isDisabled={isDisabled}\n      transform={mask ? transform : undefined}\n      placeholder={mask ? mask : undefined}\n      type={type}\n      adornmentStart={prefix}\n      adornmentEnd={isPercent ? '%' : undefined}\n    />\n  )\n}\n\n/** @internal */\nexport function NumberInput({\n  question,\n  requirement,\n  isCurrency,\n  isPercent,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  if (!key) return null\n\n  const wcDescription =\n    requirement?.metadata?.type === 'workers_compensation_rate' &&\n    requirement.metadata.riskClassCode !== undefined\n      ? `${requirement.metadata.riskClassCode}: ${requirement.metadata.riskClassDescription}`\n      : null\n  const adornmentEnd =\n    requirement?.metadata?.rateType === 'currency_per_hour'\n      ? t('inputs.workersCompensationRatePerHourAdornment')\n      : undefined\n\n  return (\n    <NumberInputField\n      isRequired\n      name={key}\n      label={label}\n      description={description ?? wcDescription}\n      defaultValue={value !== undefined && value !== null ? Number(value) : undefined}\n      format={isCurrency ? 'currency' : isPercent ? 'percent' : 'decimal'}\n      isDisabled={isDisabled}\n      maximumFractionDigits={isPercent ? 4 : undefined}\n      adornmentEnd={adornmentEnd}\n    />\n  )\n}\n\n/** @internal */\nexport function RadioInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const { Text } = useComponentContext()\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error(`RadioInput must have options:${JSON.stringify(question)}`)\n\n  if (!key) return null\n\n  return (\n    <RadioGroupField\n      isRequired\n      name={key}\n      //File new hire report setting cannot be changed after it has been configured.\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      description={\n        description && (\n          <Text as=\"span\">\n            <span\n              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(description, dompurifyConfig) }}\n            />\n          </Text>\n        )\n      }\n      label={label as string}\n      options={meta.options.map(item => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n//TODO: This type is untested as of yet\n/** @internal */\nexport function DateField({\n  question,\n  requirement,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  if (typeof value !== 'string' && typeof value !== 'undefined')\n    throw new Error('Expecting value to be string for DateInput')\n\n  if (!key) return null\n\n  return (\n    <DatePickerField\n      isRequired\n      name={key}\n      defaultValue={value ? new Date(value) : null}\n      label={label as string}\n      description={description}\n      isDisabled={isDisabled}\n    />\n  )\n}\n\n/** @internal */\nexport function TaxRateInput({ requirement, question, ...props }: EmpQ | CompR) {\n  const { locale } = useLocale()\n  const { t } = useTranslation('common')\n\n  if (requirement) {\n    const { key, metadata, label, description } = requirement\n    const { validation } = metadata || {}\n\n    if (validation?.type === 'one_of') {\n      return (\n        <SelectField\n          isRequired\n          name={key || ''}\n          label={label || ''}\n          description={description}\n          placeholder={t('selectPlaceholder')}\n          options={\n            validation.rates?.map(rate => ({\n              value: rate,\n              label: formatPercentLabel(rate, locale),\n            })) || []\n          }\n        />\n      )\n    }\n\n    return (\n      <PercentageField\n        isRequired\n        name={key || ''}\n        label={label || ''}\n        description={description}\n        decimalValue={requirement.value}\n        decimalMin={validation?.min}\n        decimalMax={validation?.max}\n        isDisabled={props.isDisabled}\n      />\n    )\n  }\n\n  const { key, label, description, answers } = question\n  return (\n    <PercentageField\n      isRequired\n      name={key || ''}\n      label={label || ''}\n      description={description}\n      decimalValue={answers[0]?.value}\n      isDisabled={props.isDisabled}\n    />\n  )\n}\n"],"names":["dompurifyConfig","QuestionInput","questionType","props","jsx","DateField","RadioInput","TextInput","SelectInput","NumberInput","TaxRateInput","question","requirement","isDisabled","t","useTranslation","key","label","description","value","meta","SelectField","item","_","type","isPercent","mask","prefix","transform","useMaskedTransform","TextInputField","isCurrency","wcDescription","adornmentEnd","NumberInputField","Text","useComponentContext","RadioGroupField","DOMPurify","DatePickerField","locale","useLocale","metadata","validation","rate","formatPercentLabel","PercentageField","answers"],"mappings":"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"}

package/dist/components/Common/UI/Select/Select.module.scss.js

@@ -1,12 +1,12 @@
-const o = "_root_1s9ch_1", s = "_icons_1s9ch_17", c = "_popover_1s9ch_68", t = {
+const o = "_root_1elr3_1", r = "_icons_1elr3_17", s = "_popover_1elr3_68", t = {
   root: o,
-  icons: s,
-  popover: c
+  icons: r,
+  popover: s
 };
 export {
   t as default,
-  s as icons,
-  c as popover,
+  r as icons,
+  s as popover,
   o as root
 };
 //# sourceMappingURL=Select.module.scss.js.map

package/dist/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.d.ts

@@ -19,10 +19,12 @@ export interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Co
  * Continue on the contractor-selection step is disabled until the paid date is valid and at least
  * one contractor is selected. Continue on the amounts step is disabled until at least one selected
  * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place
- * review (mirroring `CreatePayment`'s preview step); Edit returns to the grid without losing
+ * review (mirroring `CreatePayment`'s preview step); Back returns to the grid without losing
  * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the
- * Edit and Submit buttons are replaced with a success message, since the creation token has been
+ * Back and Submit buttons are replaced with a success message, since the creation token has been
  * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).
+ * The amounts step also has its own Back button, returning to contractor selection without losing
+ * the selected paid date, contractors, or any amounts already entered.
  *
  * @events
  * | Event | Description | Data |