@gusto/embedded-react-sdk 0.48.2 → 0.49.0

package/dist/components/Common/PaginationControl/PaginationControl.js

@@ -1,9 +1,9 @@
 import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import { useTranslation as f } from "react-i18next";
-import { Flex as v } from "../Flex/Flex.js";
+import { Flex as h } from "../Flex/Flex.js";
 import e from "./PaginationControl.module.scss.js";
 import { useComponentContext as r } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import h from "../../../assets/icons/pagination_first.svg.js";
+import v from "../../../assets/icons/pagination_first.svg.js";
 import I from "../../../assets/icons/pagination_previous.svg.js";
 import S from "../../../assets/icons/pagination_next.svg.js";
 import x from "../../../assets/icons/pagination_last.svg.js";
@@ -15,17 +15,18 @@ const N = 5, L = (i) => i === void 0 ? !0 : i === 0 ? !1 : i > N, B = ({
   isFetching: c,
   handleFirstPage: m,
   handlePreviousPage: p,
-  handleNextPage: u,
-  handleLastPage: d,
+  handleNextPage: d,
+  handleLastPage: u,
   handleItemsPerPageChange: g,
   itemsPerPage: b = 5
 }) => {
   const { t: o } = f("common"), a = r();
-  return L(s) ? /* @__PURE__ */ n("section", { className: e.paginationControl, "data-testid": "pagination-control", children: /* @__PURE__ */ l(v, { justifyContent: "space-between", alignItems: "center", children: [
+  return L(s) ? /* @__PURE__ */ n("section", { className: e.paginationControl, "data-testid": "pagination-control", children: /* @__PURE__ */ l(h, { justifyContent: "space-between", alignItems: "center", children: [
     /* @__PURE__ */ n("div", { className: e.paginationControlCount, children: /* @__PURE__ */ n("section", { children: /* @__PURE__ */ n(
       a.Select,
       {
         label: o("labels.paginationControlCountLabel"),
+        placeholder: "",
         shouldVisuallyHideLabel: !0,
         value: b.toString(),
         onChange: (C) => {
@@ -47,7 +48,7 @@ const N = 5, L = (i) => i === void 0 ? !0 : i === 0 ? !1 : i > N, B = ({
           "aria-label": o("icons.paginationFirst"),
           isDisabled: i === 1,
           onClick: m,
-          children: /* @__PURE__ */ n(h, {})
+          children: /* @__PURE__ */ n(v, {})
         }
       ),
       /* @__PURE__ */ n(
@@ -66,7 +67,7 @@ const N = 5, L = (i) => i === void 0 ? !0 : i === 0 ? !1 : i > N, B = ({
           "aria-label": o("icons.paginationNext"),
           "data-testid": "pagination-next",
           isDisabled: i === t,
-          onClick: u,
+          onClick: d,
           children: /* @__PURE__ */ n(S, {})
         }
       ),
@@ -75,7 +76,7 @@ const N = 5, L = (i) => i === void 0 ? !0 : i === 0 ? !1 : i > N, B = ({
         {
           "aria-label": o("icons.paginationLast"),
           isDisabled: i === t,
-          onClick: d,
+          onClick: u,
           children: /* @__PURE__ */ n(x, {})
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationControl.js","sources":["../../../../src/components/Common/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport { InlineSpinner } from '../InlineSpinner'\nimport style from './PaginationControl.module.scss'\nimport type { PaginationControlProps, PaginationItemsPerPage } from './PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport PaginationFirstIcon from '@/assets/icons/pagination_first.svg?react'\nimport PaginationPrevIcon from '@/assets/icons/pagination_previous.svg?react'\nimport PaginationNextIcon from '@/assets/icons/pagination_next.svg?react'\nimport PaginationLastIcon from '@/assets/icons/pagination_last.svg?react'\n\nconst MINIMUM_PAGE_SIZE = 5\n\nconst shouldShowPagination = (totalCount: number | undefined): boolean => {\n  if (totalCount === undefined) return true\n  if (totalCount === 0) return false\n  return totalCount > MINIMUM_PAGE_SIZE\n}\n\nconst DefaultPaginationControl = ({\n  currentPage,\n  totalPages,\n  totalCount,\n  isFetching,\n  handleFirstPage,\n  handlePreviousPage,\n  handleNextPage,\n  handleLastPage,\n  handleItemsPerPageChange,\n  itemsPerPage = 5,\n}: PaginationControlProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  if (!shouldShowPagination(totalCount)) {\n    return null\n  }\n\n  return (\n    <section className={style.paginationControl} data-testid=\"pagination-control\">\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <div className={style.paginationControlCount}>\n          <section>\n            <Components.Select\n              label={t('labels.paginationControlCountLabel')}\n              shouldVisuallyHideLabel\n              value={itemsPerPage.toString()}\n              onChange={n => {\n                handleItemsPerPageChange(Number(n) as PaginationItemsPerPage)\n              }}\n              options={[\n                { value: '5', label: '5' },\n                { value: '10', label: '10' },\n                { value: '25', label: '25' },\n                { value: '50', label: '50' },\n              ]}\n            />\n          </section>\n        </div>\n        <div className={style.paginationControlButtons}>\n          {isFetching && <InlineSpinner ariaLabel={t('labels.paginationFetchingLabel')} />}\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationFirst')}\n            isDisabled={currentPage === 1}\n            onClick={handleFirstPage}\n          >\n            <PaginationFirstIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationPrev')}\n            data-testid=\"pagination-previous\"\n            isDisabled={currentPage === 1}\n            onClick={handlePreviousPage}\n          >\n            <PaginationPrevIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationNext')}\n            data-testid=\"pagination-next\"\n            isDisabled={currentPage === totalPages}\n            onClick={handleNextPage}\n          >\n            <PaginationNextIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationLast')}\n            isDisabled={currentPage === totalPages}\n            onClick={handleLastPage}\n          >\n            <PaginationLastIcon />\n          </Components.ButtonIcon>\n        </div>\n      </Flex>\n    </section>\n  )\n}\n\n/** @internal */\nexport const PaginationControl = (props: PaginationControlProps) => {\n  const Components = useComponentContext()\n\n  return Components.PaginationControl ? (\n    <Components.PaginationControl {...props} />\n  ) : (\n    <DefaultPaginationControl {...props} />\n  )\n}\n"],"names":["MINIMUM_PAGE_SIZE","shouldShowPagination","totalCount","DefaultPaginationControl","currentPage","totalPages","isFetching","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","itemsPerPage","t","useTranslation","Components","useComponentContext","jsx","style","jsxs","Flex","n","InlineSpinner","PaginationFirstIcon","PaginationPrevIcon","PaginationNextIcon","PaginationLastIcon","PaginationControl","props"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAoB,GAEpBC,IAAuB,CAACC,MACxBA,MAAe,SAAkB,KACjCA,MAAe,IAAU,KACtBA,IAAaF,GAGhBG,IAA2B,CAAC;AAAA,EAChC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAH;AAAA,EACA,YAAAI;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAA8B;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAA;AAEnB,SAAKf,EAAqBC,CAAU,IAKlC,gBAAAe,EAAC,WAAA,EAAQ,WAAWC,EAAM,mBAAmB,eAAY,sBACvD,UAAA,gBAAAC,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAM,wBACpB,4BAAC,WAAA,EACC,UAAA,gBAAAD;AAAA,MAACF,EAAW;AAAA,MAAX;AAAA,QACC,OAAOF,EAAE,oCAAoC;AAAA,QAC7C,yBAAuB;AAAA,QACvB,OAAOD,EAAa,SAAA;AAAA,QACpB,UAAU,CAAAS,MAAK;AACb,UAAAV,EAAyB,OAAOU,CAAC,CAA2B;AAAA,QAC9D;AAAA,QACA,SAAS;AAAA,UACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,UACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,QAAK;AAAA,MAC7B;AAAA,IAAA,GAEJ,EAAA,CACF;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAM,0BACnB,UAAA;AAAA,MAAAZ,KAAc,gBAAAW,EAACK,GAAA,EAAc,WAAWT,EAAE,gCAAgC,GAAG;AAAA,MAC9E,gBAAAI;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAYF,EAAE,uBAAuB;AAAA,UACrC,YAAYT,MAAgB;AAAA,UAC5B,SAASG;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvB,gBAAAN;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAYF,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYT,MAAgB;AAAA,UAC5B,SAASI;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,gBAAAP;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAYF,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYT,MAAgBC;AAAA,UAC5B,SAASI;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,gBAAAR;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UACC,cAAYF,EAAE,sBAAsB;AAAA,UACpC,YAAYT,MAAgBC;AAAA,UAC5B,SAASK;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,IA1DO;AA4DX,GAGaC,IAAoB,CAACC,MAAkC;AAClE,QAAMb,IAAaC,EAAA;AAEnB,SAAOD,EAAW,oBAChB,gBAAAE,EAACF,EAAW,mBAAX,EAA8B,GAAGa,EAAA,CAAO,IAEzC,gBAAAX,EAACd,GAAA,EAA0B,GAAGyB,EAAA,CAAO;AAEzC;"}
+{"version":3,"file":"PaginationControl.js","sources":["../../../../src/components/Common/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport { InlineSpinner } from '../InlineSpinner'\nimport style from './PaginationControl.module.scss'\nimport type { PaginationControlProps, PaginationItemsPerPage } from './PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport PaginationFirstIcon from '@/assets/icons/pagination_first.svg?react'\nimport PaginationPrevIcon from '@/assets/icons/pagination_previous.svg?react'\nimport PaginationNextIcon from '@/assets/icons/pagination_next.svg?react'\nimport PaginationLastIcon from '@/assets/icons/pagination_last.svg?react'\n\nconst MINIMUM_PAGE_SIZE = 5\n\nconst shouldShowPagination = (totalCount: number | undefined): boolean => {\n  if (totalCount === undefined) return true\n  if (totalCount === 0) return false\n  return totalCount > MINIMUM_PAGE_SIZE\n}\n\nconst DefaultPaginationControl = ({\n  currentPage,\n  totalPages,\n  totalCount,\n  isFetching,\n  handleFirstPage,\n  handlePreviousPage,\n  handleNextPage,\n  handleLastPage,\n  handleItemsPerPageChange,\n  itemsPerPage = 5,\n}: PaginationControlProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  if (!shouldShowPagination(totalCount)) {\n    return null\n  }\n\n  return (\n    <section className={style.paginationControl} data-testid=\"pagination-control\">\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <div className={style.paginationControlCount}>\n          <section>\n            <Components.Select\n              label={t('labels.paginationControlCountLabel')}\n              placeholder=\"\"\n              shouldVisuallyHideLabel\n              value={itemsPerPage.toString()}\n              onChange={n => {\n                handleItemsPerPageChange(Number(n) as PaginationItemsPerPage)\n              }}\n              options={[\n                { value: '5', label: '5' },\n                { value: '10', label: '10' },\n                { value: '25', label: '25' },\n                { value: '50', label: '50' },\n              ]}\n            />\n          </section>\n        </div>\n        <div className={style.paginationControlButtons}>\n          {isFetching && <InlineSpinner ariaLabel={t('labels.paginationFetchingLabel')} />}\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationFirst')}\n            isDisabled={currentPage === 1}\n            onClick={handleFirstPage}\n          >\n            <PaginationFirstIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationPrev')}\n            data-testid=\"pagination-previous\"\n            isDisabled={currentPage === 1}\n            onClick={handlePreviousPage}\n          >\n            <PaginationPrevIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationNext')}\n            data-testid=\"pagination-next\"\n            isDisabled={currentPage === totalPages}\n            onClick={handleNextPage}\n          >\n            <PaginationNextIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationLast')}\n            isDisabled={currentPage === totalPages}\n            onClick={handleLastPage}\n          >\n            <PaginationLastIcon />\n          </Components.ButtonIcon>\n        </div>\n      </Flex>\n    </section>\n  )\n}\n\n/** @internal */\nexport const PaginationControl = (props: PaginationControlProps) => {\n  const Components = useComponentContext()\n\n  return Components.PaginationControl ? (\n    <Components.PaginationControl {...props} />\n  ) : (\n    <DefaultPaginationControl {...props} />\n  )\n}\n"],"names":["MINIMUM_PAGE_SIZE","shouldShowPagination","totalCount","DefaultPaginationControl","currentPage","totalPages","isFetching","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","itemsPerPage","t","useTranslation","Components","useComponentContext","jsx","style","jsxs","Flex","n","InlineSpinner","PaginationFirstIcon","PaginationPrevIcon","PaginationNextIcon","PaginationLastIcon","PaginationControl","props"],"mappings":"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"}

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

@@ -1,18 +1,18 @@
 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 R 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 { 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({
+import { PercentageField as w } from "../Fields/PercentageField/PercentageField.js";
+import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useLocale as I } from "../../../contexts/LocaleProvider/useLocale.js";
+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
 }) {
@@ -20,12 +20,12 @@ function B({
     case "date":
       return /* @__PURE__ */ t(N, { ...a });
     case "radio":
-      return /* @__PURE__ */ t(L, { ...a });
+      return /* @__PURE__ */ t(P, { ...a });
     case "text":
     case "account_number":
-      return /* @__PURE__ */ t(y, { ...a });
+      return /* @__PURE__ */ t(k, { ...a });
     case "select":
-      return /* @__PURE__ */ t(E, { ...a });
+      return /* @__PURE__ */ t(L, { ...a });
     case "number":
       return /* @__PURE__ */ t(p, { ...a });
     case "workers_compensation_rate":
@@ -36,96 +36,97 @@ function B({
     case "currency":
       return /* @__PURE__ */ t(p, { ...a, isCurrency: !0 });
     default:
-      return /* @__PURE__ */ t(y, { ...a });
+      return /* @__PURE__ */ t(k, { ...a });
   }
 }
-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;
+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;
   if (!c?.options) throw new Error("Select input must have options");
-  return r ? /* @__PURE__ */ t(
-    w,
+  return o ? /* @__PURE__ */ t(
+    D,
     {
       isRequired: !0,
-      name: r,
-      defaultValue: n,
-      label: u,
-      description: o,
-      isDisabled: r.includes("fileNewHireReport") ? n !== void 0 : i,
-      options: c.options.map((s, l) => ({
-        value: s.value,
-        label: s.label
+      name: o,
+      defaultValue: u,
+      label: i,
+      description: l,
+      placeholder: n("selectPlaceholder"),
+      isDisabled: o.includes("fileNewHireReport") ? u !== void 0 : s,
+      options: c.options.map((r, d) => ({
+        value: r.value,
+        label: r.label
       }))
     }
   ) : null;
 }
-function y({
+function k({
   question: e,
   requirement: a,
-  isDisabled: i = !1,
-  type: r = "text",
-  isPercent: u = !1
+  isDisabled: s = !1,
+  type: n = "text",
+  isPercent: o = !1
 }) {
-  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,
+  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);
+  return i ? /* @__PURE__ */ t(
+    h,
     {
       isRequired: !0,
-      name: o,
-      label: n,
-      defaultValue: s,
-      description: c,
-      isDisabled: i,
-      transform: l ? d : void 0,
-      placeholder: l || void 0,
-      type: r,
-      adornmentEnd: u ? "%" : void 0
+      name: i,
+      label: l,
+      defaultValue: c,
+      description: u,
+      isDisabled: s,
+      transform: r ? d : void 0,
+      placeholder: r || void 0,
+      type: n,
+      adornmentEnd: o ? "%" : void 0
     }
   ) : null;
 }
 function p({
   question: e,
   requirement: a,
-  isCurrency: i,
-  isPercent: r,
-  isDisabled: u = !1
+  isCurrency: s,
+  isPercent: n,
+  isDisabled: o = !1
 }) {
-  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 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;
+  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;
   return /* @__PURE__ */ t(
     x,
     {
       isRequired: !0,
-      name: n,
-      label: c,
-      description: s ?? d,
-      defaultValue: l != null ? Number(l) : void 0,
-      format: i ? "currency" : r ? "percent" : "decimal",
-      isDisabled: u,
-      maximumFractionDigits: r ? 4 : void 0,
+      name: l,
+      label: u,
+      description: c ?? d,
+      defaultValue: r != null ? Number(r) : void 0,
+      format: s ? "currency" : n ? "percent" : "decimal",
+      isDisabled: o,
+      maximumFractionDigits: n ? 4 : void 0,
       adornmentEnd: m
     }
   );
 }
-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(
+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)}`);
+  return n ? /* @__PURE__ */ t(
     _,
     {
       isRequired: !0,
-      name: r,
-      isDisabled: r.includes("fileNewHireReport") ? n !== void 0 : i,
-      description: o && /* @__PURE__ */ t(c, { as: "span", children: /* @__PURE__ */ t(
+      name: n,
+      isDisabled: n.includes("fileNewHireReport") ? l !== void 0 : s,
+      description: i && /* @__PURE__ */ t(u, { as: "span", children: /* @__PURE__ */ t(
         "span",
         {
-          dangerouslySetInnerHTML: { __html: k.sanitize(o, F) }
+          dangerouslySetInnerHTML: { __html: R.sanitize(i, E) }
         }
       ) }),
-      label: u,
-      options: s.options.map((l) => ({
-        value: l.value,
-        label: l.label
+      label: o,
+      options: c.options.map((r) => ({
+        value: r.value,
+        label: r.label
       }))
     }
   ) : null;
@@ -133,73 +134,74 @@ function L({ question: e, requirement: a, isDisabled: i = !1 }) {
 function N({
   question: e,
   requirement: a,
-  isDisabled: i = !1
+  isDisabled: s = !1
 }) {
-  const { key: r, label: u, description: o } = e || a, n = e ? e.answers[0]?.value : a.value;
-  if (typeof n != "string" && typeof n < "u")
+  const { key: n, label: o, description: i } = e || a, l = e ? e.answers[0]?.value : a.value;
+  if (typeof l != "string" && typeof l < "u")
     throw new Error("Expecting value to be string for DateInput");
-  return r ? /* @__PURE__ */ t(
+  return n ? /* @__PURE__ */ t(
     T,
     {
       isRequired: !0,
-      name: r,
-      defaultValue: n ? new Date(n) : null,
-      label: u,
-      description: o,
-      isDisabled: i
+      name: n,
+      defaultValue: l ? new Date(l) : null,
+      label: o,
+      description: i,
+      isDisabled: s
     }
   ) : null;
 }
-function S({ requirement: e, question: a, ...i }) {
-  const { locale: r } = C();
+function S({ requirement: e, question: a, ...s }) {
+  const { locale: n } = I(), { t: o } = v("common");
   if (e) {
-    const { key: s, metadata: l, label: d, description: m } = e, { validation: f } = l || {};
+    const { key: r, metadata: d, label: m, description: b } = e, { validation: f } = d || {};
     return f?.type === "one_of" ? /* @__PURE__ */ t(
-      w,
+      D,
       {
         isRequired: !0,
-        name: s || "",
-        label: d || "",
-        description: m,
-        options: f.rates?.map((v) => ({
-          value: v,
-          label: g(v, r)
+        name: r || "",
+        label: m || "",
+        description: b,
+        placeholder: o("selectPlaceholder"),
+        options: f.rates?.map((y) => ({
+          value: y,
+          label: F(y, n)
         })) || []
       }
     ) : /* @__PURE__ */ t(
-      b,
+      w,
       {
         isRequired: !0,
-        name: s || "",
-        label: d || "",
-        description: m,
+        name: r || "",
+        label: m || "",
+        description: b,
         decimalValue: e.value,
         decimalMin: f?.min,
         decimalMax: f?.max,
-        isDisabled: i.isDisabled
+        isDisabled: s.isDisabled
       }
     );
   }
-  const { key: u, label: o, description: n, answers: c } = a;
+  const { key: i, label: l, description: u, answers: c } = a;
   return /* @__PURE__ */ t(
-    b,
+    w,
     {
       isRequired: !0,
-      name: u || "",
-      label: o || "",
-      description: n,
+      name: i || "",
+      label: l || "",
+      description: u,
       decimalValue: c[0]?.value,
-      isDisabled: i.isDisabled
+      isDisabled: s.isDisabled
     }
   );
 }
 export {
   N as DateField,
   p as NumberInput,
-  B as QuestionInput,
-  L as RadioInput,
-  E as SelectInput,
+  K as QuestionInput,
+  P as RadioInput,
+  L as SelectInput,
   S as TaxRateInput,
-  y as TextInput
+  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-v-2025-11-15/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api-v-2025-11-15/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 { 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      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\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          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","key","label","description","value","meta","SelectField","item","_","type","isPercent","mask","transform","useMaskedTransform","TextInputField","isCurrency","t","useTranslation","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-v-2025-11-15/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api-v-2025-11-15/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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"}

package/dist/components/Common/UI/Breadcrumbs/Breadcrumbs.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import h from "classnames";
+import { Flex as u } from "../../Flex/Flex.js";
 import { BreadcrumbsDefaults as C } from "./BreadcrumbsTypes.js";
 import i from "./Breadcrumbs.module.scss.js";
 import { applyMissingDefaults as x } from "../../../../helpers/applyMissingDefaults.js";
-import { Flex as u } from "../../Flex/Flex.js";
 function P(f) {
   const p = x(f, C), {
     className: s,

package/dist/components/Common/UI/FileInput/FileInput.js

@@ -7,13 +7,13 @@ import { FileInputDefaults as K } from "./FileInputTypes.js";
 import n from "./FileInput.module.scss.js";
 import { applyMissingDefaults as L } from "../../../../helpers/applyMissingDefaults.js";
 import { FieldLayout as O } from "../../FieldLayout/FieldLayout.js";
+import { Flex as y } from "../../Flex/Flex.js";
 import { ButtonIcon as R } from "../Button/ButtonIcon.js";
 import W from "../../../../assets/icons/icon-trashcan.svg.js";
 import Z from "../../../../assets/icons/icon-file-outline.svg.js";
 import $ from "../../../../assets/icons/icon-file-pdf.svg.js";
 import H from "../../../../assets/icons/icon-file-png.svg.js";
 import V from "../../../../assets/icons/icon-file-jpg.svg.js";
-import { Flex as y } from "../../Flex/Flex.js";
 function Q(i) {
   return i === "application/pdf" ? $ : i === "image/png" ? H : i === "image/jpeg" || i === "image/jpg" ? V : Z;
 }

package/dist/components/Common/UI/Menu/MenuTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTypes.js","sources":["../../../../../src/components/Common/UI/Menu/MenuTypes.ts"],"sourcesContent":["import type { ReactNode, RefObject } from 'react'\nimport type { DataAttributes } from '@/types/Helpers'\n\n/**\n * Action entry your `Menu` implementation must accept for each entry in its `items` array\n * from the component adapter.\n *\n * @public\n * @group Utility Types\n */\nexport interface MenuItem extends DataAttributes {\n  /**\n   * Text label for the menu item\n   */\n  label: string\n  /**\n   * Optional icon to display before the label\n   */\n  icon?: ReactNode\n  /**\n   * Callback function when the menu item is clicked\n   */\n  onClick: () => void\n  /**\n   * Disables the menu item and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Optional URL to navigate to when clicked\n   */\n  href?: string\n}\n\n/**\n * Props your `Menu` implementation must accept from the component adapter.\n * Renders a popover menu of actions anchored to a trigger element.\n *\n * @public\n * @group Component Props\n */\nexport interface MenuProps extends DataAttributes {\n  /**\n   * Reference to the element that triggers the menu\n   */\n  triggerRef?: RefObject<Element | null>\n  /**\n   * Array of menu items to display\n   */\n  items?: MenuItem[]\n  /**\n   * Controls whether the menu is currently open\n   *\n   * @defaultValue `false`\n   */\n  isOpen?: boolean\n  /**\n   * Callback when the menu is closed\n   */\n  onClose?: () => void\n  /**\n   * Accessible label describing the menu's purpose\n   */\n  'aria-label': string\n  /**\n   * Element to use as the portal container for the menu popover.\n   * Overrides the default SDK root container from context.\n   */\n  portalContainer?: HTMLElement\n  /**\n   * Controls the placement of the menu popover relative to the trigger\n   *\n   * @defaultValue `'bottom start'`\n   */\n  placement?:\n    | 'top'\n    | 'top start'\n    | 'top end'\n    | 'bottom'\n    | 'bottom start'\n    | 'bottom end'\n    | 'left'\n    | 'right'\n}\n\n/**\n * Default prop values for the {@link Menu} component.\n *\n * @internal\n */\nexport const MenuDefaults = {\n  isOpen: false,\n  placement: 'bottom start',\n} as const satisfies Partial<MenuProps>\n"],"names":["MenuDefaults"],"mappings":"AAyFO,MAAMA,IAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AACb;"}
+{"version":3,"file":"MenuTypes.js","sources":["../../../../../src/components/Common/UI/Menu/MenuTypes.ts"],"sourcesContent":["import type { ReactNode, RefObject } from 'react'\nimport type { DataAttributes } from '@/types/Helpers'\n\n/**\n * Action entry your `Menu` implementation must accept for each entry in its `items` array\n * from the component adapter.\n *\n * @public\n * @group Utility Types\n */\nexport interface MenuItem extends DataAttributes {\n  /**\n   * Text label for the menu item\n   */\n  label: string\n  /**\n   * Optional icon to display before the label\n   */\n  icon?: ReactNode\n  /**\n   * Callback function when the menu item is clicked\n   */\n  onClick: () => void\n  /**\n   * Disables the menu item and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Optional URL to navigate to when clicked\n   */\n  href?: string\n}\n\n/**\n * Props your `Menu` implementation must accept from the component adapter.\n * Renders a popover menu of actions anchored to a trigger element.\n *\n * @public\n * @group Component Props\n */\nexport interface MenuProps extends DataAttributes {\n  /**\n   * Reference to the element that triggers the menu\n   */\n  triggerRef?: RefObject<Element | null>\n  /**\n   * Array of menu items to display\n   */\n  items?: MenuItem[]\n  /**\n   * Controls whether the menu is currently open\n   *\n   * @defaultValue `false`\n   */\n  isOpen?: boolean\n  /**\n   * Callback when the menu is closed\n   */\n  onClose?: () => void\n  /**\n   * Accessible label describing the menu's purpose\n   */\n  'aria-label': string\n  /**\n   * Element to use as the portal container for the menu popover.\n   * Overrides the default SDK root container from context.\n   */\n  portalContainer?: HTMLElement\n  /**\n   * Controls the placement of the menu popover relative to the trigger\n   *\n   * @defaultValue `'bottom start'`\n   */\n  placement?:\n    'top' | 'top start' | 'top end' | 'bottom' | 'bottom start' | 'bottom end' | 'left' | 'right'\n}\n\n/**\n * Default prop values for the {@link Menu} component.\n *\n * @internal\n */\nexport const MenuDefaults = {\n  isOpen: false,\n  placement: 'bottom start',\n} as const satisfies Partial<MenuProps>\n"],"names":["MenuDefaults"],"mappings":"AAkFO,MAAMA,IAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AACb;"}

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

@@ -1,26 +1,26 @@
-const o = "_dialog_32mr1_1", l = "_backdrop_32mr1_21", t = "_backdropSmall_32mr1_31", _ = "_modal_32mr1_35", a = "_modalSmall_32mr1_58", r = "_modalOverflowing_32mr1_62", c = "_content_32mr1_66", n = "_contentScrollable_32mr1_73", m = "_footer_32mr1_80", e = "_footerFixed_32mr1_90", d = {
+const o = "_dialog_1pl4t_1", l = "_backdrop_1pl4t_23", t = "_backdropSmall_1pl4t_33", _ = "_modal_1pl4t_37", a = "_modalSmall_1pl4t_60", c = "_modalOverflowing_1pl4t_64", n = "_content_1pl4t_68", e = "_contentScrollable_1pl4t_75", d = "_footer_1pl4t_82", r = "_footerFixed_1pl4t_92", p = {
   dialog: o,
   backdrop: l,
   backdropSmall: t,
   modal: _,
   modalSmall: a,
-  modalOverflowing: r,
-  content: c,
-  contentScrollable: n,
-  footer: m,
-  footerFixed: e
+  modalOverflowing: c,
+  content: n,
+  contentScrollable: e,
+  footer: d,
+  footerFixed: r
 };
 export {
   l as backdrop,
   t as backdropSmall,
-  c as content,
-  n as contentScrollable,
-  d as default,
+  n as content,
+  e as contentScrollable,
+  p as default,
   o as dialog,
-  m as footer,
-  e as footerFixed,
+  d as footer,
+  r as footerFixed,
   _ as modal,
-  r as modalOverflowing,
+  c as modalOverflowing,
   a as modalSmall
 };
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/components/Common/UI/NumberInput/NumberInput.d.ts

@@ -6,4 +6,4 @@ import { NumberInputProps } from './NumberInputTypes';
  * @returns The rendered number input field.
  * @internal
  */
-export declare function NumberInput({ name, format, inputRef, id, value, description, errorMessage, isRequired, placeholder, isInvalid, isDisabled, onChange, onBlur, label, min, max, shouldVisuallyHideLabel, adornmentStart, adornmentEnd, className, maximumFractionDigits, minimumFractionDigits, ...props }: NumberInputProps): import("react").JSX.Element;
+export declare function NumberInput({ name, format, inputRef, id, value, description, errorMessage, isRequired, placeholder, isInvalid, isDisabled, onChange, onBlur, onInputChange, label, min, max, shouldVisuallyHideLabel, adornmentStart, adornmentEnd, className, maximumFractionDigits, minimumFractionDigits, ...props }: NumberInputProps): import("react").JSX.Element;