@descope/flow-components 3.9.0 → 3.9.2

package/dist/fm/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.9.0",
+      "buildVersion": "3.9.2",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {
@@ -51,7 +51,7 @@
       "assets": {
         "js": {
           "sync": [
-            "477.js",
+            "741.js",
             "__federation_expose_components.js"
           ],
           "async": []

package/dist/fm/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.9.0",
+      "buildVersion": "3.9.2",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {
@@ -58,7 +58,7 @@
       "assets": {
         "js": {
           "sync": [
-            "477.js",
+            "741.js",
             "__federation_expose_components.js"
           ],
           "async": []

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();
 
@@ -106838,6 +106869,7 @@ const NotificationClass = index_cjsExports.NotificationClass;
 const GridClass = index_cjsExports.GridClass;
 const BadgeClass = index_cjsExports.BadgeClass;
 const MultiSelectComboBoxClass = index_cjsExports.MultiSelectComboBoxClass;
+const MultiLineMappingsClass = index_cjsExports.MultiLineMappingsClass;
 const AvatarClass = index_cjsExports.AvatarClass;
 const UserAttributeClass = index_cjsExports.UserAttributeClass;
 const UserAuthMethodClass = index_cjsExports.UserAuthMethodClass;
@@ -107328,6 +107360,22 @@ const SAMLGroupMappings = React__default.default.forwardRef(({ options, size = '
     return (React__default.default.createElement("descope-saml-group-mappings", { size: size, ...props, options: serializedOptions ?? undefined, ref: ref }));
 });
 
+const MultiLineMappings = React__default.default.forwardRef(({ data, ...props }, ref) => {
+    const serializedData = React.useMemo(() => {
+        if (!data)
+            return undefined;
+        try {
+            return JSON.stringify(data);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error('could not parse data string from attribute "data" -', e.message);
+            return undefined;
+        }
+    }, [data]);
+    return (React__default.default.createElement("descope-multi-line-mappings", { data: serializedData, ...props, ref: ref }));
+});
+
 const UserAuthMethod = React__default.default.forwardRef(({ methodIcon, methodIconDark, buttonIcon, buttonIconDark, fulfilledButtonIcon, fulfilledButtonIconDark, ...props }, ref) => (React__default.default.createElement("descope-user-auth-method", { ...props, ref: ref },
     methodIcon && methodIconDark && React__default.default.createElement(Icon, { icon: methodIcon, "src-dark": methodIconDark, slot: "method-icon", noColor: true }),
     buttonIcon && buttonIconDark && React__default.default.createElement(Icon, { icon: buttonIcon, "src-dark": buttonIconDark, slot: "button-icon", noColor: true, width: "1em", height: "1em" }),
@@ -107512,6 +107560,8 @@ exports.MappingsField = MappingsField;
 exports.MappingsFieldClass = MappingsFieldClass;
 exports.Modal = Modal;
 exports.ModalClass = ModalClass;
+exports.MultiLineMappings = MultiLineMappings;
+exports.MultiLineMappingsClass = MultiLineMappingsClass;
 exports.MultiSelect = MultiSelect;
 exports.MultiSelectComboBoxClass = MultiSelectComboBoxClass;
 exports.NOTPImage = NOTPImage;