@descope/flow-components 3.9.0 → 3.9.1

package/dist/fm/mf-manifest.json

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

package/dist/fm/mf-stats.json

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

package/dist/index.cjs.js

@@ -90031,6 +90031,15 @@ function requireIndex_cjs () {
 
 	    this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');
 	    this.tooltip = this.shadowRoot.querySelector('vaadin-tooltip');
+
+	    this.anchored = this.shadowRoot.querySelector('descope-anchored');
+	  }
+
+	  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.
+	  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.
+	  #syncComponentState() {
+	    const hasHidden = this.anchored?.classList?.contains('hidden');
+	    this.classList.toggle('hidden', hasHidden);
 	  }
 
 	  static get observedAttributes() {
@@ -90125,6 +90134,8 @@ function requireIndex_cjs () {
 	    );
 	    this.#setTooltipTarget();
 
+	    this.#syncComponentState();
+
 	    setTimeout(() => this.#onOverlayReady());
 	  }
 
@@ -91433,6 +91444,8 @@ function requireIndex_cjs () {
 	    this.attachmentSlot = this.shadowRoot.querySelector(
 	      'slot[name="attachment"]',
 	    );
+
+	    this.anchored = this.shadowRoot.querySelector('descope-anchored');
 	  }
 
 	  get #attachment() {
@@ -91453,6 +91466,8 @@ function requireIndex_cjs () {
 	  init() {
 	    super.init?.();
 
+	    this.#syncComponentState();
+
 	    injectStyle(
 	      `
       :host {
@@ -91496,6 +91511,13 @@ function requireIndex_cjs () {
 	    window.requestAnimationFrame(() => this.#setVisibility());
 	  }
 
+	  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.
+	  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.
+	  #syncComponentState() {
+	    const hasHidden = this.anchored?.classList?.contains('hidden');
+	    this.classList.toggle('hidden', hasHidden);
+	  }
+
 	  #syncAvailableSizeAttr() {
 	    const anchor = this.defaultSlot?.assignedElements()?.[0];
 
@@ -106459,6 +106481,8 @@ descope-enriched-text {
     `;
 
 	    this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');
+
+	    this.#syncComponentState();
 	  }
 
 	  init() {
@@ -106513,6 +106537,13 @@ descope-enriched-text {
 	    this.#syncAnchor();
 	  }
 
+	  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.
+	  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.
+	  #syncComponentState() {
+	    const hasHidden = this.#anchor.classList.contains('hidden');
+	    this.classList.toggle('hidden', hasHidden);
+	  }
+
 	  #syncAnchor() {
 	    this.#onAnchorChanged();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "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.9.0"
+    "@descope/web-components-ui": "3.9.1"
   },
   "peerDependencies": {
     "react": ">= 18"