@thecb/components 11.5.2 → 11.6.1-beta.0

package/dist/index.esm.js

@@ -45881,6 +45881,7 @@ var AutopayModalModule = function AutopayModalModule(_ref) {
     toggleModal = _ref.toggleModal,
     modalOpen = _ref.modalOpen,
     deactivatePaymentSchedule = _ref.deactivatePaymentSchedule,
+    deactivatingSchedule = _ref.deactivatingSchedule,
     navigateToSettings = _ref.navigateToSettings,
     _ref$controlType = _ref.controlType,
     controlType = _ref$controlType === void 0 ? "tertiary" : _ref$controlType,
@@ -45908,6 +45909,13 @@ var AutopayModalModule = function AutopayModalModule(_ref) {
   var deactivateText = "Stop ".concat(shortPlan.toLowerCase(), " for ").concat(titleCaseString(description), ": ").concat(titleCaseString(subDescription));
   var activateText = "Set up ".concat(shortPlan.toLowerCase(), " for ").concat(titleCaseString(description), ": ").concat(titleCaseString(subDescription));
   var nextDate = dueDate || nextAutopayDate;
+
+  // Close modal when deactivation successfully completes.
+  useEffect$1(function () {
+    if (autoPayActive && deactivatingSchedule === false) {
+      toggleModal(false);
+    }
+  }, [autoPayActive, deactivatingSchedule]);
   var modalExtraProps = {
     modalHeaderText: autoPayActive ? deactivateText : activateText,
     modalBodyText: autoPayActive ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Paragraph$1, null, "Are you sure you want to stop ", plan, "?", !inactive && nextDate && nextDate !== "On" ? " Your next payment will be due on " + nextDate + "." : ""), !isPaymentPlan && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement(Paragraph$1, null, "If your next autopayment is scheduled to run today, you may be billed today and autopay will then stop for the next billing cycle."))) : generateMethodNeededText(plan, allowedPaymentInstruments),
@@ -45915,8 +45923,8 @@ var AutopayModalModule = function AutopayModalModule(_ref) {
     useDangerButton: autoPayActive,
     continueAction: autoPayActive ? function () {
       deactivatePaymentSchedule(isPaymentPlan ? paymentPlanSchedule : autoPaySchedule, isPaymentPlan);
-      toggleModal(false);
-    } : navigateToSettings
+    } : navigateToSettings,
+    isLoading: deactivatingSchedule
   };
   var modalLinkHoverFocus = "\n    outline: none;\n    cursor: pointer;\n    text-decoration: underline;\n    text-decoration-color: #317D4F;\n  ";
   var hoverStyles = "text-decoration: underline;";
@@ -46079,6 +46087,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     autoPayAvailable = _ref.autoPayAvailable,
     handleAutopayAction = _ref.handleAutopayAction,
     deactivatePaymentSchedule = _ref.deactivatePaymentSchedule,
+    deactivatingSchedule = _ref.deactivatingSchedule,
     navigateToSettings = _ref.navigateToSettings,
     autoPaySchedule = _ref.autoPaySchedule,
     paymentPlanSchedule = _ref.paymentPlanSchedule,
@@ -46208,6 +46217,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     modalOpen: modalOpen,
     navigateToSettings: navigateToSettings,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     controlType: "tertiary",
     isMobile: isMobile,
     paymentPlanSchedule: paymentPlanSchedule,
@@ -46440,6 +46450,8 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable = _ref.autoPayAvailable,
     handleAutopayAction = _ref.handleAutopayAction,
     deactivatePaymentSchedule = _ref.deactivatePaymentSchedule,
+    _ref$deactivatingSche = _ref.deactivatingSchedule,
+    deactivatingSchedule = _ref$deactivatingSche === void 0 ? false : _ref$deactivatingSche,
     autoPaySchedule = _ref.autoPaySchedule,
     paymentPlanSchedule = _ref.paymentPlanSchedule,
     navigateToSettings = _ref.navigateToSettings,
@@ -46541,6 +46553,7 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     navigateToSettings: navigateToSettings,
@@ -46562,6 +46575,7 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     navigateToSettings: navigateToSettings,
@@ -46638,6 +46652,7 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     navigateToSettings: navigateToSettings,
@@ -46661,6 +46676,7 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     navigateToSettings: navigateToSettings,