*Flexcard* - _Sub flow_ - Sub flow does not show in Community

[HelpfulSFAdmin]

Flow works as expected in Debug in flow builder but in Community I get this:

Debug Logs

esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.addEventListener d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.getElementById d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.getElementsByTagName d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.getElementsByClassName d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.querySelector d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.querySelectorAll d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.removeEventListener d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: window.addEventListener d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: window.removeEventListener d.outputToConsole @ esw.min.js:15 beaconLib.BeaconLibrary.js:37 Object esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.addEventListener d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.getElementById d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.getElementsByTagName d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.getElementsByClassName d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.querySelector d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.querySelectorAll d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: document.removeEventListener d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: window.addEventListener d.outputToConsole @ esw.min.js:15 esw.min.js:15 [Snap-ins] Warning: Embedded Service Chat may not function correctly with this native JS function modified: window.removeEventListener d.outputToConsole @ esw.min.js:15 fsc_quickChoiceFSC.js:4 Entering Connected Callback for smartchoice fsc_quickChoiceFSC.js:4 recordtypeId is: undefined fsc_quickChoiceFSC.js:4 includeIcons is: true fsc_quickChoiceFSC.js:4 choiceIcons is: custom:custom39,standard:process fsc_quickChoiceFSC.js:4 entering input mode Visual Text Box fsc_quickChoiceFSC.js:4 choiceLabels is: Source,Process fsc_quickChoiceFSC.js:4 items is: [object Object] fsc_quickChoiceFSC.js:4 items is: [object Object],[object Object] fsc_quickChoiceFSC.js:4 entering input mode Dual String Collections fsc_quickChoiceFSC.js:4 choiceValues is: I need to find the right resource or provider for my work,I've already identified the right resource or provider for my work fsc_quickChoiceFSC.js:4 in getter: objectApiName is: undefined fsc_quickChoiceFSC.js:4 in getter: fieldApiName is: undefined requisition-wizard:1 Refused to load the image 'custom:custom39' because it violates the following Content Security Policy directive: "img-src 'self' data: blob: https://flextrack--eadev.my.salesforce.com https://flextrack--eadev--c.documentforce.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://cs138.salesforce.com/icons/ https://flextrack--c.documentforce.com .cloudhub.io https://flextrack.my.salesforce.com https://flextrack--apollo.my.salesforce.com https://flextrack--dev--c.documentforce.com www.twitter.com https://api.mixpanel.com https://.springcm.com https://flextrack--ea--c.documentforce.com https://flextrack--apollo--c.documentforce.com".

requisition-wizard:1 Refused to load the image 'standard:process' because it violates the following Content Security Policy directive: "img-src 'self' data: blob: https://flextrack--eadev.my.salesforce.com https://flextrack--eadev--c.documentforce.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://cs138.salesforce.com/icons/ https://flextrack--c.documentforce.com .cloudhub.io https://flextrack.my.salesforce.com https://flextrack--apollo.my.salesforce.com https://flextrack--dev--c.documentforce.com www.twitter.com https://api.mixpanel.com https://.springcm.com https://flextrack--ea--c.documentforce.com https://flextrack--apollo--c.documentforce.com".

avatar.js:1 Image with src="custom:custom39" failed to load. handleImageError @ avatar.js:1 avatar.js:1 Image with src="standard:process" failed to load. handleImageError @ avatar.js:1 beaconLib.BeaconLibrary.js:37 Object beaconLib.BeaconLibrary.js:37 Object fsc_quickChoiceFSC.js:4 EVENT Object fsc_quickChoiceFSC.js:4 selected value is: Source fsc_quickChoiceFSC.js:4 entering validate: required=true value=Source fsc_quickChoiceFSC.js:4 Entering Connected Callback for smartchoice fsc_quickChoiceFSC.js:4 recordtypeId is: undefined fsc_quickChoiceFSC.js:4 includeIcons is: true fsc_quickChoiceFSC.js:4 choiceIcons is: standard:avatar,standard:employee_organization fsc_quickChoiceFSC.js:4 entering input mode Visual Text Box fsc_quickChoiceFSC.js:4 choiceLabels is: Vendor Sourced,Professional Services fsc_quickChoiceFSC.js:4 items is: [object Object] fsc_quickChoiceFSC.js:4 items is: [object Object],[object Object] fsc_quickChoiceFSC.js:4 entering input mode Dual String Collections fsc_quickChoiceFSC.js:4 choiceValues is: I need a resource to join my team and complete the work I assign to them. I will oversee their day-to-day,I have defined work that I need completed and delivered. I will not oversee the day-to-day. fsc_quickChoiceFSC.js:4 in getter: objectApiName is: undefined fsc_quickChoiceFSC.js:4 in getter: fieldApiName is: undefined requisition-wizard:1 Refused to load the image 'standard:avatar' because it violates the following Content Security Policy directive: "img-src 'self' data: blob: https://flextrack--eadev.my.salesforce.com https://flextrack--eadev--c.documentforce.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://cs138.salesforce.com/icons/ https://flextrack--c.documentforce.com .cloudhub.io https://flextrack.my.salesforce.com https://flextrack--apollo.my.salesforce.com https://flextrack--dev--c.documentforce.com www.twitter.com https://api.mixpanel.com https://.springcm.com https://flextrack--ea--c.documentforce.com https://flextrack--apollo--c.documentforce.com".

requisition-wizard:1 Refused to load the image 'standard:employee_organization' because it violates the following Content Security Policy directive: "img-src 'self' data: blob: https://flextrack--eadev.my.salesforce.com https://flextrack--eadev--c.documentforce.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://cs138.salesforce.com/icons/ https://flextrack--c.documentforce.com .cloudhub.io https://flextrack.my.salesforce.com https://flextrack--apollo.my.salesforce.com https://flextrack--dev--c.documentforce.com www.twitter.com https://api.mixpanel.com https://.springcm.com https://flextrack--ea--c.documentforce.com https://flextrack--apollo--c.documentforce.com".

avatar.js:1 Image with src="standard:avatar" failed to load. handleImageError @ avatar.js:1 avatar.js:1 Image with src="standard:employee_organization" failed to load. handleImageError @ avatar.js:1 fsc_quickChoiceFSC.js:4 EVENT Object fsc_quickChoiceFSC.js:4 selected value is: Vendor Sourced fsc_quickChoiceFSC.js:4 entering validate: required=true value=Vendor Sourced fsc_quickChoiceFSC.js:4 Entering Connected Callback for smartchoice fsc_quickChoiceFSC.js:4 recordtypeId is: undefined fsc_quickChoiceFSC.js:4 includeIcons is: true fsc_quickChoiceFSC.js:4 choiceIcons is: standard:business_hours,standard:date_time,standard:work_type_group,standard:skill_requirement fsc_quickChoiceFSC.js:4 entering input mode Visual Text Box fsc_quickChoiceFSC.js:4 choiceLabels is: Hourly,Per Diem,Units,Non-Paid fsc_quickChoiceFSC.js:4 items is: [object Object] fsc_quickChoiceFSC.js:4 items is: [object Object],[object Object] fsc_quickChoiceFSC.js:4 items is: [object Object],[object Object],[object Object] fsc_quickChoiceFSC.js:4 items is: [object Object],[object Object],[object Object],[object Object] fsc_quickChoiceFSC.js:4 entering input mode Dual String Collections fsc_quickChoiceFSC.js:4 choiceValues is: Every hour worked by the resource,Every day worked by the resource,By the number of units delivered and approved,Time may be tracked but not paid fsc_quickChoiceFSC.js:4 in getter: objectApiName is: undefined fsc_quickChoiceFSC.js:4 in getter: fieldApiName is: undefined requisition-wizard:1 Refused to load the image 'standard:business_hours' because it violates the following Content Security Policy directive: "img-src 'self' data: blob: https://flextrack--eadev.my.salesforce.com https://flextrack--eadev--c.documentforce.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://cs138.salesforce.com/icons/ https://flextrack--c.documentforce.com .cloudhub.io https://flextrack.my.salesforce.com https://flextrack--apollo.my.salesforce.com https://flextrack--dev--c.documentforce.com www.twitter.com https://api.mixpanel.com https://.springcm.com https://flextrack--ea--c.documentforce.com https://flextrack--apollo--c.documentforce.com".

requisition-wizard:1 Refused to load the image 'standard:date_time' because it violates the following Content Security Policy directive: "img-src 'self' data: blob: https://flextrack--eadev.my.salesforce.com https://flextrack--eadev--c.documentforce.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://cs138.salesforce.com/icons/ https://flextrack--c.documentforce.com .cloudhub.io https://flextrack.my.salesforce.com https://flextrack--apollo.my.salesforce.com https://flextrack--dev--c.documentforce.com www.twitter.com https://api.mixpanel.com https://.springcm.com https://flextrack--ea--c.documentforce.com https://flextrack--apollo--c.documentforce.com".

requisition-wizard:1 Refused to load the image 'standard:work_type_group' because it violates the following Content Security Policy directive: "img-src 'self' data: blob: https://flextrack--eadev.my.salesforce.com https://flextrack--eadev--c.documentforce.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://cs138.salesforce.com/icons/ https://flextrack--c.documentforce.com .cloudhub.io https://flextrack.my.salesforce.com https://flextrack--apollo.my.salesforce.com https://flextrack--dev--c.documentforce.com www.twitter.com https://api.mixpanel.com https://.springcm.com https://flextrack--ea--c.documentforce.com https://flextrack--apollo--c.documentforce.com".

requisition-wizard:1 Refused to load the image 'standard:skill_requirement' because it violates the following Content Security Policy directive: "img-src 'self' data: blob: https://flextrack--eadev.my.salesforce.com https://flextrack--eadev--c.documentforce.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://cs138.salesforce.com/icons/ https://flextrack--c.documentforce.com .cloudhub.io https://flextrack.my.salesforce.com https://flextrack--apollo.my.salesforce.com https://flextrack--dev--c.documentforce.com www.twitter.com https://api.mixpanel.com https://.springcm.com https://flextrack--ea--c.documentforce.com https://flextrack--apollo--c.documentforce.com".

avatar.js:1 Image with src="standard:business_hours" failed to load. handleImageError @ avatar.js:1 avatar.js:1 Image with src="standard:date_time" failed to load. handleImageError @ avatar.js:1 avatar.js:1 Image with src="standard:work_type_group" failed to load. handleImageError @ avatar.js:1 avatar.js:1 Image with src="standard:skill_requirement" failed to load. handleImageError @ avatar.js:1 fsc_quickChoiceFSC.js:4 EVENT Object fsc_quickChoiceFSC.js:4 selected value is: Hourly fsc_quickChoiceFSC.js:4 entering validate: required=true value=Hourly 2inputRichText.js:1 No html sanitizer found for rich text, make sure to sanitize rich text before using lightning-input-rich-text. Using raw html value set value @ inputRichText.js:1 fsc_quickChoiceFSC.js:4 Entering Connected Callback for smartchoice fsc_quickChoiceFSC.js:4 recordtypeId is: undefined fsc_quickChoiceFSC.js:4 includeIcons is: true fsc_quickChoiceFSC.js:4 choiceIcons is: custom:custom27,standard:maintenance_work_rule,standard:first_non_empty fsc_quickChoiceFSC.js:4 entering input mode Visual Text Box fsc_quickChoiceFSC.js:4 choiceLabels is: IT,Non-IT,No Position fsc_quickChoiceFSC.js:4 items is: [object Object] fsc_quickChoiceFSC.js:4 items is: [object Object],[object Object] fsc_quickChoiceFSC.js:4 items is: [object Object],[object Object],[object Object] fsc_quickChoiceFSC.js:4 entering input mode Dual String Collections fsc_quickChoiceFSC.js:4 choiceValues is: ,, fsc_quickChoiceFSC.js:4 in getter: objectApiName is: undefined

[jdayment]

@alexed1 I ran into this early with this it is due to how it is displayed in the community for whatever reason a community license user cannot access the vf page as part of fsc screenflow that launches the sub flow. I got around it by creating a separate version for my own use and forgot about it. I think we might be able to provide a similar option I'll explore some options. @ericrsmith35 I thought you created fsc screen flow but wasn't sure so thought I would tag you here as well if you have any ideas? It has to do with "x-frame" settings in chrome and how it handles the vf page.

[ericrsmith35]

I did not create fsc_scrrenflow but I did take advantage of this great component provided originally by Alex. Take a look at this suggestion and see if it applies here. @HelpfulSFAdmin @jdayment

If you see this error when trying to Configure Columns, try going to Setup > Security > Session Settings and unchecking “Enable clickjack protection for customer Visualforce pages with headers disabled“. Also, in your Setup > User settings, make sure both Debug Mode and Development Mode are Unchecked.

[HelpfulSFAdmin]

The Debug Mode and Development Mode are not available for Community users. My problem remains.

[alexed1]

@jdayment , we could consider an alternative way to launch action screenflows from flexcard action lists. I'd be interested in what the user experience is if we just load the flow by URL into a browser tab/window using good ol' OpenURL (https://github.com/alexed1/LightningFlowComponents/tree/master/flow_action_components/OpenURL)

fsc_screenflow is super hacky and I'm not surprised to find out that we've found an environment where it fails. fyi, in Summer or next Winter we'll get the true lwc version of the flow component released and we can retire screenFlow

[jdayment]

I'll shoot you a note I have some ideas I have a work around in my org I used to overcome it but allows only for a single flow to be launched from the card in the community. I think the CPE will allow us to provide some options so I think I have a path forward to overcome the current limitation. @HelpfulSFAdmin if you are comfortable with LWC shoot me an email at @.*** and we can setup sometime and I can show you what I did if you have an immediate need.

On Fri, Sep 10, 2021 at 10:43 AM Alex Edelstein @.***> wrote:

@jdayment https://github.com/jdayment , we could consider an alternative way to launch action screenflows from flexcard action lists. I'd be interested in what the user experience is if we just load the flow by URL into a browser tab/window using good ol' OpenURL ( https://github.com/alexed1/LightningFlowComponents/tree/master/flow_action_components/OpenURL )

fsc_screenflow is super hacky and I'm not surprised to find out that we've found an environment where it fails. fyi, in Summer or next Winter we'll get the true lwc version of the flow component released and we can retire screenFlow

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/alexed1/LightningFlowComponents/issues/897#issuecomment-917090799, or unsubscribe https://github.com/notifications/unsubscribe-auth/AMRS7YU5PKS7YKC5RIQUM3DUBI7TRANCNFSM5DS4UA5A .

[jdayment]

This is working after late SF releases I have not been able to duplicate it.

[blakekinkade]

@jdayment Hello, I am currently running into this issue. Can you please assist me in letting me know what the fix was for you?

[jdayment]

@blakekinkade try sharing the flow manually with the specific users I'm not able to duplicate this in my devorg any longer ive test both as a guest user and authenticated user te blocking is going to be related to either the site security settings and how it handles iframes or to the users access to the subflow or visual force page the subflow is embedded in.

[blakekinkade]

@jdayment I think it's how the site handles iframes and/or visualforce pages. I believe I need to add whatever url is being used within the iframe as a CSP trusted site. Do you have any idea what the modal's url would be in the iframe?

Is there any way to run the subflows and not have them open a modal?

[jdayment]

I'm not near a computer but I double checked my current settings this is what I have in my community and the only url I have listed in my CSP is my actual devorg domain

If you inspect on a browser like chrome you should see the URL that's being blocked in the errors and try whitelisting that until there is native support in LWC to launch a screen flow we are a little stuck with how they're launched

I might be able to update the behavior to launch in a new tab but it can be tricky with Experience Cloud use cases because of how urls are handled and how we create the URL.

[blakekinkade]

So this is what I get when I click one of the actions, and then the bottom part of the picture is what the console shows.

Is there any way to adjust the component to allow the actions to store the selected output and then continue in the same flow as opposed to having to make subflows? That could potentially solve the issue I'm having if there isn't a solution for this.

Thank you for helping!

[blakekinkade]

@jdayment I've managed to narrow the issue down to something with My Domains. In my dev org, it was working, but then I enabled My Domain and it stopped working. That being said, I'm still not sure the exact issue and also not sure how to fix it.

[jdayment]

@blakekinkade it sounds like it is something specific in your org are you using a custom domain for the site? the way the URL is built is via window ref looking at the domain the flow is launched from and adding some parameters here is an example of what the URL should look like.

The actual component that is used to launch the flows and get the URL is fsc_Screenflow (I didn't build or maintain this one just used in flow flex cards :) ) if you got it to work in dev I would start with what's different in your domain settings and the like that might be blocking it also were you on the same browser network.

[blakekinkade]

@jdayment so interestingly enough, when I enabled My Domain in dev, it stopped working, just like in the actual org. So I would imagine that if you enabled My Domain in your dev org, it would stop working for you as well. Any idea why?

[jdayment]

I already have my domain enabled in my dev org

[blakekinkade]

@jdayment aha! So it ended up being "Enhanced Domain" that was the issue. I had that turned on, and that was blocking the modal content. When I turned it off, it started working.

Do you know of any way I can have that turned on and still get the modal to show the content? I was looking at this page (https://help.salesforce.com/s/articleView?id=sf.domain_name_enhanced_considerations.htm&type=5) and it seems like somehow it has something to do with ".force.com" not being supported anymore with enhanced domains?

[jdayment]

Great work! @blakekinkade let me see if if I can find out I don't know of any way off the top of my head but let me add a note to the blog post about the limitations with enhanced domain enabled

[jdayment]

@blakekinkade I found a solution and just submitted a pr for it thanks for the forensics on it hopefully I have made it a little future-proof for enhanced domains

[blakekinkade]

@jdayment Awesome! Thank you so much for taking the time to assist and come up with a solution. Is there an ETA on when the update will be available?

[jdayment]

No ETA on my end a little bit out of my scope on the overall package.

[blakekinkade]

@jdayment no worries! I looked at your edit and tested it in my dev org, only to get a "503" error...any thoughts on what that could be?

[jdayment]

503 is usually due to a website server issue whether it's busy or down can you see in the console log if the URL is being generated correctly?

[blakekinkade]

@jdayment I figured out the 503 issue, but now get an Unauthorized issue. Any thoughts?

[blakekinkade]

@jdayment would you by chance be willing to DM and assist me with two of the errors I'm getting?

[jdayment]

I'm on vacation through next week so I'm not going to be at a computer but I'm happy to try and hop on to look at your configuration once I'm back I'll send you a message with my calendar once I'm back and we can figure out some time.