Launch a screen flow using a modal window using LWC only?

Question

Newbie here!

I've created an admin tools menu, and I've already created the flows required for each tool.

Now that I have the menu I was able to launch said flows in a separate window, but I can not find a way to launch these flows in a modal/pop up window when the user clicks the hyperlink. I've found a lot of things with aura and in labs but its now what i need.

Im doing this at the moment:

 <!-- Change Cost Center Name -->   
<div class="slds-m-top_medium slds-col">
    <div class="slds-p-around_medium lgc-bg">
        <lightning-icon icon-name="custom:custom16" class="slds-align_absolute-center" size="large" ></lightning-icon>
       
        <lightning-tile class="slds-text-align_center slds-m-top_large" label="Cost Center Name Change" size="xx-large" href="/flow/Update_Cost_Center_Name">
            
            <p class="slds-m-top_x-large" title="Description">
                This tools allows you to change a Cost Center name and all of its instances,including the Cost Center in the stories related.
            </p>

        </lightning-tile>
    </div>    
</div>

And its being open in a new window, how can i make it pop up? is it even possible? am I dumb? Thanks!

Answer 1

Currently embedding flows in lightning web components is not possible.

Workaround to use a flow in lightning experience is by using the Aura component, create a popup, and embedding the flow using lightning:flow in the popup.

Check this out - Embed a Flow

Answer 2

There is a good appexchange product for this, have look at https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FMYinUAH?