fix types.

webapp/channels/src/components/common/hooks/useControlSelfHostedExpansionModal.ts

@@ -26,7 +26,7 @@ export default function useControlSelfHostedExpansionModal(options: HookOptions)
     const dispatch = useDispatch();
     const currentUser = useSelector(getCurrentUser);
     const controlModal = useControlModal({
-        modalId: ModalIdentifiers.EXPANSION_IN_PROGRESS,
+        modalId: ModalIdentifiers.SELF_HOSTED_EXPANSION,
         dialogType: SelfHostedExpansionModal,
     });
 
@@ -42,7 +42,7 @@ export default function useControlSelfHostedExpansionModal(options: HookOptions)
                     // is already trying to purchase. Notify them of this
                     // and request the exit that purchase flow before attempting again.
                     dispatch(openModal({
-                        modalId: ModalIdentifiers.PURCHASE_IN_PROGRESS,
+                        modalId: ModalIdentifiers.EXPANSION_IN_PROGRESS,
                         dialogType: PurchaseInProgressModal,
                         dialogProps: {
                             purchaserEmail: currentUser.email,

webapp/channels/src/components/self_hosted_expansion_modal/index.tsx

@@ -336,7 +336,7 @@ export default function SelfHostedExpansionModal() {
                     show={show}
                     ariaLabelledBy='self_hosted_expansion_modal_title'
                     onClose={() => {
-                        dispatch(closeModal(ModalIdentifiers.EXPANSION_IN_PROGRESS));
+                        dispatch(closeModal(ModalIdentifiers.SELF_HOSTED_EXPANSION));
                         resetToken();
                     }}
                 >

webapp/channels/src/utils/constants.tsx

@@ -460,6 +460,7 @@ export const ModalIdentifiers = {
     SCREENING_IN_PROGRESS: 'screening_in_progress',
     CONFIRM_SWITCH_TO_YEARLY: 'confirm_switch_to_yearly',
     EXPANSION_IN_PROGRESS: 'expansion_in_progress',
+    SELF_HOSTED_EXPANSION: 'self_hosted_expansion',
 };
 
 export const UserStatuses = {