@unidy.io/sdk 1.2.0-alpha9 → 1.2.0

package/dist/components/u-jump-to-unidy.js.map

@@ -1 +1 @@
-{"file":"u-jump-to-unidy.js","mappings":"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","names":["__stencil_proxyCustomElement","onChange","authState"],"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"],"version":3}
+{"file":"u-jump-to-unidy.js","mappings":";;;;;;;;;;;AAea,MAAA,WAAY,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAQ,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;;;AAC7D;;;;AAIG;AACK,IAAA,IAAI;AAEZ;;AAEG;IACK,MAAM,GAAG,KAAK;AAEtB;;;AAGG;IAC6B,MAAM,GAAG,KAAK;AAE9C;;AAEG;IACgC,kBAAkB,GAAG,EAAE;IAEjD,OAAO,GAAG,KAAK;IAEhB,WAAW,GAAA;AACjB,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;;IAGjD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;YACvB,OAAO,CAAC,KAAK,CAAC,CAAA,sCAAA,EAAyC,IAAI,CAAC,IAAI,CAA8C,4CAAA,CAAA,CAAC;;;AAI3G,IAAA,WAAW,GAAG,OAAO,KAAY,KAAI;QAC3C,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;YACvB,OAAO,CAAC,KAAK,CAAC,CAAA,iCAAA,EAAoC,IAAI,CAAC,IAAI,CAA8C,4CAAA,CAAA,CAAC;YAC1G;;;AAIF,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE;AAClE,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;;YAEjC;;AAGF,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;QACrC,IAAI,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC,EAAE;AACnC,YAAA,OAAO,CAAC,KAAK,CAAC,mEAAmE,CAAC;YAClF;;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,GAAG,cAAc,EAAE;AAC/B,YAAA,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;gBACnD,KAAK,EAAE,QAAQ,CAAC,KAAK;gBACrB,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,aAAA,CAAC;YAEF,IAAI,KAAK,EAAE;AACT,gBAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;gBACjD;;AAGF,YAAA,iBAAiB,CAAC;;gBAEhB,KAAK;gBACL,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,aAAA,CAAC;;QACF,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC;;gBACvC;AACR,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAExB,KAAC;IAEO,UAAU,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;;AAE5C,QAAA,OAAO,CAACC,KAAS,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;;IAGxE,MAAM,GAAA;AACJ,QAAA,QACE,+DAAQ,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,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CACxF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"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"],"version":3}

package/dist/components/u-logout-button.js

@@ -1,9 +1,10 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, createEvent, h } from '@stencil/core/internal/client';
 import { t } from './i18n.js';
-import { h as hasSlotContent } from './component-utils.js';
+import { U as UnidyComponent } from './component.js';
+import { H as HasSlotContent } from './has-slot-content.js';
 import { i as Auth } from './index2.js';
 
-const LogoutButton = /*@__PURE__*/ proxyCustomElement(class LogoutButton extends HTMLElement {
+const LogoutButton = /*@__PURE__*/ proxyCustomElement(class LogoutButton extends UnidyComponent(HasSlotContent) {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -11,16 +12,9 @@ const LogoutButton = /*@__PURE__*/ proxyCustomElement(class LogoutButton extends
         }
         this.logout = createEvent(this, "logout", 7);
     }
-    get el() { return 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 = hasSlotContent(this.el);
-    }
     handleLogout = async () => {
         const authInstance = await Auth.getInstance();
         const result = await authInstance.logout();
@@ -32,7 +26,7 @@ const LogoutButton = /*@__PURE__*/ proxyCustomElement(class LogoutButton extends
         }
     };
     render() {
-        return (h("button", { key: '6b5f92f7ab2b5e9de1d58ea42cd05e3b15f1d75f', type: "button", class: this.componentClassName, onClick: this.handleLogout, "aria-live": "polite" }, this.hasSlot ? h("slot", null) : t("buttons.logout")));
+        return (h("button", { key: '07163c43a269a3f25dcc84451cbd6d52ecb28b0b', type: "button", class: this.componentClassName, onClick: this.handleLogout, "aria-live": "polite" }, this.hasSlot ? h("slot", null) : t("buttons.logout")));
     }
 }, [772, "u-logout-button", {
         "componentClassName": [1, "class-name"],

package/dist/components/u-logout-button.js.map

@@ -1 +1 @@
-{"file":"u-logout-button.js","mappings":";;;;;MASa,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;;;;;;;;;IAEY,kBAAkB,GAAG,EAAE;IAClD,eAAe,GAAG,IAAI;AAErB,IAAA,MAAM;IAEP,OAAO,GAAG,KAAK;AAEvB,IAAA,MAAM,iBAAiB,GAAA;;;QAGrB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;;IAGhC,YAAY,GAAG,YAAW;AAChC,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,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,QACE,CAAQ,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,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,CAAC,CAAC,gBAAgB,CAAC,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/auth/components/logout-button/logout-button.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"],"version":3}
+{"file":"u-logout-button.js","mappings":";;;;;;AAUa,MAAA,YAAa,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAQ,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;;;;IAC3B,kBAAkB,GAAG,EAAE;IAClD,eAAe,GAAG,IAAI;AAErB,IAAA,MAAM;IAEP,YAAY,GAAG,YAAW;AAChC,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,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,QACE,CAAQ,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,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,CAAC,CAAC,gBAAgB,CAAC,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/auth/components/logout-button/logout-button.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"],"version":3}

package/dist/components/u-missing-field.js

@@ -11,13 +11,16 @@ const MissingField = /*@__PURE__*/ proxyCustomElement(class MissingField extends
         }
     }
     get el() { return this; }
+    componentClassName;
     render() {
         if (state.step !== "missing-fields")
             return null;
         const fieldNames = missingFieldNames();
-        return (h("div", { class: "missing-fields" }, h("form", null, fieldNames.map((fieldName) => (h("u-field", { key: fieldName, field: fieldName, renderDefaultLabel: true }))))));
+        return (h("div", { class: "missing-fields" }, h("form", null, fieldNames.map((fieldName) => (h("u-field", { key: fieldName, field: fieldName, renderDefaultLabel: true, "class-name": this.componentClassName }))))));
     }
-}, [256, "u-missing-field"]);
+}, [768, "u-missing-field", {
+        "componentClassName": [1, "class-name"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/u-missing-field.js.map

@@ -1 +1 @@
-{"file":"u-missing-field.js","mappings":";;;;;MAOa,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;;;;;;;;IAGvB,MAAM,GAAA;AACJ,QAAA,IAAIC,KAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;AAEpD,QAAA,MAAM,UAAU,GAAG,iBAAiB,EAAE;QAEtC,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,IAAA,EACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,MACxB,CAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAI,CAAA,CACxE,CAAC,CACG,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"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"],"version":3}
+{"file":"u-missing-field.js","mappings":";;;;;MAOa,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;;;;;;;;AAEY,IAAA,kBAAkB;IAErD,MAAM,GAAA;AACJ,QAAA,IAAIC,KAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;AAEpD,QAAA,MAAM,UAAU,GAAG,iBAAiB,EAAE;QAEtC,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,IAAA,EACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,MACxB,CAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"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"],"version":3}

package/dist/components/u-missing-fields-submit-button.js

@@ -1,21 +1,21 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, h } from '@stencil/core/internal/client';
 import { g as getUnidyClient } from './index2.js';
 import { t } from './i18n.js';
 import { v as validateRequiredFieldsUnchanged, b as buildPayload } from './profile-helpers.js';
 import { s as state } from './profile-store.js';
-import { h as hasSlotContent } from './component-utils.js';
+import { U as UnidyComponent } from './component.js';
+import { H as HasSlotContent } from './has-slot-content.js';
 import { s as state$1, a as authStore } from './auth-store.js';
 import { d as defineCustomElement$2 } from './spinner.js';
 
-const MissingFieldsSubmitButton = /*@__PURE__*/ proxyCustomElement(class MissingFieldsSubmitButton extends HTMLElement {
+const MissingFieldsSubmitButton = /*@__PURE__*/ proxyCustomElement(class MissingFieldsSubmitButton extends UnidyComponent(HasSlotContent) {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
-        this.__attachShadow();
     }
-    get el() { return this; }
+    componentClassName = "";
     async onSubmit() {
         state.loading = true;
         const { configuration, ...stateWithoutConfig } = state;
@@ -37,14 +37,16 @@ const MissingFieldsSubmitButton = /*@__PURE__*/ proxyCustomElement(class Missing
         state.loading = false;
         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 (state$1.step !== "missing-fields")
             return null;
-        return (h("div", null, h("button", { type: "button", onClick: () => this.onSubmit(), part: "button", disabled: (state.errors && Object.keys(state.errors).length > 0) || state.phoneValid === false, "aria-live": "polite" }, state.loading ? h("u-spinner", null) : hasSlotContent(this.el) ? h("slot", null) : t("buttons.submit"))));
+        return (h("div", null, h("button", { type: "button", onClick: () => this.onSubmit(), part: "button", class: this.componentClassName, disabled: (state.errors && Object.keys(state.errors).length > 0) || state.phoneValid === false, "aria-live": "polite" }, state.loading ? h("u-spinner", null) : this.hasSlot ? h("slot", null) : t("buttons.submit"))));
     }
-}, [257, "u-missing-fields-submit-button"]);
+}, [772, "u-missing-fields-submit-button", {
+        "componentClassName": [1, "class-name"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1 +1 @@
-{"file":"u-missing-fields-submit-button.js","mappings":";;;;;;;;;MAaa,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAA,WAAA,CAAA;;;;;;;;;AAG5B,IAAA,MAAM,QAAQ,GAAA;AACpB,QAAAC,KAAY,CAAC,OAAO,GAAG,IAAI;QAE3B,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAGA,KAAY;QAE7D,IAAI,CAAC,+BAA+B,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;AAC7D,YAAAA,KAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;QAGF,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAChE,QAAA,MAAM,GAAG,GAAGC,OAAS,CAAC,GAAa;AAEnC,QAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAM,cAAc,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,YAAAD,KAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;AAGF,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,QAAyB;AACzC,QAAAA,KAAY,CAAC,OAAO,GAAG,KAAK;AAC5B,QAAA,SAAS,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,IAAIC,OAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;QAEpD,QACE,CAAA,CAAA,KAAA,EAAA,IAAA,EACE,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAC9B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAACD,KAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAACA,KAAY,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,KAAKA,KAAY,CAAC,UAAU,KAAK,KAAK,EAAA,WAAA,EACzG,QAAQ,EAEjB,EAAAA,KAAY,CAAC,OAAO,GAAG,CAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,CAAC,CAAC,gBAAgB,CAAC,CACzF,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","profileState","authState"],"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"],"version":3}
+{"file":"u-missing-fields-submit-button.js","mappings":";;;;;;;;;;AAca,MAAA,yBAA0B,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAQ,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;;;IACxC,kBAAkB,GAAG,EAAE;AAElD,IAAA,MAAM,QAAQ,GAAA;AACpB,QAAAC,KAAY,CAAC,OAAO,GAAG,IAAI;QAE3B,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAGA,KAAY;QAE7D,IAAI,CAAC,+BAA+B,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;AAC7D,YAAAA,KAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;QAGF,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAChE,QAAA,MAAM,GAAG,GAAGC,OAAS,CAAC,GAAa;AAEnC,QAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAM,cAAc,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,YAAAD,KAAY,CAAC,OAAO,GAAG,KAAK;YAC5B;;AAGF,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,QAAyB;AACzC,QAAAA,KAAY,CAAC,OAAO,GAAG,KAAK;AAC5B,QAAA,SAAS,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,IAAIC,OAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;QAEpD,QACE,CAAA,CAAA,KAAA,EAAA,IAAA,EACE,CAAA,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,CAACD,KAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAACA,KAAY,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,KAAKA,KAAY,CAAC,UAAU,KAAK,KAAK,EACzG,WAAA,EAAA,QAAQ,IAEjBA,KAAY,CAAC,OAAO,GAAG,CAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAG,IAAI,CAAC,OAAO,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAC9E,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","profileState","authState"],"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"],"version":3}

package/dist/components/u-newsletter-checkbox.js

@@ -61,7 +61,7 @@ const NewsletterCheckbox = /*@__PURE__*/ proxyCustomElement(class NewsletterChec
         }
     }
     render() {
-        return (h("input", { key: '0d4f42a4a111d473a2d2841b07b8876dd506c281', type: "checkbox", checked: this.isChecked, disabled: this.isSubscribed, onChange: this.handleChange, class: this.componentClassName, "aria-checked": this.isChecked }));
+        return (h("input", { key: '0668abd8d616058256067a022ca778fbf056bd77', type: "checkbox", checked: this.isChecked, disabled: this.isSubscribed, onChange: this.handleChange, class: this.componentClassName, "aria-checked": this.isChecked }));
     }
 }, [768, "u-newsletter-checkbox", {
         "internalName": [1, "internal-name"],

package/dist/components/u-newsletter-consent-checkbox.js

@@ -40,7 +40,7 @@ const NewsletterConsentCheckbox = /*@__PURE__*/ proxyCustomElement(class Newslet
         }
     }
     render() {
-        return (h("input", { key: 'd33f894b0346dbe2b1950461a7136affd4791b84', type: "checkbox", checked: this.isChecked, onChange: this.handleChange, class: this.componentClassName, "aria-checked": this.isChecked, "aria-required": "true", "data-consent-checkbox": true }));
+        return (h("input", { key: 'fb9e26bb1076beeaaa4e0fae41611f0a8d2a5443', type: "checkbox", checked: this.isChecked, onChange: this.handleChange, class: this.componentClassName, "aria-checked": this.isChecked, "aria-required": "true", "data-consent-checkbox": true }));
     }
 }, [768, "u-newsletter-consent-checkbox", {
         "componentClassName": [1, "class-name"],

package/dist/components/u-newsletter-logout-button.js

@@ -1,25 +1,19 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
 import { t } from './i18n.js';
-import { h as hasSlotContent } from './component-utils.js';
+import { U as UnidyComponent } from './component.js';
+import { H as HasSlotContent } from './has-slot-content.js';
 import { F as Flash } from './flash-store.js';
 import { n as newsletterLogout } from './newsletter-helpers.js';
 import { n as newsletterStore } from './newsletter-store.js';
 
-const LogoutButton = /*@__PURE__*/ proxyCustomElement(class LogoutButton extends HTMLElement {
+const NewsletterLogoutButton = /*@__PURE__*/ proxyCustomElement(class NewsletterLogoutButton extends UnidyComponent(HasSlotContent) {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
     }
-    get el() { return this; }
     componentClassName = "";
-    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 = hasSlotContent(this.el);
-    }
     handleLogout = () => {
         newsletterLogout();
         Flash.success.addMessage(t("newsletter.success.logout"));
@@ -41,13 +35,13 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "u-newsletter-logout-button":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, LogoutButton);
+                customElements.define(tagName, NewsletterLogoutButton);
             }
             break;
     } });
 }
 
-const UNewsletterLogoutButton = LogoutButton;
+const UNewsletterLogoutButton = NewsletterLogoutButton;
 const defineCustomElement = defineCustomElement$1;
 
 export { UNewsletterLogoutButton, defineCustomElement };

package/dist/components/u-newsletter-logout-button.js.map

@@ -1 +1 @@
-{"file":"u-newsletter-logout-button.js","mappings":";;;;;;;MAWa,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;;;;;;;;IAGY,kBAAkB,GAAG,EAAE;IAElD,OAAO,GAAG,KAAK;AAEvB,IAAA,MAAM,iBAAiB,GAAA;;;QAGrB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;;IAGhC,YAAY,GAAG,MAAK;AAC1B,QAAA,gBAAgB,EAAE;QAClB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC;AAC1D,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,eAAe,CAAC,KAAK,CAAC,eAAe,KAAK,EAAE,IAAI,eAAe,CAAC,KAAK,CAAC,eAAe,EAAE;AACzF,YAAA,OAAO,CAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,CAAI;;AAG7C,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,OAAO,EAAE,IAAI,CAAC,YAAY,EAAA,YAAA,EACf,QAAQ,EAAA,WAAA,EACT,QAAQ,EAEjB,EAAA,IAAI,CAAC,OAAO,GAAG,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,GAAG,CAAC,CAAC,2BAA2B,CAAC,CAClD,CACJ;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/newsletter/components/logout-button/logout-button.tsx"],"sourcesContent":["import { Component, Element, Host, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { newsletterLogout } from \"../../newsletter-helpers\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\n\n@Component({\n  tag: \"u-newsletter-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\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 = () => {\n    newsletterLogout();\n    Flash.success.addMessage(t(\"newsletter.success.logout\"));\n  };\n\n  render() {\n    if (newsletterStore.state.preferenceToken === \"\" || newsletterStore.state.isAuthenticated) {\n      return <Host style={{ display: \"none\" }} />;\n    }\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          part=\"button\"\n          class={this.componentClassName}\n          onClick={this.handleLogout}\n          aria-label=\"Logout\"\n          aria-live=\"polite\"\n        >\n          {this.hasSlot ? <slot /> : t(\"newsletter.buttons.logout\")}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"u-newsletter-logout-button.js","mappings":";;;;;;;;AAYa,MAAA,sBAAuB,iBAAAA,kBAAA,CAAA,MAAA,sBAAA,SAAQ,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;;;IACrC,kBAAkB,GAAG,EAAE;IAElD,YAAY,GAAG,MAAK;AAC1B,QAAA,gBAAgB,EAAE;QAClB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC;AAC1D,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,eAAe,CAAC,KAAK,CAAC,eAAe,KAAK,EAAE,IAAI,eAAe,CAAC,KAAK,CAAC,eAAe,EAAE;AACzF,YAAA,OAAO,CAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,CAAI;;AAG7C,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,OAAO,EAAE,IAAI,CAAC,YAAY,EAAA,YAAA,EACf,QAAQ,EAAA,WAAA,EACT,QAAQ,EAEjB,EAAA,IAAI,CAAC,OAAO,GAAG,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,GAAG,CAAC,CAAC,2BAA2B,CAAC,CAClD,CACJ;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/newsletter/components/logout-button/logout-button.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { newsletterLogout } from \"../../newsletter-helpers\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\n\n@Component({\n  tag: \"u-newsletter-logout-button\",\n  shadow: false,\n})\nexport class NewsletterLogoutButton extends UnidyComponent(HasSlotContent) {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private handleLogout = () => {\n    newsletterLogout();\n    Flash.success.addMessage(t(\"newsletter.success.logout\"));\n  };\n\n  render() {\n    if (newsletterStore.state.preferenceToken === \"\" || newsletterStore.state.isAuthenticated) {\n      return <Host style={{ display: \"none\" }} />;\n    }\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          part=\"button\"\n          class={this.componentClassName}\n          onClick={this.handleLogout}\n          aria-label=\"Logout\"\n          aria-live=\"polite\"\n        >\n          {this.hasSlot ? <slot /> : t(\"newsletter.buttons.logout\")}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-newsletter-preference-checkbox.js

@@ -104,7 +104,7 @@ const NewsletterPreferenceCheckbox = /*@__PURE__*/ proxyCustomElement(class News
         }
     }
     render() {
-        return (h("input", { key: '8de9f048b6c3b786c08dd601881fbe68503402ee', type: "checkbox", checked: this.isChecked, disabled: this.isDisabled, onChange: this.handleChange, class: this.componentClassName, "aria-checked": this.isChecked, "aria-busy": this.loading, "aria-disabled": this.isDisabled, "data-internal-name": this.internalName, "data-preference-identifier": this.preferenceIdentifier }));
+        return (h("input", { key: '7160b9aeb9d1b9e4c17dede29adf0b48bf4a1c06', type: "checkbox", checked: this.isChecked, disabled: this.isDisabled, onChange: this.handleChange, class: this.componentClassName, "aria-checked": this.isChecked, "aria-busy": this.loading, "aria-disabled": this.isDisabled, "data-internal-name": this.internalName, "data-preference-identifier": this.preferenceIdentifier }));
     }
 }, [768, "u-newsletter-preference-checkbox", {
         "internalName": [1, "internal-name"],

package/dist/components/u-newsletter-root.js

@@ -1,22 +1,26 @@
-import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
-import { i as Auth } from './index2.js';
+import { proxyCustomElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { p as clearUrlParam, i as Auth } from './index2.js';
 import { t } from './i18n.js';
-import { U as UnidyComponent, l as logger } from './logger.js';
-import { c as clearUrlParam } from './component-utils.js';
+import { l as logger } from './logger.js';
+import { U as UnidyComponent } from './component.js';
 import { F as Flash } from './flash-store.js';
 import { w as waitForConfig } from './unidy-store.js';
 import { f as fetchSubscriptions, s as sendLoginEmail, c as createSubscriptions } from './newsletter-helpers.js';
 import { n as newsletterStore, p as persist } from './newsletter-store.js';
 
-const NewsletterRoot = /*@__PURE__*/ proxyCustomElement(class NewsletterRoot extends UnidyComponent {
+const NewsletterRoot = /*@__PURE__*/ proxyCustomElement(class NewsletterRoot extends UnidyComponent() {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
+        this.uNewsletterSuccess = createEvent(this, "uNewsletterSuccess", 7);
+        this.uNewsletterError = createEvent(this, "uNewsletterError", 7);
     }
     get el() { return this; }
     componentClassName = "";
+    uNewsletterSuccess;
+    uNewsletterError;
     getErrorText(errorIdentifier) {
         return t(`newsletter.errors.${errorIdentifier}`) || t("errors.unknown", { defaultValue: "An unknown error occurred" });
     }
@@ -47,15 +51,27 @@ const NewsletterRoot = /*@__PURE__*/ proxyCustomElement(class NewsletterRoot ext
     }
     async submit(forType) {
         const { email, checkedNewsletters, consentGiven, consentRequired } = newsletterStore.state;
+        const newsletters = Object.keys(checkedNewsletters);
+        // Check email first for better UX
+        if (!email) {
+            logger.error("Email is required");
+            Flash.error.addMessage(t("newsletter.errors.email_required"));
+            this.uNewsletterError.emit({ email: "", error: "email_required" });
+            return;
+        }
         if (forType === "login") {
-            if (!email) {
-                Flash.error.addMessage(t("newsletter.errors.email_required"));
-                return;
+            const result = await sendLoginEmail(email);
+            if (result.success === true) {
+                this.uNewsletterSuccess.emit({ email, newsletters: [] });
+            }
+            else if (result.success === false) {
+                this.uNewsletterError.emit({ email, error: `login_${result.error}` });
             }
-            return await sendLoginEmail(email);
+            return;
         }
-        if (Object.keys(checkedNewsletters).length === 0) {
+        if (newsletters.length === 0) {
             logger.error("No newsletters selected: please select at least one newsletter");
+            this.uNewsletterError.emit({ email, error: "no_newsletters_selected" });
             return;
         }
         if (consentRequired && !consentGiven) {
@@ -63,12 +79,19 @@ const NewsletterRoot = /*@__PURE__*/ proxyCustomElement(class NewsletterRoot ext
                 ...newsletterStore.state.errors,
                 consent: "consent_required",
             };
+            this.uNewsletterError.emit({ email, error: "consent_required" });
             return;
         }
-        await createSubscriptions({ email });
+        const success = await createSubscriptions({ email });
+        if (success) {
+            this.uNewsletterSuccess.emit({ email, newsletters });
+        }
+        else {
+            this.uNewsletterError.emit({ email, error: "subscription_failed" });
+        }
     }
     render() {
-        return (h(Host, { key: '31362460dbae86cb9429b0aaa041b997513892fa', class: this.componentClassName }, h("slot", { key: 'bb5372a3727dabb72f66553f59797e300bee4ce1' })));
+        return (h(Host, { key: '483b39da680aa800e612307c964151c823efa9e1', class: this.componentClassName }, h("slot", { key: '4272bd4109f92fc5c49ad7e8b245ad5382000519' })));
     }
 }, [772, "u-newsletter-root", {
         "componentClassName": [1, "class-name"],

package/dist/components/u-newsletter-root.js.map

@@ -1 +1 @@
-{"file":"u-newsletter-root.js","mappings":";;;;;;;;;;MAea,cAAe,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAQ,cAAc,CAAA;;;;;;;;IAEb,kBAAkB,GAAG,EAAE;AAE1D,IAAA,YAAY,CAAC,eAA0C,EAAA;AACrD,QAAA,OAAO,CAAC,CAAC,CAAA,kBAAA,EAAqB,eAAe,CAAA,CAAE,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,2BAA2B,EAAE,CAAC;;AAGxH,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,MAAM,eAAe,GAAG,aAAa,CAAC,kBAAkB,CAAC;AACzD,QAAA,MAAM,eAAe,GAAG,aAAa,CAAC,kBAAkB,CAAC;AACzD,QAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;QAEpC,IAAI,eAAe,EAAE;AACnB,YAAA,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,eAA4C,CAAC,CAAC;;AAGzF,QAAA,IAAI,eAAe,IAAI,KAAK,EAAE;AAC5B,YAAA,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe;AACvD,YAAA,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK;YAEnC,OAAO,CAAC,iBAAiB,CAAC;YAC1B,OAAO,CAAC,OAAO,CAAC;;AAGlB,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAC7C,QAAA,MAAM,eAAe,GAAG,MAAM,YAAY,CAAC,eAAe,EAAE;AAC5D,QAAA,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe;QAEvD,IAAI,eAAe,EAAE;AACnB,YAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,QAAQ,EAAE;YAE9C,IAAI,QAAQ,EAAE;gBACZ,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK;;;QAIhD,MAAM,aAAa,EAAE;AACrB,QAAA,MAAMC,kBAAoC,EAAE;;IAI9C,MAAM,MAAM,CAAC,OAA6B,EAAA;AACxC,QAAA,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,CAAC,KAAK;AAE1F,QAAA,IAAI,OAAO,KAAK,OAAO,EAAE;YACvB,IAAI,CAAC,KAAK,EAAE;gBACV,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC;gBAC7D;;AAEF,YAAA,OAAO,MAAMC,cAAgC,CAAC,KAAK,CAAC;;QAGtD,IAAI,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AAChD,YAAA,MAAM,CAAC,KAAK,CAAC,gEAAgE,CAAC;YAC9E;;AAGF,QAAA,IAAI,eAAe,IAAI,CAAC,YAAY,EAAE;AACpC,YAAA,eAAe,CAAC,KAAK,CAAC,MAAM,GAAG;AAC7B,gBAAA,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM;AAC/B,gBAAA,OAAO,EAAE,kBAAkB;aAC5B;YAED;;QAGF,MAAMC,mBAAqC,CAAC,EAAE,KAAK,EAAE,CAAC;;IAGxD,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAClC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","NewsletterHelpers.fetchSubscriptions","NewsletterHelpers.sendLoginEmail","NewsletterHelpers.createSubscriptions"],"sources":["src/newsletter/components/newsletter-root/newsletter-root.tsx"],"sourcesContent":["import { Component, Element, Host, h, Method, Prop } from \"@stencil/core\";\nimport { Auth } from \"../../../auth/auth\";\nimport { t } from \"../../../i18n\";\nimport { logger, UnidyComponent } from \"../../../logger\";\nimport { clearUrlParam } from \"../../../shared/component-utils\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { waitForConfig } from \"../../../shared/store/unidy-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { type NewsletterErrorIdentifier, newsletterStore, persist } from \"../../store/newsletter-store\";\nimport type { NewsletterButtonFor } from \"../submit-button/newsletter-submit-button\";\n\n@Component({\n  tag: \"u-newsletter-root\",\n  shadow: false,\n})\nexport class NewsletterRoot extends UnidyComponent {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  getErrorText(errorIdentifier: NewsletterErrorIdentifier): string {\n    return t(`newsletter.errors.${errorIdentifier}`) || t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n  }\n\n  async componentWillLoad() {\n    const newsletterError = clearUrlParam(\"newsletter_error\");\n    const preferenceToken = clearUrlParam(\"preference_token\");\n    const email = clearUrlParam(\"email\");\n\n    if (newsletterError) {\n      Flash.error.addMessage(this.getErrorText(newsletterError as NewsletterErrorIdentifier));\n    }\n\n    if (preferenceToken && email) {\n      newsletterStore.state.preferenceToken = preferenceToken;\n      newsletterStore.state.email = email;\n\n      persist(\"preferenceToken\");\n      persist(\"email\");\n    }\n\n    const authInstance = await Auth.getInstance();\n    const isAuthenticated = await authInstance.isAuthenticated();\n    newsletterStore.state.isAuthenticated = isAuthenticated;\n\n    if (isAuthenticated) {\n      const userData = await authInstance.userData();\n\n      if (userData) {\n        newsletterStore.state.email = userData.email;\n      }\n    }\n\n    await waitForConfig();\n    await NewsletterHelpers.fetchSubscriptions();\n  }\n\n  @Method()\n  async submit(forType?: NewsletterButtonFor) {\n    const { email, checkedNewsletters, consentGiven, consentRequired } = newsletterStore.state;\n\n    if (forType === \"login\") {\n      if (!email) {\n        Flash.error.addMessage(t(\"newsletter.errors.email_required\"));\n        return;\n      }\n      return await NewsletterHelpers.sendLoginEmail(email);\n    }\n\n    if (Object.keys(checkedNewsletters).length === 0) {\n      logger.error(\"No newsletters selected: please select at least one newsletter\");\n      return;\n    }\n\n    if (consentRequired && !consentGiven) {\n      newsletterStore.state.errors = {\n        ...newsletterStore.state.errors,\n        consent: \"consent_required\",\n      };\n\n      return;\n    }\n\n    await NewsletterHelpers.createSubscriptions({ email });\n  }\n\n  render() {\n    return (\n      <Host class={this.componentClassName}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"u-newsletter-root.js","mappings":"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","names":["__stencil_proxyCustomElement","NewsletterHelpers.fetchSubscriptions","NewsletterHelpers.sendLoginEmail","NewsletterHelpers.createSubscriptions"],"sources":["src/newsletter/components/newsletter-root/newsletter-root.tsx"],"sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, h, Method, Prop } from \"@stencil/core\";\nimport { Auth } from \"../../../auth/auth\";\nimport { t } from \"../../../i18n\";\nimport { logger } from \"../../../logger\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { waitForConfig } from \"../../../shared/store/unidy-store\";\nimport { clearUrlParam } from \"../../../shared/utils/url-utils\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { type NewsletterErrorIdentifier, newsletterStore, persist } from \"../../store/newsletter-store\";\nimport type { NewsletterButtonFor } from \"../submit-button/newsletter-submit-button\";\n\n@Component({\n  tag: \"u-newsletter-root\",\n  shadow: false,\n})\nexport class NewsletterRoot extends UnidyComponent() {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @Event() uNewsletterSuccess!: EventEmitter<{ email: string; newsletters: string[] }>;\n  @Event() uNewsletterError!: EventEmitter<{ email: string; error: string }>;\n\n  getErrorText(errorIdentifier: NewsletterErrorIdentifier): string {\n    return t(`newsletter.errors.${errorIdentifier}`) || t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n  }\n\n  async componentWillLoad() {\n    const newsletterError = clearUrlParam(\"newsletter_error\");\n    const preferenceToken = clearUrlParam(\"preference_token\");\n    const email = clearUrlParam(\"email\");\n\n    if (newsletterError) {\n      Flash.error.addMessage(this.getErrorText(newsletterError as NewsletterErrorIdentifier));\n    }\n\n    if (preferenceToken && email) {\n      newsletterStore.state.preferenceToken = preferenceToken;\n      newsletterStore.state.email = email;\n\n      persist(\"preferenceToken\");\n      persist(\"email\");\n    }\n\n    const authInstance = await Auth.getInstance();\n    const isAuthenticated = await authInstance.isAuthenticated();\n    newsletterStore.state.isAuthenticated = isAuthenticated;\n\n    if (isAuthenticated) {\n      const userData = await authInstance.userData();\n\n      if (userData) {\n        newsletterStore.state.email = userData.email;\n      }\n    }\n\n    await waitForConfig();\n    await NewsletterHelpers.fetchSubscriptions();\n  }\n\n  @Method()\n  async submit(forType?: NewsletterButtonFor) {\n    const { email, checkedNewsletters, consentGiven, consentRequired } = newsletterStore.state;\n    const newsletters = Object.keys(checkedNewsletters);\n\n    // Check email first for better UX\n    if (!email) {\n      logger.error(\"Email is required\");\n      Flash.error.addMessage(t(\"newsletter.errors.email_required\"));\n      this.uNewsletterError.emit({ email: \"\", error: \"email_required\" });\n      return;\n    }\n\n    if (forType === \"login\") {\n      const result = await NewsletterHelpers.sendLoginEmail(email);\n      if (result.success === true) {\n        this.uNewsletterSuccess.emit({ email, newsletters: [] });\n      } else if (result.success === false) {\n        this.uNewsletterError.emit({ email, error: `login_${result.error}` });\n      }\n      return;\n    }\n\n    if (newsletters.length === 0) {\n      logger.error(\"No newsletters selected: please select at least one newsletter\");\n      this.uNewsletterError.emit({ email, error: \"no_newsletters_selected\" });\n      return;\n    }\n\n    if (consentRequired && !consentGiven) {\n      newsletterStore.state.errors = {\n        ...newsletterStore.state.errors,\n        consent: \"consent_required\",\n      };\n      this.uNewsletterError.emit({ email, error: \"consent_required\" });\n      return;\n    }\n\n    const success = await NewsletterHelpers.createSubscriptions({ email });\n\n    if (success) {\n      this.uNewsletterSuccess.emit({ email, newsletters });\n    } else {\n      this.uNewsletterError.emit({ email, error: \"subscription_failed\" });\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.componentClassName}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-newsletter-toggle-subscription-button.js

@@ -59,7 +59,7 @@ const ToggleNewsletterSubscriptionButton = /*@__PURE__*/ proxyCustomElement(clas
     render() {
         const isSubscribed = this.isSubscribed;
         const stateClassName = isSubscribed ? this.unsubscribeClassName : this.subscribeClassName;
-        return (h("button", { key: '05795a094b701af418ee16a43f330c15d5fe33d2', type: "button", onClick: this.handleClick, disabled: this.loading, "aria-busy": this.loading, "aria-label": isSubscribed ? t("newsletter.buttons.unsubscribe") : t("newsletter.buttons.subscribe"), "aria-live": "polite", "data-subscribed": isSubscribed, class: `${this.componentClassName} ${stateClassName} u:flex u:items-center u:justify-center`.trim() }, this.loading ? h("u-spinner", null) : isSubscribed ? t("newsletter.buttons.unsubscribe") : t("newsletter.buttons.subscribe")));
+        return (h("button", { key: '9e89da0a435039086288a009e1324a5d6c359cba', type: "button", onClick: this.handleClick, disabled: this.loading, "aria-busy": this.loading, "aria-label": isSubscribed ? t("newsletter.buttons.unsubscribe") : t("newsletter.buttons.subscribe"), "aria-live": "polite", "data-subscribed": isSubscribed, class: `${this.componentClassName} ${stateClassName} u:flex u:items-center u:justify-center`.trim() }, this.loading ? h("u-spinner", null) : isSubscribed ? t("newsletter.buttons.unsubscribe") : t("newsletter.buttons.subscribe")));
     }
     static get style() { return toggleSubscriptionButtonCss; }
 }, [768, "u-newsletter-toggle-subscription-button", {

package/dist/components/u-pagination-button.js

@@ -1,20 +1,19 @@
 import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
-import { U as UnidyComponent } from './logger.js';
+import { U as UnidyComponent } from './component.js';
 
-const PaginationButton = /*@__PURE__*/ proxyCustomElement(class PaginationButton extends UnidyComponent {
+const PaginationButton = /*@__PURE__*/ proxyCustomElement(class PaginationButton extends UnidyComponent() {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
     }
-    get element() { return this; }
     direction = "next";
     customClass;
     paginationMeta = null;
     store = null;
     unsubscribe = null;
-    componentDidLoad() {
+    componentWillLoad() {
         this.store = this.element.closest("u-ticketable-list")?.store;
         if (!this.store) {
             this.logger.warn("TicketableList component not found");

package/dist/components/u-pagination-button.js.map

@@ -1 +1 @@
-{"file":"u-pagination-button.js","mappings":";;;MAMa,gBAAiB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAQ,cAAc,CAAA;;;;;;;;IAG1C,SAAS,GAAoB,MAAM;AACnC,IAAA,WAAW;IAEV,cAAc,GAA0B,IAAI;IAE7C,KAAK,GAA2B,IAAI;IACpC,WAAW,GAAwB,IAAI;IAE/C,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK;AAC7D,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;YACtD;;;QAIF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;AAGrD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAA4B,KAAI;AACxF,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC7B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,IAAI;;IAGd,WAAW,GAAG,MAAK;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACxD,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACnC;;AAGF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QACxC,IAAI,OAAO,GAAkB,IAAI;QAEjC,IAAI,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,EAAE;AAC/C,YAAA,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;;aAC7B,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,EAAE;AACvD,YAAA,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;;AAGpC,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;;AAEhD,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;AACtD,YAAA,OAAO,IAAI;;AAGb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QACxC,MAAM,IAAI,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG;;AAG/B,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,cAAc,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,CAAC;AAEzH,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,MAAM,GAAG,eAAe,GAAG,WAAW,EAClD,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,EAEvB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAkB,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,MAAM,IAAE,IAAI,CAAQ,CACjC,CACA,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/ticketable/components/pagination/pagination-button.tsx"],"sourcesContent":["import { Component, Element, Host, h, Prop, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport { UnidyComponent } from \"../../../logger\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\n\n@Component({ tag: \"u-pagination-button\", shadow: false })\nexport class PaginationButton extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  @Prop() direction: \"prev\" | \"next\" = \"next\";\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  private handleClick = () => {\n    const parent = this.element.closest(\"u-ticketable-list\");\n    if (!parent || !this.paginationMeta) {\n      return;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    let newPage: number | null = null;\n\n    if (isPrev && this.paginationMeta.prev !== null) {\n      newPage = this.paginationMeta.prev;\n    } else if (!isPrev && this.paginationMeta.next !== null) {\n      newPage = this.paginationMeta.next;\n    }\n\n    if (newPage !== null) {\n      parent.setAttribute(\"page\", String(newPage));\n    }\n  };\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    const icon = isPrev ? \"←\" : \"→\";\n\n    // Determine disabled state based on pagination meta\n    const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          onClick={this.handleClick}\n          disabled={disabled}\n          aria-label={isPrev ? \"Previous page\" : \"Next page\"}\n          class={this.customClass}\n        >\n          <slot name=\"icon\">\n            <span aria-hidden=\"true\">{icon}</span>\n          </slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"u-pagination-button.js","mappings":";;;MAMa,gBAAiB,iBAAAA,kBAAA,CAAA,MAAA,gBAAQ,SAAA,cAAc,EAAE,CAAA;;;;;;;IAC5C,SAAS,GAAoB,MAAM;AACnC,IAAA,WAAW;IAEV,cAAc,GAA0B,IAAI;IAE7C,KAAK,GAA2B,IAAI;IACpC,WAAW,GAAwB,IAAI;IAE/C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK;AAC7D,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;YACtD;;;QAIF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;AAGrD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAA4B,KAAI;AACxF,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC7B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,IAAI;;IAGd,WAAW,GAAG,MAAK;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACxD,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACnC;;AAGF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QACxC,IAAI,OAAO,GAAkB,IAAI;QAEjC,IAAI,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,EAAE;AAC/C,YAAA,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;;aAC7B,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,EAAE;AACvD,YAAA,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;;AAGpC,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;;AAEhD,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;AACtD,YAAA,OAAO,IAAI;;AAGb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QACxC,MAAM,IAAI,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG;;AAG/B,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,cAAc,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,IAAI,CAAC;AAEzH,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,MAAM,GAAG,eAAe,GAAG,WAAW,EAClD,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,EAEvB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAkB,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,MAAM,IAAE,IAAI,CAAQ,CACjC,CACA,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/ticketable/components/pagination/pagination-button.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\n\n@Component({ tag: \"u-pagination-button\", shadow: false })\nexport class PaginationButton extends UnidyComponent() {\n  @Prop() direction: \"prev\" | \"next\" = \"next\";\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentWillLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  private handleClick = () => {\n    const parent = this.element.closest(\"u-ticketable-list\");\n    if (!parent || !this.paginationMeta) {\n      return;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    let newPage: number | null = null;\n\n    if (isPrev && this.paginationMeta.prev !== null) {\n      newPage = this.paginationMeta.prev;\n    } else if (!isPrev && this.paginationMeta.next !== null) {\n      newPage = this.paginationMeta.next;\n    }\n\n    if (newPage !== null) {\n      parent.setAttribute(\"page\", String(newPage));\n    }\n  };\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    const icon = isPrev ? \"←\" : \"→\";\n\n    // Determine disabled state based on pagination meta\n    const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          onClick={this.handleClick}\n          disabled={disabled}\n          aria-label={isPrev ? \"Previous page\" : \"Next page\"}\n          class={this.customClass}\n        >\n          <slot name=\"icon\">\n            <span aria-hidden=\"true\">{icon}</span>\n          </slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-pagination-page.js

@@ -1,19 +1,18 @@
 import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
-import { U as UnidyComponent } from './logger.js';
+import { U as UnidyComponent } from './component.js';
 
-const PaginationPage = /*@__PURE__*/ proxyCustomElement(class PaginationPage extends UnidyComponent {
+const PaginationPage = /*@__PURE__*/ proxyCustomElement(class PaginationPage extends UnidyComponent() {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
     }
-    get element() { return this; }
     customClass;
     paginationMeta = null;
     store = null;
     unsubscribe = null;
-    componentDidLoad() {
+    componentWillLoad() {
         this.store = this.element.closest("u-ticketable-list")?.store;
         if (!this.store) {
             this.logger.warn("TicketableList component not found");

package/dist/components/u-pagination-page.js.map

@@ -1 +1 @@
-{"file":"u-pagination-page.js","mappings":";;;MAMa,cAAe,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAQ,cAAc,CAAA;;;;;;;;AAGxC,IAAA,WAAW;IAEV,cAAc,GAA0B,IAAI;IAE7C,KAAK,GAA2B,IAAI;IACpC,WAAW,GAAwB,IAAI;IAE/C,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK;AAC7D,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;YACtD;;;QAIF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;AAGrD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAA4B,KAAI;AACxF,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC7B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,IAAI;;IAGtB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;AACtD,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,WACrB,IAAI,CAAC,cAAc,CAAC,IAAI,UAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CACvD,CACF;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/ticketable/components/pagination/pagination-page.tsx"],"sourcesContent":["import { Component, Element, Host, h, Prop, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport { UnidyComponent } from \"../../../logger\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\n\n@Component({ tag: \"u-pagination-page\", shadow: false })\nexport class PaginationPage extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    if (!this.paginationMeta) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <span class={this.customClass}>\n          Page {this.paginationMeta.page} of {this.paginationMeta.last}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"u-pagination-page.js","mappings":";;;MAMa,cAAe,iBAAAA,kBAAA,CAAA,MAAA,cAAQ,SAAA,cAAc,EAAE,CAAA;;;;;;;AAC1C,IAAA,WAAW;IAEV,cAAc,GAA0B,IAAI;IAE7C,KAAK,GAA2B,IAAI;IACpC,WAAW,GAAwB,IAAI;IAE/C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK;AAC7D,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;YACtD;;;QAIF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;AAGrD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAA4B,KAAI;AACxF,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC7B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,IAAI;;IAGtB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC;AACtD,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,WACrB,IAAI,CAAC,cAAc,CAAC,IAAI,UAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CACvD,CACF;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/ticketable/components/pagination/pagination-page.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\n\n@Component({ tag: \"u-pagination-page\", shadow: false })\nexport class PaginationPage extends UnidyComponent() {\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentWillLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    if (!this.paginationMeta) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <span class={this.customClass}>\n          Page {this.paginationMeta.page} of {this.paginationMeta.last}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-reset-password-button.js

@@ -1,23 +1,19 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, h } from '@stencil/core/internal/client';
 import { t } from './i18n.js';
-import { h as hasSlotContent } from './component-utils.js';
+import { U as UnidyComponent } from './component.js';
+import { H as HasSlotContent } from './has-slot-content.js';
 import { F as Flash } from './flash-store.js';
 import { i as Auth } from './index2.js';
 import { s as state } from './auth-store.js';
 
-const ResetPasswordButton = /*@__PURE__*/ proxyCustomElement(class ResetPasswordButton extends HTMLElement {
+const ResetPasswordButton = /*@__PURE__*/ proxyCustomElement(class ResetPasswordButton extends UnidyComponent(HasSlotContent) {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
     }
-    get el() { return this; }
     componentClassName = "";
-    hasSlot = false;
-    async componentWillLoad() {
-        this.hasSlot = hasSlotContent(this.el);
-    }
     handleClick = async () => {
         const authInstance = await Auth.getInstance();
         await authInstance.helpers.sendResetPasswordEmail();

package/dist/components/u-reset-password-button.js.map

@@ -1 +1 @@
-{"file":"u-reset-password-button.js","mappings":";;;;;;;MAWa,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAA,WAAA,CAAA;;;;;;;;IAEK,kBAAkB,GAAG,EAAE;IAElD,OAAO,GAAG,KAAK;AAEvB,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;;IAGhC,WAAW,GAAG,YAAW;AAC/B,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,YAAY,CAAC,OAAO,CAAC,sBAAsB,EAAE;QAEnD,IAAIC,KAAS,CAAC,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE;AAC3C,YAAA,MAAM,cAAc,GAAG,CAAC,CAAC,oCAAoC,EAAE;AAC7D,gBAAA,YAAY,EAAE,qDAAqD;AACpE,aAAA,CAAC;AAEF,YAAA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC;;AAE5C,KAAC;IAEO,YAAY,GAAA;QAClB,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAACA,KAAS,CAAC,IAAI,CAAC;AAAE,YAAA,OAAO,IAAI;QAE5E,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,GAAG,KAAK,IAAI;AAAE,YAAA,OAAO,IAAI;AAE5E,QAAA,OAAO,KAAK;;IAGN,aAAa,GAAA;AACnB,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,qBAAqB,IAAI,CAACA,KAAS,CAAC,qBAAqB,CAAC,QAAQ,EAAE;YACrH,OAAO,CAAC,CAAC,oCAAoC,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;;AAGlF,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE;YACvC,OAAO,CAAC,CAAC,uCAAuC,EAAE,EAAE,YAAY,EAAE,6BAA6B,EAAE,CAAC;;QAGpG,OAAO,CAAC,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;;IAEtF,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;;QAGb,QACE,CAAA,CAAA,QAAA,EAAA,EAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC5E,EAAA,IAAI,CAAC,OAAO,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE,CACxC;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/reset-pass-button/reset-pass-button.tsx"],"sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-reset-password-button\",\n  shadow: false,\n})\nexport class ResetPasswordButton {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private hasSlot = false;\n\n  async componentWillLoad() {\n    this.hasSlot = hasSlotContent(this.el);\n  }\n\n  private handleClick = async () => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.sendResetPasswordEmail();\n\n    if (authState.resetPassword.step === \"sent\") {\n      const successMessage = t(\"auth.resetPassword.success_message\", {\n        defaultValue: \"Password reset email sent. Please check your inbox.\",\n      });\n\n      Flash.success.addMessage(successMessage);\n    }\n  };\n\n  private shouldRender(): boolean {\n    if ([\"verification\", \"reset-password\"].includes(authState.step)) return true;\n\n    if (authState.step === \"single-login\" && authState.sid !== null) return true;\n\n    return false;\n  }\n\n  private getButtonText() {\n    if (authState.step === \"verification\" && authState.availableLoginOptions && !authState.availableLoginOptions.password) {\n      return t(\"auth.resetPassword.button_text_set\", { defaultValue: \"Set Password\" });\n    }\n\n    if (authState.step === \"reset-password\") {\n      return t(\"auth.resetPassword.button_text_resend\", { defaultValue: \"Resend Password Reset Email\" });\n    }\n\n    return t(\"auth.resetPassword.button_text_reset\", { defaultValue: \"Reset Password\" });\n  }\n  render() {\n    if (!this.shouldRender()) {\n      return null;\n    }\n\n    return (\n      <button type=\"button\" onClick={this.handleClick} class={this.componentClassName}>\n        {this.hasSlot ? <slot /> : this.getButtonText()}\n      </button>\n    );\n  }\n}\n"],"version":3}
+{"file":"u-reset-password-button.js","mappings":";;;;;;;;AAYa,MAAA,mBAAoB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAQ,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;;;IAClC,kBAAkB,GAAG,EAAE;IAElD,WAAW,GAAG,YAAW;AAC/B,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,YAAY,CAAC,OAAO,CAAC,sBAAsB,EAAE;QAEnD,IAAIC,KAAS,CAAC,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE;AAC3C,YAAA,MAAM,cAAc,GAAG,CAAC,CAAC,oCAAoC,EAAE;AAC7D,gBAAA,YAAY,EAAE,qDAAqD;AACpE,aAAA,CAAC;AAEF,YAAA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC;;AAE5C,KAAC;IAEO,YAAY,GAAA;QAClB,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAACA,KAAS,CAAC,IAAI,CAAC;AAAE,YAAA,OAAO,IAAI;QAE5E,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,GAAG,KAAK,IAAI;AAAE,YAAA,OAAO,IAAI;AAE5E,QAAA,OAAO,KAAK;;IAGN,aAAa,GAAA;AACnB,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,qBAAqB,IAAI,CAACA,KAAS,CAAC,qBAAqB,CAAC,QAAQ,EAAE;YACrH,OAAO,CAAC,CAAC,oCAAoC,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;;AAGlF,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE;YACvC,OAAO,CAAC,CAAC,uCAAuC,EAAE,EAAE,YAAY,EAAE,6BAA6B,EAAE,CAAC;;QAGpG,OAAO,CAAC,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;;IAEtF,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;;QAGb,QACE,CAAA,CAAA,QAAA,EAAA,EAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC5E,EAAA,IAAI,CAAC,OAAO,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE,CACxC;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/reset-pass-button/reset-pass-button.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-reset-password-button\",\n  shadow: false,\n})\nexport class ResetPasswordButton extends UnidyComponent(HasSlotContent) {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private handleClick = async () => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.sendResetPasswordEmail();\n\n    if (authState.resetPassword.step === \"sent\") {\n      const successMessage = t(\"auth.resetPassword.success_message\", {\n        defaultValue: \"Password reset email sent. Please check your inbox.\",\n      });\n\n      Flash.success.addMessage(successMessage);\n    }\n  };\n\n  private shouldRender(): boolean {\n    if ([\"verification\", \"reset-password\"].includes(authState.step)) return true;\n\n    if (authState.step === \"single-login\" && authState.sid !== null) return true;\n\n    return false;\n  }\n\n  private getButtonText() {\n    if (authState.step === \"verification\" && authState.availableLoginOptions && !authState.availableLoginOptions.password) {\n      return t(\"auth.resetPassword.button_text_set\", { defaultValue: \"Set Password\" });\n    }\n\n    if (authState.step === \"reset-password\") {\n      return t(\"auth.resetPassword.button_text_resend\", { defaultValue: \"Resend Password Reset Email\" });\n    }\n\n    return t(\"auth.resetPassword.button_text_reset\", { defaultValue: \"Reset Password\" });\n  }\n  render() {\n    if (!this.shouldRender()) {\n      return null;\n    }\n\n    return (\n      <button type=\"button\" onClick={this.handleClick} class={this.componentClassName}>\n        {this.hasSlot ? <slot /> : this.getButtonText()}\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-signed-in.js

@@ -7,17 +7,14 @@ const SignedIn = /*@__PURE__*/ proxyCustomElement(class SignedIn extends HTMLEle
         if (registerHost !== false) {
             this.__registerHost();
         }
-        this.__attachShadow();
     }
     componentClassName = "";
     not = false;
     render() {
-        if (this.not ? authStore.state.authenticated : !authStore.state.authenticated) {
-            return null;
-        }
-        return (h(Host, { class: this.componentClassName }, h("slot", null)));
+        const shouldShow = this.not ? !authStore.state.authenticated : authStore.state.authenticated;
+        return (h(Host, { key: '678665a8b0b36eb84be4374c20a6036424675d0c', class: this.componentClassName, hidden: !shouldShow, style: { display: shouldShow ? undefined : "none" }, "aria-hidden": !shouldShow ? "true" : null, "aria-live": "polite" }, h("slot", { key: 'cad91fa9ea14bf4f51e3635814cbca82db529620' })));
     }
-}, [769, "u-signed-in", {
+}, [772, "u-signed-in", {
         "componentClassName": [1, "class-name"],
         "not": [4]
     }]);