@gusto/embedded-react-sdk 0.28.0 → 0.29.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## 0.29.0
+
+### Features & Enhancements
+
+- Export StateTaxesList and StateTaxesForm from Company API
+- Add RFI alerts to contractor payment list
+
+### Fixes
+
+- Convert state tax percentage inputs from decimal to human-readable format
+- Improve UI of tab component
+
+### Chores & Maintenance
+
+- Rewrite contractor onboarding documentation
+- Implement semver-based PR title validation and auto-versioning
+- Switch auto-version workflow to manual dispatch
+- Add reusable pagination hook and refactor components
+- Improve cursor commands for branch creation and PR defaults
+- Bump @storybook/addon-a11y, addon-docs, addon-onboarding, react-vite from 10.2.8 to 10.2.9
+- Bump typescript-eslint from 8.55.0 to 8.56.0
+- Bump i18next from 25.8.5 to 25.8.8
+- Bump react-error-boundary from 6.1.0 to 6.1.1
+- Bump dotenv from 17.2.4 to 17.3.1
+
 ## 0.28.0
 
 ### Features & Enhancements

package/dist/components/Common/Fields/PercentageField/PercentageField.d.ts

@@ -0,0 +1,8 @@
+import { NumberInputProps } from '../../UI/NumberInput/NumberInputTypes';
+export interface PercentageFieldProps extends Pick<NumberInputProps, 'isDisabled' | 'className' | 'label' | 'isRequired' | 'description' | 'errorMessage'> {
+    name: string;
+    decimalValue?: string | number | boolean | null;
+    decimalMin?: string;
+    decimalMax?: string;
+}
+export declare function PercentageField({ decimalValue, decimalMin, decimalMax, ...props }: PercentageFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/Fields/PercentageField/PercentageField.js

@@ -0,0 +1,58 @@
+import { jsx as N } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { useTranslation as C } from "react-i18next";
+import { useField as F } from "../hooks/useField.js";
+import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { decimalToPercent as u, percentToDecimal as h } from "../../../../helpers/percentageConversion.js";
+function x(t) {
+  if (!(t == null || typeof t == "boolean"))
+    return String(t);
+}
+function I({
+  decimalValue: t,
+  decimalMin: o,
+  decimalMax: n,
+  ...a
+}) {
+  const f = b(), { t: i } = C("common"), p = d(() => {
+    const r = {};
+    if (o !== void 0) {
+      const m = parseFloat(o);
+      r.min = (s) => {
+        const e = Number(s);
+        return isNaN(e) ? !0 : e >= m || i("validations.percentageMin", { min: u(o) });
+      };
+    }
+    if (n !== void 0) {
+      const m = parseFloat(n);
+      r.max = (s) => {
+        const e = Number(s);
+        return isNaN(e) ? !0 : e <= m || i("validations.percentageMax", { max: u(n) });
+      };
+    }
+    return r;
+  }, [o, n, i]), { value: c, onChange: l, ...g } = F({
+    ...a,
+    defaultValue: x(t),
+    rules: { validate: p }
+  }), v = (r) => {
+    l(h(r));
+  };
+  return /* @__PURE__ */ N(
+    f.NumberInput,
+    {
+      ...a,
+      ...g,
+      value: u(c),
+      onChange: v,
+      min: o ? u(o) : void 0,
+      max: n ? u(n) : void 0,
+      format: "percent",
+      maximumFractionDigits: 4
+    }
+  );
+}
+export {
+  I as PercentageField
+};
+//# sourceMappingURL=PercentageField.js.map

package/dist/components/Common/Fields/PercentageField/PercentageField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PercentageField.js","sources":["../../../../../src/components/Common/Fields/PercentageField/PercentageField.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { useField } from '@/components/Common/Fields/hooks/useField'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { decimalToPercent, percentToDecimal } from '@/helpers/percentageConversion'\n\nexport interface PercentageFieldProps extends Pick<\n  NumberInputProps,\n  'isDisabled' | 'className' | 'label' | 'isRequired' | 'description' | 'errorMessage'\n> {\n  name: string\n  decimalValue?: string | number | boolean | null\n  decimalMin?: string\n  decimalMax?: string\n}\n\nfunction toDefaultString(value?: string | number | boolean | null): string | undefined {\n  if (value === null || value === undefined || typeof value === 'boolean') return undefined\n  return String(value)\n}\n\nexport function PercentageField({\n  decimalValue,\n  decimalMin,\n  decimalMax,\n  ...props\n}: PercentageFieldProps) {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n\n  const validationRules = useMemo(() => {\n    const rules: Record<string, (value: string) => string | true> = {}\n\n    if (decimalMin !== undefined) {\n      const minNum = parseFloat(decimalMin)\n      rules.min = (value: string) => {\n        const num = Number(value)\n        if (isNaN(num)) return true\n        return (\n          num >= minNum || t('validations.percentageMin', { min: decimalToPercent(decimalMin) })\n        )\n      }\n    }\n\n    if (decimalMax !== undefined) {\n      const maxNum = parseFloat(decimalMax)\n      rules.max = (value: string) => {\n        const num = Number(value)\n        if (isNaN(num)) return true\n        return (\n          num <= maxNum || t('validations.percentageMax', { max: decimalToPercent(decimalMax) })\n        )\n      }\n    }\n\n    return rules\n  }, [decimalMin, decimalMax, t])\n\n  const { value, onChange, ...fieldProps } = useField({\n    ...props,\n    defaultValue: toDefaultString(decimalValue),\n    rules: { validate: validationRules },\n  })\n\n  const handleChange = (percentValue: number) => {\n    onChange(percentToDecimal(percentValue))\n  }\n\n  return (\n    <Components.NumberInput\n      {...props}\n      {...fieldProps}\n      value={decimalToPercent(value)}\n      onChange={handleChange}\n      min={decimalMin ? decimalToPercent(decimalMin) : undefined}\n      max={decimalMax ? decimalToPercent(decimalMax) : undefined}\n      format=\"percent\"\n      maximumFractionDigits={4}\n    />\n  )\n}\n"],"names":["toDefaultString","value","PercentageField","decimalValue","decimalMin","decimalMax","props","Components","useComponentContext","t","useTranslation","validationRules","useMemo","rules","minNum","num","decimalToPercent","maxNum","onChange","fieldProps","useField","handleChange","percentValue","percentToDecimal","jsx"],"mappings":";;;;;;AAiBA,SAASA,EAAgBC,GAA8D;AACrF,MAAI,EAAAA,KAAU,QAA+B,OAAOA,KAAU;AAC9D,WAAO,OAAOA,CAAK;AACrB;AAEO,SAASC,EAAgB;AAAA,EAC9B,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAAyB;AACvB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAE/BC,IAAkBC,EAAQ,MAAM;AACpC,UAAMC,IAA0D,CAAA;AAEhE,QAAIT,MAAe,QAAW;AAC5B,YAAMU,IAAS,WAAWV,CAAU;AACpC,MAAAS,EAAM,MAAM,CAACZ,MAAkB;AAC7B,cAAMc,IAAM,OAAOd,CAAK;AACxB,eAAI,MAAMc,CAAG,IAAU,KAErBA,KAAOD,KAAUL,EAAE,6BAA6B,EAAE,KAAKO,EAAiBZ,CAAU,GAAG;AAAA,MAEzF;AAAA,IACF;AAEA,QAAIC,MAAe,QAAW;AAC5B,YAAMY,IAAS,WAAWZ,CAAU;AACpC,MAAAQ,EAAM,MAAM,CAACZ,MAAkB;AAC7B,cAAMc,IAAM,OAAOd,CAAK;AACxB,eAAI,MAAMc,CAAG,IAAU,KAErBA,KAAOE,KAAUR,EAAE,6BAA6B,EAAE,KAAKO,EAAiBX,CAAU,GAAG;AAAA,MAEzF;AAAA,IACF;AAEA,WAAOQ;AAAA,EACT,GAAG,CAACT,GAAYC,GAAYI,CAAC,CAAC,GAExB,EAAE,OAAAR,GAAO,UAAAiB,GAAU,GAAGC,EAAA,IAAeC,EAAS;AAAA,IAClD,GAAGd;AAAA,IACH,cAAcN,EAAgBG,CAAY;AAAA,IAC1C,OAAO,EAAE,UAAUQ,EAAA;AAAA,EAAgB,CACpC,GAEKU,IAAe,CAACC,MAAyB;AAC7C,IAAAJ,EAASK,EAAiBD,CAAY,CAAC;AAAA,EACzC;AAEA,SACE,gBAAAE;AAAA,IAACjB,EAAW;AAAA,IAAX;AAAA,MACE,GAAGD;AAAA,MACH,GAAGa;AAAA,MACJ,OAAOH,EAAiBf,CAAK;AAAA,MAC7B,UAAUoB;AAAA,MACV,KAAKjB,IAAaY,EAAiBZ,CAAU,IAAI;AAAA,MACjD,KAAKC,IAAaW,EAAiBX,CAAU,IAAI;AAAA,MACjD,QAAO;AAAA,MACP,uBAAuB;AAAA,IAAA;AAAA,EAAA;AAG7B;"}

package/dist/components/Common/Fields/PercentageField/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { PercentageField, type PercentageFieldProps } from './PercentageField';

package/dist/components/Common/SignatureForm/SignatureForm.js

@@ -2,30 +2,29 @@ import { jsx as r } from "react/jsx-runtime";
 import { z as o } from "zod";
 import { useForm as s, FormProvider as a } from "react-hook-form";
 import { zodResolver as l } from "@hookform/resolvers/zod";
-import e from "./SignatureForm.module.scss.js";
+import t from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
-import "classnames";
-import "../../../shared/constants.js";
 import "react-i18next";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-const p = o.object({
+const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)
-}), f = {
+}), p = {
   signature: ""
 };
-function V({ onSubmit: m, children: i, formProps: n }) {
-  const t = s({
-    resolver: l(p),
-    defaultValues: f,
+function N({ onSubmit: m, children: i, formProps: n }) {
+  const e = s({
+    resolver: l(f),
+    defaultValues: p,
     ...n
   });
-  return /* @__PURE__ */ r(a, { ...t, children: /* @__PURE__ */ r(u, { onSubmit: t.handleSubmit(m), className: e.container, children: /* @__PURE__ */ r("div", { className: e.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
+  return /* @__PURE__ */ r(a, { ...e, children: /* @__PURE__ */ r(u, { onSubmit: e.handleSubmit(m), className: t.container, children: /* @__PURE__ */ r("div", { className: t.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
 }
 export {
-  V as SignatureForm,
-  p as SignatureFormSchema
+  N as SignatureForm,
+  f as SignatureFormSchema
 };
 //# sourceMappingURL=SignatureForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormActions.js

@@ -1,11 +1,10 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import "../../../shared/constants.js";
+import "react-i18next";
 import "classnames";
 import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
-import "react-i18next";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-function y({
+function x({
   onBack: t,
   backLabel: r,
   submitLabel: i,
@@ -18,6 +17,6 @@ function y({
   ] });
 }
 export {
-  y as SignatureFormActions
+  x as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

package/dist/components/Common/SignatureForm/SignatureFormActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormFields.js

@@ -1,12 +1,11 @@
 import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
-import "../../../shared/constants.js";
-import "classnames";
-import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
 import "react-i18next";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
-function b({
+import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
+import { CheckboxField as p } from "../Fields/CheckboxField/CheckboxField.js";
+function F({
   signatureLabel: e,
   signatureDescription: i = "",
   signatureError: t = "",
@@ -15,7 +14,7 @@ function b({
 }) {
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ r(
-      p,
+      a,
       {
         name: "signature",
         label: e,
@@ -25,7 +24,7 @@ function b({
       }
     ),
     /* @__PURE__ */ r(
-      a,
+      p,
       {
         name: "confirmSignature",
         isRequired: !0,
@@ -36,6 +35,6 @@ function b({
   ] });
 }
 export {
-  b as SignatureFormFields
+  F as SignatureFormFields
 };
 //# sourceMappingURL=SignatureFormFields.js.map

package/dist/components/Common/SignatureForm/SignatureFormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

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

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