fix: Handles button binding during buildingblock pasting

app/client/src/sagas/BuildingBlockSagas/BuildingBlockAdditionSagas.ts

@@ -59,6 +59,7 @@ import { updateWidgetPositions } from "layoutSystems/autolayout/utils/positionUt
 import type { FlexLayer } from "layoutSystems/autolayout/utils/types";
 import {
   getNewPositions,
+  handleButtonDynamicTriggerPathList,
   handleImageWidgetWhenPasting,
   handleJSONFormPropertiesListedInDynamicBindingPath,
   handleJSONFormWidgetWhenPasting,
@@ -844,6 +845,9 @@ function handleOtherWidgetReferencesWhilePastingBuildingBlockWidget(
     case "IMAGE_WIDGET":
       handleImageWidgetWhenPasting(widgetNameMap, widget);
       break;
+    case "BUTTON_WIDGET":
+      handleButtonDynamicTriggerPathList(widgetNameMap, widget);
+      break;
     default:
       widgets = handleSpecificCasesWhilePasting(
         widget,

app/client/src/sagas/PasteWidgetUtils/PasteWidgetUtils.test.ts

@@ -5,6 +5,7 @@ import {
   handleJSONFormWidgetWhenPasting,
   handleTextWidgetWhenPasting,
   handleJSONFormPropertiesListedInDynamicBindingPath,
+  handleButtonDynamicTriggerPathList,
 } from ".";
 import {
   widget,
@@ -17,6 +18,7 @@ import {
 const widgetNameMap = {
   table1: "table1Copy",
 };
+import { klona } from "klona";
 
 function testIndividualWidgetPasting(
   widgetNameMap: Record<string, string>,
@@ -229,3 +231,27 @@ describe("handleJSONFormPropertiesListedInDynamicBindingPath", () => {
     ]);
   });
 });
+
+describe("handleButtonDynamicTriggerPathList", () => {
+  const widget = {
+    dynamicTriggerPathList: [{ key: "onClick" }],
+    onClick: "{{oldName.val}}",
+  } as any as FlattenedWidgetProps;
+  it("1. should replace old widget names with new widget names in dynamic trigger paths", () => {
+    const widgetNameMap = {
+      oldName: "newName",
+    };
+    const button = klona(widget);
+    handleButtonDynamicTriggerPathList(widgetNameMap, button);
+    expect(button.onClick).toEqual("{{newName.val}}");
+  });
+
+  it("2. should do nothing if the widgetNameMap does not contain names in dynamic trigger paths", () => {
+    const widgetNameMap = {
+      oldWidget1: "newWidget1",
+    };
+    const button = klona(widget);
+    handleButtonDynamicTriggerPathList(widgetNameMap, button);
+    expect(button.onClick).toEqual("{{oldName.val}}");
+  });
+});

app/client/src/sagas/PasteWidgetUtils/index.ts

@@ -443,3 +443,14 @@ export function accessNestedObjectValue(
     ),
   );
 }
+
+export function handleButtonDynamicTriggerPathList(
+  widgetNameMap: Record<string, string>,
+  widget: FlattenedWidgetProps,
+) {
+  Object.entries(widgetNameMap).forEach(([oldWidgetName, newWidgetName]) => {
+    widget.dynamicTriggerPathList?.forEach((path: { key: string }) => {
+      accessNestedObjectValue(widget, path.key, oldWidgetName, newWidgetName);
+    });
+  });
+}