Flow UI

await membrane.connection('hubspot').flow('{FLOW_KEY}').openConfiguration()

await membrane.flowInstance('{FLOW_INSTANCE_ID}').openEditor()

function FlowBuilderEmbedding() {
  const targetId = 'flow-builder-emdedding'
  const membrane = useIntegrationApp()
  const targetRef = useRef < HTMLDivElement > null

  useEffect(() => {
    void membrane
      .flowInstance({
        flowKey: parameters.FLOW_KEY,
        integrationKey: parameters.INTEGRATION_KEY,
        autoCreate: true,
      })
      .embedEditor({
        mountTargetSelector: `[data-container-id="${targetId}"]`,
      })
  }, [parameters.FLOW_KEY, parameters.INTEGRATION_KEY, membrane])

  return <div style={{ height: '490px' }} data-container-id={targetId} ref={targetRef}></div>
}