@authhero/widget 0.40.2 → 0.41.0

package/dist/collection/components/authhero-widget/authhero-widget.css

@@ -135,6 +135,127 @@ form {
   flex-direction: column;
 }
 
+.form-footer,
+.secondary-actions,
+.prompt-partial {
+  display: flex;
+  flex-direction: column;
+}
+
+.prompt-partial .ulp-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  position: relative;
+  margin-top: 8px;
+  margin-bottom: 16px;
+}
+
+.prompt-partial label {
+  font-size: var(--ah-font-size-label, 14px);
+  font-weight: var(--ah-font-weight-label, 400);
+  color: var(--ah-color-text, #1e212a);
+}
+
+.prompt-partial
+  .ulp-error
+  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
+.prompt-partial .ulp-error select,
+.prompt-partial .ulp-error textarea {
+  border-color: var(--ah-color-error, #d03c38);
+}
+
+.prompt-partial
+  .ulp-error
+  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
+.prompt-partial .ulp-error select:focus,
+.prompt-partial .ulp-error textarea:focus {
+  box-shadow: inset 0 0 0 1px var(--ah-color-error, #d03c38);
+}
+
+/* Matches .error-text on built-in fields (the flex gap supplies the spacing). */
+.prompt-partial .ulp-error-info {
+  font-size: 12px;
+  color: var(--ah-color-error, #d03c38);
+  margin-top: -2px;
+  line-height: 1.4;
+}
+
+.prompt-partial .required {
+  color: var(--ah-color-error, #d03c38);
+  margin-left: 2px;
+}
+
+.prompt-partial .ulp-field > input + label,
+.prompt-partial .ulp-field > select + label,
+.prompt-partial .ulp-field > textarea + label {
+  position: absolute;
+  left: 16px;
+  top: 50%;
+  z-index: 1;
+  padding: 0;
+  background-color: transparent;
+  color: var(--ah-color-text-muted, #65676e);
+  pointer-events: none;
+  transform: translateY(-50%);
+  transition: all 0.15s ease-out;
+}
+
+.prompt-partial .ulp-field > input:focus + label,
+.prompt-partial .ulp-field > input:not(:placeholder-shown) + label,
+.prompt-partial .ulp-field > select + label,
+.prompt-partial .ulp-field > textarea:focus + label,
+.prompt-partial .ulp-field > textarea:not(:placeholder-shown) + label {
+  top: -8px;
+  left: 12px;
+  padding: 0 4px;
+  background-color: var(--ah-color-bg, #ffffff);
+  color: var(--ah-color-text-muted, #65676e);
+  font-size: 12px;
+  transform: translateY(0);
+}
+
+.prompt-partial .ulp-field > input:focus + label,
+.prompt-partial .ulp-field > select:focus + label,
+.prompt-partial .ulp-field > textarea:focus + label {
+  color: var(--ah-color-primary, #635dff);
+}
+
+.prompt-partial
+  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
+.prompt-partial select,
+.prompt-partial textarea {
+  width: 100%;
+  padding: 16px;
+  font-size: 16px;
+  font-family: inherit;
+  color: var(--ah-color-input-text, var(--ah-color-text, #1e212a));
+  background-color: var(--ah-color-input-bg, #ffffff);
+  border: var(--ah-input-border-width, 1px) solid
+    var(--ah-color-border, #c9cace);
+  border-radius: var(--ah-input-radius, 3px);
+  outline: none;
+  box-sizing: border-box;
+  transition:
+    border-color 0.15s ease-out,
+    box-shadow 0.15s ease-out;
+}
+
+.prompt-partial
+  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
+.prompt-partial select:hover,
+.prompt-partial textarea:hover {
+  border-color: var(--ah-color-border-hover, #65676e);
+}
+
+.prompt-partial
+  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
+.prompt-partial select:focus,
+.prompt-partial textarea:focus {
+  border-color: var(--ah-color-primary, #635dff);
+  box-shadow: inset 0 0 0 1px var(--ah-color-primary, #635dff);
+}
+
 .form-content {
   display: flex;
   flex-direction: column;

package/dist/collection/components/authhero-widget/authhero-widget.js

@@ -1,4 +1,4 @@
-import { h, } from "@stencil/core";
+import { h, Build, } from "@stencil/core";
 import { mergeThemeVars, applyCssVars } from "../../utils/branding";
 import { sanitizeHtml } from "../../utils/sanitize-html";
 import { sanitizeForCssToken } from "../../utils/css-token";
@@ -15,6 +15,19 @@ const CHOICE_LIST_SEARCH_THRESHOLD = 5;
  * (CARDS, FILE, RECAPTCHA, …) can carry `required` in the schema too, and
  * gating on them would leave Continue disabled with no way to satisfy it.
  */
+/**
+ * Field types rendered as a single plain text input whose value maps 1:1 to
+ * formData. Composite fields (TEL, DATE) and choice/checkbox fields keep
+ * internal state, so they're not adopted from pre-hydration markup.
+ */
+const PREHYDRATION_TEXT_TYPES = new Set([
+    "TEXT",
+    "EMAIL",
+    "CODE",
+    "PASSWORD",
+    "NUMBER",
+    "URL",
+]);
 const FILLABLE_FIELD_TYPES = new Set([
     "TEXT",
     "EMAIL",
@@ -385,7 +398,24 @@ export class AuthheroWidget {
      * actually in the DOM before measuring its height.
      */
     pendingRenderResolvers = [];
+    /**
+     * Number of `swapScreen` calls still running (rendering or animating the
+     * card height). A counter rather than a flag because a newer swap can start
+     * before a superseded one has settled.
+     */
+    activeSwaps = 0;
+    updateReadyAttribute() {
+        if (Build.isBrowser) {
+            this.el.toggleAttribute("data-ready", !this.loading && this.activeSwaps === 0);
+        }
+    }
     componentDidRender() {
+        // `data-ready` marks the widget as interactive: hydrated in the browser
+        // (the SSR markup already carries Stencil's `hydrated` class, so that
+        // can't tell server and client apart) and not mid-submit or mid-swap.
+        // Stencil defers this hook until child nodes have rendered, so the
+        // fields are live too. E2E tests wait on `authhero-widget[data-ready]`.
+        this.updateReadyAttribute();
         if (this.pendingRenderResolvers.length === 0)
             return;
         const resolvers = this.pendingRenderResolvers;
@@ -433,6 +463,18 @@ export class AuthheroWidget {
             apply();
             return;
         }
+        // Hold `data-ready` off until the new screen has rendered and the height
+        // animation has finished; `apply()` clears `loading` before either.
+        this.activeSwaps++;
+        try {
+            await this.animateSwap(card, apply);
+        }
+        finally {
+            this.activeSwaps--;
+            this.updateReadyAttribute();
+        }
+    }
+    async animateSwap(card, apply) {
         // Lock the current height and clip, so swapping the content doesn't jump
         // before the animation runs.
         const startHeight = card.getBoundingClientRect().height;
@@ -597,6 +639,9 @@ export class AuthheroWidget {
         if (!this._authParams) {
             this.watchAuthParams(this.authParams ?? this.readJsonScript("auth-params"));
         }
+        if (Build.isBrowser && this._screen) {
+            this.adoptPrehydrationValues(this._screen);
+        }
         // Load persisted state if available
         this.loadPersistedState();
         // Fetch screen from API if URL provided and no screen prop
@@ -604,6 +649,41 @@ export class AuthheroWidget {
             await this.fetchScreen(this.screenId);
         }
     }
+    /**
+     * Carry over text the user (or a password manager, or a test driver) put
+     * into the server-rendered inputs before the client bundle loaded. Those
+     * inputs had no `onInput` handler yet, so `formData` never saw the value:
+     * the first client render would reset them to "" and keep the submit
+     * button disabled. The declarative shadow roots are still the SSR ones
+     * here — `componentWillLoad` runs before the first client render.
+     */
+    adoptPrehydrationValues(screen) {
+        const root = this.el.shadowRoot;
+        if (!root)
+            return;
+        const roots = [root];
+        root.querySelectorAll("authhero-node").forEach((node) => {
+            if (node.shadowRoot)
+                roots.push(node.shadowRoot);
+        });
+        const adopted = {};
+        for (const component of screen.components ?? []) {
+            if (!PREHYDRATION_TEXT_TYPES.has(component.type))
+                continue;
+            for (const r of roots) {
+                const input = Array.from(r.querySelectorAll("input[name]")).find((el) => el.name === component.id && el.type !== "hidden");
+                // Adopt "" too: a prefilled default the user cleared before
+                // hydration must not be restored by the client render.
+                if (input) {
+                    adopted[component.id] = input.value;
+                    break;
+                }
+            }
+        }
+        if (Object.keys(adopted).length > 0) {
+            this.formData = { ...this.formData, ...adopted };
+        }
+    }
     /**
      * Fetch screen configuration from the API
      * @param screenIdOverride Optional screen ID to fetch (overrides this.screenId)
@@ -705,14 +785,44 @@ export class AuthheroWidget {
         e.preventDefault();
         if (!this._screen || this.loading)
             return;
-        let submitData = { ...this.formData, ...(overrideData || {}) };
-        // Merge hidden input values from DOM (may have been set programmatically
-        // by inline scripts, e.g. passkey management buttons)
         const form = this.el.shadowRoot?.querySelector("form");
+        if (this._screen.partials &&
+            form?.reportValidity &&
+            !form.reportValidity()) {
+            return;
+        }
+        const submitData = {
+            ...this.formData,
+            ...(overrideData || {}),
+        };
+        // Native fields in prompt partials are direct descendants of this form,
+        // unlike authhero-node inputs in nested shadow roots. Read them through
+        // FormData so standard HTML controls and successful-control semantics are
+        // preserved (disabled controls are skipped, repeated names are kept as
+        // arrays). FormData also covers enabled hidden inputs for ulp-* names.
+        const nativeNames = new Set();
+        if (form && this._screen.partials) {
+            const nativeValues = {};
+            new FormData(form).forEach((value, key) => {
+                if (typeof value === "string" && key.startsWith("ulp-")) {
+                    (nativeValues[key] ??= []).push(value);
+                }
+            });
+            for (const [key, values] of Object.entries(nativeValues)) {
+                nativeNames.add(key);
+                submitData[key] = values.length > 1 ? values : values[0];
+            }
+        }
+        // Legacy behaviour for inline scripts that fill hidden inputs: merge
+        // enabled ones, but never overwrite what FormData already collected.
         if (form) {
-            const hiddenInputs = form.querySelectorAll('input[type="hidden"]');
-            hiddenInputs.forEach((input) => {
-                if (input.name && input.value) {
+            form
+                .querySelectorAll('input[type="hidden"]')
+                .forEach((input) => {
+                if (input.name &&
+                    input.value &&
+                    !input.disabled &&
+                    !nativeNames.has(input.name)) {
                     submitData[input.name] = input.value;
                 }
             });
@@ -866,6 +976,11 @@ export class AuthheroWidget {
         if (!form)
             return;
         form.submit = () => {
+            if (this._screen?.partials &&
+                form.reportValidity &&
+                !form.reportValidity()) {
+                return;
+            }
             const formData = new FormData(form);
             const data = {};
             formData.forEach((value, key) => {
@@ -1470,6 +1585,27 @@ export class AuthheroWidget {
         const config = component.config;
         return config?.text ?? "";
     }
+    renderPromptPartial(screen, insertionPoint) {
+        const html = screen.partials?.[insertionPoint];
+        if (!html)
+            return null;
+        // Prompt partials intentionally contain tenant-authored form controls, so
+        // the widget must keep their input attributes intact.
+        return (h("div", { class: `prompt-partial prompt-partial-${insertionPoint}`, part: `prompt-partial prompt-partial-${insertionPoint}`, "data-insertion-point": insertionPoint, innerHTML: html }));
+    }
+    renderScreenLinks(screen) {
+        if (!screen.links?.length)
+            return null;
+        return (h("div", { class: "links", part: "links" }, screen.links.map((link) => (h("span", { class: "link-wrapper", part: "link-wrapper", key: link.id ?? link.href }, link.linkText ? (h("span", null, link.text, " ", h("a", { href: link.href, class: "link", part: "link", onClick: (e) => this.handleLinkClick(e, {
+                id: link.id,
+                href: link.href,
+                text: link.linkText || link.text,
+            }) }, link.linkText))) : (h("a", { href: link.href, class: "link", part: "link", onClick: (e) => this.handleLinkClick(e, {
+                id: link.id,
+                href: link.href,
+                text: link.text,
+            }) }, link.text)))))));
+    }
     render() {
         const screen = this._screen;
         if (this.loading && !screen) {
@@ -1496,13 +1632,20 @@ export class AuthheroWidget {
             ? components.find((c) => this.isDividerComponent(c))
             : undefined;
         const fieldComponents = components.filter((c) => !this.isSocialComponent(c) && c !== dividerComponent);
+        const hasPromptPartials = Object.values(screen.partials ?? {}).some((html) => !!html);
+        const footerComponents = hasPromptPartials
+            ? fieldComponents.filter((component) => component.id === "submit" && component.type === "NEXT_BUTTON")
+            : [];
+        const contentFieldComponents = hasPromptPartials
+            ? fieldComponents.filter((component) => !footerComponents.includes(component))
+            : fieldComponents;
         const hasDivider = !!dividerComponent;
         const dividerText = dividerComponent?.config?.text || "Or";
         // A "choice list" screen is one whose entire field section is pick-one
         // buttons (e.g. tenant selection). When the list is long, render it as a
         // searchable, scrollable list instead of a tall column of buttons.
-        const choiceButtons = fieldComponents.filter((c) => c.type === "NEXT_BUTTON");
-        const isSearchableChoiceList = choiceButtons.length === fieldComponents.length &&
+        const choiceButtons = contentFieldComponents.filter((c) => c.type === "NEXT_BUTTON");
+        const isSearchableChoiceList = choiceButtons.length === contentFieldComponents.length &&
             choiceButtons.length > CHOICE_LIST_SEARCH_THRESHOLD;
         // Hold the primary action button disabled until every required field has
         // a value.
@@ -1543,7 +1686,7 @@ export class AuthheroWidget {
         };
         // Get logo URL from theme.widget (takes precedence) or branding
         const logoUrl = this._theme?.widget?.logo_url || this._branding?.logo_url;
-        return (h("div", { class: "widget-container", part: "container", "data-authstack-container": true }, h("header", { class: "widget-header", part: "header" }, logoUrl && (h("div", { class: "logo-wrapper", part: "logo-wrapper" }, h("img", { class: "logo", part: "logo", src: logoUrl, alt: "Logo" }))), screen.title && (h("h1", { class: "title", part: "title", innerHTML: sanitizeHtml(screen.title) })), screen.description && (h("p", { class: "description", part: "description", innerHTML: sanitizeHtml(screen.description) }))), h("div", { class: "widget-body", part: "body" }, screenErrors.map((err) => (h("div", { class: "message message-error", part: "message message-error", key: err.id ?? err.text }, err.text))), screenSuccesses.map((msg) => (h("div", { class: "message message-success", part: "message message-success", key: msg.id ?? msg.text }, msg.text))), h("form", { onSubmit: this.handleSubmit, action: screen.action, method: screen.method || "POST", part: "form" }, hiddenComponents.map((c) => (h("input", { type: "hidden", name: c.id, id: c.id, key: c.id, value: this.formData[c.id] || "" }))), h("div", { class: "form-content" }, socialComponents.length > 0 && (h("div", { class: "social-section", part: "social-section" }, socialComponents.map((component) => (h("authhero-node", { key: component.id, component: component, locale: this.locale, value: this.formData[component.id], onFieldChange: (e) => this.handleInputChange(e.detail.id, e.detail.value), onButtonClick: (e) => this.handleButtonClick(e.detail), disabled: this.loading, exportparts: getExportParts(component) }))))), socialComponents.length > 0 &&
+        return (h("div", { class: "widget-container", part: "container", "data-authstack-container": true }, h("header", { class: "widget-header", part: "header" }, logoUrl && (h("div", { class: "logo-wrapper", part: "logo-wrapper" }, h("img", { class: "logo", part: "logo", src: logoUrl, alt: "Logo" }))), screen.title && (h("h1", { class: "title", part: "title", innerHTML: sanitizeHtml(screen.title) })), screen.description && (h("p", { class: "description", part: "description", innerHTML: sanitizeHtml(screen.description) }))), h("div", { class: "widget-body", part: "body" }, screenErrors.map((err) => (h("div", { class: "message message-error", part: "message message-error", key: err.id ?? err.text }, err.text))), screenSuccesses.map((msg) => (h("div", { class: "message message-success", part: "message message-success", key: msg.id ?? msg.text }, msg.text))), h("form", { onSubmit: this.handleSubmit, action: screen.action, method: screen.method || "POST", part: "form" }, hiddenComponents.map((c) => (h("input", { type: "hidden", name: c.id, id: c.id, key: c.id, value: this.formData[c.id] || "" }))), h("div", { class: "form-content" }, this.renderPromptPartial(screen, "form-content-start"), socialComponents.length > 0 && (h("div", { class: "social-section", part: "social-section" }, socialComponents.map((component) => (h("authhero-node", { key: component.id, component: component, locale: this.locale, value: this.formData[component.id], onFieldChange: (e) => this.handleInputChange(e.detail.id, e.detail.value), onButtonClick: (e) => this.handleButtonClick(e.detail), disabled: this.loading, exportparts: getExportParts(component) }))))), socialComponents.length > 0 &&
             fieldComponents.length > 0 &&
             hasDivider && (h("div", { class: "divider", part: "divider" }, h("span", { class: "divider-text" }, dividerText))), h("div", { class: "fields-section", part: "fields-section" }, isSearchableChoiceList && (h("input", { type: "text", class: "choice-list-search", part: "choice-list-search", placeholder: "Search", "aria-label": "Search", autocomplete: "off", value: this.listFilter, onInput: (e) => (this.listFilter = e.target.value), onKeyDown: (e) => {
                 // The search box lives inside the form; Enter would
@@ -1556,19 +1699,14 @@ export class AuthheroWidget {
                 ? "fields-list fields-list-scroll"
                 : "fields-list" }, (isSearchableChoiceList
             ? visibleChoiceButtons
-            : fieldComponents).map((component) => (h("authhero-node", { key: component.id, component: component, locale: this.locale, value: this.formData[component.id], onFieldChange: (e) => this.handleInputChange(e.detail.id, e.detail.value), onButtonClick: (e) => this.handleButtonClick(e.detail), disabled: this.loading ||
+            : contentFieldComponents).map((component) => (h("authhero-node", { key: component.id, component: component, locale: this.locale, value: this.formData[component.id], onFieldChange: (e) => this.handleInputChange(e.detail.id, e.detail.value), onButtonClick: (e) => this.handleButtonClick(e.detail), disabled: this.loading ||
                 (component.type === "NEXT_BUTTON" &&
                     component.config?.skip_validation !== true &&
                     requiredFieldsMissing) }))), isSearchableChoiceList &&
-            visibleChoiceButtons.length === 0 && (h("div", { class: "choice-list-empty", part: "choice-list-empty" }, "No matches")))))), screen.links && screen.links.length > 0 && (h("div", { class: "links", part: "links" }, screen.links.map((link) => (h("span", { class: "link-wrapper", part: "link-wrapper", key: link.id ?? link.href }, link.linkText ? (h("span", null, link.text, " ", h("a", { href: link.href, class: "link", part: "link", onClick: (e) => this.handleLinkClick(e, {
-                id: link.id,
-                href: link.href,
-                text: link.linkText || link.text,
-            }) }, link.linkText))) : (h("a", { href: link.href, class: "link", part: "link", onClick: (e) => this.handleLinkClick(e, {
-                id: link.id,
-                href: link.href,
-                text: link.text,
-            }) }, link.text))))))), screen.footer && (h("div", { class: "widget-footer", part: "footer", innerHTML: sanitizeHtml(screen.footer) })))));
+            visibleChoiceButtons.length === 0 && (h("div", { class: "choice-list-empty", part: "choice-list-empty" }, "No matches")))), this.renderPromptPartial(screen, "form-content-end"), hasPromptPartials && (h("div", { class: "form-footer", part: "form-footer" }, this.renderPromptPartial(screen, "form-footer-start"), footerComponents.map((component) => (h("authhero-node", { key: component.id, component: component, locale: this.locale, value: this.formData[component.id], onFieldChange: (e) => this.handleInputChange(e.detail.id, e.detail.value), onButtonClick: (e) => this.handleButtonClick(e.detail), disabled: this.loading ||
+                (component.type === "NEXT_BUTTON" &&
+                    component.config?.skip_validation !== true &&
+                    requiredFieldsMissing) }))), this.renderPromptPartial(screen, "form-footer-end")))), hasPromptPartials && (h("div", { class: "secondary-actions", part: "secondary-actions" }, this.renderPromptPartial(screen, "secondary-actions-start"), this.renderScreenLinks(screen), this.renderPromptPartial(screen, "secondary-actions-end")))), !hasPromptPartials && this.renderScreenLinks(screen), screen.footer && (h("div", { class: "widget-footer", part: "footer", innerHTML: sanitizeHtml(screen.footer) })))));
     }
     static get is() { return "authhero-widget"; }
     static get encapsulation() { return "shadow"; }
@@ -1589,7 +1727,7 @@ export class AuthheroWidget {
                 "mutable": false,
                 "complexType": {
                     "original": "UiScreen | string",
-                    "resolved": "string | undefined | { action: string; method: \"POST\" | \"GET\"; components: ({ id: string; visible: boolean; type: \"DIVIDER\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { text?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"HTML\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { content?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"IMAGE\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { src?: string | undefined; alt?: string | undefined; width?: number | undefined; height?: number | undefined; } | undefined; } | { id: string; visible: boolean; type: \"JUMP_BUTTON\"; config: { text?: string | undefined; target_step?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"RESEND_BUTTON\"; config: { text?: string | undefined; resend_action?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"NEXT_BUTTON\"; config: { text?: string | undefined; variant?: \"primary\" | \"secondary\" | undefined; skip_validation?: boolean | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"PREVIOUS_BUTTON\"; config: { text?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"RICH_TEXT\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { content?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"AUTH0_VERIFIABLE_CREDENTIALS\"; config: { credential_type?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"GMAPS_ADDRESS\"; config: { api_key?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"RECAPTCHA\"; config: { site_key?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"BOOLEAN\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { default_value?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CARDS\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; description?: string | undefined; image?: string | undefined; }[] | undefined; multi_select?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CHOICE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; }[] | undefined; display?: \"radio\" | \"checkbox\" | undefined; multiple?: boolean | undefined; default_value?: string | string[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CODE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { length?: number | undefined; mode?: \"numeric\" | \"alphanumeric\" | undefined; auto_submit?: boolean | undefined; group_size?: number | undefined; separator?: string | undefined; placeholder?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"COUNTRY\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CUSTOM\"; config: { component?: string | undefined; props?: Record<string, any> | undefined; schema?: Record<string, any> | undefined; code?: string | undefined; }; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"DATE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { format?: string | undefined; min?: string | undefined; max?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"DROPDOWN\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; }[] | undefined; placeholder?: string | undefined; searchable?: boolean | undefined; multiple?: boolean | undefined; default_value?: string | string[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"EMAIL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"FILE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { accept?: string | undefined; max_size?: number | undefined; multiple?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"LEGAL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { text: string; html?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"NUMBER\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; min?: number | undefined; max?: number | undefined; step?: number | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"PASSWORD\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; min_length?: number | undefined; show_toggle?: boolean | undefined; forgot_password_link?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"PAYMENT\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { provider?: string | undefined; currency?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"SOCIAL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { providers?: string[] | undefined; provider_details?: { name: string; strategy?: string | undefined; display_name?: string | undefined; short_name?: string | undefined; icon_url?: string | undefined; href?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; }[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"TEL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_country?: string | undefined; default_value?: string | undefined; allow_email?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"TEXT\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; multiline?: boolean | undefined; max_length?: number | undefined; default_value?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"URL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; } | undefined; })[]; name?: string | undefined; title?: string | undefined; description?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; links?: { text: string; href: string; id?: string | undefined; linkText?: string | undefined; }[] | undefined; footer?: string | undefined; }",
+                    "resolved": "string | undefined | { action: string; method: \"POST\" | \"GET\"; components: ({ id: string; visible: boolean; type: \"DIVIDER\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { text?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"HTML\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { content?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"IMAGE\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { src?: string | undefined; alt?: string | undefined; width?: number | undefined; height?: number | undefined; } | undefined; } | { id: string; visible: boolean; type: \"JUMP_BUTTON\"; config: { text?: string | undefined; target_step?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"RESEND_BUTTON\"; config: { text?: string | undefined; resend_action?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"NEXT_BUTTON\"; config: { text?: string | undefined; variant?: \"primary\" | \"secondary\" | undefined; skip_validation?: boolean | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"PREVIOUS_BUTTON\"; config: { text?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"RICH_TEXT\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { content?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"AUTH0_VERIFIABLE_CREDENTIALS\"; config: { credential_type?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"GMAPS_ADDRESS\"; config: { api_key?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"RECAPTCHA\"; config: { site_key?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"BOOLEAN\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { default_value?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CARDS\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; description?: string | undefined; image?: string | undefined; }[] | undefined; multi_select?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CHOICE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; }[] | undefined; display?: \"radio\" | \"checkbox\" | undefined; multiple?: boolean | undefined; default_value?: string | string[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CODE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { length?: number | undefined; mode?: \"numeric\" | \"alphanumeric\" | undefined; auto_submit?: boolean | undefined; group_size?: number | undefined; separator?: string | undefined; placeholder?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"COUNTRY\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CUSTOM\"; config: { component?: string | undefined; props?: Record<string, any> | undefined; schema?: Record<string, any> | undefined; code?: string | undefined; }; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"DATE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { format?: string | undefined; min?: string | undefined; max?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"DROPDOWN\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; }[] | undefined; placeholder?: string | undefined; searchable?: boolean | undefined; multiple?: boolean | undefined; default_value?: string | string[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"EMAIL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"FILE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { accept?: string | undefined; max_size?: number | undefined; multiple?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"LEGAL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { text: string; html?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"NUMBER\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; min?: number | undefined; max?: number | undefined; step?: number | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"PASSWORD\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; min_length?: number | undefined; show_toggle?: boolean | undefined; forgot_password_link?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"PAYMENT\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { provider?: string | undefined; currency?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"SOCIAL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { providers?: string[] | undefined; provider_details?: { name: string; strategy?: string | undefined; display_name?: string | undefined; short_name?: string | undefined; icon_url?: string | undefined; href?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; }[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"TEL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_country?: string | undefined; default_value?: string | undefined; allow_email?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"TEXT\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; multiline?: boolean | undefined; max_length?: number | undefined; default_value?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"URL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; } | undefined; })[]; name?: string | undefined; title?: string | undefined; description?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; links?: { text: string; href: string; id?: string | undefined; linkText?: string | undefined; }[] | undefined; partials?: Partial<Record<\"form-content-start\" | \"form-content-end\" | \"form-footer-start\" | \"form-footer-end\" | \"secondary-actions-start\" | \"secondary-actions-end\", string>> | undefined; footer?: string | undefined; }",
                     "references": {
                         "UiScreen": {
                             "location": "import",
@@ -2050,7 +2188,7 @@ export class AuthheroWidget {
                 },
                 "complexType": {
                     "original": "UiScreen",
-                    "resolved": "{ action: string; method: \"POST\" | \"GET\"; components: ({ id: string; visible: boolean; type: \"DIVIDER\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { text?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"HTML\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { content?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"IMAGE\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { src?: string | undefined; alt?: string | undefined; width?: number | undefined; height?: number | undefined; } | undefined; } | { id: string; visible: boolean; type: \"JUMP_BUTTON\"; config: { text?: string | undefined; target_step?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"RESEND_BUTTON\"; config: { text?: string | undefined; resend_action?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"NEXT_BUTTON\"; config: { text?: string | undefined; variant?: \"primary\" | \"secondary\" | undefined; skip_validation?: boolean | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"PREVIOUS_BUTTON\"; config: { text?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"RICH_TEXT\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { content?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"AUTH0_VERIFIABLE_CREDENTIALS\"; config: { credential_type?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"GMAPS_ADDRESS\"; config: { api_key?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"RECAPTCHA\"; config: { site_key?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"BOOLEAN\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { default_value?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CARDS\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; description?: string | undefined; image?: string | undefined; }[] | undefined; multi_select?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CHOICE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; }[] | undefined; display?: \"radio\" | \"checkbox\" | undefined; multiple?: boolean | undefined; default_value?: string | string[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CODE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { length?: number | undefined; mode?: \"numeric\" | \"alphanumeric\" | undefined; auto_submit?: boolean | undefined; group_size?: number | undefined; separator?: string | undefined; placeholder?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"COUNTRY\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CUSTOM\"; config: { component?: string | undefined; props?: Record<string, any> | undefined; schema?: Record<string, any> | undefined; code?: string | undefined; }; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"DATE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { format?: string | undefined; min?: string | undefined; max?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"DROPDOWN\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; }[] | undefined; placeholder?: string | undefined; searchable?: boolean | undefined; multiple?: boolean | undefined; default_value?: string | string[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"EMAIL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"FILE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { accept?: string | undefined; max_size?: number | undefined; multiple?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"LEGAL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { text: string; html?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"NUMBER\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; min?: number | undefined; max?: number | undefined; step?: number | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"PASSWORD\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; min_length?: number | undefined; show_toggle?: boolean | undefined; forgot_password_link?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"PAYMENT\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { provider?: string | undefined; currency?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"SOCIAL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { providers?: string[] | undefined; provider_details?: { name: string; strategy?: string | undefined; display_name?: string | undefined; short_name?: string | undefined; icon_url?: string | undefined; href?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; }[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"TEL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_country?: string | undefined; default_value?: string | undefined; allow_email?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"TEXT\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; multiline?: boolean | undefined; max_length?: number | undefined; default_value?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"URL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; } | undefined; })[]; name?: string | undefined; title?: string | undefined; description?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; links?: { text: string; href: string; id?: string | undefined; linkText?: string | undefined; }[] | undefined; footer?: string | undefined; }",
+                    "resolved": "{ action: string; method: \"POST\" | \"GET\"; components: ({ id: string; visible: boolean; type: \"DIVIDER\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { text?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"HTML\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { content?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"IMAGE\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { src?: string | undefined; alt?: string | undefined; width?: number | undefined; height?: number | undefined; } | undefined; } | { id: string; visible: boolean; type: \"JUMP_BUTTON\"; config: { text?: string | undefined; target_step?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"RESEND_BUTTON\"; config: { text?: string | undefined; resend_action?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"NEXT_BUTTON\"; config: { text?: string | undefined; variant?: \"primary\" | \"secondary\" | undefined; skip_validation?: boolean | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"PREVIOUS_BUTTON\"; config: { text?: string | undefined; }; order?: number | undefined; category?: \"BLOCK\" | undefined; } | { id: string; visible: boolean; type: \"RICH_TEXT\"; order?: number | undefined; category?: \"BLOCK\" | undefined; config?: { content?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"AUTH0_VERIFIABLE_CREDENTIALS\"; config: { credential_type?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"GMAPS_ADDRESS\"; config: { api_key?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"RECAPTCHA\"; config: { site_key?: string | undefined; }; order?: number | undefined; category?: \"WIDGET\" | undefined; label?: string | undefined; hint?: string | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"BOOLEAN\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { default_value?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CARDS\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; description?: string | undefined; image?: string | undefined; }[] | undefined; multi_select?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CHOICE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; }[] | undefined; display?: \"radio\" | \"checkbox\" | undefined; multiple?: boolean | undefined; default_value?: string | string[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CODE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { length?: number | undefined; mode?: \"numeric\" | \"alphanumeric\" | undefined; auto_submit?: boolean | undefined; group_size?: number | undefined; separator?: string | undefined; placeholder?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"COUNTRY\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"CUSTOM\"; config: { component?: string | undefined; props?: Record<string, any> | undefined; schema?: Record<string, any> | undefined; code?: string | undefined; }; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; } | { id: string; visible: boolean; type: \"DATE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { format?: string | undefined; min?: string | undefined; max?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"DROPDOWN\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { options?: { value: string; label: string; }[] | undefined; placeholder?: string | undefined; searchable?: boolean | undefined; multiple?: boolean | undefined; default_value?: string | string[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"EMAIL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"FILE\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { accept?: string | undefined; max_size?: number | undefined; multiple?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"LEGAL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { text: string; html?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"NUMBER\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; min?: number | undefined; max?: number | undefined; step?: number | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"PASSWORD\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; min_length?: number | undefined; show_toggle?: boolean | undefined; forgot_password_link?: string | undefined; default_value?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"PAYMENT\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { provider?: string | undefined; currency?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"SOCIAL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { providers?: string[] | undefined; provider_details?: { name: string; strategy?: string | undefined; display_name?: string | undefined; short_name?: string | undefined; icon_url?: string | undefined; href?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; }[] | undefined; } | undefined; } | { id: string; visible: boolean; type: \"TEL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_country?: string | undefined; default_value?: string | undefined; allow_email?: boolean | undefined; } | undefined; } | { id: string; visible: boolean; type: \"TEXT\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; multiline?: boolean | undefined; max_length?: number | undefined; default_value?: string | undefined; last_used?: boolean | undefined; last_used_label?: string | undefined; } | undefined; } | { id: string; visible: boolean; type: \"URL\"; order?: number | undefined; category?: \"FIELD\" | undefined; label?: string | undefined; hint?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; required?: boolean | undefined; sensitive?: boolean | undefined; config?: { placeholder?: string | undefined; default_value?: string | undefined; } | undefined; })[]; name?: string | undefined; title?: string | undefined; description?: string | undefined; messages?: { text: string; type: \"error\" | \"success\" | \"info\" | \"warning\"; id?: number | undefined; }[] | undefined; links?: { text: string; href: string; id?: string | undefined; linkText?: string | undefined; }[] | undefined; partials?: Partial<Record<\"form-content-start\" | \"form-content-end\" | \"form-footer-start\" | \"form-footer-end\" | \"secondary-actions-start\" | \"secondary-actions-end\", string>> | undefined; footer?: string | undefined; }",
                     "references": {
                         "UiScreen": {
                             "location": "import",