@dmsi/wedgekit-react 0.0.152 → 0.0.154

package/dist/{chunk-ODWBREZN.js → chunk-2KBVPH75.js}

@@ -14,7 +14,11 @@ import {
   Checkbox
 } from "./chunk-WFQEE2OO.js";
 import {
-  formatCurrencyDisplay
+  Button
+} from "./chunk-FKMKHLQH.js";
+import {
+  formatCurrencyDisplay,
+  formatDecimalValue
 } from "./chunk-5UH6QUFB.js";
 import {
   Subheader
@@ -28,9 +32,6 @@ import {
 import {
   Card
 } from "./chunk-4LXG6QNT.js";
-import {
-  Button
-} from "./chunk-FKMKHLQH.js";
 
 // src/components/SelectPaymentMethod.tsx
 import { useEffect, useState } from "react";
@@ -136,7 +137,16 @@ function SelectPaymentMethod(props) {
         children: isPayLoading ? "Processing..." : "Submit Payment"
       }
     ),
-    payAllWithCredits && /* @__PURE__ */ jsx(Button, { testid: testid ? `${testid}-submit-payment-button` : void 0, block: true, onClick: onPay, disabled: isPayLoading, children: isPayLoading ? "Processing..." : "Submit Payment" })
+    payAllWithCredits && /* @__PURE__ */ jsx(
+      Button,
+      {
+        testid: testid ? `${testid}-submit-payment-button` : void 0,
+        block: true,
+        onClick: onPay,
+        disabled: isPayLoading,
+        children: isPayLoading ? "Processing..." : "Submit Payment"
+      }
+    )
   ] });
 }
 function ACHSelector(props) {
@@ -227,12 +237,19 @@ function CreditsSelector(props) {
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxs(Subheader, { testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : void 0, className: " pr-desktop-component-padding", children: [
-                    "$",
-                    formatCurrencyDisplay(
-                      `${Math.abs(credits.InvoiceBalanceDue)}`
-                    )
-                  ] })
+                  /* @__PURE__ */ jsxs(
+                    Subheader,
+                    {
+                      testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : void 0,
+                      className: " pr-desktop-component-padding",
+                      children: [
+                        "$",
+                        formatCurrencyDisplay(
+                          formatDecimalValue(Math.abs(credits.InvoiceBalanceDue), 2)
+                        )
+                      ]
+                    }
+                  )
                 ]
               },
               credits.AROpenGUID

package/dist/{chunk-AMM762XG.js → chunk-2VT3YJ47.js}

@@ -1,12 +1,12 @@
 import {
   SelectPaymentMethod
-} from "./chunk-ODWBREZN.js";
+} from "./chunk-2KBVPH75.js";
 import {
   Modal
-} from "./chunk-5GOJRLQO.js";
+} from "./chunk-NRCUFAOZ.js";
 import {
   Input
-} from "./chunk-4T3DRGLF.js";
+} from "./chunk-MVGOAMTP.js";
 import {
   formatCurrencyDisplay
 } from "./chunk-5UH6QUFB.js";

package/dist/{chunk-KHQX42T7.js → chunk-IDN3IN2A.js}

@@ -121,7 +121,14 @@ export {
   parseInputDate,
   isValidDate,
   formatInputValue,
+  isDigit,
+  isSlash,
+  countDigitsUpToCursor,
+  findPositionAfterDigitCount,
   calculateCursorPosition,
+  parseDateParts,
+  isValidDateRange,
+  formatDatePartsToDisplay,
   formatDate,
   isValidDateRangeOrder
 };

package/dist/{chunk-PMBEIP24.js → chunk-IDSFWKOR.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-4T3DRGLF.js";
+} from "./chunk-MVGOAMTP.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-56Y5DDG3.js → chunk-KADNOKNW.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-4T3DRGLF.js";
+} from "./chunk-MVGOAMTP.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
@@ -95,7 +95,11 @@ var Select = (_a) => {
         error,
         readOnly,
         removeRoundness,
-        focus: show
+        focus: show,
+        onChange: (e) => {
+          var _a2;
+          return (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
+        }
       }, props), {
         value: displayValue != null ? displayValue : value
       })

package/dist/{chunk-4NCDT5ZY.js → chunk-WJ447JB5.js}

@@ -1,18 +1,18 @@
 import {
   Menu
-} from "./chunk-YR7JUKYO.js";
+} from "./chunk-LPARJM6S.js";
 import {
   useSubMenuSystem
 } from "./chunk-5GUW4DUY.js";
 import {
   MenuOption
-} from "./chunk-FFU6FB3K.js";
-import {
-  Search
-} from "./chunk-PMBEIP24.js";
+} from "./chunk-AEDEFN7A.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";
+import {
+  Search
+} from "./chunk-IDSFWKOR.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/components/DataGridCell.js

@@ -4,17 +4,17 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-4NCDT5ZY.js";
-import "../chunk-YR7JUKYO.js";
+} from "../chunk-WJ447JB5.js";
+import "../chunk-LPARJM6S.js";
 import "../chunk-5GUW4DUY.js";
-import "../chunk-FFU6FB3K.js";
-import "../chunk-WNQ53SVY.js";
+import "../chunk-AEDEFN7A.js";
+import "../chunk-WVUIIBRR.js";
 import "../chunk-4T7F5BZZ.js";
-import "../chunk-PMBEIP24.js";
-import "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+import "../chunk-IDSFWKOR.js";
+import "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
-import "../chunk-WVUIIBRR.js";
+import "../chunk-WNQ53SVY.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-HVI3CL7Y.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/DateInput.js

@@ -1,21 +1,21 @@
-import {
-  calculateCursorPosition,
-  formatDate,
-  formatInputValue,
-  isValidDate,
-  parseInputDate
-} from "../chunk-KHQX42T7.js";
 import {
   findDocumentRoot
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
 import {
   CalendarRange
 } from "../chunk-NMVSRA5Y.js";
+import {
+  calculateCursorPosition,
+  formatDate,
+  formatInputValue,
+  isValidDate,
+  parseInputDate
+} from "../chunk-IDN3IN2A.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/DateRangeInput.js

@@ -1,22 +1,22 @@
-import {
-  calculateCursorPosition,
-  formatDate,
-  formatInputValue,
-  isValidDate,
-  isValidDateRangeOrder,
-  parseInputDate
-} from "../chunk-KHQX42T7.js";
 import {
   findDocumentRoot
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
 import {
   CalendarRange
 } from "../chunk-NMVSRA5Y.js";
+import {
+  calculateCursorPosition,
+  formatDate,
+  formatInputValue,
+  isValidDate,
+  isValidDateRangeOrder,
+  parseInputDate
+} from "../chunk-IDN3IN2A.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/FilterGroup.js

@@ -2,22 +2,22 @@
 import {
   OptionPill
 } from "../chunk-LM5MKBPM.js";
-import {
-  Checkbox
-} from "../chunk-WFQEE2OO.js";
 import {
   Search
-} from "../chunk-PMBEIP24.js";
-import "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-IDSFWKOR.js";
+import "../chunk-MVGOAMTP.js";
 import {
   Label
 } from "../chunk-JWCT72WR.js";
+import {
+  Checkbox
+} from "../chunk-WFQEE2OO.js";
+import "../chunk-FKMKHLQH.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-HVI3CL7Y.js";
 import {
   Link
 } from "../chunk-I6GEUF6Y.js";
-import "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Input.js

@@ -6,9 +6,9 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Menu.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Menu
-} from "../chunk-YR7JUKYO.js";
+} from "../chunk-LPARJM6S.js";
 import "../chunk-5GUW4DUY.js";
-import "../chunk-WNQ53SVY.js";
 import "../chunk-4T7F5BZZ.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Menu

package/dist/components/MenuOption.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-FFU6FB3K.js";
-import "../chunk-WNQ53SVY.js";
+} from "../chunk-AEDEFN7A.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-HVI3CL7Y.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/MobileDataGrid.js

@@ -4,15 +4,15 @@ import {
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Modal.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   Modal
-} from "../chunk-5GOJRLQO.js";
+} from "../chunk-NRCUFAOZ.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-R7ELP5C5.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-AZ7LVLOK.js";
-import "../chunk-WNQ53SVY.js";
 import "../chunk-4T7F5BZZ.js";
 import "../chunk-FKMKHLQH.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/NestedMenu.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-FFU6FB3K.js";
+} from "../chunk-AEDEFN7A.js";
+import "../chunk-JWCT72WR.js";
 import {
   useKeydown
 } from "../chunk-WNQ53SVY.js";
-import "../chunk-JWCT72WR.js";
 import "../chunk-HVI3CL7Y.js";
 import {
   Icon

package/dist/components/Notification.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/PDFViewer.js

@@ -1,24 +1,24 @@
 "use client";
 import {
   Modal
-} from "../chunk-5GOJRLQO.js";
+} from "../chunk-NRCUFAOZ.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-R7ELP5C5.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-AZ7LVLOK.js";
+import "../chunk-4T7F5BZZ.js";
 import {
   Caption
 } from "../chunk-E7D24OHM.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-4T7F5BZZ.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Password.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   InputBase
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/PaymentOnAccountModal.cjs

@@ -2170,7 +2170,16 @@ function SelectPaymentMethod(props) {
         children: isPayLoading ? "Processing..." : "Submit Payment"
       }
     ),
-    payAllWithCredits && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { testid: testid ? `${testid}-submit-payment-button` : void 0, block: true, onClick: onPay, disabled: isPayLoading, children: isPayLoading ? "Processing..." : "Submit Payment" })
+    payAllWithCredits && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      Button,
+      {
+        testid: testid ? `${testid}-submit-payment-button` : void 0,
+        block: true,
+        onClick: onPay,
+        disabled: isPayLoading,
+        children: isPayLoading ? "Processing..." : "Submit Payment"
+      }
+    )
   ] });
 }
 function ACHSelector(props) {
@@ -2261,12 +2270,19 @@ function CreditsSelector(props) {
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Subheader, { testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : void 0, className: " pr-desktop-component-padding", children: [
-                    "$",
-                    formatCurrencyDisplay(
-                      `${Math.abs(credits.InvoiceBalanceDue)}`
-                    )
-                  ] })
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                    Subheader,
+                    {
+                      testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : void 0,
+                      className: " pr-desktop-component-padding",
+                      children: [
+                        "$",
+                        formatCurrencyDisplay(
+                          formatDecimalValue(Math.abs(credits.InvoiceBalanceDue), 2)
+                        )
+                      ]
+                    }
+                  )
                 ]
               },
               credits.AROpenGUID

package/dist/components/PaymentOnAccountModal.js

@@ -1,11 +1,11 @@
 import {
   PaymentOnAccountModal,
   calculateSurcharge
-} from "../chunk-AMM762XG.js";
-import "../chunk-ODWBREZN.js";
+} from "../chunk-2VT3YJ47.js";
+import "../chunk-2KBVPH75.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
-import "../chunk-5GOJRLQO.js";
+import "../chunk-NRCUFAOZ.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
@@ -14,18 +14,18 @@ import "../chunk-ZFOANBWG.js";
 import "../chunk-GG5JOFS6.js";
 import "../chunk-AZ7LVLOK.js";
 import "../chunk-EPQLWHCL.js";
+import "../chunk-4T7F5BZZ.js";
+import "../chunk-MVGOAMTP.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-WFQEE2OO.js";
+import "../chunk-FKMKHLQH.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-4T7F5BZZ.js";
-import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-JWCT72WR.js";
 import "../chunk-CYZL57LH.js";
 import "../chunk-WSS2DFTP.js";
 import "../chunk-N6JVLYEE.js";
 import "../chunk-4LXG6QNT.js";
 import "../chunk-HVI3CL7Y.js";
-import "../chunk-FKMKHLQH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Search.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Search
-} from "../chunk-PMBEIP24.js";
-import "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-IDSFWKOR.js";
+import "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Select.cjs

@@ -777,7 +777,11 @@ var Select = (_a) => {
         error,
         readOnly,
         removeRoundness,
-        focus: show
+        focus: show,
+        onChange: (e) => {
+          var _a2;
+          return (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
+        }
       }, props), {
         value: displayValue != null ? displayValue : value
       })

package/dist/components/Select.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Select
-} from "../chunk-56Y5DDG3.js";
-import "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-KADNOKNW.js";
+import "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/SelectPaymentMethod.cjs

@@ -975,6 +975,19 @@ var Subheader = (_a) => {
 Subheader.displayName = "Subheader";
 
 // src/utils/formatting.tsx
+function formatDecimalValue(value, decimals) {
+  if (!value || value === "") {
+    return "";
+  }
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+  if (isNaN(numValue)) {
+    return "";
+  }
+  if (!decimals || decimals <= 0) {
+    return String(Math.round(numValue));
+  }
+  return numValue.toFixed(decimals);
+}
 function formatCurrencyDisplay(value) {
   if (!value || value === "") {
     return "";
@@ -1213,7 +1226,16 @@ function SelectPaymentMethod(props) {
         children: isPayLoading ? "Processing..." : "Submit Payment"
       }
     ),
-    payAllWithCredits && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { testid: testid ? `${testid}-submit-payment-button` : void 0, block: true, onClick: onPay, disabled: isPayLoading, children: isPayLoading ? "Processing..." : "Submit Payment" })
+    payAllWithCredits && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      Button,
+      {
+        testid: testid ? `${testid}-submit-payment-button` : void 0,
+        block: true,
+        onClick: onPay,
+        disabled: isPayLoading,
+        children: isPayLoading ? "Processing..." : "Submit Payment"
+      }
+    )
   ] });
 }
 function ACHSelector(props) {
@@ -1304,12 +1326,19 @@ function CreditsSelector(props) {
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Subheader, { testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : void 0, className: " pr-desktop-component-padding", children: [
-                    "$",
-                    formatCurrencyDisplay(
-                      `${Math.abs(credits.InvoiceBalanceDue)}`
-                    )
-                  ] })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                    Subheader,
+                    {
+                      testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : void 0,
+                      className: " pr-desktop-component-padding",
+                      children: [
+                        "$",
+                        formatCurrencyDisplay(
+                          formatDecimalValue(Math.abs(credits.InvoiceBalanceDue), 2)
+                        )
+                      ]
+                    }
+                  )
                 ]
               },
               credits.AROpenGUID

package/dist/components/SelectPaymentMethod.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   SelectPaymentMethod
-} from "../chunk-ODWBREZN.js";
+} from "../chunk-2KBVPH75.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
 import "../chunk-GG5JOFS6.js";
 import "../chunk-EPQLWHCL.js";
 import "../chunk-WFQEE2OO.js";
+import "../chunk-FKMKHLQH.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CYZL57LH.js";
 import "../chunk-WSS2DFTP.js";
 import "../chunk-N6JVLYEE.js";
 import "../chunk-4LXG6QNT.js";
 import "../chunk-HVI3CL7Y.js";
-import "../chunk-FKMKHLQH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Stepper.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   InputBase
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
 import {
   Button
 } from "../chunk-FKMKHLQH.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Time.js

@@ -3,9 +3,9 @@ import {
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";

package/dist/components/Toast.js

@@ -2,12 +2,12 @@
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
-import {
-  Paragraph
-} from "../chunk-HVI3CL7Y.js";
 import {
   Button
 } from "../chunk-FKMKHLQH.js";
+import {
+  Paragraph
+} from "../chunk-HVI3CL7Y.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Upload.js

@@ -1,9 +1,9 @@
-import {
-  Paragraph
-} from "../chunk-HVI3CL7Y.js";
 import {
   Button
 } from "../chunk-FKMKHLQH.js";
+import {
+  Paragraph
+} from "../chunk-HVI3CL7Y.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/index.cjs

@@ -3252,7 +3252,11 @@ var Select = (_a) => {
         error,
         readOnly,
         removeRoundness,
-        focus: show
+        focus: show,
+        onChange: (e) => {
+          var _a2;
+          return (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
+        }
       }, props), {
         value: displayValue != null ? displayValue : value
       })
@@ -4766,7 +4770,16 @@ function SelectPaymentMethod(props) {
         children: isPayLoading ? "Processing..." : "Submit Payment"
       }
     ),
-    payAllWithCredits && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { testid: testid ? `${testid}-submit-payment-button` : void 0, block: true, onClick: onPay, disabled: isPayLoading, children: isPayLoading ? "Processing..." : "Submit Payment" })
+    payAllWithCredits && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      Button,
+      {
+        testid: testid ? `${testid}-submit-payment-button` : void 0,
+        block: true,
+        onClick: onPay,
+        disabled: isPayLoading,
+        children: isPayLoading ? "Processing..." : "Submit Payment"
+      }
+    )
   ] });
 }
 function ACHSelector(props) {
@@ -4857,12 +4870,19 @@ function CreditsSelector(props) {
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Subheader, { testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : void 0, className: " pr-desktop-component-padding", children: [
-                    "$",
-                    formatCurrencyDisplay(
-                      `${Math.abs(credits.InvoiceBalanceDue)}`
-                    )
-                  ] })
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                    Subheader,
+                    {
+                      testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : void 0,
+                      className: " pr-desktop-component-padding",
+                      children: [
+                        "$",
+                        formatCurrencyDisplay(
+                          formatDecimalValue(Math.abs(credits.InvoiceBalanceDue), 2)
+                        )
+                      ]
+                    }
+                  )
                 ]
               },
               credits.AROpenGUID

package/dist/components/index.js

@@ -1,16 +1,16 @@
 import {
   Tooltip
 } from "../chunk-4VTOTNKJ.js";
-import {
-  Select
-} from "../chunk-56Y5DDG3.js";
 import {
   PaymentOnAccountModal
-} from "../chunk-AMM762XG.js";
-import "../chunk-ODWBREZN.js";
+} from "../chunk-2VT3YJ47.js";
+import {
+  Select
+} from "../chunk-KADNOKNW.js";
+import "../chunk-2KBVPH75.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
-import "../chunk-5GOJRLQO.js";
+import "../chunk-NRCUFAOZ.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
@@ -19,37 +19,40 @@ import "../chunk-ZFOANBWG.js";
 import "../chunk-GG5JOFS6.js";
 import "../chunk-AZ7LVLOK.js";
 import "../chunk-EPQLWHCL.js";
-import {
-  Checkbox
-} from "../chunk-WFQEE2OO.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-4NCDT5ZY.js";
+} from "../chunk-WJ447JB5.js";
 import {
   Menu
-} from "../chunk-YR7JUKYO.js";
+} from "../chunk-LPARJM6S.js";
 import "../chunk-5GUW4DUY.js";
 import {
   MenuOption
-} from "../chunk-FFU6FB3K.js";
-import {
-  useInfiniteScroll
-} from "../chunk-WNQ53SVY.js";
+} from "../chunk-AEDEFN7A.js";
+import "../chunk-WVUIIBRR.js";
 import "../chunk-4T7F5BZZ.js";
 import {
   Search
-} from "../chunk-PMBEIP24.js";
+} from "../chunk-IDSFWKOR.js";
 import {
   Input
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import {
   Label
 } from "../chunk-JWCT72WR.js";
-import "../chunk-WVUIIBRR.js";
+import {
+  Checkbox
+} from "../chunk-WFQEE2OO.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
+import {
+  useInfiniteScroll
+} from "../chunk-WNQ53SVY.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Subheader
 } from "../chunk-CYZL57LH.js";
@@ -63,9 +66,6 @@ import {
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/utils/index.cjs

@@ -0,0 +1,211 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  calculateCursorPosition: () => calculateCursorPosition,
+  countDigitsUpToCursor: () => countDigitsUpToCursor,
+  findPositionAfterDigitCount: () => findPositionAfterDigitCount,
+  formatCurrencyDisplay: () => formatCurrencyDisplay,
+  formatDate: () => formatDate,
+  formatDatePartsToDisplay: () => formatDatePartsToDisplay,
+  formatDecimalValue: () => formatDecimalValue,
+  formatInputValue: () => formatInputValue,
+  getDecimalPlaceholder: () => getDecimalPlaceholder,
+  isDigit: () => isDigit,
+  isSlash: () => isSlash,
+  isValidDate: () => isValidDate,
+  isValidDateRange: () => isValidDateRange,
+  isValidDateRangeOrder: () => isValidDateRangeOrder,
+  parseDateParts: () => parseDateParts,
+  parseInputDate: () => parseInputDate
+});
+module.exports = __toCommonJS(utils_exports);
+
+// src/utils/formatting.tsx
+function getDecimalPlaceholder(decimals) {
+  if (!decimals || decimals <= 0) {
+    return {};
+  }
+  return {
+    placeholder: `0.${"0".repeat(decimals)}`
+  };
+}
+function formatDecimalValue(value, decimals) {
+  if (!value || value === "") {
+    return "";
+  }
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+  if (isNaN(numValue)) {
+    return "";
+  }
+  if (!decimals || decimals <= 0) {
+    return String(Math.round(numValue));
+  }
+  return numValue.toFixed(decimals);
+}
+function formatCurrencyDisplay(value) {
+  if (!value || value === "") {
+    return "";
+  }
+  const parts = value.split(".");
+  const integerPart = parts[0];
+  const decimalPart = parts[1];
+  const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return decimalPart !== void 0 ? `${formattedInteger}.${decimalPart}` : formattedInteger;
+}
+
+// src/utils/date.ts
+function parseInputDate(input) {
+  const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
+  if (!match) {
+    return null;
+  }
+  const [, month, day, year] = match;
+  const paddedMonth = month.padStart(2, "0");
+  const paddedDay = day.padStart(2, "0");
+  return `${year}-${paddedMonth}-${paddedDay}`;
+}
+function isValidDate(dateString) {
+  const date = new Date(dateString);
+  return date instanceof Date && !isNaN(date.getTime()) && dateString === date.toISOString().split("T")[0];
+}
+function formatInputValue(value) {
+  const digits = value.replace(/\D/g, "");
+  if (digits.length < 2) {
+    return digits;
+  }
+  if (digits.length >= 4) {
+    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+  }
+  return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+}
+function isDigit(character) {
+  return /\d/.test(character);
+}
+function isSlash(character) {
+  return character === "/";
+}
+function countDigitsUpToCursor(value, cursorPosition) {
+  let digitCount = 0;
+  for (let i = 0; i < cursorPosition && i < value.length; i++) {
+    if (!isDigit(value[i])) {
+      continue;
+    }
+    digitCount++;
+  }
+  return digitCount;
+}
+function findPositionAfterDigitCount(formattedValue, targetDigitCount) {
+  let currentDigitCount = 0;
+  for (let i = 0; i < formattedValue.length; i++) {
+    if (!isDigit(formattedValue[i])) {
+      continue;
+    }
+    currentDigitCount++;
+    if (currentDigitCount !== targetDigitCount) {
+      continue;
+    }
+    const positionAfterDigit = i + 1;
+    const nextCharacter = formattedValue[positionAfterDigit];
+    if (nextCharacter && isSlash(nextCharacter)) {
+      return positionAfterDigit + 1;
+    }
+    return positionAfterDigit;
+  }
+  return formattedValue.length;
+}
+function calculateCursorPosition(originalValue, formattedValue, originalPosition) {
+  const targetDigitCount = countDigitsUpToCursor(originalValue, originalPosition);
+  const newPosition = findPositionAfterDigitCount(formattedValue, targetDigitCount);
+  return Math.min(newPosition, formattedValue.length);
+}
+function parseDateParts(dateString) {
+  const [yearStr, monthStr, dayStr] = dateString.split("-");
+  if (!yearStr || !monthStr || !dayStr) {
+    return null;
+  }
+  const year = parseInt(yearStr, 10);
+  const month = parseInt(monthStr, 10);
+  const day = parseInt(dayStr, 10);
+  if (isNaN(year) || isNaN(month) || isNaN(day)) {
+    return null;
+  }
+  return { year, month, day };
+}
+function isValidDateRange(month, day) {
+  if (month < 1 || month > 12) {
+    return false;
+  }
+  if (day < 1 || day > 31) {
+    return false;
+  }
+  return true;
+}
+function formatDatePartsToDisplay(year, month, day) {
+  const paddedMonth = month.toString().padStart(2, "0");
+  const paddedDay = day.toString().padStart(2, "0");
+  return `${paddedMonth}/${paddedDay}/${year}`;
+}
+function formatDate(date) {
+  if (!date) {
+    return "";
+  }
+  try {
+    const dateParts = parseDateParts(date);
+    if (!dateParts) {
+      return "";
+    }
+    const { year, month, day } = dateParts;
+    if (!isValidDateRange(month, day)) {
+      return "";
+    }
+    return formatDatePartsToDisplay(year, month, day);
+  } catch (error) {
+    return "";
+  }
+}
+function isValidDateRangeOrder(fromDate, toDate) {
+  if (!fromDate || !toDate || !isValidDate(fromDate) || !isValidDate(toDate)) {
+    return false;
+  }
+  const from = new Date(fromDate);
+  const to = new Date(toDate);
+  return to >= from;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calculateCursorPosition,
+  countDigitsUpToCursor,
+  findPositionAfterDigitCount,
+  formatCurrencyDisplay,
+  formatDate,
+  formatDatePartsToDisplay,
+  formatDecimalValue,
+  formatInputValue,
+  getDecimalPlaceholder,
+  isDigit,
+  isSlash,
+  isValidDate,
+  isValidDateRange,
+  isValidDateRangeOrder,
+  parseDateParts,
+  parseInputDate
+});

package/dist/utils/index.js

@@ -0,0 +1,39 @@
+import {
+  calculateCursorPosition,
+  countDigitsUpToCursor,
+  findPositionAfterDigitCount,
+  formatDate,
+  formatDatePartsToDisplay,
+  formatInputValue,
+  isDigit,
+  isSlash,
+  isValidDate,
+  isValidDateRange,
+  isValidDateRangeOrder,
+  parseDateParts,
+  parseInputDate
+} from "../chunk-IDN3IN2A.js";
+import {
+  formatCurrencyDisplay,
+  formatDecimalValue,
+  getDecimalPlaceholder
+} from "../chunk-5UH6QUFB.js";
+import "../chunk-ORMEWXMH.js";
+export {
+  calculateCursorPosition,
+  countDigitsUpToCursor,
+  findPositionAfterDigitCount,
+  formatCurrencyDisplay,
+  formatDate,
+  formatDatePartsToDisplay,
+  formatDecimalValue,
+  formatInputValue,
+  getDecimalPlaceholder,
+  isDigit,
+  isSlash,
+  isValidDate,
+  isValidDateRange,
+  isValidDateRangeOrder,
+  parseDateParts,
+  parseInputDate
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.152",
+  "version": "0.0.154",
   "type": "module",
   "scripts": {
     "build": "tsup",
@@ -37,6 +37,11 @@
       "import": "./dist/types.js",
       "require": "./dist/types.cjs"
     },
+    "./utils": {
+      "types": "./src/utils/index.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.cjs"
+    },
     "./styles.css": "./dist/index.css",
     "./fonts.css": "./dist/fonts.css",
     "./package.json": "./package.json"

package/src/components/Select.tsx

@@ -93,6 +93,7 @@ export const Select = ({
         readOnly={readOnly}
         removeRoundness={removeRoundness}
         focus={show}
+        onChange={(e) => props.onChange?.(e)}
         {...props}
         value={displayValue ?? value}
       />

package/src/components/SelectPaymentMethod.tsx

@@ -8,7 +8,7 @@ import { Radio } from "./Radio";
 import { Stack } from "./Stack";
 import { Checkbox } from "./Checkbox";
 import { Subheader } from "./Subheader";
-import { formatCurrencyDisplay } from "../utils/formatting";
+import { formatCurrencyDisplay, formatDecimalValue } from "../utils/formatting";
 import { HorizontalDivider } from "./HorizontalDivider";
 import { Spinner } from "./Spinner";
 import { WorldpayIframe } from "./WorldpayIframe";
@@ -60,7 +60,7 @@ export function SelectPaymentMethod(props: SelectPaymentMethodProps) {
     withCredits = false,
     isLoadingCCiframe,
     cardPaymentUrl,
-    testid
+    testid,
   } = props;
 
   const payAllWithCredits = withCredits && amountToPay <= 0;
@@ -148,7 +148,12 @@ export function SelectPaymentMethod(props: SelectPaymentMethodProps) {
         </Button>
       )}
       {payAllWithCredits && (
-        <Button testid={testid ? `${testid}-submit-payment-button` : undefined} block onClick={onPay} disabled={isPayLoading}>
+        <Button
+          testid={testid ? `${testid}-submit-payment-button` : undefined}
+          block
+          onClick={onPay}
+          disabled={isPayLoading}
+        >
           {isPayLoading ? "Processing..." : "Submit Payment"}
         </Button>
       )}
@@ -175,7 +180,7 @@ function ACHSelector(props: ACHSelectorProps) {
     setSelectedBankGuid,
     customerBanks,
     disabled,
-    testid
+    testid,
   } = props;
 
   function handleBankSelect(
@@ -220,7 +225,7 @@ type CreditsSelectorProps = {
   selectedCredits: unknown[];
   allCredits: unknown[];
   setSelectedCredits: React.Dispatch<React.SetStateAction<unknown[]>>;
-  testid?: string
+  testid?: string;
 };
 function CreditsSelector(props: CreditsSelectorProps) {
   const { selectedCredits, allCredits, setSelectedCredits, testid } = props;
@@ -270,20 +275,35 @@ function CreditsSelector(props: CreditsSelectorProps) {
                 onClick={() => handleCreditSelect(credits)}
                 paddingY
                 flexGrow={1}
-                testid={testid ? `${testid}-credit-${credits.InvoiceNumber}` : undefined}
+                testid={
+                  testid
+                    ? `${testid}-credit-${credits.InvoiceNumber}`
+                    : undefined
+                }
               >
                 <Checkbox
-                  testid={testid ? `${testid}-credit-${credits.InvoiceNumber}-checkbox` : undefined}
+                  testid={
+                    testid
+                      ? `${testid}-credit-${credits.InvoiceNumber}-checkbox`
+                      : undefined
+                  }
                   label={credits.InvoiceNumber}
                   checked={selectedCredits?.includes(credits)}
                   onChange={() => handleCreditSelect(credits)}
                 />
               </Stack>
 
-              <Subheader testid={testid ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue` : undefined} className=" pr-desktop-component-padding">
+              <Subheader
+                testid={
+                  testid
+                    ? `${testid}-credit-${credits.InvoiceNumber}-InvoiceBalanceDue`
+                    : undefined
+                }
+                className=" pr-desktop-component-padding"
+              >
                 $
                 {formatCurrencyDisplay(
-                  `${Math.abs(credits.InvoiceBalanceDue)}`,
+                  formatDecimalValue(Math.abs(credits.InvoiceBalanceDue), 2),
                 )}
               </Subheader>
             </Stack>

package/src/utils/index.ts

@@ -0,0 +1,2 @@
+export * from "./formatting";
+export * from "./date";

package/dist/{chunk-FFU6FB3K.js → chunk-AEDEFN7A.js}

@@ -1,9 +1,9 @@
-import {
-  useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
 import {
   Label
 } from "./chunk-JWCT72WR.js";
+import {
+  useMatchesMobile
+} from "./chunk-WNQ53SVY.js";
 import {
   Paragraph
 } from "./chunk-HVI3CL7Y.js";

package/dist/{chunk-YR7JUKYO.js → chunk-LPARJM6S.js}

@@ -1,12 +1,12 @@
 import {
   useMenuPosition
 } from "./chunk-5GUW4DUY.js";
-import {
-  useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
 import {
   findDocumentRoot
 } from "./chunk-4T7F5BZZ.js";
+import {
+  useMatchesMobile
+} from "./chunk-WNQ53SVY.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-4T3DRGLF.js → chunk-MVGOAMTP.js}

@@ -1,11 +1,11 @@
+import {
+  Label
+} from "./chunk-JWCT72WR.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,
   getDecimalPlaceholder
 } from "./chunk-5UH6QUFB.js";
-import {
-  Label
-} from "./chunk-JWCT72WR.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-5GOJRLQO.js → chunk-NRCUFAOZ.js}

@@ -13,12 +13,12 @@ import {
 import {
   ModalScrim
 } from "./chunk-ZFOANBWG.js";
-import {
-  useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
 import {
   findDocumentRoot
 } from "./chunk-4T7F5BZZ.js";
+import {
+  useMatchesMobile
+} from "./chunk-WNQ53SVY.js";
 
 // src/components/Modal.tsx
 import clsx from "clsx";