Merge pull request #19449 from mozilla/PAY-3260-cancel-subscription-button-is-active-without-marking-checkbox

fix(payments-next): “Cancel subscription” button is active without marking the checkbox for users that had their subscription previously reactivated

Author: elizabeth-ilina

libs/payments/ui/src/lib/client/components/SubscriptionContent/index.tsx

@@ -118,6 +118,7 @@ export const SubscriptionContent = ({
     if (result.ok) {
       setOpenCancellationDialog(true);
       setShowCancel(false);
+      setCheckedState(false);
       setShowCancelActionError(false);
     } else {
       setShowCancelActionError(true);
@@ -463,7 +464,10 @@ export const SubscriptionContent = ({
               <SubmitButton
                 className="h-10 w-full tablet:w-1/2"
                 variant={ButtonVariant.Primary}
-                onClick={() => setShowCancel(false)}
+                onClick={() => {
+                  setCheckedState(false);
+                  setShowCancel(false);
+                }}
                 aria-label={`Stay subscribed to ${productName}`}
                 showLoadingSpinner={false}
               >
@@ -637,7 +641,10 @@ export const SubscriptionContent = ({
                 <SubmitButton
                   className="h-10"
                   variant={ButtonVariant.Secondary}
-                  onClick={() => setShowCancel(true)}
+                  onClick={() => {
+                    setCheckedState(false);
+                    setShowCancel(true);
+                  }}
                   aria-label={`Cancel your subscription for ${productName}`}
                 >
                   Cancel