feat: add useTriggerSubsteps and useActionSubsteps with RQ

packages/web/src/hooks/useActionsSubsteps.js

@@ -0,0 +1,22 @@
+import { useQuery } from '@tanstack/react-query';
+
+import api from 'helpers/api';
+
+export default function useActionSubsteps(appKey, actionKey) {
+  const query = useQuery({
+    queryKey: ['actionSubsteps', appKey, actionKey],
+    queryFn: async ({ payload, signal }) => {
+      const { data } = await api.get(
+        `/v1/apps/${appKey}/actions/${actionKey}/substeps`,
+        {
+          signal,
+        },
+      );
+
+      return data;
+    },
+    enabled: !!appKey,
+  });
+
+  return query;
+}

packages/web/src/hooks/useTriggerSubsteps.js

@@ -0,0 +1,22 @@
+import { useQuery } from '@tanstack/react-query';
+
+import api from 'helpers/api';
+
+export default function useTriggerSubsteps(appKey, triggerKey) {
+  const query = useQuery({
+    queryKey: ['triggerSubsteps', appKey, triggerKey],
+    queryFn: async ({ payload, signal }) => {
+      const { data } = await api.get(
+        `/v1/apps/${appKey}/triggers/${triggerKey}/substeps`,
+        {
+          signal,
+        },
+      );
+
+      return data;
+    },
+    enabled: !!appKey,
+  });
+
+  return query;
+}