@dmsi/wedgekit-react 0.0.151 → 0.0.153

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

@@ -14,7 +14,8 @@ import {
   Checkbox
 } from "./chunk-WFQEE2OO.js";
 import {
-  formatCurrencyDisplay
+  formatCurrencyDisplay,
+  formatDecimalValue
 } from "./chunk-5UH6QUFB.js";
 import {
   Subheader
@@ -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-FAGNATAJ.js}

@@ -1,6 +1,6 @@
 import {
   SelectPaymentMethod
-} from "./chunk-ODWBREZN.js";
+} from "./chunk-2VIJAGJ3.js";
 import {
   Modal
 } from "./chunk-5GOJRLQO.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/components/DateInput.js

@@ -4,7 +4,7 @@ import {
   formatInputValue,
   isValidDate,
   parseInputDate
-} from "../chunk-KHQX42T7.js";
+} from "../chunk-IDN3IN2A.js";
 import {
   findDocumentRoot
 } from "../chunk-4T7F5BZZ.js";

package/dist/components/DateRangeInput.js

@@ -5,7 +5,7 @@ import {
   isValidDate,
   isValidDateRangeOrder,
   parseInputDate
-} from "../chunk-KHQX42T7.js";
+} from "../chunk-IDN3IN2A.js";
 import {
   findDocumentRoot
 } from "../chunk-4T7F5BZZ.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,8 +1,8 @@
 import {
   PaymentOnAccountModal,
   calculateSurcharge
-} from "../chunk-AMM762XG.js";
-import "../chunk-ODWBREZN.js";
+} from "../chunk-FAGNATAJ.js";
+import "../chunk-2VIJAGJ3.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
 import "../chunk-5GOJRLQO.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,7 +1,7 @@
 "use client";
 import {
   SelectPaymentMethod
-} from "../chunk-ODWBREZN.js";
+} from "../chunk-2VIJAGJ3.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
 import "../chunk-GG5JOFS6.js";

package/dist/components/index.cjs

@@ -4766,7 +4766,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 +4866,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

@@ -6,8 +6,8 @@ import {
 } from "../chunk-56Y5DDG3.js";
 import {
   PaymentOnAccountModal
-} from "../chunk-AMM762XG.js";
-import "../chunk-ODWBREZN.js";
+} from "../chunk-FAGNATAJ.js";
+import "../chunk-2VIJAGJ3.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
 import "../chunk-5GOJRLQO.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.151",
+  "version": "0.0.153",
   "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/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";