@thecb/components 10.1.3-beta.3 → 10.1.3-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "10.1.3-beta.3",
+  "version": "10.1.3-beta.5",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

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

@@ -39,17 +39,19 @@ const AutopayModal = ({
         ? "checking account payment method"
         : "payment method";
 
-    return `To setup ${planText} you must have a saved ${methodRequired} and address. Do you want to save these now?`;
+    return `To set up ${planText} you must have a saved ${methodRequired} and address. Do you want to save these now?`;
   };
   const plan = isPaymentPlan ? "your payment plan" : "autopay";
   const shortPlan = isPaymentPlan ? "Payment Plan" : "Autopay";
-  const deactivateText = `stop ${shortPlan.toLowerCase()} for ${description}: ${subDescription}`;
-  const activateText = `Set Up ${shortPlan} for ${description}: ${subDescription}`;
+  const deactivateText = `Stop ${shortPlan.toLowerCase()} for ${titleCaseString(
+    description
+  )}: ${titleCaseString(subDescription)}`;
+  const activateText = titleCaseString(
+    `Set Up ${shortPlan.toLowerCase()} for ${description}: ${subDescription}`
+  );
   const nextDate = dueDate || nextAutopayDate;
   const modalExtraProps = {
-    modalHeaderText: autoPayActive
-      ? titleCaseString(deactivateText)
-      : titleCaseString(activateText),
+    modalHeaderText: autoPayActive ? deactivateText : activateText,
     modalBodyText: autoPayActive
       ? `Are you sure you want to stop ${plan}? ${
           !inactive && nextDate && nextDate !== "On"