@thecb/components 3.5.3 → 3.5.5

package/dist/index.cjs.js

@@ -36121,7 +36121,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
 
   var obligationSlug = config.obligationSlug;
   var createPaymentFromProfile = actions.createPaymentFromProfile,
-      setDetailedObligation = actions.setDetailedObligation;
+      setDetailedObligation = actions.setDetailedObligation,
+      navigateToDetailedObligation = actions.navigateToDetailedObligation;
   var detailsSlug = config.type === "ACCOUNT" ? "/profile/accounts/details/".concat(obligationSlug) : "/profile/properties/details/".concat(obligationSlug);
 
   var handleClick = function handleClick(obligations) {
@@ -36130,7 +36131,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
   };
 
   var handleDetailsClick = function handleDetailsClick() {
-    setDetailedObligation(obligations, config, detailsSlug);
+    setDetailedObligation(obligations, config);
+    navigateToDetailedObligation(detailsSlug);
   };
 
   return /*#__PURE__*/React__default.createElement(Box, {
@@ -36194,7 +36196,10 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
   }, autoPayAvailable && !autoPayEnabled ? /*#__PURE__*/React__default.createElement(ButtonWithAction, {
     variant: "tertiary",
     text: "Set Up Autopay",
-    action: handleAutopayAction,
+    action: function action() {
+      setDetailedObligation(obligations, config);
+      handleAutopayAction();
+    },
     dataQa: "Set Up Autopay",
     extraStyles: isMobile && "flex-grow: 1; width: 100%;"
   }) : /*#__PURE__*/React__default.createElement(AutopayModalModule, {
@@ -36411,7 +36416,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
 
-  var backButton = !!cancelURL ? /*#__PURE__*/React__default.createElement(ButtonWithLink, {
+  var backButton = !!cancelURL && !!cancelText ? /*#__PURE__*/React__default.createElement(ButtonWithLink, {
     text: cancelText,
     url: cancelURL,
     variant: "secondary",

package/package.json

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

package/src/components/molecules/obligation/modules/PaymentDetailsActions.js

@@ -20,7 +20,11 @@ const PaymentDetailsActions = ({
   const [isLoading, setIsLoading] = useState(false);
   const [modalOpen, toggleModal] = useState(false);
   const { obligationSlug } = config;
-  const { createPaymentFromProfile, setDetailedObligation } = actions;
+  const {
+    createPaymentFromProfile,
+    setDetailedObligation,
+    navigateToDetailedObligation
+  } = actions;
   const detailsSlug =
     config.type === "ACCOUNT"
       ? `/profile/accounts/details/${obligationSlug}`
@@ -30,7 +34,8 @@ const PaymentDetailsActions = ({
     createPaymentFromProfile(obligations, config);
   };
   const handleDetailsClick = () => {
-    setDetailedObligation(obligations, config, detailsSlug);
+    setDetailedObligation(obligations, config);
+    navigateToDetailedObligation(detailsSlug);
   };
   return (
     <Box
@@ -105,7 +110,10 @@ const PaymentDetailsActions = ({
               <ButtonWithAction
                 variant="tertiary"
                 text="Set Up Autopay"
-                action={handleAutopayAction}
+                action={() => {
+                  setDetailedObligation(obligations, config);
+                  handleAutopayAction();
+                }}
                 dataQa="Set Up Autopay"
                 extraStyles={isMobile && `flex-grow: 1; width: 100%;`}
               />

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

@@ -18,25 +18,26 @@ const PaymentButtonBar = ({
 }) => {
   const { isMobile } = useContext(ThemeContext);
 
-  const backButton = !!cancelURL ? (
-    <ButtonWithLink
-      text={cancelText}
-      url={cancelURL}
-      variant="secondary"
-      extraStyles={isMobile && "flex-grow: 1"}
-      dataQa={cancelText}
-    />
-  ) : (
-    backButtonAction && (
-      <ButtonWithAction
-        text="Back"
+  const backButton =
+    !!cancelURL && !!cancelText ? (
+      <ButtonWithLink
+        text={cancelText}
+        url={cancelURL}
         variant="secondary"
-        action={backButtonAction}
         extraStyles={isMobile && "flex-grow: 1"}
-        dataQa="Back"
+        dataQa={cancelText}
       />
-    )
-  );
+    ) : (
+      backButtonAction && (
+        <ButtonWithAction
+          text="Back"
+          variant="secondary"
+          action={backButtonAction}
+          extraStyles={isMobile && "flex-grow: 1"}
+          dataQa="Back"
+        />
+      )
+    );
 
   const forwardButton = !!redirectURL ? (
     <ButtonWithLink