@thecb/components 7.6.1-beta.1 → 7.7.0-beta.0

package/dist/index.esm.js

@@ -6310,14 +6310,6 @@ var throttle = function throttle(delay, fn) {
     return fn.apply(void 0, arguments);
   };
 };
-var titleCaseWord = function titleCaseWord(word) {
-  return word.charAt(0).toUpperCase() + word.slice(1);
-};
-var titleCaseString = function titleCaseString(string) {
-  return string.split(" ").map(function (word, index, string) {
-    return index === 0 || index === string.length - 1 || word.length > 3 ? titleCaseWord(word.toLowerCase()) : word;
-  }).join(" ");
-};
 
 var general = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -6335,9 +6327,7 @@ var general = /*#__PURE__*/Object.freeze({
   inputPlaceholderTextStyle: inputPlaceholderTextStyle,
   inputDisabledStyle: inputDisabledStyle,
   MOBILE_WIDTH: MOBILE_WIDTH,
-  throttle: throttle,
-  titleCaseWord: titleCaseWord,
-  titleCaseString: titleCaseString
+  throttle: throttle
 });
 
 var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];
@@ -44638,10 +44628,6 @@ var NavMenuMobile = function NavMenuMobile(_ref) {
 
 var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$E, "profile");
 
-var ACH_METHOD = "BANK_ACCOUNT";
-var CC_METHOD = "CREDIT_CARD";
-var CASH_METHOD = "CASH";
-
 var IconsModule = function IconsModule(_ref) {
   var icon = _ref.icon,
       iconDefault = _ref.iconDefault,
@@ -44721,27 +44707,13 @@ var AutopayModal = function AutopayModal(_ref) {
       isPaymentPlan = _ref.isPaymentPlan,
       nextAutopayDate = _ref.nextAutopayDate,
       dueDate = _ref.dueDate,
-      inactive = _ref.inactive,
-      description = _ref.description,
-      subDescription = _ref.subDescription,
-      allowedPaymentInstruments = _ref.allowedPaymentInstruments;
-
-  var generateMethodNeededText = function generateMethodNeededText(planText, allowedPaymentInstruments) {
-    var allowsCard = allowedPaymentInstruments.includes(CC_METHOD);
-    var allowsACH = allowedPaymentInstruments.includes(ACH_METHOD);
-    var methodRequired = allowsCard && !allowsACH ? "debit or credit card payment method" : !allowsCard && allowsACH ? "checking account payment method" : "payment method";
-    return "To setup ".concat(planText, " you must have a saved ").concat(methodRequired, " and address in your profile. Do you want to save these now?");
-  };
-
-  var plan = isPaymentPlan ? "your payment plan" : "autopay";
-  var shortPlan = isPaymentPlan ? "Payment Plan" : "Autopay";
-  var deactivateText = "deactivate ".concat(shortPlan, " for ").concat(description, ": ").concat(subDescription);
-  var activateText = "Set Up ".concat(shortPlan, " for ").concat(description, ": ").concat(subDescription);
+      inactive = _ref.inactive;
+  var planType = isPaymentPlan ? "Payment Plan" : "Autopay";
   var nextDate = dueDate || nextAutopayDate;
   var modalExtraProps = {
-    modalHeaderText: autoPayActive ? titleCaseString(deactivateText) : titleCaseString(activateText),
-    modalBodyText: autoPayActive ? "Are you sure you want to deactivate ".concat(plan, "? ").concat(!inactive && nextDate ? "Your next payment will be due on ".concat(nextDate, ".") : "") : generateMethodNeededText(plan, allowedPaymentInstruments),
-    continueButtonText: autoPayActive ? "Disable ".concat(shortPlan) : "Add to Profile",
+    modalHeaderText: autoPayActive ? "Deactivate ".concat(planType) : "Set Up ".concat(planType),
+    modalBodyText: autoPayActive ? "Are you sure you want to deactivate ".concat(isPaymentPlan ? "your payment plan" : "autopay", "? ").concat(!inactive && nextDate ? "Your next payment will be due on ".concat(nextDate, ".") : "") : "To set up ".concat(isPaymentPlan ? "a payment plan" : "autopay", " you must save a payment method and address in your profile. Do you want to save these now?"),
+    continueButtonText: autoPayActive ? "Disable ".concat(planType) : "Add to Profile",
     useDangerButton: autoPayActive,
     continueAction: autoPayActive ? function () {
       deactivatePaymentSchedule(isPaymentPlan ? paymentPlanSchedule : autoPaySchedule, isPaymentPlan);
@@ -44757,7 +44729,7 @@ var AutopayModal = function AutopayModal(_ref) {
       case "secondary":
         {
           return /*#__PURE__*/React.createElement(ButtonWithAction, {
-            text: autoPayActive ? "Turn off ".concat(shortPlan) : "Set Up ".concat(shortPlan),
+            text: autoPayActive ? "Turn off ".concat(planType) : "Set Up ".concat(planType),
             variant: "secondary",
             action: function action() {
               toggleModal(true);
@@ -44770,7 +44742,7 @@ var AutopayModal = function AutopayModal(_ref) {
       case "tertiary":
         {
           return /*#__PURE__*/React.createElement(ButtonWithAction, {
-            text: autoPayActive ? "Manage ".concat(shortPlan) : "Set Up ".concat(shortPlan),
+            text: autoPayActive ? "Manage ".concat(planType) : "Set Up ".concat(planType),
             variant: "tertiary",
             action: function action() {
               toggleModal(true);
@@ -44802,12 +44774,12 @@ var AutopayModal = function AutopayModal(_ref) {
               e.key === "Enter" && toggleModal(true);
             },
             tabIndex: "0",
-            dataQa: "".concat(shortPlan, " On"),
+            dataQa: "".concat(planType, " On"),
             color: SEA_GREEN,
             weight: themeValues.fontWeight,
             hoverStyles: themeValues.modalLinkHoverFocus,
             extraStyles: "padding-left: 0.25rem;"
-          }, "".concat(shortPlan, " ").concat(nextAutopayDate))));
+          }, "".concat(planType, " ").concat(nextAutopayDate))));
         }
     }
   };
@@ -44834,10 +44806,7 @@ var AmountModule = function AmountModule(_ref) {
       autoPaySchedule = _ref.autoPaySchedule,
       paymentPlanSchedule = _ref.paymentPlanSchedule,
       isPaymentPlan = _ref.isPaymentPlan,
-      nextAutopayDate = _ref.nextAutopayDate,
-      description = _ref.description,
-      subDescription = _ref.subDescription,
-      allowedPaymentInstruments = _ref.allowedPaymentInstruments;
+      nextAutopayDate = _ref.nextAutopayDate;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -44866,10 +44835,7 @@ var AmountModule = function AmountModule(_ref) {
     paymentPlanSchedule: paymentPlanSchedule,
     isPaymentPlan: isPaymentPlan,
     nextAutopayDate: nextAutopayDate,
-    controlType: "link",
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    controlType: "link"
   })));
 };
 
@@ -44888,10 +44854,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
       isPaymentPlan = _ref.isPaymentPlan,
       nextAutopayDate = _ref.nextAutopayDate,
       obligationAssocID = _ref.obligationAssocID,
-      dueDate = _ref.dueDate,
-      description = _ref.description,
-      subDescription = _ref.subDescription,
-      allowedPaymentInstruments = _ref.allowedPaymentInstruments;
+      dueDate = _ref.dueDate;
   var planType = isPaymentPlan ? "Payment Plan" : "Autopay";
 
   var _useState = useState(false),
@@ -44947,10 +44910,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     isPaymentPlan: isPaymentPlan,
-    nextAutopayDate: nextAutopayDate,
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    nextAutopayDate: nextAutopayDate
   }))), /*#__PURE__*/React.createElement(Box, {
     padding: isMobile ? "16px" : "0"
   }, /*#__PURE__*/React.createElement(Cluster, {
@@ -44990,10 +44950,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     paymentPlanSchedule: paymentPlanSchedule,
     isPaymentPlan: isPaymentPlan,
     nextAutopayDate: nextAutopayDate,
-    dueDate: dueDate,
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    dueDate: dueDate
   })), !isMobile && /*#__PURE__*/React.createElement(Box, {
     padding: "0"
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
@@ -45083,10 +45040,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
       dueDate = _ref.dueDate,
       agencyName = _ref.agencyName,
       configType = _ref.configType,
-      actions = _ref.actions,
-      description = _ref.description,
-      subDescription = _ref.subDescription,
-      allowedPaymentInstruments = _ref.allowedPaymentInstruments;
+      actions = _ref.actions;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -45125,10 +45079,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
     obligationAssocID: obligationAssocID,
     dueDate: dueDate,
     controlType: "secondary",
-    inactive: true,
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    inactive: true
   })), /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     extraStyles: "flex-grow: 1;"
@@ -45170,7 +45121,7 @@ var InactiveTitleModule = function InactiveTitleModule(_ref) {
 };
 
 var Obligation = function Obligation(_ref) {
-  var _obligations$, _firstObligation$cust;
+  var _firstObligation$cust, _firstObligation$desc, _firstObligation$subD;
 
   var config = _ref.config,
       obligations = _ref.obligations,
@@ -45205,13 +45156,7 @@ var Obligation = function Obligation(_ref) {
     The top level desc/subdesc for all obligations in a collection is the same
     (Collection accounts look different in the Account Details page)
   */
-  var firstObligation = (_obligations$ = obligations === null || obligations === void 0 ? void 0 : obligations[0]) !== null && _obligations$ !== void 0 ? _obligations$ : {};
-  var _firstObligation$allo = firstObligation.allowedPaymentInstruments,
-      allowedPaymentInstruments = _firstObligation$allo === void 0 ? [CASH_METHOD, CC_METHOD, ACH_METHOD] : _firstObligation$allo,
-      _firstObligation$desc = firstObligation.description,
-      description = _firstObligation$desc === void 0 ? "Account" : _firstObligation$desc,
-      _firstObligation$subD = firstObligation.subDescription,
-      subDescription = _firstObligation$subD === void 0 ? obligationAssocID : _firstObligation$subD;
+  var firstObligation = obligations[0];
   var customAttributes = (_firstObligation$cust = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.customAttributes) !== null && _firstObligation$cust !== void 0 ? _firstObligation$cust : {};
   var boxShadowValue = "0px 2px 4px rgba(41, 42, 51, 0.1), 0px 1px 1px 2px rgba(41, 42, 51, 0.1);";
   var activeObligation = /*#__PURE__*/React.createElement(Box, {
@@ -45219,7 +45164,7 @@ var Obligation = function Obligation(_ref) {
     borderRadius: "4px",
     boxShadow: boxShadowValue,
     as: "section",
-    "aria-label": "".concat(description, " - ").concat(subDescription),
+    "aria-label": "".concat((_firstObligation$desc = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.description) !== null && _firstObligation$desc !== void 0 ? _firstObligation$desc : "account", " ").concat((_firstObligation$subD = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.subDescription) !== null && _firstObligation$subD !== void 0 ? _firstObligation$subD : obligationAssocID),
     border: "1px solid ".concat(GRECIAN_GREY),
     borderWidthOverride: "1px 0 0 0"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -45248,8 +45193,8 @@ var Obligation = function Obligation(_ref) {
     iconValue: config.iconValue,
     customAttributes: customAttributes
   }), /*#__PURE__*/React.createElement(TitleModule, {
-    title: description,
-    subtitle: subDescription,
+    title: firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.description,
+    subtitle: firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.subDescription,
     titleColor: BRIGHT_GREY,
     isMobile: isMobile
   }))), !isMobile && /*#__PURE__*/React.createElement(AmountModule, {
@@ -45263,10 +45208,7 @@ var Obligation = function Obligation(_ref) {
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     isPaymentPlan: isPaymentPlan,
-    nextAutopayDate: nextAutopayDate,
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    nextAutopayDate: nextAutopayDate
   }))), !isMobile && /*#__PURE__*/React.createElement(PaymentDetailsActions, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -45281,10 +45223,7 @@ var Obligation = function Obligation(_ref) {
     isMobile: isMobile,
     isPaymentPlan: isPaymentPlan,
     nextAutopayDate: nextAutopayDate,
-    obligationAssocID: obligationAssocID,
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    obligationAssocID: obligationAssocID
   }))), isMobile && /*#__PURE__*/React.createElement(PaymentDetailsActions, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -45299,10 +45238,7 @@ var Obligation = function Obligation(_ref) {
     isMobile: isMobile,
     isPaymentPlan: isPaymentPlan,
     nextAutopayDate: nextAutopayDate,
-    obligationAssocID: obligationAssocID,
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    obligationAssocID: obligationAssocID
   }));
   var inactiveObligation = /*#__PURE__*/React.createElement(Box, {
     padding: "0",
@@ -45355,10 +45291,7 @@ var Obligation = function Obligation(_ref) {
     obligationAssocID: obligationAssocID,
     dueDate: dueDate,
     agencyName: agencyName,
-    configType: config.type,
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    configType: config.type
   }))), isMobile && /*#__PURE__*/React.createElement(InactiveControlsModule, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -45372,10 +45305,7 @@ var Obligation = function Obligation(_ref) {
     obligationAssocID: obligationAssocID,
     dueDate: dueDate,
     agencyName: agencyName,
-    configType: config.type,
-    description: description,
-    subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    configType: config.type
   }))));
   return inactive ? inactiveObligation : activeObligation;
 };
@@ -46600,7 +46530,7 @@ var RadioGroup = function RadioGroup(_ref) {
       groupName: groupName,
       setValue: setValue,
       handleChange: handleChange,
-      "aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors
+      "aria-invalid": field.dirty && field.hasErrors || field.hasErrors
     }));
   })));
 };