using Image instead of image editor to ease up using api

app.py

@@ -141,8 +141,8 @@ def start_tryon(dict,garm_img,garment_des, background_img, is_checked,is_checked
     pipe.unet_encoder.to(device)
 
     garm_img= garm_img.convert("RGB").resize((WIDTH,HEIGHT))
-    human_img_orig = dict["background"].convert("RGB")    
-    
+    # human_img_orig = dict["background"].convert("RGB")    
+    human_img_orig = dict.convert("RGB")     
     if is_checked_crop:
         width, height = human_img_orig.size
         target_width = int(min(width, height * (3 / 4)))
@@ -287,7 +287,10 @@ with image_blocks as demo:
     gr.Markdown("Upload an image of a person and an image of a garment ✨.")
     with gr.Row():
         with gr.Column():
-            imgs = gr.ImageEditor(sources='upload', type="pil", label='Human. Mask with pen or use auto-masking', interactive=True)
+            # changing from ImageEditor to Image to allow easy passing of data through API
+            # instead of passing {"dictionary": <>} ( which is failing ), we can directly pass the image
+            # imgs = gr.ImageEditor(sources='upload', type="pil", label='Human. Mask with pen or use auto-masking', interactive=True)
+            imgs = gr.Image(sources='upload', type='pil',label='Human. Mask with pen or use auto-masking')
             with gr.Row():
                 is_checked = gr.Checkbox(label="Yes", info="Use auto-generated mask (Takes 5 seconds)",value=True)
             with gr.Row():