Copy to Clipboard button action

[andz-bb]

Description

As demoed earlier I have added a simple copy to clipboard action which does what it says on the tin on an on click/on change action. There's the option to show a notification after the value is copied. You can access the copied value in future steps using the binding {{ Action X.Copied text }}

Screenshots

Launchcontrol

Add a Copy to Clipboard on click action

[qa-wolf]

QA Wolf here! As you write new code it's important that your test coverage is keeping up.
Click here to request test coverage for this PR!

[melohagan]

LGTM - nice demo!

[mike12345567]

our preference for things like this would be to make this an async function, e.g. async action => { ... and then use await,

try {
  await navigator.clipboard.writeText(textToCopy)
  if (showNotification) {
    const message = notificationMessage || "Copied to clipboard"
    notificationStore.actions.success(message, true, 3000)
  }
  return { copied: textToCopy }
} catch (err) {
  console.error("Failed to copy text: ", err)
  notificationStore.actions.error("Failed to copy to clipboard")
}

This means that the further button actions in the sequence will wait for the copy to clipboard to complete before moving on.

[andz-bb]

thanks @mike12345567, it is much nicer right enough

[mike12345567]

LGTM - one comment on handling promises, but otherwise looks good!