Reposition subscribers implemented

Author: jonathanalvares9009

packages/atri-app-core/src/api/canvasApi.ts

@@ -80,6 +80,49 @@ subscribeCanvasMachine("upWhileDrag", (context) => {
     );
   }
 });
+
+subscribeCanvasMachine("reposition", (context) => {
+  const canvasZone = (context.mousePosition!.target as HTMLElement).closest(
+    "[data-atri-canvas-id]"
+  );
+  const parentEl = (context.mousePosition!.target as HTMLElement).closest(
+    "[data-atri-parent]"
+  );
+  if (canvasZone) {
+    let id = CANVAS_ZONE_ROOT_ID;
+    if (parentEl) {
+      id = parentEl.getAttribute("data-atri-comp-id")!;
+    }
+    window.parent.postMessage(
+      {
+        type: "REDROP_SUCCESSFUL",
+        parent: {
+          id: id,
+          index:
+            id === CANVAS_ZONE_ROOT_ID
+              ? getComponentIndexInsideCanvasZone(
+                  canvasZone.getAttribute("data-atri-canvas-id")!,
+                  context.mousePosition!
+                )
+              : getComponentIndexInsideParentComponent(
+                  id,
+                  context.mousePosition!
+                ),
+          canvasZoneId: canvasZone.getAttribute("data-atri-canvas-id"),
+        },
+      },
+      "*"
+    );
+  } else {
+    window.parent.postMessage(
+      {
+        type: "REDROP_FAILED",
+      },
+      "*"
+    );
+  }
+});
+
 subscribeCanvasMachine("select", (context) => {
   window.parent?.postMessage({ type: "select", id: context.selected }, "*");
 });

packages/atri-app-core/src/canvasMachine.ts

@@ -190,13 +190,15 @@ function changeComponentLoc(
       const canvasZoneId = canvasZone?.getAttribute("data-atri-canvas-id");
       context.newParent = parentCompId;
       context.newCanvasZone = canvasZoneId!;
+      context.mousePosition = event.event;
     }
   }
 }
 
 function setRepositionDataToNull(context: CanvasMachineContext) {
   context.newParent = null;
   context.newCanvasZone = null;
+  context.mousePosition = null;
 }
 
 function setLastDropped(