@dmsi/wedgekit-react 0.0.160 → 0.0.162

package/dist/chunk-NT2ZKA4W.js

@@ -1,266 +0,0 @@
-import {
-  WorldpayIframe
-} from "./chunk-WFGKIR5A.js";
-import {
-  Radio
-} from "./chunk-BATIOCXB.js";
-import {
-  Spinner
-} from "./chunk-PLMGI5K5.js";
-import {
-  HorizontalDivider
-} from "./chunk-EPQLWHCL.js";
-import {
-  Checkbox
-} from "./chunk-WFQEE2OO.js";
-import {
-  formatCurrencyDisplay,
-  formatDecimalValue
-} from "./chunk-5UH6QUFB.js";
-import {
-  Subheader
-} from "./chunk-CYZL57LH.js";
-import {
-  Accordion
-} from "./chunk-WSS2DFTP.js";
-import {
-  Stack
-} from "./chunk-N6JVLYEE.js";
-import {
-  Card
-} from "./chunk-4LXG6QNT.js";
-import {
-  Button
-} from "./chunk-FKMKHLQH.js";
-
-// src/components/SelectPaymentMethod.tsx
-import { useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SelectPaymentMethod(props) {
-  const {
-    amountToPay,
-    selectedMethod,
-    onSelectMethod,
-    selectedCredits,
-    allCredits,
-    allowedMethods,
-    selectedACHBankGuid,
-    setSelectedACHBankGuid,
-    customerBanks,
-    onPay,
-    isPayLoading,
-    withCredits = false,
-    isLoadingCCiframe,
-    cardPaymentUrl,
-    testid
-  } = props;
-  const payAllWithCredits = withCredits && amountToPay <= 0;
-  useEffect(() => {
-    if (payAllWithCredits) {
-      onSelectMethod("CreditsOnly");
-    } else {
-      onSelectMethod(null);
-    }
-  }, [onSelectMethod, payAllWithCredits]);
-  function handleToggle(method) {
-    onSelectMethod(method);
-  }
-  return /* @__PURE__ */ jsxs(Stack, { sizing: "layout-group", width: "full", minWidth: 400, children: [
-    !!(allCredits == null ? void 0 : allCredits.length) && withCredits && /* @__PURE__ */ jsx(
-      CreditsSelector,
-      {
-        testid: testid ? `${testid}-credit-selector` : void 0,
-        selectedCredits: selectedCredits || [],
-        allCredits: allCredits || [],
-        setSelectedCredits: props.setSelectedCredits || (() => {
-        })
-      }
-    ),
-    (allowedMethods == null ? void 0 : allowedMethods.includes("ACHPayment")) && !!(customerBanks == null ? void 0 : customerBanks.length) && /* @__PURE__ */ jsx(
-      ACHSelector,
-      {
-        testid: testid ? `${testid}-ach-selector` : void 0,
-        selectedMethod,
-        handleToggle,
-        selectedBankGuid: selectedACHBankGuid || null,
-        setSelectedBankGuid: setSelectedACHBankGuid || (() => {
-        }),
-        customerBanks: customerBanks || [],
-        onPay,
-        isPayLoading: isPayLoading || false,
-        disabled: payAllWithCredits || !amountToPay
-      }
-    ),
-    (allowedMethods == null ? void 0 : allowedMethods.includes("CCPayment")) && /* @__PURE__ */ jsx(
-      Accordion,
-      {
-        testid: testid ? `${testid}-cc-payment` : void 0,
-        isOpen: !payAllWithCredits && selectedMethod === "CCPayment",
-        title: /* @__PURE__ */ jsx(
-          Radio,
-          {
-            testid: testid ? `${testid}-cc-payment-radio` : void 0,
-            label: "Pay by Credit/Debit Card",
-            checked: !payAllWithCredits && selectedMethod === "CCPayment",
-            onChange: (e) => e.stopPropagation(),
-            disabled: payAllWithCredits || !amountToPay
-          }
-        ),
-        onClick: () => {
-          if (payAllWithCredits || !amountToPay) return;
-          handleToggle(selectedMethod === "CCPayment" ? null : "CCPayment");
-        },
-        disabled: payAllWithCredits || !amountToPay,
-        children: /* @__PURE__ */ jsx(
-          Stack,
-          {
-            sizing: "layout-group",
-            width: "full",
-            items: "center",
-            justify: "center",
-            style: {
-              flex: 1
-            },
-            minHeight: 245,
-            children: !isLoadingCCiframe && cardPaymentUrl ? /* @__PURE__ */ jsx(WorldpayIframe, { url: cardPaymentUrl }) : /* @__PURE__ */ jsx(Spinner, {})
-          }
-        )
-      }
-    ),
-    selectedMethod === "ACHPayment" && /* @__PURE__ */ jsx(
-      Button,
-      {
-        block: true,
-        onClick: onPay,
-        disabled: isPayLoading || amountToPay <= 0,
-        testid: testid ? `${testid}-submit-payment-button` : void 0,
-        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) {
-  const {
-    selectedMethod,
-    handleToggle,
-    selectedBankGuid,
-    setSelectedBankGuid,
-    customerBanks,
-    disabled,
-    testid
-  } = props;
-  function handleBankSelect(e, bankGuid) {
-    if (disabled) return;
-    e.stopPropagation();
-    setSelectedBankGuid(bankGuid);
-    handleToggle("ACHPayment");
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: customerBanks.map((bank) => /* @__PURE__ */ jsx(
-    Card,
-    {
-      testid: testid ? `${testid}-bank-${bank.CustBankGUID}` : void 0,
-      onClick: (e) => handleBankSelect(e, bank.CustBankGUID),
-      selected: !disabled && selectedMethod === "ACHPayment" && selectedBankGuid === bank.CustBankGUID,
-      children: /* @__PURE__ */ jsx(
-        Radio,
-        {
-          label: `Pay by ${bank.AccountDisplayString}`,
-          checked: !disabled && selectedMethod === "ACHPayment" && selectedBankGuid === bank.CustBankGUID,
-          disabled,
-          onChange: (e) => e.stopPropagation()
-        }
-      )
-    },
-    bank.CustBankGUID
-  )) });
-}
-function CreditsSelector(props) {
-  const { selectedCredits, allCredits, setSelectedCredits, testid } = props;
-  const [isOpen, setIsOpen] = useState(true);
-  const handleCreditSelect = (credit) => {
-    if (setSelectedCredits) {
-      setSelectedCredits(
-        (prev) => prev.includes(credit) ? prev.filter((c) => c !== credit) : [...prev, credit]
-      );
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    Accordion,
-    {
-      isOpen,
-      title: "Available Credits",
-      onClick: () => setIsOpen((prev) => !prev),
-      testid,
-      children: [
-        /* @__PURE__ */ jsx(HorizontalDivider, {}),
-        /* @__PURE__ */ jsx(Stack, { sizing: "layout-group", width: "full", children: /* @__PURE__ */ jsx(
-          Stack,
-          {
-            sizing: "layout-group",
-            width: "full",
-            overflowY: "auto",
-            maxHeight: 300,
-            children: allCredits.map((credits) => /* @__PURE__ */ jsxs(
-              Stack,
-              {
-                horizontal: true,
-                justify: "between",
-                items: "center",
-                sizing: "layout-group",
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Stack,
-                    {
-                      sizing: "layout-group",
-                      onClick: () => handleCreditSelect(credits),
-                      paddingY: true,
-                      flexGrow: 1,
-                      testid: testid ? `${testid}-credit-${credits.InvoiceNumber}` : void 0,
-                      children: /* @__PURE__ */ jsx(
-                        Checkbox,
-                        {
-                          testid: testid ? `${testid}-credit-${credits.InvoiceNumber}-checkbox` : void 0,
-                          label: credits.InvoiceNumber,
-                          checked: selectedCredits == null ? void 0 : selectedCredits.includes(credits),
-                          onChange: () => handleCreditSelect(credits)
-                        }
-                      )
-                    }
-                  ),
-                  /* @__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
-            ))
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-export {
-  SelectPaymentMethod
-};

package/dist/chunk-RUTYNLKS.js

@@ -1,112 +0,0 @@
-import {
-  SelectPaymentMethod
-} from "./chunk-NT2ZKA4W.js";
-import {
-  Modal
-} from "./chunk-5GOJRLQO.js";
-import {
-  Input
-} from "./chunk-4T3DRGLF.js";
-import {
-  formatCurrencyDisplay
-} from "./chunk-5UH6QUFB.js";
-import {
-  Stack
-} from "./chunk-N6JVLYEE.js";
-import {
-  Card
-} from "./chunk-4LXG6QNT.js";
-import {
-  Paragraph
-} from "./chunk-HVI3CL7Y.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/PaymentOnAccountModal.tsx
-import { useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function PaymentOnAccountModal(props) {
-  const {
-    isOpen,
-    paymentProps,
-    onClose,
-    onAmountChange,
-    cardPaymentUrl,
-    setCardPaymentUrl,
-    isLoadingCCiframe,
-    testid
-  } = props;
-  const [amount, setAmount] = useState(paymentProps.amountToPay);
-  const { creditCardSettings, selectedMethod } = paymentProps;
-  useEffect(() => {
-    setAmount(paymentProps.amountToPay);
-  }, [paymentProps.amountToPay]);
-  function handleAmountChange(event) {
-    const inputValue = event.target.value.replace(/[^0-9.-]+/g, "");
-    const value = +inputValue || 0;
-    setAmount(value);
-    onAmountChange == null ? void 0 : onAmountChange(value);
-  }
-  const creditCardSurcharge = useMemo(() => {
-    const applySurcharge = (creditCardSettings == null ? void 0 : creditCardSettings.ApplySurcharge) || false;
-    if (!applySurcharge || selectedMethod !== "CCPayment") {
-      return 0;
-    }
-    const surchargeType = creditCardSettings == null ? void 0 : creditCardSettings.SurchargeBasisType;
-    const surchargeRate = (creditCardSettings == null ? void 0 : creditCardSettings.SurchargeBasisAmount) || 0;
-    if (surchargeType === "Percent") {
-      return calculateSurcharge(amount, surchargeRate);
-    }
-    if (surchargeType === "Fixed") {
-      return surchargeRate;
-    }
-    return 0;
-  }, [creditCardSettings, amount, selectedMethod]);
-  return /* @__PURE__ */ jsx(Modal, { testid, open: isOpen, onClose, title: "Payment on Account", children: /* @__PURE__ */ jsxs(Stack, { sizing: "layout-group", width: "full", children: [
-    selectedMethod === "CCPayment" && /* @__PURE__ */ jsxs(Stack, { horizontal: true, justify: "between", items: "center", children: [
-      /* @__PURE__ */ jsx(Paragraph, { children: "Surcharge" }),
-      /* @__PURE__ */ jsxs(Paragraph, { testid: testid ? `${testid}-surcharge` : void 0, children: [
-        "$",
-        formatCurrencyDisplay(creditCardSurcharge.toFixed(2))
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Card, { className: "py-desktop-component-padding", children: /* @__PURE__ */ jsxs(Stack, { sizing: "component", justify: "between", items: "center", horizontal: true, children: [
-      /* @__PURE__ */ jsx(Paragraph, { className: "w-full", children: "Amount to Pay" }),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          testid: testid ? `${testid}-amount-to-pay` : void 0,
-          type: "number",
-          placeholder: "$0.00",
-          align: "right",
-          value: amount === 0 ? "" : amount,
-          onChange: handleAmountChange,
-          before: "$"
-        }
-      ) })
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      SelectPaymentMethod,
-      __spreadProps(__spreadValues({}, paymentProps), {
-        testid: testid ? `${testid}-select-payment-method` : void 0,
-        amountToPay: amount + creditCardSurcharge,
-        cardPaymentUrl,
-        setCardPaymentUrl,
-        isLoadingCCiframe
-      })
-    )
-  ] }) });
-}
-function calculateSurcharge(amountInDollars, surchargeRate) {
-  const amountInCents = amountInDollars * 100;
-  const surchargeInCents = amountInCents * surchargeRate / 100;
-  const roundedSurchargeInCents = Math.round(surchargeInCents);
-  return roundedSurchargeInCents / 100;
-}
-
-export {
-  PaymentOnAccountModal,
-  calculateSurcharge
-};

package/dist/chunk-WFGKIR5A.js

@@ -1,9 +0,0 @@
-// src/components/WorldpayIframe.tsx
-import { jsx } from "react/jsx-runtime";
-function WorldpayIframe({ url }) {
-  return /* @__PURE__ */ jsx("iframe", { src: url, style: { width: "100%", height: "100%", flex: 1 } });
-}
-
-export {
-  WorldpayIframe
-};