@bravostudioai/react 0.1.12 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravostudioai/react",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/src/index.d.ts",

package/src/components.tsx

@@ -798,7 +798,7 @@ const EncoreLinkActionWrapper: React.FC<{
     };
     if (typeof onAction === "function") {
       try {
-        await onAction({ bravo: { cancel, action } });
+        await onAction({ bravo: { cancel, action, componentId: id } });
         proceed = true;
       } catch (e) {
         // ignore callback errors to avoid breaking in-bravo behavior
@@ -896,6 +896,7 @@ const EncoreLinkActionWrapper: React.FC<{
                     },
                     event: "tap",
                   },
+                  componentId: id,
                 },
               });
               console.log("✅ Input group change event fired");
@@ -1463,6 +1464,7 @@ const SelectInputComponent: React.FC<ComponentProps> = ({
               nodeId: id,
               params: { value: newValue },
             },
+            componentId: id,
           },
         });
       } catch (e) {
@@ -2174,6 +2176,7 @@ const SliderComponent = ({ id, name, nodeData, children }) => {
   const idleTimeoutRef = React.useRef(null);
   const pageContext = useContext(EncorePageContext);
   const repeatingContainerContext = useContext(EncoreRepeatingContainerContext);
+  const { onAction } = useContext(EncoreActionContext);
 
   // Control props from context
   const [controlProps, setControlProps] = React.useState({
@@ -2620,8 +2623,26 @@ const SliderComponent = ({ id, name, nodeData, children }) => {
       if (currentControlProps.onIndexChange) {
         currentControlProps.onIndexChange(index);
       }
+
+      // Trigger onAction for visibility in parent
+      if (typeof onAction === "function") {
+        try {
+          onAction({
+            bravo: {
+              cancel: () => {},
+              action: {
+                action: "index-change",
+                params: { index },
+              },
+              componentId: id,
+            },
+          });
+        } catch (e) {
+          // ignore
+        }
+      }
     },
-    [] // Empty deps - we use ref to access latest controlProps
+    [onAction, id] // Depend on onAction to ensure we call the latest version
   );
 
   // Set up scroll event listeners

package/src/contexts/EncoreActionContext.ts

@@ -4,6 +4,7 @@ export type EncoreActionPayload = {
   bravo: {
     cancel: () => void;
     action: any;
+    componentId?: string; // ID of the component that triggered the action
   };
 };
 
@@ -14,5 +15,3 @@ type EncoreActionContextType = {
 const EncoreActionContext = React.createContext<EncoreActionContextType>({});
 
 export default EncoreActionContext;
-
-