[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>

apps/web/src/app/auth/trial-initiation/trial-initiation.component.ts

@@ -24,6 +24,7 @@ enum ValidOrgParams {
   families = "families",
   enterprise = "enterprise",
   teams = "teams",
+  teamsStarter = "teamsStarter",
   individual = "individual",
   premium = "premium",
   free = "free",
@@ -34,6 +35,7 @@ enum ValidLayoutParams {
   teams = "teams",
   teams1 = "teams1",
   teams2 = "teams2",
+  teams3 = "teams3",
   enterprise = "enterprise",
   enterprise1 = "enterprise1",
   enterprise2 = "enterprise2",
@@ -64,6 +66,7 @@ export class TrialInitiationComponent implements OnInit, OnDestroy {
   enforcedPolicyOptions: MasterPasswordPolicyOptions;
   trialFlowOrgs: string[] = [
     ValidOrgParams.teams,
+    ValidOrgParams.teamsStarter,
     ValidOrgParams.enterprise,
     ValidOrgParams.families,
   ];
@@ -143,6 +146,9 @@ export class TrialInitiationComponent implements OnInit, OnDestroy {
         if (this.org === ValidOrgParams.families) {
           this.plan = PlanType.FamiliesAnnually;
           this.product = ProductType.Families;
+        } else if (this.org === ValidOrgParams.teamsStarter) {
+          this.plan = PlanType.TeamsStarter;
+          this.product = ProductType.TeamsStarter;
         } else if (this.org === ValidOrgParams.teams) {
           this.plan = PlanType.TeamsAnnually;
           this.product = ProductType.Teams;
@@ -206,7 +212,9 @@ export class TrialInitiationComponent implements OnInit, OnDestroy {
     // Set org info sub label
     if (event.selectedIndex === 1 && this.orgInfoFormGroup.controls.name.value === "") {
       this.orgInfoSubLabel =
-        "Enter your " + this.titleCasePipe.transform(this.org) + " organization information";
+        "Enter your " +
+        this.titleCasePipe.transform(this.orgDisplayName) +
+        " organization information";
     } else if (event.previouslySelectedIndex === 1) {
       this.orgInfoSubLabel = this.orgInfoFormGroup.controls.name.value;
     }
@@ -241,6 +249,14 @@ export class TrialInitiationComponent implements OnInit, OnDestroy {
     this.verticalStepper.previous();
   }
 
+  get orgDisplayName() {
+    if (this.org === "teamsStarter") {
+      return "Teams Starter";
+    }
+
+    return this.org;
+  }
+
   private setupFamilySponsorship(sponsorshipToken: string) {
     if (sponsorshipToken != null) {
       const route = this.router.createUrlTree(["setup/families-for-enterprise"], {