@zohodesk/dot/es/Onboarding/hooks/useOnboarding.js

In this Library, we Provide Some Basic Components to Build Your Application

import { useRef } from 'react';
import useMergeState from '@zohodesk/hooks/es/utils/useMergeState';
import useDragger from "../../Hooks/Dragger/useDragger";

const useOnboarding = ({
  dragBoundaryLimit,
  isDraggable
}) => {
  const dragRef = useRef(null);
  useDragger({
    isActive: isDraggable,
    ChildRef: dragRef,
    boundaryLimit: dragBoundaryLimit
  });
  const [state, setState] = useMergeState({
    videoLookupLink: '',
    isVideoLookupOpen: false,
    isEmbeddedLink: false,
    videoLookupFormat: ''
  });

  const openVideoLookup = (videoLookupSourceLink, isEmbeddedvideoLookupSource, videoLookupSourceFormat) => {
    setState({
      videoLookupLink: videoLookupSourceLink,
      isVideoLookupOpen: true,
      isEmbeddedLink: isEmbeddedvideoLookupSource,
      videoLookupFormat: videoLookupSourceFormat
    });
  };

  const closeVideoLookup = () => {
    setState({
      videoLookupLink: '',
      isVideoLookupOpen: false
    });
  };

  return {
    state,
    dragRef,
    openVideoLookup,
    closeVideoLookup
  };
};

export default useOnboarding;