@unidy.io/sdk 1.2.0-alpha9 → 1.2.0

package/dist/cjs/u-jump-to-service.cjs.entry.js

@@ -1,20 +1,23 @@
 'use strict';
 
-var index = require('./index-B325yXfO.js');
-var index$1 = require('./index-BzPYBLYC.js');
-var authStore = require('./auth-store-DPmGKHZ2.js');
-var unidyStore = require('./unidy-store-BGnWn9pc.js');
-var i18n = require('./i18n-D5j_Zl-4.js');
-require('./profile-store-C_q-TuA_.js');
-require('./index-yaeiYlfa.js');
-require('./component-utils-bu3SY4dE.js');
-require('./flash-store-gbSYhPAV.js');
+var index = require('./index-2Fz3r5o0.js');
+var index$1 = require('./index-CpPKy1CZ.js');
+var i18n = require('./i18n-ClWrNmGh.js');
+var component = require('./component-DLxnZCW6.js');
+var hasSlotContent = require('./has-slot-content-CfJbU4t-.js');
+var componentUtils = require('./component-utils-XXctnOM9.js');
+var redirectWithToken = require('./redirect-with-token-wupYX97S.js');
+var authStore = require('./auth-store-0vv3uOib.js');
+require('./profile-store-CQEQhPQD.js');
+require('./index-C6ZBKFYr.js');
+require('./unidy-store-Bvnl24i9.js');
+require('./flash-store-CR6Umh1O.js');
 
-const JumpToService = class {
+const JumpToService = class extends component.UnidyComponent(hasSlotContent.HasSlotContent) {
     constructor(hostRef) {
+        super();
         index.registerInstance(this, hostRef);
     }
-    get el() { return index.getElement(this); }
     /**
      * The OAuth Application ID (service ID) to jump to.
      * @example "2"
@@ -44,18 +47,6 @@ const JumpToService = class {
      */
     skipOauthAuthorization = false;
     loading = false;
-    // TODO: Figure out a way to share this across components
-    unsubscribe;
-    connectedCallback() {
-        this.unsubscribe = authStore.authStoreOnChange("authenticated", () => {
-            index.forceUpdate(this);
-        });
-    }
-    disconnectedCallback() {
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-    }
     handleClick = async (event) => {
         event.preventDefault();
         if (!this.serviceId) {
@@ -63,21 +54,19 @@ const JumpToService = class {
             return;
         }
         const auth = await index$1.Auth.getInstance();
-        const isAuthenticated = await auth.isAuthenticated();
-        if (!isAuthenticated) {
+        if (!(await auth.isAuthenticated())) {
             console.error("[u-jump-to-service] User is not authenticated. Please log in first.");
             return;
         }
         const userData = await auth.userData();
-        if (!userData || !userData.email) {
+        if (!userData?.email) {
             console.error("Failed to get user email from authentication token");
             return;
         }
         this.loading = true;
         try {
             const client = index$1.getUnidyClient();
-            // Parse scopes if provided
-            const scopesArray = this.scopes ? this.scopes.split(",").map((s) => s.trim()) : undefined;
+            const scopesArray = this.scopes?.split(",").map((s) => s.trim());
             const [error, token] = await client.auth.jumpToService(this.serviceId, {
                 email: userData.email,
                 redirect_uri: this.redirectUri,
@@ -86,22 +75,13 @@ const JumpToService = class {
             });
             if (error) {
                 console.error("Failed to get jump token:", error);
-                this.loading = false;
                 return;
             }
-            const redirectUrl = new URL("/one_time_login", unidyStore.unidyState.baseUrl);
-            // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work
-            redirectUrl.searchParams.set("token", token);
-            if (this.redirectUri) {
-                redirectUrl.searchParams.set("redirect_uri", this.redirectUri);
-            }
-            const finalUrl = redirectUrl.toString();
-            if (this.newtab) {
-                window.open(finalUrl, "_blank");
-            }
-            else {
-                window.location.href = finalUrl;
-            }
+            redirectWithToken.redirectWithToken({
+                token: token,
+                newTab: this.newtab,
+                extraParams: this.redirectUri ? { redirect_uri: this.redirectUri } : undefined,
+            });
         }
         catch (error) {
             console.error("Error jumping to service:", error);
@@ -114,8 +94,7 @@ const JumpToService = class {
         return !authStore.state.authenticated || this.loading || !this.serviceId;
     }
     render() {
-        const hasSlot = this.el.childNodes.length > 0;
-        return (index.h("button", { key: '3f0526c3a12b73cada7b044dfe55fd74757031cf', type: "button", disabled: this.isDisabled(), class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, this.loading ? index.h("u-spinner", null) : hasSlot ? index.h("slot", null) : i18n.t("buttons.jump_to_service")));
+        return (index.h("button", { key: 'dc593d260c7b74bbfa108c1201b02c1ed7a414c0', type: "button", disabled: this.isDisabled(), class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, componentUtils.slotFallbackText(i18n.t("buttons.jump_to_service"), { hasSlot: this.hasSlot, loading: this.loading })));
     }
 };
 

package/dist/cjs/u-jump-to-service.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-jump-to-service.entry.cjs.js","sources":["src/auth/components/jump-to-service/jump-to-service.tsx"],"sourcesContent":["import { Component, h, Prop, State, forceUpdate, Element } from \"@stencil/core\";\nimport { Auth } from \"../../auth\";\nimport { authState, onChange } from \"../../store/auth-store\";\nimport { getUnidyClient } from \"../../../api\";\nimport { unidyState } from \"../../../shared/store/unidy-store\";\nimport { t } from \"../../../i18n\";\n\n@Component({\n  tag: \"u-jump-to-service\",\n  shadow: false,\n})\nexport class JumpToService {\n  @Element() el!: HTMLElement;\n\n  /**\n   * The OAuth Application ID (service ID) to jump to.\n   * @example \"2\"\n   */\n  @Prop({ attribute: \"service-id\" }) serviceId!: string;\n\n  /**\n   * If true, opens the URL in a new tab. Defaults to false.\n   */\n  @Prop() newtab = false;\n\n  /**\n   * Custom CSS class name(s) to apply to the button element.\n   */\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  /**\n   * Optional redirect URI for the OAuth flow.\n   * Must match one of the application's allowed redirect URIs.\n   */\n  @Prop({ attribute: \"redirect-uri\" }) redirectUri?: string;\n\n  /**\n   * Comma-separated list of OAuth scopes to request.\n   * Defaults to [\"openid\"] if not provided.\n   * @example \"openid,profile\"\n   */\n  @Prop() scopes?: string;\n\n  /**\n   * If true, skips the OAuth authorization step (if already authorized once). Defaults to false.\n   */\n  @Prop({ attribute: \"skip-oauth-authorization\" }) skipOauthAuthorization = false;\n\n  @State() loading = false;\n\n  // TODO: Figure out a way to share this across components\n  private unsubscribe?: () => void;\n\n  connectedCallback() {\n    this.unsubscribe = onChange(\"authenticated\", () => {\n      forceUpdate(this);\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  private handleClick = async (event: Event) => {\n    event.preventDefault();\n\n    if (!this.serviceId) {\n      console.error(\"[u-jump-to-service] service-id is required\");\n      return;\n    }\n\n    const auth = await Auth.getInstance();\n    const isAuthenticated = await auth.isAuthenticated();\n\n    if (!isAuthenticated) {\n      console.error(\"[u-jump-to-service] User is not authenticated. Please log in first.\");\n      return;\n    }\n\n    const userData = await auth.userData();\n    if (!userData || !userData.email) {\n      console.error(\"Failed to get user email from authentication token\");\n      return;\n    }\n\n    this.loading = true;\n\n    try {\n      const client = getUnidyClient();\n\n      // Parse scopes if provided\n      const scopesArray = this.scopes ? this.scopes.split(\",\").map((s) => s.trim()) : undefined;\n\n      const [error, token] = await client.auth.jumpToService(this.serviceId, {\n        email: userData.email,\n        redirect_uri: this.redirectUri,\n        scopes: scopesArray,\n        skip_oauth_authorization: this.skipOauthAuthorization,\n      });\n\n      if (error) {\n        console.error(\"Failed to get jump token:\", error);\n        this.loading = false;\n        return;\n      }\n\n      const redirectUrl = new URL(\"/one_time_login\", unidyState.baseUrl);\n      // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work\n      redirectUrl.searchParams.set(\"token\", token);\n      if (this.redirectUri) {\n        redirectUrl.searchParams.set(\"redirect_uri\", this.redirectUri);\n      }\n\n      const finalUrl = redirectUrl.toString();\n\n      if (this.newtab) {\n        window.open(finalUrl, \"_blank\");\n      } else {\n        window.location.href = finalUrl;\n      }\n    } catch (error) {\n      console.error(\"Error jumping to service:\", error);\n    } finally {\n      this.loading = false;\n    }\n  };\n\n  private isDisabled(): boolean {\n    return !authState.authenticated || this.loading || !this.serviceId;\n  }\n\n  render() {\n    const hasSlot = this.el.childNodes.length > 0;\n    return (\n      <button type=\"button\" disabled={this.isDisabled()} class={this.componentClassName} onClick={this.handleClick} aria-live=\"polite\">\n        {this.loading ? <u-spinner /> : hasSlot ? <slot /> : t(\"buttons.jump_to_service\")}\n      </button>\n    );\n  }\n}\n"],"names":["onChange","forceUpdate","Auth","getUnidyClient","unidyState","authState","h","t"],"mappings":";;;;;;;;;;;;MAWa,aAAa,GAAA,MAAA;;;;;AAGxB;;;AAGG;AACgC,IAAA,SAAS;AAE5C;;AAEG;IACK,MAAM,GAAG,KAAK;AAEtB;;AAEG;IACgC,kBAAkB,GAAG,EAAE;AAE1D;;;AAGG;AACkC,IAAA,WAAW;AAEhD;;;;AAIG;AACK,IAAA,MAAM;AAEd;;AAEG;IAC8C,sBAAsB,GAAG,KAAK;IAEtE,OAAO,GAAG,KAAK;;AAGhB,IAAA,WAAW;IAEnB,iBAAiB,GAAA;QACf,IAAI,CAAC,WAAW,GAAGA,2BAAQ,CAAC,eAAe,EAAE,MAAK;YAChDC,iBAAW,CAAC,IAAI,CAAC;AACnB,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE;;;AAId,IAAA,WAAW,GAAG,OAAO,KAAY,KAAI;QAC3C,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,4CAA4C,CAAC;YAC3D;;AAGF,QAAA,MAAM,IAAI,GAAG,MAAMC,YAAI,CAAC,WAAW,EAAE;AACrC,QAAA,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,eAAe,EAAE;QAEpD,IAAI,CAAC,eAAe,EAAE;AACpB,YAAA,OAAO,CAAC,KAAK,CAAC,qEAAqE,CAAC;YACpF;;AAGF,QAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;QACtC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;AAChC,YAAA,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC;YACnE;;AAGF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AAEnB,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAGC,sBAAc,EAAE;;AAG/B,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS;AAEzF,YAAA,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE;gBACrE,KAAK,EAAE,QAAQ,CAAC,KAAK;gBACrB,YAAY,EAAE,IAAI,CAAC,WAAW;AAC9B,gBAAA,MAAM,EAAE,WAAW;gBACnB,wBAAwB,EAAE,IAAI,CAAC,sBAAsB;AACtD,aAAA,CAAC;YAEF,IAAI,KAAK,EAAE;AACT,gBAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;AACjD,gBAAA,IAAI,CAAC,OAAO,GAAG,KAAK;gBACpB;;YAGF,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,iBAAiB,EAAEC,qBAAU,CAAC,OAAO,CAAC;;YAElE,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC;AAC5C,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC;;AAGhE,YAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE;AAEvC,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;;iBAC1B;AACL,gBAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ;;;QAEjC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;;gBACzC;AACR,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAExB,KAAC;IAEO,UAAU,GAAA;AAChB,QAAA,OAAO,CAACC,eAAS,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS;;IAGpE,MAAM,GAAA;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;AAC7C,QAAA,QACEC,qEAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,WAAA,EAAY,QAAQ,EAC7H,EAAA,IAAI,CAAC,OAAO,GAAGA,OAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAG,OAAO,GAAGA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,GAAGC,MAAC,CAAC,yBAAyB,CAAC,CAC1E;;;;;;"}
+{"version":3,"file":"u-jump-to-service.entry.cjs.js","sources":["src/auth/components/jump-to-service/jump-to-service.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport { slotFallbackText } from \"../../../shared/component-utils\";\nimport { redirectWithToken } from \"../../../shared/utils/redirect-with-token\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-jump-to-service\",\n  shadow: false,\n})\nexport class JumpToService extends UnidyComponent(HasSlotContent) {\n  /**\n   * The OAuth Application ID (service ID) to jump to.\n   * @example \"2\"\n   */\n  @Prop({ attribute: \"service-id\" }) serviceId!: string;\n\n  /**\n   * If true, opens the URL in a new tab. Defaults to false.\n   */\n  @Prop() newtab = false;\n\n  /**\n   * Custom CSS class name(s) to apply to the button element.\n   */\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  /**\n   * Optional redirect URI for the OAuth flow.\n   * Must match one of the application's allowed redirect URIs.\n   */\n  @Prop({ attribute: \"redirect-uri\" }) redirectUri?: string;\n\n  /**\n   * Comma-separated list of OAuth scopes to request.\n   * Defaults to [\"openid\"] if not provided.\n   * @example \"openid,profile\"\n   */\n  @Prop() scopes?: string;\n\n  /**\n   * If true, skips the OAuth authorization step (if already authorized once). Defaults to false.\n   */\n  @Prop({ attribute: \"skip-oauth-authorization\" }) skipOauthAuthorization = false;\n\n  @State() loading = false;\n\n  private handleClick = async (event: Event) => {\n    event.preventDefault();\n\n    if (!this.serviceId) {\n      console.error(\"[u-jump-to-service] service-id is required\");\n      return;\n    }\n\n    const auth = await Auth.getInstance();\n    if (!(await auth.isAuthenticated())) {\n      console.error(\"[u-jump-to-service] User is not authenticated. Please log in first.\");\n      return;\n    }\n\n    const userData = await auth.userData();\n    if (!userData?.email) {\n      console.error(\"Failed to get user email from authentication token\");\n      return;\n    }\n\n    this.loading = true;\n\n    try {\n      const client = getUnidyClient();\n      const scopesArray = this.scopes?.split(\",\").map((s) => s.trim());\n\n      const [error, token] = await client.auth.jumpToService(this.serviceId, {\n        email: userData.email,\n        redirect_uri: this.redirectUri,\n        scopes: scopesArray,\n        skip_oauth_authorization: this.skipOauthAuthorization,\n      });\n\n      if (error) {\n        console.error(\"Failed to get jump token:\", error);\n        return;\n      }\n\n      redirectWithToken({\n        token: token as string,\n        newTab: this.newtab,\n        extraParams: this.redirectUri ? { redirect_uri: this.redirectUri } : undefined,\n      });\n    } catch (error) {\n      console.error(\"Error jumping to service:\", error);\n    } finally {\n      this.loading = false;\n    }\n  };\n\n  private isDisabled(): boolean {\n    return !authState.authenticated || this.loading || !this.serviceId;\n  }\n\n  render() {\n    return (\n      <button type=\"button\" disabled={this.isDisabled()} class={this.componentClassName} onClick={this.handleClick} aria-live=\"polite\">\n        {slotFallbackText(t(\"buttons.jump_to_service\"), { hasSlot: this.hasSlot, loading: this.loading })}\n      </button>\n    );\n  }\n}\n"],"names":["UnidyComponent","HasSlotContent","Auth","getUnidyClient","redirectWithToken","authState","h","slotFallbackText","t"],"mappings":";;;;;;;;;;;;;;;AAca,MAAA,aAAc,GAAA,cAAQA,wBAAc,CAACC,6BAAc,CAAC,CAAA;;;;;AAC/D;;;AAGG;AACgC,IAAA,SAAS;AAE5C;;AAEG;IACK,MAAM,GAAG,KAAK;AAEtB;;AAEG;IACgC,kBAAkB,GAAG,EAAE;AAE1D;;;AAGG;AACkC,IAAA,WAAW;AAEhD;;;;AAIG;AACK,IAAA,MAAM;AAEd;;AAEG;IAC8C,sBAAsB,GAAG,KAAK;IAEtE,OAAO,GAAG,KAAK;AAEhB,IAAA,WAAW,GAAG,OAAO,KAAY,KAAI;QAC3C,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,4CAA4C,CAAC;YAC3D;;AAGF,QAAA,MAAM,IAAI,GAAG,MAAMC,YAAI,CAAC,WAAW,EAAE;QACrC,IAAI,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC,EAAE;AACnC,YAAA,OAAO,CAAC,KAAK,CAAC,qEAAqE,CAAC;YACpF;;AAGF,QAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;AACtC,QAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE;AACpB,YAAA,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC;YACnE;;AAGF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AAEnB,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAGC,sBAAc,EAAE;YAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;AAEhE,YAAA,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE;gBACrE,KAAK,EAAE,QAAQ,CAAC,KAAK;gBACrB,YAAY,EAAE,IAAI,CAAC,WAAW;AAC9B,gBAAA,MAAM,EAAE,WAAW;gBACnB,wBAAwB,EAAE,IAAI,CAAC,sBAAsB;AACtD,aAAA,CAAC;YAEF,IAAI,KAAK,EAAE;AACT,gBAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;gBACjD;;AAGF,YAAAC,mCAAiB,CAAC;AAChB,gBAAA,KAAK,EAAE,KAAe;gBACtB,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,SAAS;AAC/E,aAAA,CAAC;;QACF,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;;gBACzC;AACR,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAExB,KAAC;IAEO,UAAU,GAAA;AAChB,QAAA,OAAO,CAACC,eAAS,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS;;IAGpE,MAAM,GAAA;AACJ,QAAA,QACEC,qEAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,WAAA,EAAY,QAAQ,EAC7H,EAAAC,+BAAgB,CAACC,MAAC,CAAC,yBAAyB,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAC1F;;;;;;"}

package/dist/cjs/u-jump-to-unidy.cjs.entry.js

@@ -1,20 +1,23 @@
 'use strict';
 
-var index = require('./index-B325yXfO.js');
-var index$1 = require('./index-BzPYBLYC.js');
-var authStore = require('./auth-store-DPmGKHZ2.js');
-var unidyStore = require('./unidy-store-BGnWn9pc.js');
-var i18n = require('./i18n-D5j_Zl-4.js');
-require('./profile-store-C_q-TuA_.js');
-require('./index-yaeiYlfa.js');
-require('./component-utils-bu3SY4dE.js');
-require('./flash-store-gbSYhPAV.js');
+var index = require('./index-2Fz3r5o0.js');
+var index$1 = require('./index-CpPKy1CZ.js');
+var i18n = require('./i18n-ClWrNmGh.js');
+var component = require('./component-DLxnZCW6.js');
+var hasSlotContent = require('./has-slot-content-CfJbU4t-.js');
+var componentUtils = require('./component-utils-XXctnOM9.js');
+var unidyStore = require('./unidy-store-Bvnl24i9.js');
+var redirectWithToken = require('./redirect-with-token-wupYX97S.js');
+var authStore = require('./auth-store-0vv3uOib.js');
+require('./profile-store-CQEQhPQD.js');
+require('./index-C6ZBKFYr.js');
+require('./flash-store-CR6Umh1O.js');
 
-const JumpToUnidy = class {
+const JumpToUnidy = class extends component.UnidyComponent(hasSlotContent.HasSlotContent) {
     constructor(hostRef) {
+        super();
         index.registerInstance(this, hostRef);
     }
-    get el() { return index.getElement(this); }
     /**
      * The Unidy path to redirect to. Must start with "/".
      * @example "/subscriptions"
@@ -35,11 +38,6 @@ const JumpToUnidy = class {
      */
     componentClassName = "";
     loading = false;
-    unsubscribe;
-    /**
-     * Validates that the path prop is valid (not empty and starts with "/").
-     * @returns true if path is valid, false otherwise
-     */
     isValidPath() {
         return !!this.path && this.path.startsWith("/");
     }
@@ -48,17 +46,6 @@ const JumpToUnidy = class {
             console.error(`[u-jump-to-unidy] Invalid path prop: "${this.path}". Path must be provided and start with "/".`);
         }
     }
-    // TODO: Figure out a way to share this across components
-    connectedCallback() {
-        this.unsubscribe = authStore.authStoreOnChange("authenticated", () => {
-            index.forceUpdate(this);
-        });
-    }
-    disconnectedCallback() {
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-    }
     handleClick = async (event) => {
         event.preventDefault();
         if (!this.isValidPath()) {
@@ -77,13 +64,12 @@ const JumpToUnidy = class {
             return;
         }
         const auth = await index$1.Auth.getInstance();
-        const isAuthenticated = await auth.isAuthenticated();
-        if (!isAuthenticated) {
+        if (!(await auth.isAuthenticated())) {
             console.error("[u-jump-to-unidy] User is not authenticated. Please log in first.");
             return;
         }
         const userData = await auth.userData();
-        if (!userData || !userData.email) {
+        if (!userData?.email) {
             console.error("Failed to get user email from authentication token");
             return;
         }
@@ -96,19 +82,13 @@ const JumpToUnidy = class {
             });
             if (error) {
                 console.error("Failed to get jump token:", error);
-                this.loading = false;
                 return;
             }
-            const redirectUrl = new URL("/one_time_login", unidyStore.unidyState.baseUrl);
-            // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work
-            redirectUrl.searchParams.set("token", token);
-            const finalUrl = redirectUrl.toString();
-            if (this.newtab) {
-                window.open(finalUrl, "_blank");
-            }
-            else {
-                window.location.href = finalUrl;
-            }
+            redirectWithToken.redirectWithToken({
+                // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work
+                token,
+                newTab: this.newtab,
+            });
         }
         catch (error) {
             console.error("Error jumping to Unidy:", error);
@@ -124,8 +104,7 @@ const JumpToUnidy = class {
         return !authStore.state.authenticated || this.loading || !this.isValidPath();
     }
     render() {
-        const hasSlot = this.el.childNodes.length > 0;
-        return (index.h("button", { key: 'bcf35a95e8ea304da27320e6f4406dd57e94aaf7', type: "button", disabled: this.isDisabled(), class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, this.loading ? index.h("u-spinner", null) : hasSlot ? index.h("slot", null) : i18n.t("buttons.jump_to_unidy")));
+        return (index.h("button", { key: 'b5747e752d731be9281f82ca0487841ee7baf2d3', type: "button", disabled: this.isDisabled(), class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, componentUtils.slotFallbackText(i18n.t("buttons.jump_to_unidy"), { hasSlot: this.hasSlot, loading: this.loading })));
     }
 };
 

package/dist/cjs/u-jump-to-unidy.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-jump-to-unidy.entry.cjs.js","sources":["src/auth/components/jump-to-unidy/jump-to-unidy.tsx"],"sourcesContent":["import { Component, h, Prop, State, forceUpdate, Element } from \"@stencil/core\";\nimport { Auth } from \"../../auth\";\nimport { authState, onChange } from \"../../store/auth-store\";\nimport { getUnidyClient } from \"../../../api\";\nimport { unidyState } from \"../../../shared/store/unidy-store\";\nimport { t } from \"../../../i18n\";\n\n@Component({\n  tag: \"u-jump-to-unidy\",\n  shadow: false,\n})\nexport class JumpToUnidy {\n  @Element() el!: HTMLElement;\n\n  /**\n   * The Unidy path to redirect to. Must start with \"/\".\n   * @example \"/subscriptions\"\n   * @example \"/tickets\"\n   */\n  @Prop() path!: string;\n\n  /**\n   * If true, opens the URL in a new tab. Defaults to false.\n   */\n  @Prop() newtab = false;\n\n  /**\n   * If true, skips authentication and redirects directly to the Unidy path.\n   * Useful for public pages like terms of service.\n   */\n  @Prop({ attribute: \"no-auth\" }) noAuth = false;\n\n  /**\n   * Custom CSS class name(s) to apply to the button element.\n   */\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() loading = false;\n  private unsubscribe?: () => void;\n\n  /**\n   * Validates that the path prop is valid (not empty and starts with \"/\").\n   * @returns true if path is valid, false otherwise\n   */\n  private isValidPath(): boolean {\n    return !!this.path && this.path.startsWith(\"/\");\n  }\n\n  componentWillLoad() {\n    if (!this.isValidPath()) {\n      console.error(`[u-jump-to-unidy] Invalid path prop: \"${this.path}\". Path must be provided and start with \"/\".`);\n    }\n  }\n\n  // TODO: Figure out a way to share this across components\n  connectedCallback() {\n    this.unsubscribe = onChange(\"authenticated\", () => {\n      forceUpdate(this);\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  private handleClick = async (event: Event) => {\n    event.preventDefault();\n\n    if (!this.isValidPath()) {\n      console.error(`[u-jump-to-unidy] Invalid path: \"${this.path}\". Path must be provided and start with \"/\".`);\n      return;\n    }\n\n    // If no-auth mode, redirect directly to the path without authentication\n    if (this.noAuth) {\n      const finalUrl = new URL(this.path, unidyState.baseUrl).toString();\n      if (this.newtab) {\n        window.open(finalUrl, \"_blank\");\n      } else {\n        window.location.href = finalUrl;\n      }\n      return;\n    }\n\n    const auth = await Auth.getInstance();\n    const isAuthenticated = await auth.isAuthenticated();\n\n    if (!isAuthenticated) {\n      console.error(\"[u-jump-to-unidy] User is not authenticated. Please log in first.\");\n      return;\n    }\n\n    const userData = await auth.userData();\n    if (!userData || !userData.email) {\n      console.error(\"Failed to get user email from authentication token\");\n      return;\n    }\n\n    this.loading = true;\n\n    try {\n      const client = getUnidyClient();\n\n      const [error, token] = await client.auth.jumpToUnidy({\n        email: userData.email,\n        path: this.path,\n      });\n\n      if (error) {\n        console.error(\"Failed to get jump token:\", error);\n        this.loading = false;\n        return;\n      }\n\n      const redirectUrl = new URL(\"/one_time_login\", unidyState.baseUrl);\n      // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work\n      redirectUrl.searchParams.set(\"token\", token);\n\n      const finalUrl = redirectUrl.toString();\n\n      if (this.newtab) {\n        window.open(finalUrl, \"_blank\");\n      } else {\n        window.location.href = finalUrl;\n      }\n    } catch (error) {\n      console.error(\"Error jumping to Unidy:\", error);\n    } finally {\n      this.loading = false;\n    }\n  };\n\n  private isDisabled(): boolean {\n    if (this.noAuth) {\n      return this.loading || !this.isValidPath();\n    }\n    return !authState.authenticated || this.loading || !this.isValidPath();\n  }\n\n  render() {\n    const hasSlot = this.el.childNodes.length > 0;\n    return (\n      <button type=\"button\" disabled={this.isDisabled()} class={this.componentClassName} onClick={this.handleClick} aria-live=\"polite\">\n        {this.loading ? <u-spinner /> : hasSlot ? <slot /> : t(\"buttons.jump_to_unidy\")}\n      </button>\n    );\n  }\n}\n"],"names":["onChange","forceUpdate","unidyState","Auth","getUnidyClient","authState","h","t"],"mappings":"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"}
+{"version":3,"file":"u-jump-to-unidy.entry.cjs.js","sources":["src/auth/components/jump-to-unidy/jump-to-unidy.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport { slotFallbackText } from \"../../../shared/component-utils\";\nimport { unidyState } from \"../../../shared/store/unidy-store\";\nimport { redirectWithToken } from \"../../../shared/utils/redirect-with-token\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-jump-to-unidy\",\n  shadow: false,\n})\nexport class JumpToUnidy extends UnidyComponent(HasSlotContent) {\n  /**\n   * The Unidy path to redirect to. Must start with \"/\".\n   * @example \"/subscriptions\"\n   * @example \"/tickets\"\n   */\n  @Prop() path!: string;\n\n  /**\n   * If true, opens the URL in a new tab. Defaults to false.\n   */\n  @Prop() newtab = false;\n\n  /**\n   * If true, skips authentication and redirects directly to the Unidy path.\n   * Useful for public pages like terms of service.\n   */\n  @Prop({ attribute: \"no-auth\" }) noAuth = false;\n\n  /**\n   * Custom CSS class name(s) to apply to the button element.\n   */\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() loading = false;\n\n  private isValidPath(): boolean {\n    return !!this.path && this.path.startsWith(\"/\");\n  }\n\n  componentWillLoad() {\n    if (!this.isValidPath()) {\n      console.error(`[u-jump-to-unidy] Invalid path prop: \"${this.path}\". Path must be provided and start with \"/\".`);\n    }\n  }\n\n  private handleClick = async (event: Event) => {\n    event.preventDefault();\n\n    if (!this.isValidPath()) {\n      console.error(`[u-jump-to-unidy] Invalid path: \"${this.path}\". Path must be provided and start with \"/\".`);\n      return;\n    }\n\n    // If no-auth mode, redirect directly to the path without authentication\n    if (this.noAuth) {\n      const finalUrl = new URL(this.path, unidyState.baseUrl).toString();\n      if (this.newtab) {\n        window.open(finalUrl, \"_blank\");\n      } else {\n        window.location.href = finalUrl;\n      }\n      return;\n    }\n\n    const auth = await Auth.getInstance();\n    if (!(await auth.isAuthenticated())) {\n      console.error(\"[u-jump-to-unidy] User is not authenticated. Please log in first.\");\n      return;\n    }\n\n    const userData = await auth.userData();\n    if (!userData?.email) {\n      console.error(\"Failed to get user email from authentication token\");\n      return;\n    }\n\n    this.loading = true;\n\n    try {\n      const client = getUnidyClient();\n      const [error, token] = await client.auth.jumpToUnidy({\n        email: userData.email,\n        path: this.path,\n      });\n\n      if (error) {\n        console.error(\"Failed to get jump token:\", error);\n        return;\n      }\n\n      redirectWithToken({\n        // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work\n        token,\n        newTab: this.newtab,\n      });\n    } catch (error) {\n      console.error(\"Error jumping to Unidy:\", error);\n    } finally {\n      this.loading = false;\n    }\n  };\n\n  private isDisabled(): boolean {\n    if (this.noAuth) {\n      return this.loading || !this.isValidPath();\n    }\n    return !authState.authenticated || this.loading || !this.isValidPath();\n  }\n\n  render() {\n    return (\n      <button type=\"button\" disabled={this.isDisabled()} class={this.componentClassName} onClick={this.handleClick} aria-live=\"polite\">\n        {slotFallbackText(t(\"buttons.jump_to_unidy\"), { hasSlot: this.hasSlot, loading: this.loading })}\n      </button>\n    );\n  }\n}\n"],"names":["UnidyComponent","HasSlotContent","unidyState","Auth","getUnidyClient","redirectWithToken","authState","h","slotFallbackText","t"],"mappings":"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"}

package/dist/cjs/u-logout-button.u-signed-in.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-logout-button.u-signed-in.entry.cjs.js","sources":["src/auth/components/logout-button/logout-button.tsx","src/auth/components/signed-in/signed-in.tsx"],"sourcesContent":["import { Component, Element, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() reloadOnSuccess = true;\n\n  @Event() logout!: EventEmitter<void>;\n\n  private hasSlot = false;\n\n  async componentWillLoad() {\n    // this needs to be evaluated on load, bc doing it on render will evaluate the generated dom for \"shadow: false\"\n    // components and always return true on re-render\n    this.hasSlot = hasSlotContent(this.el);\n  }\n\n  private handleLogout = async () => {\n    const authInstance = await Auth.getInstance();\n\n    const result = await authInstance.logout();\n\n    if (result === true) {\n      this.logout.emit();\n\n      if (this.reloadOnSuccess) {\n        window.location.reload();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <button type=\"button\" class={this.componentClassName} onClick={this.handleLogout} aria-live=\"polite\">\n        {this.hasSlot ? <slot /> : t(\"buttons.logout\")}\n      </button>\n    );\n  }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-signed-in\",\n  shadow: true,\n})\nexport class SignedIn {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() not = false;\n\n  render() {\n    if (this.not ? authStore.state.authenticated : !authStore.state.authenticated) {\n      return null;\n    }\n\n    return (\n      <Host class={this.componentClassName}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":["hasSlotContent","Auth","h","t","authStore","Host"],"mappings":";;;;;;;;;;;;MASa,YAAY,GAAA,MAAA;;;;;;IAEY,kBAAkB,GAAG,EAAE;IAClD,eAAe,GAAG,IAAI;AAErB,IAAA,MAAM;IAEP,OAAO,GAAG,KAAK;AAEvB,IAAA,MAAM,iBAAiB,GAAA;;;QAGrB,IAAI,CAAC,OAAO,GAAGA,6BAAc,CAAC,IAAI,CAAC,EAAE,CAAC;;IAGhC,YAAY,GAAG,YAAW;AAChC,QAAA,MAAM,YAAY,GAAG,MAAMC,YAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,MAAM,EAAE;AAE1C,QAAA,IAAI,MAAM,KAAK,IAAI,EAAE;AACnB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAElB,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,gBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;;;AAG9B,KAAC;IAED,MAAM,GAAA;QACJ,QACEC,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAA,WAAA,EAAY,QAAQ,EAAA,EACjG,IAAI,CAAC,OAAO,GAAGA,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAGC,MAAC,CAAC,gBAAgB,CAAC,CACvC;;;;MCnCF,QAAQ,GAAA,MAAA;;;;IACgB,kBAAkB,GAAG,EAAE;IAClD,GAAG,GAAG,KAAK;IAEnB,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,GAAG,GAAGC,mBAAS,CAAC,KAAK,CAAC,aAAa,GAAG,CAACA,mBAAS,CAAC,KAAK,CAAC,aAAa,EAAE;AAC7E,YAAA,OAAO,IAAI;;QAGb,QACEF,QAACG,UAAI,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAClCH,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACH;;;;;;;;;"}
+{"version":3,"file":"u-logout-button.u-signed-in.entry.cjs.js","sources":["src/auth/components/logout-button/logout-button.tsx","src/auth/components/signed-in/signed-in.tsx"],"sourcesContent":["import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton extends UnidyComponent(HasSlotContent) {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() reloadOnSuccess = true;\n\n  @Event() logout!: EventEmitter<void>;\n\n  private handleLogout = async () => {\n    const authInstance = await Auth.getInstance();\n\n    const result = await authInstance.logout();\n\n    if (result === true) {\n      this.logout.emit();\n\n      if (this.reloadOnSuccess) {\n        window.location.reload();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <button type=\"button\" class={this.componentClassName} onClick={this.handleLogout} aria-live=\"polite\">\n        {this.hasSlot ? <slot /> : t(\"buttons.logout\")}\n      </button>\n    );\n  }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-signed-in\",\n  shadow: false,\n})\nexport class SignedIn {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() not = false;\n\n  render() {\n    const shouldShow = this.not ? !authStore.state.authenticated : authStore.state.authenticated;\n\n    return (\n      <Host\n        class={this.componentClassName}\n        hidden={!shouldShow}\n        style={{ display: shouldShow ? undefined : \"none\" }}\n        aria-hidden={!shouldShow ? \"true\" : null}\n        aria-live=\"polite\"\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":["UnidyComponent","HasSlotContent","Auth","h","t","authStore","Host"],"mappings":";;;;;;;;;;;;;AAUa,MAAA,YAAa,GAAA,cAAQA,wBAAc,CAACC,6BAAc,CAAC,CAAA;;;;;;IAC3B,kBAAkB,GAAG,EAAE;IAClD,eAAe,GAAG,IAAI;AAErB,IAAA,MAAM;IAEP,YAAY,GAAG,YAAW;AAChC,QAAA,MAAM,YAAY,GAAG,MAAMC,YAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,MAAM,EAAE;AAE1C,QAAA,IAAI,MAAM,KAAK,IAAI,EAAE;AACnB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAElB,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,gBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;;;AAG9B,KAAC;IAED,MAAM,GAAA;QACJ,QACEC,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAA,WAAA,EAAY,QAAQ,EAAA,EACjG,IAAI,CAAC,OAAO,GAAGA,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAGC,MAAC,CAAC,gBAAgB,CAAC,CACvC;;;;MC3BF,QAAQ,GAAA,MAAA;;;;IACgB,kBAAkB,GAAG,EAAE;IAClD,GAAG,GAAG,KAAK;IAEnB,MAAM,GAAA;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,GAAG,CAACC,mBAAS,CAAC,KAAK,CAAC,aAAa,GAAGA,mBAAS,CAAC,KAAK,CAAC,aAAa;AAE5F,QAAA,QACEF,OAAC,CAAAG,UAAI,qDACH,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,MAAM,EAAE,CAAC,UAAU,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,EAAE,EACtC,aAAA,EAAA,CAAC,UAAU,GAAG,MAAM,GAAG,IAAI,eAC9B,QAAQ,EAAA,EAElBH,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;"}

package/dist/cjs/u-logout-button_2.cjs.entry.js

@@ -1,30 +1,25 @@
 'use strict';
 
-var index = require('./index-B325yXfO.js');
-var i18n = require('./i18n-D5j_Zl-4.js');
-var componentUtils = require('./component-utils-bu3SY4dE.js');
-var index$1 = require('./index-BzPYBLYC.js');
-var authStore = require('./auth-store-DPmGKHZ2.js');
-require('./unidy-store-BGnWn9pc.js');
-require('./index-yaeiYlfa.js');
-require('./profile-store-C_q-TuA_.js');
-require('./flash-store-gbSYhPAV.js');
+var index = require('./index-2Fz3r5o0.js');
+var i18n = require('./i18n-ClWrNmGh.js');
+var component = require('./component-DLxnZCW6.js');
+var hasSlotContent = require('./has-slot-content-CfJbU4t-.js');
+var index$1 = require('./index-CpPKy1CZ.js');
+var authStore = require('./auth-store-0vv3uOib.js');
+require('./unidy-store-Bvnl24i9.js');
+require('./index-C6ZBKFYr.js');
+require('./profile-store-CQEQhPQD.js');
+require('./flash-store-CR6Umh1O.js');
 
-const LogoutButton = class {
+const LogoutButton = class extends component.UnidyComponent(hasSlotContent.HasSlotContent) {
     constructor(hostRef) {
+        super();
         index.registerInstance(this, hostRef);
         this.logout = index.createEvent(this, "logout", 7);
     }
-    get el() { return index.getElement(this); }
     componentClassName = "";
     reloadOnSuccess = true;
     logout;
-    hasSlot = false;
-    async componentWillLoad() {
-        // this needs to be evaluated on load, bc doing it on render will evaluate the generated dom for "shadow: false"
-        // components and always return true on re-render
-        this.hasSlot = componentUtils.hasSlotContent(this.el);
-    }
     handleLogout = async () => {
         const authInstance = await index$1.Auth.getInstance();
         const result = await authInstance.logout();
@@ -36,7 +31,7 @@ const LogoutButton = class {
         }
     };
     render() {
-        return (index.h("button", { key: '6b5f92f7ab2b5e9de1d58ea42cd05e3b15f1d75f', type: "button", class: this.componentClassName, onClick: this.handleLogout, "aria-live": "polite" }, this.hasSlot ? index.h("slot", null) : i18n.t("buttons.logout")));
+        return (index.h("button", { key: '07163c43a269a3f25dcc84451cbd6d52ecb28b0b', type: "button", class: this.componentClassName, onClick: this.handleLogout, "aria-live": "polite" }, this.hasSlot ? index.h("slot", null) : i18n.t("buttons.logout")));
     }
 };
 
@@ -47,10 +42,8 @@ const SignedIn = class {
     componentClassName = "";
     not = false;
     render() {
-        if (this.not ? authStore.authStore.state.authenticated : !authStore.authStore.state.authenticated) {
-            return null;
-        }
-        return (index.h(index.Host, { class: this.componentClassName }, index.h("slot", null)));
+        const shouldShow = this.not ? !authStore.authStore.state.authenticated : authStore.authStore.state.authenticated;
+        return (index.h(index.Host, { key: "678665a8b0b36eb84be4374c20a6036424675d0c", class: this.componentClassName, hidden: !shouldShow, style: { display: shouldShow ? undefined : "none" }, "aria-hidden": !shouldShow ? "true" : null, "aria-live": "polite" }, index.h("slot", { key: "cad91fa9ea14bf4f51e3635814cbca82db529620" })));
     }
 };
 

package/dist/cjs/u-magic-code-field.cjs.entry.js

@@ -1,14 +1,13 @@
 'use strict';
 
-var index = require('./index-B325yXfO.js');
-var index$1 = require('./index-BzPYBLYC.js');
-var authStore = require('./auth-store-DPmGKHZ2.js');
-require('./unidy-store-BGnWn9pc.js');
-require('./index-yaeiYlfa.js');
-require('./profile-store-C_q-TuA_.js');
-require('./i18n-D5j_Zl-4.js');
-require('./component-utils-bu3SY4dE.js');
-require('./flash-store-gbSYhPAV.js');
+var index = require('./index-2Fz3r5o0.js');
+var index$1 = require('./index-CpPKy1CZ.js');
+var authStore = require('./auth-store-0vv3uOib.js');
+require('./profile-store-CQEQhPQD.js');
+require('./index-C6ZBKFYr.js');
+require('./unidy-store-Bvnl24i9.js');
+require('./i18n-ClWrNmGh.js');
+require('./flash-store-CR6Umh1O.js');
 
 const magicCodeFieldCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-border-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-color-slate-200:oklch(92.9% .013 255.508);--u-spacing:.25rem;--u-text-lg:1.125rem;--u-text-lg--line-height:1.55556;--u-radius-lg:.5rem;--u-default-transition-duration:.15s;--u-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:flex{display:flex}.u\\:h-\\[50px\\]{height:50px}.u\\:w-\\[50px\\]{width:50px}.u\\:w-full{width:100%}.u\\:justify-center{justify-content:center}.u\\:gap-0\\.5{gap:calc(var(--u-spacing)*.5)}.u\\:rounded-lg{border-radius:var(--u-radius-lg)}.u\\:border-2{border-style:var(--tw-border-style);border-width:2px}.u\\:border-solid{--tw-border-style:solid;border-style:solid}.u\\:border-slate-200{border-color:var(--u-color-slate-200)}.u\\:text-center{text-align:center}.u\\:text-lg{font-size:var(--u-text-lg);line-height:var(--tw-leading,var(--u-text-lg--line-height))}.u\\:transition-colors{transition-duration:var(--tw-duration,var(--u-default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--u-default-transition-timing-function))}.u\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.u\\:outline-none{--tw-outline-style:none;outline-style:none}.fixed{position:fixed}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-duration{syntax:\"*\";inherits:false}";
 

package/dist/cjs/u-magic-code-field.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-magic-code-field.entry.cjs.js","sources":["src/auth/components/magic-code-field/magic-code-field.css?tag=u-magic-code-field","src/auth/components/magic-code-field/magic-code-field.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-magic-code-field\",\n  styleUrl: \"magic-code-field.css\",\n  shadow: false,\n})\nexport class MagicCodeField {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() codeDigits: string[] = [\"\", \"\", \"\", \"\"];\n\n  private inputRefs: HTMLInputElement[] = [];\n\n  private handleInput = (event: Event, index: number) => {\n    const target = event.target as HTMLInputElement;\n    const value = target.value.replace(/[^0-9]/g, \"\");\n    const sanitizedDigit = value.slice(-1);\n    target.value = sanitizedDigit;\n\n    const newDigits = [...this.codeDigits];\n    newDigits[index] = sanitizedDigit;\n    this.codeDigits = newDigits;\n\n    const fullCode = newDigits.join(\"\");\n\n    if (value && index < 3) {\n      const nextInput = this.inputRefs[index + 1];\n      if (nextInput) {\n        nextInput.focus();\n      }\n    }\n\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, index: number) => {\n    if (event.key === \"Backspace\" && !this.codeDigits[index] && index > 0) {\n      const prevInput = this.inputRefs[index - 1];\n      if (prevInput) {\n        prevInput.focus();\n      }\n    }\n  };\n\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n    const pastedData = event.clipboardData?.getData(\"text\") || \"\";\n    const digits = pastedData\n      .replace(/[^0-9]/g, \"\")\n      .slice(0, 4)\n      .split(\"\");\n\n    while (digits.length < 4) {\n      digits.push(\"\");\n    }\n\n    this.codeDigits = digits;\n\n    const firstEmptyIndex = digits.findIndex((digit) => !digit);\n    const targetIndex = firstEmptyIndex !== -1 ? firstEmptyIndex : 3;\n    if (this.inputRefs[targetIndex]) {\n      this.inputRefs[targetIndex].focus();\n    }\n\n    const fullCode = digits.join(\"\");\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private authenticateWithCode = async (code: string) => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.authenticateWithMagicCode(code);\n  };\n  render() {\n    if (authState.step !== \"magic-code\") {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:gap-0.5 u:w-full u:justify-center ${this.componentClassName}`}>\n        {this.codeDigits.map((digit, index) => (\n          <input\n            // biome-ignore lint/suspicious/noArrayIndexKey: digits are fixed position inputs\n            key={index}\n            ref={(el) => {\n              if (el) this.inputRefs[index] = el;\n            }}\n            id={`digit-input-${index + 1}`}\n            type=\"text\"\n            inputmode=\"numeric\"\n            maxlength=\"1\"\n            value={digit}\n            disabled={authState.loading}\n            onInput={(event) => this.handleInput(event, index)}\n            onKeyDown={(event) => this.handleKeyDown(event, index)}\n            onPaste={index === 0 ? this.handlePaste : undefined}\n            aria-label={`Digit ${index + 1} of ${this.codeDigits.length}`}\n            class=\"u:w-[50px] u:h-[50px] u:text-center u:text-lg u:border-2 u:border-solid u:border-slate-200 u:rounded-lg u:outline-none u:transition-colors u:duration-200\"\n            part=\"digit-input\"\n          />\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":["Auth","authState","h","index"],"mappings":"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"}
+{"version":3,"file":"u-magic-code-field.entry.cjs.js","sources":["src/auth/components/magic-code-field/magic-code-field.css?tag=u-magic-code-field","src/auth/components/magic-code-field/magic-code-field.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-magic-code-field\",\n  styleUrl: \"magic-code-field.css\",\n  shadow: false,\n})\nexport class MagicCodeField {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() codeDigits: string[] = [\"\", \"\", \"\", \"\"];\n\n  private inputRefs: HTMLInputElement[] = [];\n\n  private handleInput = (event: Event, index: number) => {\n    const target = event.target as HTMLInputElement;\n    const value = target.value.replace(/[^0-9]/g, \"\");\n    const sanitizedDigit = value.slice(-1);\n    target.value = sanitizedDigit;\n\n    const newDigits = [...this.codeDigits];\n    newDigits[index] = sanitizedDigit;\n    this.codeDigits = newDigits;\n\n    const fullCode = newDigits.join(\"\");\n\n    if (value && index < 3) {\n      const nextInput = this.inputRefs[index + 1];\n      if (nextInput) {\n        nextInput.focus();\n      }\n    }\n\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, index: number) => {\n    if (event.key === \"Backspace\" && !this.codeDigits[index] && index > 0) {\n      const prevInput = this.inputRefs[index - 1];\n      if (prevInput) {\n        prevInput.focus();\n      }\n    }\n  };\n\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n    const pastedData = event.clipboardData?.getData(\"text\") || \"\";\n    const digits = pastedData\n      .replace(/[^0-9]/g, \"\")\n      .slice(0, 4)\n      .split(\"\");\n\n    while (digits.length < 4) {\n      digits.push(\"\");\n    }\n\n    this.codeDigits = digits;\n\n    const firstEmptyIndex = digits.findIndex((digit) => !digit);\n    const targetIndex = firstEmptyIndex !== -1 ? firstEmptyIndex : 3;\n    if (this.inputRefs[targetIndex]) {\n      this.inputRefs[targetIndex].focus();\n    }\n\n    const fullCode = digits.join(\"\");\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private authenticateWithCode = async (code: string) => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.authenticateWithMagicCode(code);\n  };\n  render() {\n    if (authState.step !== \"magic-code\") {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:gap-0.5 u:w-full u:justify-center ${this.componentClassName}`}>\n        {this.codeDigits.map((digit, index) => (\n          <input\n            // biome-ignore lint/suspicious/noArrayIndexKey: digits are fixed position inputs\n            key={index}\n            ref={(el) => {\n              if (el) this.inputRefs[index] = el;\n            }}\n            id={`digit-input-${index + 1}`}\n            type=\"text\"\n            inputmode=\"numeric\"\n            maxlength=\"1\"\n            value={digit}\n            disabled={authState.loading}\n            onInput={(event) => this.handleInput(event, index)}\n            onKeyDown={(event) => this.handleKeyDown(event, index)}\n            onPaste={index === 0 ? this.handlePaste : undefined}\n            aria-label={`Digit ${index + 1} of ${this.codeDigits.length}`}\n            class=\"u:w-[50px] u:h-[50px] u:text-center u:text-lg u:border-2 u:border-solid u:border-slate-200 u:rounded-lg u:outline-none u:transition-colors u:duration-200\"\n            part=\"digit-input\"\n          />\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":["Auth","authState","h","index"],"mappings":"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"}

package/dist/cjs/u-missing-field.cjs.entry.js

@@ -1,20 +1,21 @@
 'use strict';
 
-var index = require('./index-B325yXfO.js');
-var authStore = require('./auth-store-DPmGKHZ2.js');
-require('./index-yaeiYlfa.js');
-require('./unidy-store-BGnWn9pc.js');
+var index = require('./index-2Fz3r5o0.js');
+var authStore = require('./auth-store-0vv3uOib.js');
+require('./index-C6ZBKFYr.js');
+require('./unidy-store-Bvnl24i9.js');
 
 const MissingField = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     get el() { return index.getElement(this); }
+    componentClassName;
     render() {
         if (authStore.state.step !== "missing-fields")
             return null;
         const fieldNames = authStore.missingFieldNames();
-        return (index.h("div", { class: "missing-fields" }, index.h("form", null, fieldNames.map((fieldName) => (index.h("u-field", { key: fieldName, field: fieldName, renderDefaultLabel: true }))))));
+        return (index.h("div", { class: "missing-fields" }, index.h("form", null, fieldNames.map((fieldName) => (index.h("u-field", { key: fieldName, field: fieldName, renderDefaultLabel: true, "class-name": this.componentClassName }))))));
     }
 };
 

package/dist/cjs/u-missing-field.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-missing-field.entry.cjs.js","sources":["src/auth/components/missing-field/missing-field.tsx"],"sourcesContent":["import { Component, Element, h } from \"@stencil/core\";\nimport { authState, missingFieldNames } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-field\",\n  shadow: false,\n})\nexport class MissingField {\n  @Element() el!: HTMLElement;\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    const fieldNames = missingFieldNames();\n\n    return (\n      <div class=\"missing-fields\">\n        <form>\n          {fieldNames.map((fieldName) => (\n            <u-field key={fieldName} field={fieldName} renderDefaultLabel={true} />\n          ))}\n        </form>\n      </div>\n    );\n  }\n}\n"],"names":["authState","missingFieldNames","h"],"mappings":";;;;;;;MAOa,YAAY,GAAA,MAAA;;;;;IAGvB,MAAM,GAAA;AACJ,QAAA,IAAIA,eAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;AAEpD,QAAA,MAAM,UAAU,GAAGC,2BAAiB,EAAE;QAEtC,QACEC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,IAAA,EACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,MACxBA,OAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAI,CAAA,CACxE,CAAC,CACG,CACH;;;;;;"}
+{"version":3,"file":"u-missing-field.entry.cjs.js","sources":["src/auth/components/missing-field/missing-field.tsx"],"sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\nimport { authState, missingFieldNames } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-field\",\n  shadow: false,\n})\nexport class MissingField {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    const fieldNames = missingFieldNames();\n\n    return (\n      <div class=\"missing-fields\">\n        <form>\n          {fieldNames.map((fieldName) => (\n            <u-field key={fieldName} field={fieldName} renderDefaultLabel={true} class-name={this.componentClassName} />\n          ))}\n        </form>\n      </div>\n    );\n  }\n}\n"],"names":["authState","missingFieldNames","h"],"mappings":";;;;;;;MAOa,YAAY,GAAA,MAAA;;;;;AAEY,IAAA,kBAAkB;IAErD,MAAM,GAAA;AACJ,QAAA,IAAIA,eAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;AAEpD,QAAA,MAAM,UAAU,GAAGC,2BAAiB,EAAE;QAEtC,QACEC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,IAAA,EACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,MACxBA,OAAA,CAAA,SAAA,EAAA,EAAS,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,gBAAc,IAAI,CAAC,kBAAkB,EAAA,CAAI,CAC7G,CAAC,CACG,CACH;;;;;;"}

package/dist/cjs/u-missing-fields-submit-button.cjs.entry.js

@@ -1,21 +1,23 @@
 'use strict';
 
-var index = require('./index-B325yXfO.js');
-var index$1 = require('./index-BzPYBLYC.js');
-var i18n = require('./i18n-D5j_Zl-4.js');
-var profileHelpers = require('./profile-helpers-Bprrm-Xl.js');
-var profileStore = require('./profile-store-C_q-TuA_.js');
-var componentUtils = require('./component-utils-bu3SY4dE.js');
-var authStore = require('./auth-store-DPmGKHZ2.js');
-require('./unidy-store-BGnWn9pc.js');
-require('./index-yaeiYlfa.js');
-require('./flash-store-gbSYhPAV.js');
+var index = require('./index-2Fz3r5o0.js');
+var index$1 = require('./index-CpPKy1CZ.js');
+var i18n = require('./i18n-ClWrNmGh.js');
+var profileHelpers = require('./profile-helpers-BBpAqHjK.js');
+var profileStore = require('./profile-store-CQEQhPQD.js');
+var component = require('./component-DLxnZCW6.js');
+var hasSlotContent = require('./has-slot-content-CfJbU4t-.js');
+var authStore = require('./auth-store-0vv3uOib.js');
+require('./unidy-store-Bvnl24i9.js');
+require('./index-C6ZBKFYr.js');
+require('./flash-store-CR6Umh1O.js');
 
-const MissingFieldsSubmitButton = class {
+const MissingFieldsSubmitButton = class extends component.UnidyComponent(hasSlotContent.HasSlotContent) {
     constructor(hostRef) {
+        super();
         index.registerInstance(this, hostRef);
     }
-    get el() { return index.getElement(this); }
+    componentClassName = "";
     async onSubmit() {
         profileStore.state.loading = true;
         const { configuration, ...stateWithoutConfig } = profileStore.state;
@@ -37,12 +39,12 @@ const MissingFieldsSubmitButton = class {
         profileStore.state.loading = false;
         authStore.authStore.setToken(jwt);
         // Emit authEvent to allow modal-based logins to close after successful submission
-        this.el.dispatchEvent(new CustomEvent("authEvent", { detail: { jwt }, bubbles: true, composed: true }));
+        this.element.dispatchEvent(new CustomEvent("authEvent", { detail: { jwt }, bubbles: true, composed: true }));
     }
     render() {
         if (authStore.state.step !== "missing-fields")
             return null;
-        return (index.h("div", null, index.h("button", { type: "button", onClick: () => this.onSubmit(), part: "button", disabled: (profileStore.state.errors && Object.keys(profileStore.state.errors).length > 0) || profileStore.state.phoneValid === false, "aria-live": "polite" }, profileStore.state.loading ? index.h("u-spinner", null) : componentUtils.hasSlotContent(this.el) ? index.h("slot", null) : i18n.t("buttons.submit"))));
+        return (index.h("div", null, index.h("button", { type: "button", onClick: () => this.onSubmit(), part: "button", class: this.componentClassName, disabled: (profileStore.state.errors && Object.keys(profileStore.state.errors).length > 0) || profileStore.state.phoneValid === false, "aria-live": "polite" }, profileStore.state.loading ? index.h("u-spinner", null) : this.hasSlot ? index.h("slot", null) : i18n.t("buttons.submit"))));
     }
 };
 

package/dist/cjs/u-missing-fields-submit-button.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-missing-fields-submit-button.entry.cjs.js","sources":["src/auth/components/missing-fields-submit-button/missing-fields-submit-button.tsx"],"sourcesContent":["import { Component, Element, h } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { t } from \"../../../i18n\";\nimport { buildPayload, validateRequiredFieldsUnchanged } from \"../../../profile/profile-helpers\";\nimport { state as profileState } from \"../../../profile/store/profile-store\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport type { TokenResponse } from \"../../api/auth\";\nimport { authState, authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-fields-submit-button\",\n  shadow: true,\n})\nexport class MissingFieldsSubmitButton {\n  @Element() el!: HTMLElement;\n\n  private async onSubmit() {\n    profileState.loading = true;\n\n    const { configuration, ...stateWithoutConfig } = profileState;\n\n    if (!validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {\n      profileState.loading = false;\n      return;\n    }\n\n    const updatedProfileData = buildPayload(stateWithoutConfig.data);\n    const sid = authState.sid as string;\n\n    const [error, response] = await getUnidyClient().auth.updateMissingFields({\n      signInId: sid,\n      payload: { user: updatedProfileData },\n    });\n\n    if (error) {\n      profileState.loading = false;\n      return;\n    }\n\n    const { jwt } = response as TokenResponse;\n    profileState.loading = false;\n    authStore.setToken(jwt);\n\n    // Emit authEvent to allow modal-based logins to close after successful submission\n    this.el.dispatchEvent(new CustomEvent(\"authEvent\", { detail: { jwt }, bubbles: true, composed: true }));\n  }\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    return (\n      <div>\n        <button\n          type=\"button\"\n          onClick={() => this.onSubmit()}\n          part=\"button\"\n          disabled={(profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false}\n          aria-live=\"polite\"\n        >\n          {profileState.loading ? <u-spinner /> : hasSlotContent(this.el) ? <slot /> : t(\"buttons.submit\")}\n        </button>\n      </div>\n    );\n  }\n}\n"],"names":["profileState","validateRequiredFieldsUnchanged","buildPayload","authState","getUnidyClient","authStore","h","hasSlotContent","t"],"mappings":";;;;;;;;;;;;;MAaa,yBAAyB,GAAA,MAAA;;;;;AAG5B,IAAA,MAAM,QAAQ,GAAA;AACpB,QAAAA,kBAAY,CAAC,OAAO,GAAG,IAAI;QAE3B,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAGA,kBAAY;QAE7D,IAAI,CAACC,8CAA+B,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;AAC7D,YAAAD,kBAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;QAGF,MAAM,kBAAkB,GAAGE,2BAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAChE,QAAA,MAAM,GAAG,GAAGC,eAAS,CAAC,GAAa;AAEnC,QAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAMC,sBAAc,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC;AACxE,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,OAAO,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE;AACtC,SAAA,CAAC;QAEF,IAAI,KAAK,EAAE;AACT,YAAAJ,kBAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;AAGF,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,QAAyB;AACzC,QAAAA,kBAAY,CAAC,OAAO,GAAG,KAAK;AAC5B,QAAAK,mBAAS,CAAC,QAAQ,CAAC,GAAG,CAAC;;QAGvB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;IAGzG,MAAM,GAAA;AACJ,QAAA,IAAIF,eAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;QAEpD,QACEG,OAAA,CAAA,KAAA,EAAA,IAAA,EACEA,OAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAC9B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAACN,kBAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAACA,kBAAY,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,KAAKA,kBAAY,CAAC,UAAU,KAAK,KAAK,EAAA,WAAA,EACzG,QAAQ,EAEjB,EAAAA,kBAAY,CAAC,OAAO,GAAGM,OAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAGC,6BAAc,CAAC,IAAI,CAAC,EAAE,CAAC,GAAGD,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAGE,MAAC,CAAC,gBAAgB,CAAC,CACzF,CACL;;;;;;"}
+{"version":3,"file":"u-missing-fields-submit-button.entry.cjs.js","sources":["src/auth/components/missing-fields-submit-button/missing-fields-submit-button.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { t } from \"../../../i18n\";\nimport { buildPayload, validateRequiredFieldsUnchanged } from \"../../../profile/profile-helpers\";\nimport { state as profileState } from \"../../../profile/store/profile-store\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport type { TokenResponse } from \"../../api/auth\";\nimport { authState, authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-fields-submit-button\",\n  shadow: false,\n})\nexport class MissingFieldsSubmitButton extends UnidyComponent(HasSlotContent) {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private async onSubmit() {\n    profileState.loading = true;\n\n    const { configuration, ...stateWithoutConfig } = profileState;\n\n    if (!validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {\n      profileState.loading = false;\n      return;\n    }\n\n    const updatedProfileData = buildPayload(stateWithoutConfig.data);\n    const sid = authState.sid as string;\n\n    const [error, response] = await getUnidyClient().auth.updateMissingFields({\n      signInId: sid,\n      payload: { user: updatedProfileData },\n    });\n\n    if (error) {\n      profileState.loading = false;\n      return;\n    }\n\n    const { jwt } = response as TokenResponse;\n    profileState.loading = false;\n    authStore.setToken(jwt);\n\n    // Emit authEvent to allow modal-based logins to close after successful submission\n    this.element.dispatchEvent(new CustomEvent(\"authEvent\", { detail: { jwt }, bubbles: true, composed: true }));\n  }\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    return (\n      <div>\n        <button\n          type=\"button\"\n          onClick={() => this.onSubmit()}\n          part=\"button\"\n          class={this.componentClassName}\n          disabled={(profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false}\n          aria-live=\"polite\"\n        >\n          {profileState.loading ? <u-spinner /> : this.hasSlot ? <slot /> : t(\"buttons.submit\")}\n        </button>\n      </div>\n    );\n  }\n}\n"],"names":["UnidyComponent","HasSlotContent","profileState","validateRequiredFieldsUnchanged","buildPayload","authState","getUnidyClient","authStore","h","t"],"mappings":";;;;;;;;;;;;;;AAca,MAAA,yBAA0B,GAAA,cAAQA,wBAAc,CAACC,6BAAc,CAAC,CAAA;;;;;IACxC,kBAAkB,GAAG,EAAE;AAElD,IAAA,MAAM,QAAQ,GAAA;AACpB,QAAAC,kBAAY,CAAC,OAAO,GAAG,IAAI;QAE3B,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAGA,kBAAY;QAE7D,IAAI,CAACC,8CAA+B,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;AAC7D,YAAAD,kBAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;QAGF,MAAM,kBAAkB,GAAGE,2BAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAChE,QAAA,MAAM,GAAG,GAAGC,eAAS,CAAC,GAAa;AAEnC,QAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAMC,sBAAc,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC;AACxE,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,OAAO,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE;AACtC,SAAA,CAAC;QAEF,IAAI,KAAK,EAAE;AACT,YAAAJ,kBAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;AAGF,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,QAAyB;AACzC,QAAAA,kBAAY,CAAC,OAAO,GAAG,KAAK;AAC5B,QAAAK,mBAAS,CAAC,QAAQ,CAAC,GAAG,CAAC;;QAGvB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;IAG9G,MAAM,GAAA;AACJ,QAAA,IAAIF,eAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;QAEpD,QACEG,OAAA,CAAA,KAAA,EAAA,IAAA,EACEA,OAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAC9B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,QAAQ,EAAE,CAACN,kBAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAACA,kBAAY,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,KAAKA,kBAAY,CAAC,UAAU,KAAK,KAAK,EACzG,WAAA,EAAA,QAAQ,IAEjBA,kBAAY,CAAC,OAAO,GAAGM,OAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAG,IAAI,CAAC,OAAO,GAAGA,OAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAGC,MAAC,CAAC,gBAAgB,CAAC,CAC9E,CACL;;;;;;"}