@thecb/components 4.1.26 → 4.1.27

package/dist/index.cjs.js

@@ -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.27",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

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>