@descope/web-components-ui 3.18.2 → 3.18.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "3.18.2",
+  "version": "3.18.4",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -52,11 +52,11 @@
     "webpack-cli": "^7.0.0",
     "webpack-dev-server": "^5.0.0",
     "webpack-subresource-integrity": "5.2.0-rc.1",
-    "eslint-plugin-no-bare-class-import": "3.18.2",
-    "rollup-replace-plugin": "3.18.2",
-    "test-drivers": "3.18.2",
-    "webpack-extract-font-loader": "3.18.2",
-    "webpack-replace-plugin": "3.18.2"
+    "webpack-extract-font-loader": "3.18.4",
+    "eslint-plugin-no-bare-class-import": "3.18.4",
+    "webpack-replace-plugin": "3.18.4",
+    "test-drivers": "3.18.4",
+    "rollup-replace-plugin": "3.18.4"
   },
   "dependencies": {
     "@vaadin/checkbox": "24.3.4",
@@ -80,42 +80,42 @@
     "libphonenumber-js": "^1.11.12",
     "lodash.debounce": "4.0.8",
     "lodash.merge": "4.6.2",
-    "@descope-ui/common": "3.18.2",
-    "@descope-ui/descope-address-field": "3.18.2",
-    "@descope-ui/descope-country-subdivision-city-field": "3.18.2",
-    "@descope-ui/descope-apps-list": "3.18.2",
-    "@descope-ui/descope-autocomplete-field": "3.18.2",
-    "@descope-ui/descope-avatar": "3.18.2",
-    "@descope-ui/descope-button": "3.18.2",
-    "@descope-ui/descope-collapsible-container": "3.18.2",
-    "@descope-ui/descope-combo-box": "3.18.2",
-    "@descope-ui/descope-enriched-text": "3.18.2",
-    "@descope-ui/descope-icon": "3.18.2",
-    "@descope-ui/descope-image": "3.18.2",
-    "@descope-ui/descope-link": "3.18.2",
-    "@descope-ui/descope-badge": "3.18.2",
-    "@descope-ui/descope-list-item": "3.18.2",
-    "@descope-ui/descope-month-day-field": "3.18.2",
-    "@descope-ui/descope-list": "3.18.2",
-    "@descope-ui/descope-month-day-field-picker": "3.18.2",
-    "@descope-ui/descope-multi-line-mappings": "3.18.2",
-    "@descope-ui/descope-outbound-app-button": "3.18.2",
-    "@descope-ui/descope-password-strength": "3.18.2",
-    "@descope-ui/descope-ponyhot": "3.18.2",
-    "@descope-ui/descope-recovery-codes": "3.18.2",
-    "@descope-ui/descope-outbound-apps": "3.18.2",
-    "@descope-ui/descope-text": "3.18.2",
-    "@descope-ui/descope-text-field": "3.18.2",
-    "@descope-ui/descope-timer": "3.18.2",
-    "@descope-ui/descope-timer-button": "3.18.2",
-    "@descope-ui/descope-tooltip": "3.18.2",
-    "@descope-ui/descope-multi-sso": "3.18.2",
-    "@descope-ui/descope-trusted-devices": "3.18.2",
-    "@descope-ui/descope-attachment": "3.18.2",
-    "@descope-ui/descope-anchored": "3.18.2",
-    "@descope-ui/descope-user-passkeys": "3.18.2",
-    "@descope-ui/descope-filter": "3.18.2",
-    "@descope-ui/descope-multi-select-combo-box": "3.18.2"
+    "@descope-ui/common": "3.18.4",
+    "@descope-ui/descope-address-field": "3.18.4",
+    "@descope-ui/descope-country-subdivision-city-field": "3.18.4",
+    "@descope-ui/descope-apps-list": "3.18.4",
+    "@descope-ui/descope-autocomplete-field": "3.18.4",
+    "@descope-ui/descope-badge": "3.18.4",
+    "@descope-ui/descope-button": "3.18.4",
+    "@descope-ui/descope-collapsible-container": "3.18.4",
+    "@descope-ui/descope-combo-box": "3.18.4",
+    "@descope-ui/descope-enriched-text": "3.18.4",
+    "@descope-ui/descope-icon": "3.18.4",
+    "@descope-ui/descope-image": "3.18.4",
+    "@descope-ui/descope-link": "3.18.4",
+    "@descope-ui/descope-list": "3.18.4",
+    "@descope-ui/descope-avatar": "3.18.4",
+    "@descope-ui/descope-list-item": "3.18.4",
+    "@descope-ui/descope-month-day-field": "3.18.4",
+    "@descope-ui/descope-month-day-field-picker": "3.18.4",
+    "@descope-ui/descope-multi-line-mappings": "3.18.4",
+    "@descope-ui/descope-multi-select-combo-box": "3.18.4",
+    "@descope-ui/descope-outbound-app-button": "3.18.4",
+    "@descope-ui/descope-password-strength": "3.18.4",
+    "@descope-ui/descope-ponyhot": "3.18.4",
+    "@descope-ui/descope-outbound-apps": "3.18.4",
+    "@descope-ui/descope-recovery-codes": "3.18.4",
+    "@descope-ui/descope-text-field": "3.18.4",
+    "@descope-ui/descope-timer": "3.18.4",
+    "@descope-ui/descope-text": "3.18.4",
+    "@descope-ui/descope-timer-button": "3.18.4",
+    "@descope-ui/descope-tooltip": "3.18.4",
+    "@descope-ui/descope-multi-sso": "3.18.4",
+    "@descope-ui/descope-trusted-devices": "3.18.4",
+    "@descope-ui/descope-attachment": "3.18.4",
+    "@descope-ui/descope-anchored": "3.18.4",
+    "@descope-ui/descope-user-passkeys": "3.18.4",
+    "@descope-ui/descope-filter": "3.18.4"
   },
   "overrides": {
     "@vaadin/avatar": "24.3.4",

package/src/components/button-selection-group-fields/descope-button-multi-selection-group/ButtonMultiSelectionGroupClass.js

@@ -37,6 +37,14 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);
 
+      // the inner *-internal dispatches a non-bubbling, non-composed `change`,
+      // which never reaches the flow runtime. Re-emit standard input/change from
+      // the host (bubbling + composed) so flow real-time conditions fire.
+      this.inputElement.addEventListener('change', () => {
+        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+      });
+
       forwardAttrs(this, this.inputElement, {
         includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
       });

package/src/components/button-selection-group-fields/descope-button-selection-group/ButtonSelectionGroupClass.js

@@ -37,6 +37,14 @@ const buttonSelectionGroupMixin = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);
 
+      // the inner *-internal dispatches a non-bubbling, non-composed `change`,
+      // which never reaches the flow runtime. Re-emit standard input/change from
+      // the host (bubbling + composed) so flow real-time conditions fire.
+      this.inputElement.addEventListener('change', () => {
+        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+      });
+
       forwardAttrs(this, this.inputElement, {
         includeAttrs: ['size', 'default-value', 'allow-deselect'],
       });

package/src/components/descope-radio-group/RadioGroupClass.js

@@ -107,6 +107,15 @@ const RadioGroupMixin = (superclass) =>
 
       this.inputElement = this.baseElement;
 
+      // vaadin-radio-group emits `value-changed` on selection but no native
+      // input/change events. Re-emit standard input/change from the host
+      // (bubbling + composed) so flow real-time conditions fire, matching how
+      // proxyInputMixin bridges input/change for other fields.
+      this.baseElement.addEventListener('value-changed', () => {
+        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+      });
+
       this.renderItems();
 
       observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });

package/src/components/phone-fields/descope-phone-field/helpers.js

@@ -13,7 +13,7 @@ export const comboBoxItem = ({ code, dialCode, name: country }) => `
 	>
 		<div>
 			<span>
-				<img src="${getCountryFlag(code)}" width="20"/>
+				<img src="${getCountryFlag(code)}" width="20" loading="lazy" />
 			</span>
 			<span>${country}</span>
 		</div>