Show preview styles in AuthUI

[linear[bot]]

• Introduce iframe allowed origin envvar to authgear server
  • frame option
  • inject to template so the check original in js
• Add event listener for "message"
  • only in inline preview mode
• Organisation name
  • Introduce new template function to generate <span data-translation-key="key">value</span>
  • Introduce new Controller to control organisation name

window.addEventListener(
  "message",
  (event) => {
    if (event.origin !== authgearPortalOrigin) {
       return;
    }

  }
)

Style	CSS Variables	Code
Organisation Name		From translation.json Introduce a new template pipe to original text
Background color	—widget__bg-color, seems not working, should remove background color in .layout_default .wdiget
Background image	not supported yet
Card alignment	not supported yet
Primary button background color	—primary-btn__bg-color
primary button text color	—primary-btn__text-color
primary button border radius	—primary-btn__border-radius
Link color	—body-text__link-color
Input field border radius	—input__border-radius
Hide brand logo	introduce data attribute for hidden	WatermarkEnabled

[linear[bot]]

DEV-1427 Show preview styles in AuthUI