[AC-1708] Teams Starter Plan (#6740)

* Added support for the teams starter plan

* Plans now respect display sort order. Updated teams starter to be in its own product

* Remove upgrade button and show new copy instead -- wip copy

* Added upgrade dialog for teams starter plan when adding an 11th user

* Updated the add user validator to check if plan is teams starter. Updated to not count duplicated emails in the overall count

* Renamed validator to be more descriptive and added additional unit tests

* Added validator for org types that require customer support to upgrade

* Updated small localization for teams plan to account for new starter plan

* Removed invalid tests

* Resolved issues around free trial flow for teams starter

* Added new layout for teams starter free trial flow

* Updated copy following demo. Resolved display issues discovered during demo

* Removed temporary copy for testing

* Updated the second step of free trial flow to use org display name

* Updated invite user modal to display 10 instead of 20 as the invite limit for Teams Starter

---------

Co-authored-by: cyprain-okeke <108260115+cyprain-okeke@users.noreply.github.com>

libs/common/src/billing/enums/plan-type.enum.ts

@@ -7,8 +7,13 @@ export enum PlanType {
   EnterpriseAnnually2019 = 5,
   Custom = 6,
   FamiliesAnnually = 7,
-  TeamsMonthly = 8,
-  TeamsAnnually = 9,
-  EnterpriseMonthly = 10,
-  EnterpriseAnnually = 11,
+  TeamsMonthly2020 = 8,
+  TeamsAnnually2020 = 9,
+  EnterpriseMonthly2020 = 10,
+  EnterpriseAnnually2020 = 11,
+  TeamsMonthly = 12,
+  TeamsAnnually = 13,
+  EnterpriseMonthly = 14,
+  EnterpriseAnnually = 15,
+  TeamsStarter = 16,
 }

libs/common/src/billing/models/response/plan.response.ts

@@ -51,7 +51,7 @@ export class PlanResponse extends BaseResponse {
     this.hasResetPassword = this.getResponseProperty("HasResetPassword");
     this.usersGetPremium = this.getResponseProperty("UsersGetPremium");
     this.upgradeSortOrder = this.getResponseProperty("UpgradeSortOrder");
-    this.displaySortOrder = this.getResponseProperty("SortOrder");
+    this.displaySortOrder = this.getResponseProperty("DisplaySortOrder");
     this.legacyYear = this.getResponseProperty("LegacyYear");
     this.disabled = this.getResponseProperty("Disabled");
     const passwordManager = this.getResponseProperty("PasswordManager");

libs/common/src/enums/product-type.enum.ts

@@ -3,4 +3,5 @@ export enum ProductType {
   Families = 1,
   Teams = 2,
   Enterprise = 3,
+  TeamsStarter = 4,
 }