[PM-20300] Fix self-serve resubscribe bugs (#14296)

* Address bugs

* Cy's feedback

* Cy's feedback

apps/web/src/app/billing/organizations/change-plan-dialog.component.html

@@ -983,7 +983,7 @@
     </div>
     <ng-container bitDialogFooter>
       <button bitButton bitFormButton buttonType="primary" type="submit">
-        {{ "upgrade" | i18n }}
+        {{ sub.subscription.status === "canceled" ? ("restart" | i18n) : ("upgrade" | i18n) }}
       </button>
       <button bitButton buttonType="secondary" type="button" [bitDialogClose]="ResultType.Closed">
         {{ "cancel" | i18n }}

apps/web/src/app/billing/organizations/change-plan-dialog.component.ts

@@ -744,7 +744,7 @@ export class ChangePlanDialogComponent implements OnInit, OnDestroy {
 
     const doSubmit = async (): Promise<string> => {
       let orgId: string = null;
-      if (this.isSubscriptionCanceled) {
+      if (this.sub.subscription.status === "canceled") {
         await this.restartSubscription();
         orgId = this.organizationId;
       } else {

apps/web/src/app/billing/organizations/organization-subscription-cloud.component.ts

@@ -494,7 +494,11 @@ export class OrganizationSubscriptionCloudComponent implements OnInit, OnDestroy
   };
 
   get showChangePlanButton() {
-    return this.sub.plan.productTier !== ProductTierType.Enterprise && !this.showChangePlan;
+    return (
+      !this.showChangePlan &&
+      this.sub.plan.productTier !== ProductTierType.Enterprise &&
+      !this.sub.subscription.cancelled
+    );
   }
 
   get canUseBillingSync() {

apps/web/src/locales/en/messages.json

@@ -10628,5 +10628,8 @@
   },
   "newBusinessUnit": {
     "message": "New business unit"
+  },
+  "restart": {
+    "message": "Restart"
   }
 }