diff --git a/src/app/teacher/component-authoring.module.ts b/src/app/teacher/component-authoring.module.ts
index 1d3dd967c1..1e9af7218a 100644
--- a/src/app/teacher/component-authoring.module.ts
+++ b/src/app/teacher/component-authoring.module.ts
@@ -82,6 +82,7 @@ import { ConstraintAuthoringModule } from '../../assets/wise5/authoringTool/cons
 import { EditComponentAdvancedComponent } from '../authoring-tool/edit-component-advanced/edit-component-advanced.component';
 import { ComponentAuthoringComponent } from '../../assets/wise5/authoringTool/components/component-authoring.component';
 import { WiseTinymceEditorModule } from '../../assets/wise5/directives/wise-tinymce-editor/wise-tinymce-editor.module';
+import { WiseLinkAuthoringDialogComponent } from '../../assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component';
 
 @NgModule({
   declarations: [
@@ -163,7 +164,8 @@ import { WiseTinymceEditorModule } from '../../assets/wise5/directives/wise-tiny
     ShowMyWorkAuthoringComponent,
     SelectStepAndComponentComponent,
     SummaryAuthoring,
-    TableAuthoring
+    TableAuthoring,
+    WiseLinkAuthoringDialogComponent
   ],
   imports: [
     ConstraintAuthoringModule,
diff --git a/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html b/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html
new file mode 100644
index 0000000000..c8ecb41d7c
--- /dev/null
+++ b/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html
@@ -0,0 +1,52 @@
+<h1 mat-dialog-title i18n>Create a WISE Link</h1>
+<div mat-dialog-content>
+  <div fxLayout="row wrap" fxLayoutGap="20px">
+    <mat-form-field class="choose-step">
+      <mat-label i18n>Step</mat-label>
+      <mat-select
+        [(ngModel)]="wiseLinkNodeId"
+        placeholder="Choose a Step"
+        i18n-placeholder
+        (ngModelChange)="wiseLinkNodeIdChanged()"
+      >
+        <ng-container *ngFor="let item of items">
+          <mat-option *ngIf="item.key !== 'group0'" [value]="item.key">
+            {{ getNodePositionById(item.key) }}: {{ getNodeTitle(item.key) }} ({{ item.key }})
+          </mat-option>
+        </ng-container>
+      </mat-select>
+    </mat-form-field>
+    <mat-form-field class="choose-component">
+      <mat-label i18n>Component (Optional)</mat-label>
+      <mat-select
+        [(ngModel)]="wiseLinkComponentId"
+        placeholder="Choose a Component"
+        i18n-placeholder
+      >
+        <mat-option
+          *ngFor="let component of getComponents(wiseLinkNodeId); let componentIndex = index"
+          [value]="component.id"
+        >
+          {{ componentIndex + 1 }}. {{ component.type }}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
+  <div fxLayout="row wrap">
+    <mat-form-field class="link-text">
+      <mat-label i18n>Link Text</mat-label>
+      <input matInput [(ngModel)]="wiseLinkText" />
+    </mat-form-field>
+  </div>
+  <div class="type-div">
+    <mat-radio-group [(ngModel)]="wiseLinkType" color="primary">
+      <mat-radio-button value="link" i18n>Link</mat-radio-button>
+      <mat-radio-button value="button" i18n>Button</mat-radio-button>
+    </mat-radio-group>
+  </div>
+</div>
+<div mat-dialog-actions fxLayoutGap="20px">
+  <div fxFlex></div>
+  <button mat-stroked-button (click)="cancelWISELinkAuthoring()" i18n>Cancel</button>
+  <button mat-raised-button color="primary" (click)="createWISELink()" i18n>Create</button>
+</div>
diff --git a/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.scss b/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.scss
new file mode 100644
index 0000000000..64498bc624
--- /dev/null
+++ b/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.scss
@@ -0,0 +1,15 @@
+.choose-step {
+  width: 400px;
+}
+
+.choose-component {
+  width: 250px;
+}
+
+.type-div {
+  margin-bottom: 20px;
+}
+
+.link-text {
+  width: 500px;
+}
diff --git a/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.spec.ts b/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.spec.ts
new file mode 100644
index 0000000000..934f2c1eb5
--- /dev/null
+++ b/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.spec.ts
@@ -0,0 +1,42 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { WiseLinkAuthoringDialogComponent } from './wise-link-authoring-dialog.component';
+import { MatDialogRef } from '@angular/material/dialog';
+import { ProjectService } from '../../services/projectService';
+import { StudentTeacherCommonServicesModule } from '../../../../app/student-teacher-common-services.module';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatInputModule } from '@angular/material/input';
+import { FormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
+describe('WiseLinkAuthoringDialogComponent', () => {
+  let component: WiseLinkAuthoringDialogComponent;
+  let fixture: ComponentFixture<WiseLinkAuthoringDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [WiseLinkAuthoringDialogComponent],
+      imports: [
+        BrowserAnimationsModule,
+        FormsModule,
+        HttpClientTestingModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatRadioModule,
+        MatSelectModule,
+        StudentTeacherCommonServicesModule
+      ],
+      providers: [{ provide: MatDialogRef, useValue: {} }, ProjectService]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(WiseLinkAuthoringDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.ts b/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.ts
new file mode 100644
index 0000000000..0830ae259f
--- /dev/null
+++ b/src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.ts
@@ -0,0 +1,75 @@
+import { Component } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { ProjectService } from '../../services/projectService';
+
+@Component({
+  selector: 'wise-link-authoring-dialog',
+  templateUrl: './wise-link-authoring-dialog.component.html',
+  styleUrls: ['./wise-link-authoring-dialog.component.scss']
+})
+export class WiseLinkAuthoringDialogComponent {
+  items: any[];
+  wiseLinkComponentId: string = '';
+  wiseLinkNodeId: string = '';
+  wiseLinkText: string = '';
+  wiseLinkType: string = 'link';
+
+  constructor(
+    protected dialogRef: MatDialogRef<WiseLinkAuthoringDialogComponent>,
+    private projectService: ProjectService
+  ) {}
+
+  ngOnInit(): void {
+    this.items = Object.entries(this.projectService.idToOrder)
+      .map((entry: any) => {
+        return { key: entry[0], order: entry[1].order };
+      })
+      .sort((a: any, b: any) => {
+        return a.order - b.order;
+      });
+  }
+
+  protected wiseLinkNodeIdChanged(): void {
+    if (this.wiseLinkNodeId != null && this.wiseLinkNodeId !== '') {
+      this.wiseLinkComponentId = '';
+      const position = this.getNodePositionById(this.wiseLinkNodeId);
+      const title = this.getNodeTitle(this.wiseLinkNodeId);
+      this.wiseLinkText = `${position}: ${title}`;
+    }
+  }
+
+  private getNodePositionById(nodeId: string): string {
+    return this.projectService.getNodePositionById(nodeId);
+  }
+
+  private getNodeTitle(nodeId: string): string {
+    return this.projectService.getNodeTitle(nodeId);
+  }
+
+  protected isGroupNode(nodeId: string): boolean {
+    return this.projectService.isGroupNode(nodeId);
+  }
+
+  protected getComponents(nodeId: string): any[] {
+    return this.projectService.getComponents(nodeId);
+  }
+
+  protected createWISELink(): void {
+    if (this.wiseLinkNodeId == null || this.wiseLinkNodeId === '') {
+      alert($localize`You must select a step.`);
+    } else if (this.wiseLinkText == null || this.wiseLinkText === '') {
+      alert($localize`You must enter text.`);
+    } else {
+      this.dialogRef.close({
+        wiseLinkNodeId: this.wiseLinkNodeId,
+        wiseLinkComponentId: this.wiseLinkComponentId,
+        wiseLinkType: this.wiseLinkType,
+        wiseLinkText: this.wiseLinkText
+      });
+    }
+  }
+
+  protected cancelWISELinkAuthoring(): void {
+    this.dialogRef.close();
+  }
+}
diff --git a/src/assets/wise5/authoringTool/wiseLink/wiseLinkAuthoring.html b/src/assets/wise5/authoringTool/wiseLink/wiseLinkAuthoring.html
deleted file mode 100644
index 0962b8cf42..0000000000
--- a/src/assets/wise5/authoringTool/wiseLink/wiseLinkAuthoring.html
+++ /dev/null
@@ -1,68 +0,0 @@
-<style>
-  md-dialog {
-    display: initial;
-    width: 80%;
-    height: 50%;
-  }
-</style>
-
-<div style="margin-left: 20px; margin-top: 20px">
-  <h5>{{ ::'createAWISELink' | translate }}</h5>
-  <br />
-  <md-select
-    md-theme="at"
-    class="node-select md-subhead"
-    ng-model="$ctrl.wiseLinkNodeId"
-    placeholder="{{ ::'chooseAStep' | translate }}"
-    ng-change="$ctrl.wiseLinkNodeIdChanged()"
-    style="width: 600px"
-  >
-    <md-option
-      ng-repeat="item in $ctrl.items | toArray | orderBy : 'order'"
-      ng-if="item.$key != 'group0'"
-      value="{{ item.$key }}"
-      ng-class="{'node-select-option--group': $ctrl.isGroupNode(item.$key), 'node-select-option--node': !$ctrl.isGroupNode(item.$key)}"
-    >
-      <span layout="row" layout-align="start center">
-        <span class="node-select__text">
-          {{ ::$ctrl.getNodePositionById(item.$key) + ': '}} {{ ::$ctrl.getNodeTitle(item.$key) }}
-          ({{item.$key}})
-        </span>
-      </span>
-    </md-option>
-  </md-select>
-  <md-select
-    md-theme="at"
-    class="node-select md-subhead"
-    ng-model="$ctrl.wiseLinkComponentId"
-    placeholder="{{ ::'chooseAComponentOptional' | translate }}"
-    style="width: 600px"
-  >
-    <md-option
-      ng-repeat="(componentIndex, component) in $ctrl.getComponents($ctrl.wiseLinkNodeId)"
-      value="{{ component.id }}"
-    >
-      <span layout="row" layout-align="start center">
-        <span class="node-select__text">{{componentIndex + 1}}. {{component.type}}</span>
-      </span>
-    </md-option>
-  </md-select>
-  <br />
-
-  <md-radio-group ng-model="$ctrl.wiseLinkType" class="md-primary">
-    <md-radio-button value="link">{{ ::'link' | translate }}</md-radio-button>
-    <md-radio-button value="button">{{ ::'button' | translate }}</md-radio-button>
-  </md-radio-group>
-  <md-input-container>
-    <label>{{ ::'setLinkText' | translate }}</label>
-    <input ng-model="$ctrl.wiseLinkText" ng-model-options="{ debounce: 500 }" size="50" />
-  </md-input-container>
-  <br />
-
-  <md-button class="md-raised md-primary" ng-click="$ctrl.createWISELink()">
-    <span>{{ ::'create' | translate }}</span>
-  </md-button>
-  <md-button class="md-raised" ng-click="$ctrl.cancelWISELinkAuthoring()">
-    <span>{{ ::'CANCEL' | translate }}</span>
-  </md-button>
-</div>
diff --git a/src/assets/wise5/authoringTool/wiseLink/wiseLinkAuthoringController.ts b/src/assets/wise5/authoringTool/wiseLink/wiseLinkAuthoringController.ts
deleted file mode 100644
index 12ac3ab901..0000000000
--- a/src/assets/wise5/authoringTool/wiseLink/wiseLinkAuthoringController.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-'use strict';
-
-import { ProjectService } from '../../services/projectService';
-
-class WISELinkAuthoringController {
-  $rootScope: any;
-  $stateParams: any;
-  $mdDialog: any;
-  ProjectService: ProjectService;
-  projectId: number;
-  nodeId: string;
-  componentId: string;
-  target: any;
-  items: any[];
-  wiseLinkNodeId: string = '';
-  wiseLinkComponentId: string = '';
-  wiseLinkType: string = 'link';
-  wiseLinkText: string = '';
-  wiseLinkClass: string = '';
-
-  static $inject = ['$rootScope', '$stateParams', '$mdDialog', 'ProjectService'];
-
-  constructor($rootScope, $stateParams, $mdDialog, ProjectService) {
-    this.$rootScope = $rootScope;
-    this.$stateParams = $stateParams;
-    this.$mdDialog = $mdDialog;
-    this.ProjectService = ProjectService;
-    this.projectId = $stateParams.projectId;
-    this.nodeId = $stateParams.nodeId;
-    this.componentId = $stateParams.componentId;
-    this.target = $stateParams.target;
-    this.items = this.ProjectService.idToOrder;
-  }
-
-  wiseLinkNodeIdChanged() {
-    if (this.wiseLinkNodeId != null && this.wiseLinkNodeId != '') {
-      this.wiseLinkComponentId = '';
-      let position = this.getNodePositionById(this.wiseLinkNodeId);
-      let title = this.getNodeTitle(this.wiseLinkNodeId);
-      this.wiseLinkText = position + ': ' + title;
-    }
-  }
-
-  getNodePositionById(nodeId) {
-    return this.ProjectService.getNodePositionById(nodeId);
-  }
-
-  getNodeTitle(nodeId: string): string {
-    return this.ProjectService.getNodeTitle(nodeId);
-  }
-
-  isGroupNode(nodeId) {
-    return this.ProjectService.isGroupNode(nodeId);
-  }
-
-  getComponents(nodeId: string): any[] {
-    return this.ProjectService.getComponents(nodeId);
-  }
-
-  /**
-   * TODO: i18n
-   */
-  createWISELink() {
-    if (this.wiseLinkNodeId == null || this.wiseLinkNodeId == '') {
-      alert('You must select a step.');
-    } else if (this.wiseLinkText == null || this.wiseLinkText == '') {
-      alert('You must enter text.');
-    } else {
-      const params = {
-        projectId: this.projectId,
-        nodeId: this.nodeId,
-        componentId: this.componentId,
-        target: this.target,
-        wiseLinkNodeId: this.wiseLinkNodeId,
-        wiseLinkComponentId: this.wiseLinkComponentId,
-        wiseLinkType: this.wiseLinkType,
-        wiseLinkText: this.wiseLinkText,
-        wiseLinkClass: this.wiseLinkClass
-      };
-      this.$mdDialog.hide(params);
-    }
-  }
-
-  cancelWISELinkAuthoring() {
-    this.$mdDialog.cancel();
-  }
-}
-
-export default WISELinkAuthoringController;
diff --git a/src/assets/wise5/components/component-authoring.module.ts b/src/assets/wise5/components/component-authoring.module.ts
index b59bf5ecab..1ebc294387 100644
--- a/src/assets/wise5/components/component-authoring.module.ts
+++ b/src/assets/wise5/components/component-authoring.module.ts
@@ -28,7 +28,6 @@ import { EditComponentSubmitButtonComponent } from '../../../app/authoring-tool/
 import { EditComponentTagsComponent } from '../../../app/authoring-tool/edit-component-tags/edit-component-tags.component';
 import { EditComponentWidthComponent } from '../../../app/authoring-tool/edit-component-width/edit-component-width.component';
 import { EditComponentExcludeFromTotalScoreComponent } from '../../../app/authoring-tool/edit-component-exclude-from-total-score/edit-component-exclude-from-total-score.component';
-import WISELinkAuthoringController from '../authoringTool/wiseLink/wiseLinkAuthoringController';
 import { EditComponentDefaultFeedback } from '../../../app/authoring-tool/edit-advanced-component/edit-component-default-feedback/edit-component-default-feedback.component';
 import { AuthorUrlParametersComponent } from '../../../app/authoring-tool/author-url-parameters/author-url-parameters.component';
 import { EditConnectedComponentsComponent } from '../../../app/authoring-tool/edit-connected-components/edit-connected-components.component';
@@ -62,7 +61,6 @@ export default angular
     'summaryAuthoringComponentModule',
     'tableAuthoringComponentModule'
   ])
-  .controller('WISELinkAuthoringController', WISELinkAuthoringController)
   .directive(
     'authorUrlParameters',
     downgradeComponent({
diff --git a/src/assets/wise5/directives/wise-tinymce-editor/wise-authoring-tinymce-editor.component.ts b/src/assets/wise5/directives/wise-tinymce-editor/wise-authoring-tinymce-editor.component.ts
index af8f5d674b..833f3d3824 100644
--- a/src/assets/wise5/directives/wise-tinymce-editor/wise-authoring-tinymce-editor.component.ts
+++ b/src/assets/wise5/directives/wise-tinymce-editor/wise-authoring-tinymce-editor.component.ts
@@ -6,6 +6,8 @@ import 'tinymce';
 import { UpgradeModule } from '@angular/upgrade/static';
 import { MatDialog } from '@angular/material/dialog';
 import { ProjectAssetAuthoringComponent } from '../../authoringTool/project-asset-authoring/project-asset-authoring.component';
+import { WiseLinkAuthoringDialogComponent } from '../../authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component';
+import { filter } from 'rxjs';
 
 declare let tinymce: any;
 
@@ -56,47 +58,33 @@ export class WiseAuthoringTinymceEditorComponent extends WiseTinymceEditorCompon
         tooltip: $localize`Insert WISE Link`,
         icon: 'wiselink',
         onAction: function () {
-          const params = {
-            projectId: '',
-            nodeId: '',
-            componentId: '',
-            target: ''
-          };
-          thisComponent.openWISELinkChooser(params).then((result) => {
-            let content = '';
-            if (result.wiseLinkType === 'link') {
-              content =
-                `<a href="#" wiselink="true" node-id="${result.wiseLinkNodeId}" ` +
-                `component-id="${result.wiseLinkComponentId}" ` +
-                `link-text="${result.wiseLinkText}">${result.wiseLinkText}</a>`;
-            } else if (result.wiseLinkType === 'button') {
-              content =
-                `<button wiselink="true" node-id="${result.wiseLinkNodeId}" ` +
-                `component-id="${result.wiseLinkComponentId}" ` +
-                `link-text="${result.wiseLinkText}">${result.wiseLinkText}</button>`;
-            }
-            editor.insertContent(content);
-          });
+          thisComponent
+            .openWISELinkChooser()
+            .afterClosed()
+            .pipe(filter((result: any) => result != null))
+            .subscribe((result: any) => {
+              let content = '';
+              if (result.wiseLinkType === 'link') {
+                content =
+                  `<a href="#" wiselink="true" node-id="${result.wiseLinkNodeId}" ` +
+                  `component-id="${result.wiseLinkComponentId}" ` +
+                  `link-text="${result.wiseLinkText}">${result.wiseLinkText}</a>`;
+              } else if (result.wiseLinkType === 'button') {
+                content =
+                  `<button wiselink="true" node-id="${result.wiseLinkNodeId}" ` +
+                  `component-id="${result.wiseLinkComponentId}" ` +
+                  `link-text="${result.wiseLinkText}">${result.wiseLinkText}</button>`;
+              }
+              editor.insertContent(content);
+            });
         }
       });
     });
   }
 
-  private openWISELinkChooser({ projectId, nodeId, componentId, target }): any {
-    const stateParams = {
-      projectId: projectId,
-      nodeId: nodeId,
-      componentId: componentId,
-      target: target
-    };
-    return this.upgrade.$injector.get('$mdDialog').show({
-      templateUrl: 'assets/wise5/authoringTool/wiseLink/wiseLinkAuthoring.html',
-      controller: 'WISELinkAuthoringController',
-      controllerAs: '$ctrl',
-      $stateParams: stateParams,
-      clickOutsideToClose: true,
-      escapeToClose: true,
-      multiple: true
+  private openWISELinkChooser(): any {
+    return this.dialog.open(WiseLinkAuthoringDialogComponent, {
+      width: '80%'
     });
   }
 
diff --git a/src/messages.xlf b/src/messages.xlf
index 2acfed76b1..9f146b40df 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -469,6 +469,10 @@
           <context context-type="sourcefile">src/assets/wise5/authoringTool/structure/self-directed-investigation/self-directed-investigation.component.html</context>
           <context context-type="linenumber">21</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">50</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/classroomMonitor/classroomMonitorComponents/manageStudents/add-team-dialog/add-team-dialog.component.html</context>
           <context context-type="linenumber">54</context>
@@ -1615,6 +1619,10 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
           <context context-type="sourcefile">src/app/authoring-tool/select-step-and-component/select-step-and-component.component.html</context>
           <context context-type="linenumber">2</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/classroomMonitor/dataExport/data-export/data-export.component.html</context>
           <context context-type="linenumber">322</context>
@@ -10257,63 +10265,63 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         <source>Are you sure you want to delete Milestone <x id="PH" equiv-text="index + 1"/>?</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">162</context>
+          <context context-type="linenumber">159</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7024630208708158199" datatype="html">
         <source>Are you sure you want to delete Milestone Satisfy Criteria <x id="PH" equiv-text="index + 1"/>?</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">206,208</context>
+          <context context-type="linenumber">203,205</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3843742807165983746" datatype="html">
         <source>Are you sure you want to copy the Node ID and Component ID to the rest of this Milestone?</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">225</context>
+          <context context-type="linenumber">222</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2939253877312668023" datatype="html">
         <source>Are you sure you want to delete this location?</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">306</context>
+          <context context-type="linenumber">303</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2352516814483415297" datatype="html">
         <source>Error: Key must not be empty</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">331</context>
+          <context context-type="linenumber">328</context>
         </context-group>
       </trans-unit>
       <trans-unit id="8901595968494756779" datatype="html">
         <source>Error: Values must not be empty</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">334</context>
+          <context context-type="linenumber">331</context>
         </context-group>
       </trans-unit>
       <trans-unit id="416312765943073774" datatype="html">
         <source>Are you sure you want to delete this custom score value?</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">356</context>
+          <context context-type="linenumber">353</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1286515758320423645" datatype="html">
         <source>Are you sure you want to delete Template <x id="PH" equiv-text="index + 1"/>?</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">393</context>
+          <context context-type="linenumber">390</context>
         </context-group>
       </trans-unit>
       <trans-unit id="6292645650422796790" datatype="html">
         <source>Are you sure you want to delete Template Satisfy Criteria <x id="PH" equiv-text="index + 1"/>?</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/milestones-authoring/milestones-authoring.component.ts</context>
-          <context context-type="linenumber">443</context>
+          <context context-type="linenumber">440</context>
         </context-group>
       </trans-unit>
       <trans-unit id="95a6b174bcdc9e77421358825217263add8e6bd8" datatype="html">
@@ -11293,6 +11301,10 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
           <context context-type="sourcefile">src/assets/wise5/authoringTool/peer-grouping/create-new-peer-grouping-dialog/create-new-peer-grouping-dialog.component.html</context>
           <context context-type="linenumber">53</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">51</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/classroomMonitor/classroomMonitorComponents/manageStudents/add-team-dialog/add-team-dialog.component.html</context>
           <context context-type="linenumber">63</context>
@@ -11847,6 +11859,73 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
           <context context-type="linenumber">2,7</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="1a1e67e69c46d3cd35b415df98316290f4c99c57" datatype="html">
+        <source>Create a WISE Link</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">1</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="c608236f74fcbc060ae4cd0bd7f2bf466042349b" datatype="html">
+        <source>Choose a Step</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">8</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="f23168771b88a4f8afd22943ad9ba178ca95e852" datatype="html">
+        <source>Component (Optional)</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">20</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="c03681c038c05286d64e74f5652de0b3b280591c" datatype="html">
+        <source>Choose a Component</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">23</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="e30093ede0bcf491df04a579ff9c8751fd3941d4" datatype="html">
+        <source>Link Text</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">37</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="e03b6cba7c88318e4f91a60a079870e8fba4bee7" datatype="html">
+        <source>Link</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">43</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/components/conceptMap/edit-concept-map-advanced/edit-concept-map-advanced.component.html</context>
+          <context context-type="linenumber">82</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="a0cae8a39f7e27d2d9fd43d75f0c23dce3044952" datatype="html">
+        <source>Button</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.html</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="278142404164788389" datatype="html">
+        <source>You must select a step.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.ts</context>
+          <context context-type="linenumber">59</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4796036023179559940" datatype="html">
+        <source>You must enter text.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/authoringTool/wise-link-authoring-dialog/wise-link-authoring-dialog.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="8633038537118051284" datatype="html">
         <source>Classroom Monitor</source>
         <context-group purpose="location">
@@ -15979,13 +16058,6 @@ Are you ready to receive feedback on this answer?</source>
           <context context-type="linenumber">78</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="e03b6cba7c88318e4f91a60a079870e8fba4bee7" datatype="html">
-        <source>Link</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/components/conceptMap/edit-concept-map-advanced/edit-concept-map-advanced.component.html</context>
-          <context context-type="linenumber">82</context>
-        </context-group>
-      </trans-unit>
       <trans-unit id="e04356b41e0d85f3e2f7ebc72a3f75c6e1147663" datatype="html">
         <source>to</source>
         <context-group purpose="location">
@@ -19963,14 +20035,14 @@ If this problem continues, let your teacher know and move on to the next activit
         <source>Alignment</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/wise-tinymce-editor/wise-authoring-tinymce-editor.component.ts</context>
-          <context context-type="linenumber">24</context>
+          <context context-type="linenumber">26</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3696320199419440058" datatype="html">
         <source>Insert WISE Link</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/wise-tinymce-editor/wise-authoring-tinymce-editor.component.ts</context>
-          <context context-type="linenumber">56</context>
+          <context context-type="linenumber">58</context>
         </context-group>
       </trans-unit>
       <trans-unit id="8455204924704616723" datatype="html">