Make global action window pop out on default?

Question

I built a flow which is wrapped in Aura compoenent, the componenet is attached to a Global Action.

On default, when I click on the global action, the component opens "Minimized" in the Utility Bar, If I click on the 'Maximize' button it opens it in a modal.

I would like to reverse it, so that when I click on the global action, it automatically opens the aura component 'Maximized' meaning in modal mode.

<aura:component implements="force:lightningQuickAction" access="global" >

    <aura:handler name="init" value="{!this}" action="{!c.init} "/>
    <lightning:flow aura:id="flowData" onstatuschange="{!c.handleStatusChange}" />
</aura:component>

({
    init : function (component) {
        // Find the component whose aura:id is "flowData"
        var flow = component.find("flowData");
        // In that component, start your flow. Reference the flow's API Name.
        flow.startFlow("Create_Admin_Ticket");
    },
    handleStatusChange : function (component, event) {
        if(event.getParam("status") === "FINISHED") {
        // Close the action panel
            var dismissActionPanel = $A.get("e.force:closeQuickAction");
            dismissActionPanel.fire();            
        }
     }
})

Can someone point me in the right direction? Couldn't find anything in the documentation.

Answer 1

Oh man, was this a tricky one! I believe that I have figured it out by using a couple of hacks. You will need to split your logic into two Aura Components:

Aura Component 1:

Using API version 39 in order to disable Locker Service. This will allow you to access the DOM outside of your component and click the Maximize button using Javascript.

However, you cannot embed your Flow here because <lightning:flow> is only available after API version 41. The Flow will live in another component TestAuraComponentInner which you will call from here.

TestAuraComponent.cmp-meta.xml

<?xml version="1.0" encoding="UTF-8" ?>
<AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>39.0</apiVersion>
    <description>Blah blah</description>
</AuraDefinitionBundle>

TestAuraComponent.cmp

<aura:component implements="force:lightningQuickAction" access="global">
    <aura:handler name="init" value="{!this}" action="{!c.init} "/>
    <c:TestAuraComponentInner/>
</aura:component>

TestAuraComponentController.js

({
    init : function (component) {
        var maximizeButton = document.querySelector('[title="Maximize"]');

        if (maximizeButton) {
            maximizeButton.click();
        }
    }
})

Aura Component 2:

Where your Flow is embedded. Needs to use API version 41 or higher.

TestAuraComponentInner.cmp

<aura:component>
    <aura:handler name="init" value="{!this}" action="{!c.init} "/>
    <lightning:flow aura:id="testFlow" />
</aura:component>

TestAuraComponentInnerController.js

({
    init : function (component) {
        var flow = component.find("testFlow");
        flow.startFlow("Test_Flow");
    }
})