@descope/flow-components 3.3.0 → 3.3.2

package/dist/fm/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.3.0",
+      "buildVersion": "3.3.2",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/fm/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.3.0",
+      "buildVersion": "3.3.2",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/index.cjs.js

@@ -95199,6 +95199,7 @@ descope-enriched-text {
 	          'allow-alphanumeric-input',
 	          'format-value',
 	          'strict-validation',
+	          'phone-input-type',
 	        ],
 	      });
 	    }
@@ -95545,6 +95546,7 @@ descope-enriched-text {
 	          'format-value',
 	          'strict-validation',
 	          'data-errormessage-type-mismatch',
+	          'phone-input-type',
 	        ],
 	      });
 	    }
@@ -102272,8 +102274,10 @@ descope-enriched-text {
 	  #adjustPopoverPosition() {
 	    const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;
 
-	    // Remove previously added stylesheets
-	    this.#popoverPosStylesheet?.remove();
+	    // Reset any previous transform so getBoundingClientRect measures the natural position
+	    this.#popoverPosStylesheet?.replaceSync(
+	      `vaadin-popover-overlay::part(overlay) { transform: none; }`
+	    );
 
 	    const windowRect = document.body.getBoundingClientRect();
 	    const inputRect = this.getBoundingClientRect();
@@ -102291,14 +102295,17 @@ descope-enriched-text {
 	      newOffset = Math.min(Math.abs(offset), availableLeft) * -1;
 	    }
 
-	    injectStyle(
-	      `
+	    const css = `
       vaadin-popover-overlay::part(overlay) {
         transform: translateX(${newOffset}px);
       }
-    `,
-	      popover
-	    );
+    `;
+
+	    if (this.#popoverPosStylesheet) {
+	      this.#popoverPosStylesheet.replaceSync(css);
+	    } else {
+	      this.#popoverPosStylesheet = injectStyle(css, popover);
+	    }
 	  }
 
 	  #getPopoverContent() {
@@ -103808,6 +103815,7 @@ descope-enriched-text {
 	      'phone-minlength',
 	      'phone-format-value',
 	      'phone-strict-validation',
+	      'phone-input-type',
 	      'data-errormessage-value-missing-phone',
 	    ],
 	    inputBox: [
@@ -103816,6 +103824,7 @@ descope-enriched-text {
 	      'phone-minlength',
 	      'phone-format-value',
 	      'phone-strict-validation',
+	      'phone-input-type',
 	      'data-errormessage-value-missing-phone',
 	    ],
 	  },
@@ -103855,8 +103864,8 @@ descope-enriched-text {
 	    this.attachShadow({ mode: 'open' }).innerHTML = `
     <div class="wrapper">
       <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>
-      <descope-phone-field allow-alphanumeric-input="true"></descope-phone-field>
-      <descope-phone-input-box-field allow-alphanumeric-input="true"></descope-phone-input-box-field>
+      <descope-phone-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-field>
+      <descope-phone-input-box-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-input-box-field>
     </div>
 		`;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -97,7 +97,7 @@
     "webpack-subresource-integrity": "5.2.0-rc.1"
   },
   "dependencies": {
-    "@descope/web-components-ui": "3.3.0"
+    "@descope/web-components-ui": "3.3.2"
   },
   "peerDependencies": {
     "react": ">= 18"