@thecb/components 11.6.0 → 11.6.1-beta.0

package/dist/index.cjs.js

@@ -45889,6 +45889,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,
@@ -45916,6 +45917,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.
+  React.useEffect(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),
@@ -45923,8 +45931,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;";
@@ -46087,6 +46095,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,
@@ -46216,6 +46225,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     modalOpen: modalOpen,
     navigateToSettings: navigateToSettings,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     controlType: "tertiary",
     isMobile: isMobile,
     paymentPlanSchedule: paymentPlanSchedule,
@@ -46448,6 +46458,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,
@@ -46549,6 +46561,7 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     navigateToSettings: navigateToSettings,
@@ -46570,6 +46583,7 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     navigateToSettings: navigateToSettings,
@@ -46646,6 +46660,7 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     navigateToSettings: navigateToSettings,
@@ -46669,6 +46684,7 @@ var Obligation = function Obligation(_ref) {
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
     deactivatePaymentSchedule: deactivatePaymentSchedule,
+    deactivatingSchedule: deactivatingSchedule,
     autoPaySchedule: autoPaySchedule,
     paymentPlanSchedule: paymentPlanSchedule,
     navigateToSettings: navigateToSettings,