feat: support wowza integration

src/components/integrations/common.tsx

@@ -2,7 +2,11 @@ import { ButtonProps } from "src/components/button";
 
 export type IntegrationUploadType = "image" | "video";
 
-export type IntegrationUploaderProvider = "mux" | "cloudinary" | "brightcove";
+export type IntegrationUploaderProvider =
+  | "mux"
+  | "cloudinary"
+  | "brightcove"
+  | "wowza";
 
 export type IntegrationUploaderPlaybackPolicy = "signed" | "public" | undefined;
 
@@ -28,11 +32,13 @@ export const supportedIntegrations: Record<
     cloudinary: true,
     mux: false,
     brightcove: false,
+    wowza: false,
   },
   video: {
     mux: true,
     cloudinary: true,
     brightcove: true,
+    wowza: true,
   },
 };
 

src/components/integrations/mux/muxUploader.component.tsx

@@ -1,5 +1,6 @@
 import MuxUploaderComponent from "@mux/mux-uploader-react";
 import { useQueryClient } from "@tanstack/react-query";
+import { sentenceCase } from "change-case";
 import { CSSProperties, useState } from "react";
 import { CgSpinner } from "react-icons/cg";
 import { toast } from "react-toastify";
@@ -92,7 +93,7 @@ export const MuxUploader = ({
       <>
         <Modal
           isOpen={isOpen}
-          title={`Upload video to ${provider === "brightcove" ? "Brightcove" : "Mux"}`}
+          title={`Upload video to ${sentenceCase(provider)}`}
           size="medium"
           closeModal={() => setIsOpen(false)}
         >

src/components/integrations/uploader/uploader.component.tsx

@@ -51,7 +51,7 @@ export const IntegrationUploader = ({
     onSuccess: onSuccessWrapper,
   };
 
-  if (provider === "mux" || provider === "brightcove") {
+  if (["mux", "brightcove", "wowza"].includes(provider)) {
     return <MuxUploader {...opts} {...commonProps} />;
   }