@thecb/components 4.1.26 → 4.1.29

package/dist/index.cjs.js

@@ -38566,7 +38566,7 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
     }, []);
   }
 
-  var amountErrors = (_amountErrors = {}, _defineProperty(_amountErrors, required.error, "Amount is required"), _defineProperty(_amountErrors, numberGreaterThan.error, "Your total payment must be greater than ".concat(displayCurrency(minimum))), _defineProperty(_amountErrors, numberLessThanOrEqualTo.error, "Your total payment must be less than ".concat(displayCurrency(maximum))), _amountErrors);
+  var amountErrors = (_amountErrors = {}, _defineProperty(_amountErrors, required.error, "Amount is required"), _defineProperty(_amountErrors, numberGreaterThanOrEqualTo.error, "There is a minimum payment of ".concat(displayCurrency(minimum))), _defineProperty(_amountErrors, numberLessThanOrEqualTo.error, "There is a maximum payment of ".concat(displayCurrency(maximum))), _amountErrors);
   var lineItemsNew = Array.isArray(lineItems) ? lineItems : [];
   return /*#__PURE__*/React__default.createElement(FormContainer$1, {
     variant: variant,
@@ -38605,7 +38605,7 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
 var createPartialAmountFormState = function createPartialAmountFormState(lineItems, maximum) {
   var minimum = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   var formConfig = lineItems.reduce(function (acc, item) {
-    var validators = [required(), validateSum(numberGreaterThan(minimum), lineItems.filter(function (lineItem) {
+    var validators = [required(), validateSum(numberGreaterThanOrEqualTo(minimum), lineItems.filter(function (lineItem) {
       return lineItem != item;
     }).reduce(function (acc, curr) {
       return [].concat(_toConsumableArray(acc), [curr.id]);
@@ -38780,7 +38780,9 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
       redirectURL = _ref.redirectURL,
       _ref$redirectText = _ref.redirectText,
       redirectText = _ref$redirectText === void 0 ? "Return" : _ref$redirectText,
-      buttonFlexOverride = _ref.buttonFlexOverride;
+      buttonFlexOverride = _ref.buttonFlexOverride,
+      _ref$hideForwardButto = _ref.hideForwardButton,
+      hideForwardButton = _ref$hideForwardButto === void 0 ? false : _ref$hideForwardButto;
 
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
@@ -38820,7 +38822,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
     justify: buttonFlexOverride ? buttonFlexOverride : !!backButton ? "space-between" : "flex-end",
     align: "center",
     childGap: "0.75rem"
-  }, backButton, forwardButton)));
+  }, backButton, !hideForwardButton && /*#__PURE__*/React__default.createElement(React.Fragment, null, forwardButton))));
 };
 
 var backgroundColor$8 = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.1.26",
+  "version": "4.1.29",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/molecules/partial-amount-form/PartialAmountForm.js

@@ -1,7 +1,7 @@
 import React from "react";
 import {
   required,
-  numberGreaterThan,
+  numberGreaterThanOrEqualTo,
   numberLessThanOrEqualTo
 } from "redux-freeform";
 import { displayCurrency } from "../../../util/general";
@@ -29,10 +29,10 @@ const PartialAmountForm = ({
 
   const amountErrors = {
     [required.error]: "Amount is required",
-    [numberGreaterThan.error]: `Your total payment must be greater than ${displayCurrency(
+    [numberGreaterThanOrEqualTo.error]: `There is a minimum payment of ${displayCurrency(
       minimum
     )}`,
-    [numberLessThanOrEqualTo.error]: `Your total payment must be less than ${displayCurrency(
+    [numberLessThanOrEqualTo.error]: `There is a maximum payment of ${displayCurrency(
       maximum
     )}`
   };

package/src/components/molecules/partial-amount-form/PartialAmountForm.state.js

@@ -3,7 +3,7 @@ import {
   required,
   onlyNaturals,
   validateSum,
-  numberGreaterThan,
+  numberGreaterThanOrEqualTo,
   numberLessThanOrEqualTo
 } from "redux-freeform";
 
@@ -16,7 +16,7 @@ export const createPartialAmountFormState = (
     const validators = [
       required(),
       validateSum(
-        numberGreaterThan(minimum),
+        numberGreaterThanOrEqualTo(minimum),
         lineItems
           .filter(lineItem => lineItem != item)
           .reduce((acc, curr) => [...acc, curr.id], [])

package/src/components/molecules/payment-button-bar/PaymentButtonBar.js

@@ -17,7 +17,8 @@ const PaymentButtonBar = ({
   cancelText = "Cancel",
   redirectURL,
   redirectText = "Return",
-  buttonFlexOverride
+  buttonFlexOverride,
+  hideForwardButton = false
 }) => {
   const { isMobile } = useContext(ThemeContext);
 
@@ -80,7 +81,7 @@ const PaymentButtonBar = ({
           childGap="0.75rem"
         >
           {backButton}
-          {forwardButton}
+          {!hideForwardButton && <Fragment>{forwardButton}</Fragment>}
         </Cluster>
       </Box>
     </Fragment>