@unidy.io/sdk 1.2.0-alpha9 → 1.2.0

package/dist/esm/u-newsletter-checkbox.entry.js

@@ -1,14 +1,13 @@
-import { r as registerInstance, h } from './index-FTKB5a1d.js';
-import { a as isSubscribed } from './newsletter-helpers-fCpxzovf.js';
-import { n as newsletterStore } from './newsletter-store-BB618FgS.js';
-import './index-BVlbCQEX.js';
-import './unidy-store-Bg7IaIMd.js';
-import './index-BnAYOYR5.js';
-import './profile-store-CHlSKuTY.js';
-import './i18n-Da7S9Oqf.js';
-import './auth-store-DBlGNGhq.js';
-import './component-utils-BGq0leDV.js';
-import './flash-store-Df2YkLTB.js';
+import { r as registerInstance, h } from './index-BsJDptgj.js';
+import { a as isSubscribed } from './newsletter-helpers-DoKGN_Kq.js';
+import { n as newsletterStore } from './newsletter-store-DpR85vaC.js';
+import './index-kgGjfc-n.js';
+import './profile-store-7wBS3gBH.js';
+import './index-C8kmD3tu.js';
+import './unidy-store-B5Bf4Vit.js';
+import './i18n-ioyZxWsT.js';
+import './auth-store-CSpEdi46.js';
+import './flash-store-Dn1Bava8.js';
 
 const NewsletterCheckbox = class {
     constructor(hostRef) {
@@ -66,7 +65,7 @@ const NewsletterCheckbox = class {
         }
     }
     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 }));
     }
 };
 

package/dist/esm/u-newsletter-checkbox.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-checkbox.entry.js","sources":["src/newsletter/components/newsletter-checkbox/newsletter-checkbox.tsx"],"sourcesContent":["import { Component, h, Method, Prop } from \"@stencil/core\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\n\n@Component({\n  tag: \"u-newsletter-checkbox\",\n  shadow: false,\n})\nexport class NewsletterCheckbox {\n  @Prop() internalName!: string;\n  @Prop() checked = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  componentWillLoad() {\n    if (this.checked && !this.isSubscribed) {\n      const checkedNewsletters = newsletterStore.state.checkedNewsletters;\n      if (!(this.internalName in checkedNewsletters)) {\n        newsletterStore.set(\"checkedNewsletters\", {\n          ...checkedNewsletters,\n          [this.internalName]: [],\n        });\n      }\n    }\n  }\n\n  private get isSubscribed(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName);\n  }\n\n  private get isChecked(): boolean {\n    return this.isSubscribed || this.internalName in newsletterStore.state.checkedNewsletters;\n  }\n\n  private syncToStore(checked: boolean) {\n    if (checked) {\n      const prefs = newsletterStore.state.defaultPreferences[this.internalName];\n      const defaultPrefs: string[] = prefs ? Array.from(prefs) : [];\n\n      newsletterStore.set(\"checkedNewsletters\", {\n        ...newsletterStore.state.checkedNewsletters,\n        [this.internalName]: defaultPrefs,\n      });\n    } else {\n      const { [this.internalName]: _, ...rest } = newsletterStore.state.checkedNewsletters;\n      newsletterStore.set(\"checkedNewsletters\", rest);\n    }\n  }\n\n  private handleChange = () => {\n    if (this.isSubscribed) return;\n    this.syncToStore(!this.isChecked);\n  };\n\n  /** Public method to toggle the checkbox programmatically */\n  @Method()\n  async toggle() {\n    this.handleChange();\n  }\n\n  /** Public method to set the checkbox state programmatically */\n  @Method()\n  async setChecked(checked: boolean) {\n    if (this.isSubscribed) return;\n    if (checked !== this.isChecked) {\n      this.syncToStore(checked);\n    }\n  }\n\n  render() {\n    return (\n      <input\n        type=\"checkbox\"\n        checked={this.isChecked}\n        disabled={this.isSubscribed}\n        onChange={this.handleChange}\n        class={this.componentClassName}\n        aria-checked={this.isChecked}\n      />\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed"],"mappings":";;;;;;;;;;;;MAQa,kBAAkB,GAAA,MAAA;;;;AACrB,IAAA,YAAY;IACZ,OAAO,GAAG,KAAK;AACY,IAAA,kBAAkB;IAErD,iBAAiB,GAAA;QACf,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtC,YAAA,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB;YACnE,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,kBAAkB,CAAC,EAAE;AAC9C,gBAAA,eAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,oBAAA,GAAG,kBAAkB;AACrB,oBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE;AACxB,iBAAA,CAAC;;;;AAKR,IAAA,IAAY,YAAY,GAAA;QACtB,OAAOA,YAA8B,CAAC,IAAI,CAAC,YAAY,CAAC;;AAG1D,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,IAAI,eAAe,CAAC,KAAK,CAAC,kBAAkB;;AAGnF,IAAA,WAAW,CAAC,OAAgB,EAAA;QAClC,IAAI,OAAO,EAAE;AACX,YAAA,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;AACzE,YAAA,MAAM,YAAY,GAAa,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;AAE7D,YAAA,eAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,gBAAA,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB;AAC3C,gBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,YAAY;AAClC,aAAA,CAAC;;aACG;AACL,YAAA,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB;AACpF,YAAA,eAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC;;;IAI3C,YAAY,GAAG,MAAK;QAC1B,IAAI,IAAI,CAAC,YAAY;YAAE;QACvB,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;AACnC,KAAC;;AAID,IAAA,MAAM,MAAM,GAAA;QACV,IAAI,CAAC,YAAY,EAAE;;;IAKrB,MAAM,UAAU,CAAC,OAAgB,EAAA;QAC/B,IAAI,IAAI,CAAC,YAAY;YAAE;AACvB,QAAA,IAAI,OAAO,KAAK,IAAI,CAAC,SAAS,EAAE;AAC9B,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;;;IAI7B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,KAAK,EAAE,IAAI,CAAC,kBAAkB,kBAChB,IAAI,CAAC,SAAS,EAAA,CAC5B;;;;;;"}
+{"version":3,"file":"u-newsletter-checkbox.entry.js","sources":["src/newsletter/components/newsletter-checkbox/newsletter-checkbox.tsx"],"sourcesContent":["import { Component, h, Method, Prop } from \"@stencil/core\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\n\n@Component({\n  tag: \"u-newsletter-checkbox\",\n  shadow: false,\n})\nexport class NewsletterCheckbox {\n  @Prop() internalName!: string;\n  @Prop() checked = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  componentWillLoad() {\n    if (this.checked && !this.isSubscribed) {\n      const checkedNewsletters = newsletterStore.state.checkedNewsletters;\n      if (!(this.internalName in checkedNewsletters)) {\n        newsletterStore.set(\"checkedNewsletters\", {\n          ...checkedNewsletters,\n          [this.internalName]: [],\n        });\n      }\n    }\n  }\n\n  private get isSubscribed(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName);\n  }\n\n  private get isChecked(): boolean {\n    return this.isSubscribed || this.internalName in newsletterStore.state.checkedNewsletters;\n  }\n\n  private syncToStore(checked: boolean) {\n    if (checked) {\n      const prefs = newsletterStore.state.defaultPreferences[this.internalName];\n      const defaultPrefs: string[] = prefs ? Array.from(prefs) : [];\n\n      newsletterStore.set(\"checkedNewsletters\", {\n        ...newsletterStore.state.checkedNewsletters,\n        [this.internalName]: defaultPrefs,\n      });\n    } else {\n      const { [this.internalName]: _, ...rest } = newsletterStore.state.checkedNewsletters;\n      newsletterStore.set(\"checkedNewsletters\", rest);\n    }\n  }\n\n  private handleChange = () => {\n    if (this.isSubscribed) return;\n    this.syncToStore(!this.isChecked);\n  };\n\n  /** Public method to toggle the checkbox programmatically */\n  @Method()\n  async toggle() {\n    this.handleChange();\n  }\n\n  /** Public method to set the checkbox state programmatically */\n  @Method()\n  async setChecked(checked: boolean) {\n    if (this.isSubscribed) return;\n    if (checked !== this.isChecked) {\n      this.syncToStore(checked);\n    }\n  }\n\n  render() {\n    return (\n      <input\n        type=\"checkbox\"\n        checked={this.isChecked}\n        disabled={this.isSubscribed}\n        onChange={this.handleChange}\n        class={this.componentClassName}\n        aria-checked={this.isChecked}\n      />\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed"],"mappings":";;;;;;;;;;;MAQa,kBAAkB,GAAA,MAAA;;;;AACrB,IAAA,YAAY;IACZ,OAAO,GAAG,KAAK;AACY,IAAA,kBAAkB;IAErD,iBAAiB,GAAA;QACf,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtC,YAAA,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB;YACnE,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,kBAAkB,CAAC,EAAE;AAC9C,gBAAA,eAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,oBAAA,GAAG,kBAAkB;AACrB,oBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE;AACxB,iBAAA,CAAC;;;;AAKR,IAAA,IAAY,YAAY,GAAA;QACtB,OAAOA,YAA8B,CAAC,IAAI,CAAC,YAAY,CAAC;;AAG1D,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,IAAI,eAAe,CAAC,KAAK,CAAC,kBAAkB;;AAGnF,IAAA,WAAW,CAAC,OAAgB,EAAA;QAClC,IAAI,OAAO,EAAE;AACX,YAAA,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;AACzE,YAAA,MAAM,YAAY,GAAa,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;AAE7D,YAAA,eAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,gBAAA,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB;AAC3C,gBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,YAAY;AAClC,aAAA,CAAC;;aACG;AACL,YAAA,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB;AACpF,YAAA,eAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC;;;IAI3C,YAAY,GAAG,MAAK;QAC1B,IAAI,IAAI,CAAC,YAAY;YAAE;QACvB,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;AACnC,KAAC;;AAID,IAAA,MAAM,MAAM,GAAA;QACV,IAAI,CAAC,YAAY,EAAE;;;IAKrB,MAAM,UAAU,CAAC,OAAgB,EAAA;QAC/B,IAAI,IAAI,CAAC,YAAY;YAAE;AACvB,QAAA,IAAI,OAAO,KAAK,IAAI,CAAC,SAAS,EAAE;AAC9B,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;;;IAI7B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,KAAK,EAAE,IAAI,CAAC,kBAAkB,kBAChB,IAAI,CAAC,SAAS,EAAA,CAC5B;;;;;;"}

package/dist/esm/u-newsletter-consent-checkbox.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-FTKB5a1d.js';
-import { n as newsletterStore } from './newsletter-store-BB618FgS.js';
-import './index-BnAYOYR5.js';
+import { r as registerInstance, h } from './index-BsJDptgj.js';
+import { n as newsletterStore } from './newsletter-store-DpR85vaC.js';
+import './index-C8kmD3tu.js';
 
 const NewsletterConsentCheckbox = class {
     constructor(hostRef) {
@@ -38,7 +38,7 @@ const NewsletterConsentCheckbox = class {
         }
     }
     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 }));
     }
 };
 

package/dist/esm/u-newsletter-logout-button.entry.js

@@ -1,27 +1,22 @@
-import { r as registerInstance, g as getElement, h, e as Host } from './index-FTKB5a1d.js';
-import { t } from './i18n-Da7S9Oqf.js';
-import { h as hasSlotContent } from './component-utils-BGq0leDV.js';
-import { F as Flash } from './flash-store-Df2YkLTB.js';
-import { n as newsletterLogout } from './newsletter-helpers-fCpxzovf.js';
-import { n as newsletterStore } from './newsletter-store-BB618FgS.js';
-import './unidy-store-Bg7IaIMd.js';
-import './index-BnAYOYR5.js';
-import './index-BVlbCQEX.js';
-import './profile-store-CHlSKuTY.js';
-import './auth-store-DBlGNGhq.js';
+import { r as registerInstance, h, e as Host } from './index-BsJDptgj.js';
+import { t } from './i18n-ioyZxWsT.js';
+import { U as UnidyComponent } from './component-qfegGRWr.js';
+import { H as HasSlotContent } from './has-slot-content-DSMkJu9G.js';
+import { F as Flash } from './flash-store-Dn1Bava8.js';
+import { n as newsletterLogout } from './newsletter-helpers-DoKGN_Kq.js';
+import { n as newsletterStore } from './newsletter-store-DpR85vaC.js';
+import './unidy-store-B5Bf4Vit.js';
+import './index-C8kmD3tu.js';
+import './index-kgGjfc-n.js';
+import './profile-store-7wBS3gBH.js';
+import './auth-store-CSpEdi46.js';
 
-const LogoutButton = class {
+const NewsletterLogoutButton = class extends UnidyComponent(HasSlotContent) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
-    get el() { return getElement(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"));
@@ -34,5 +29,5 @@ const LogoutButton = class {
     }
 };
 
-export { LogoutButton as u_newsletter_logout_button };
+export { NewsletterLogoutButton as u_newsletter_logout_button };
 //# sourceMappingURL=u-newsletter-logout-button.entry.js.map

package/dist/esm/u-newsletter-logout-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-logout-button.entry.js","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"],"names":[],"mappings":";;;;;;;;;;;;MAWa,YAAY,GAAA,MAAA;;;;;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;;;;;;"}
+{"version":3,"file":"u-newsletter-logout-button.entry.js","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"],"names":[],"mappings":";;;;;;;;;;;;;AAYa,MAAA,sBAAuB,GAAA,cAAQ,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;;;;;;"}

package/dist/esm/u-newsletter-preference-checkbox.entry.js

@@ -1,14 +1,13 @@
-import { r as registerInstance, h } from './index-FTKB5a1d.js';
-import { a as isSubscribed, u as updateSubscriptionPreferences } from './newsletter-helpers-fCpxzovf.js';
-import { s as storeDefaultPreference, n as newsletterStore } from './newsletter-store-BB618FgS.js';
-import './index-BVlbCQEX.js';
-import './unidy-store-Bg7IaIMd.js';
-import './index-BnAYOYR5.js';
-import './profile-store-CHlSKuTY.js';
-import './i18n-Da7S9Oqf.js';
-import './auth-store-DBlGNGhq.js';
-import './component-utils-BGq0leDV.js';
-import './flash-store-Df2YkLTB.js';
+import { r as registerInstance, h } from './index-BsJDptgj.js';
+import { a as isSubscribed, u as updateSubscriptionPreferences } from './newsletter-helpers-DoKGN_Kq.js';
+import { s as storeDefaultPreference, n as newsletterStore } from './newsletter-store-DpR85vaC.js';
+import './index-kgGjfc-n.js';
+import './profile-store-7wBS3gBH.js';
+import './index-C8kmD3tu.js';
+import './unidy-store-B5Bf4Vit.js';
+import './i18n-ioyZxWsT.js';
+import './auth-store-CSpEdi46.js';
+import './flash-store-Dn1Bava8.js';
 
 const NewsletterPreferenceCheckbox = class {
     constructor(hostRef) {
@@ -109,7 +108,7 @@ const NewsletterPreferenceCheckbox = class {
         }
     }
     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 }));
     }
 };
 

package/dist/esm/u-newsletter-preference-checkbox.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-preference-checkbox.entry.js","sources":["src/newsletter/components/preference-checkbox/preference-checkbox.tsx"],"sourcesContent":["import { Component, h, Method, Prop, State } from \"@stencil/core\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { type ExistingSubscription, newsletterStore, storeDefaultPreference } from \"../../store/newsletter-store\";\n\n@Component({\n  tag: \"u-newsletter-preference-checkbox\",\n  shadow: false,\n})\nexport class NewsletterPreferenceCheckbox {\n  @Prop() internalName!: string;\n  @Prop() preferenceIdentifier!: string;\n  @Prop() checked = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  @State() loading = false;\n\n  @State() existingSubscriptions: ExistingSubscription[] = [];\n  @State() checkedPreferences: string[] = [];\n\n  private storeUnsubscribe?: () => void;\n\n  componentWillLoad() {\n    this.subscribeToStore();\n    this.initializeCheckedState();\n\n    if (this.checked) {\n      storeDefaultPreference(this.internalName, this.preferenceIdentifier);\n    }\n  }\n\n  disconnectedCallback() {\n    this.storeUnsubscribe?.();\n  }\n\n  private subscribeToStore() {\n    this.storeUnsubscribe = newsletterStore.onChange(\"existingSubscriptions\", (subscriptions) => {\n      this.existingSubscriptions = subscriptions;\n    });\n\n    newsletterStore.onChange(\"checkedNewsletters\", (checkedNewsletters) => {\n      this.checkedPreferences = checkedNewsletters[this.internalName] || [];\n    });\n\n    this.existingSubscriptions = newsletterStore.state.existingSubscriptions;\n    this.checkedPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];\n  }\n\n  private initializeCheckedState() {\n    if (NewsletterHelpers.isSubscribed(this.internalName)) {\n      return;\n    }\n\n    if (this.checked) {\n      this.syncToStore(true);\n    }\n  }\n\n  private get subscription(): ExistingSubscription | undefined {\n    return this.existingSubscriptions.find((sub) => sub.newsletter_internal_name === this.internalName);\n  }\n\n  private get isSubscribed(): boolean {\n    return this.subscription !== undefined;\n  }\n\n  private get isConfirmed(): boolean {\n    return this.subscription?.confirmed ?? false;\n  }\n\n  private get isDisabled(): boolean {\n    return this.loading || (this.isSubscribed && !this.isConfirmed);\n  }\n\n  private get isChecked(): boolean {\n    return this.checkedPreferences.includes(this.preferenceIdentifier);\n  }\n\n  private syncToStore(add: boolean) {\n    const currentPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];\n\n    if (add) {\n      if (!currentPreferences.includes(this.preferenceIdentifier)) {\n        newsletterStore.set(\"checkedNewsletters\", {\n          ...newsletterStore.state.checkedNewsletters,\n          [this.internalName]: [...currentPreferences, this.preferenceIdentifier],\n        });\n      }\n    } else {\n      newsletterStore.set(\"checkedNewsletters\", {\n        ...newsletterStore.state.checkedNewsletters,\n        [this.internalName]: currentPreferences.filter((p) => p !== this.preferenceIdentifier),\n      });\n    }\n  }\n\n  private async persistIfSubscribed() {\n    if (this.isSubscribed && this.isConfirmed) {\n      this.loading = true;\n      await NewsletterHelpers.updateSubscriptionPreferences(this.internalName);\n      this.loading = false;\n    }\n  }\n\n  private handleChange = async () => {\n    if (this.isDisabled) return;\n\n    this.syncToStore(!this.isChecked);\n    await this.persistIfSubscribed();\n  };\n\n  /** Public method to toggle the checkbox programmatically */\n  @Method()\n  async toggle() {\n    await this.handleChange();\n  }\n\n  /** Public method to set the checkbox state programmatically */\n  @Method()\n  async setChecked(checked: boolean) {\n    if (this.isDisabled) return;\n    if (checked !== this.isChecked) {\n      this.syncToStore(checked);\n      await this.persistIfSubscribed();\n    }\n  }\n\n  render() {\n    return (\n      <input\n        type=\"checkbox\"\n        checked={this.isChecked}\n        disabled={this.isDisabled}\n        onChange={this.handleChange}\n        class={this.componentClassName}\n        aria-checked={this.isChecked}\n        aria-busy={this.loading}\n        aria-disabled={this.isDisabled}\n        data-internal-name={this.internalName}\n        data-preference-identifier={this.preferenceIdentifier}\n      />\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","NewsletterHelpers.updateSubscriptionPreferences"],"mappings":";;;;;;;;;;;;MAQa,4BAA4B,GAAA,MAAA;;;;AAC/B,IAAA,YAAY;AACZ,IAAA,oBAAoB;IACpB,OAAO,GAAG,KAAK;AACY,IAAA,kBAAkB;IAE5C,OAAO,GAAG,KAAK;IAEf,qBAAqB,GAA2B,EAAE;IAClD,kBAAkB,GAAa,EAAE;AAElC,IAAA,gBAAgB;IAExB,iBAAiB,GAAA;QACf,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,sBAAsB,EAAE;AAE7B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,sBAAsB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,oBAAoB,CAAC;;;IAIxE,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,gBAAgB,IAAI;;IAGnB,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC,uBAAuB,EAAE,CAAC,aAAa,KAAI;AAC1F,YAAA,IAAI,CAAC,qBAAqB,GAAG,aAAa;AAC5C,SAAC,CAAC;QAEF,eAAe,CAAC,QAAQ,CAAC,oBAAoB,EAAE,CAAC,kBAAkB,KAAI;YACpE,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AACvE,SAAC,CAAC;QAEF,IAAI,CAAC,qBAAqB,GAAG,eAAe,CAAC,KAAK,CAAC,qBAAqB;AACxE,QAAA,IAAI,CAAC,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;;IAGrF,sBAAsB,GAAA;QAC5B,IAAIA,YAA8B,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YACrD;;AAGF,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;;AAI1B,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,wBAAwB,KAAK,IAAI,CAAC,YAAY,CAAC;;AAGrG,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,OAAO,IAAI,CAAC,YAAY,KAAK,SAAS;;AAGxC,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,SAAS,IAAI,KAAK;;AAG9C,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;AAGjE,IAAA,IAAY,SAAS,GAAA;QACnB,OAAO,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC;;AAG5D,IAAA,WAAW,CAAC,GAAY,EAAA;AAC9B,QAAA,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAE5F,IAAI,GAAG,EAAE;YACP,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,EAAE;AAC3D,gBAAA,eAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,oBAAA,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB;AAC3C,oBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC;AACxE,iBAAA,CAAC;;;aAEC;AACL,YAAA,eAAe,CAAC,GAAG,CAAC,oBAAoB,EAAE;AACxC,gBAAA,GAAG,eAAe,CAAC,KAAK,CAAC,kBAAkB;AAC3C,gBAAA,CAAC,IAAI,CAAC,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,oBAAoB,CAAC;AACvF,aAAA,CAAC;;;AAIE,IAAA,MAAM,mBAAmB,GAAA;QAC/B,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,EAAE;AACzC,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,MAAMC,6BAA+C,CAAC,IAAI,CAAC,YAAY,CAAC;AACxE,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;;IAIhB,YAAY,GAAG,YAAW;QAChC,IAAI,IAAI,CAAC,UAAU;YAAE;QAErB,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;AACjC,QAAA,MAAM,IAAI,CAAC,mBAAmB,EAAE;AAClC,KAAC;;AAID,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,MAAM,IAAI,CAAC,YAAY,EAAE;;;IAK3B,MAAM,UAAU,CAAC,OAAgB,EAAA;QAC/B,IAAI,IAAI,CAAC,UAAU;YAAE;AACrB,QAAA,IAAI,OAAO,KAAK,IAAI,CAAC,SAAS,EAAE;AAC9B,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;AACzB,YAAA,MAAM,IAAI,CAAC,mBAAmB,EAAE;;;IAIpC,MAAM,GAAA;AACJ,QAAA,QACE,8DACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,cAAA,EAChB,IAAI,CAAC,SAAS,EACjB,WAAA,EAAA,IAAI,CAAC,OAAO,EACR,eAAA,EAAA,IAAI,CAAC,UAAU,EAAA,oBAAA,EACV,IAAI,CAAC,YAAY,EAAA,4BAAA,EACT,IAAI,CAAC,oBAAoB,EACrD,CAAA;;;;;;"}
+{"version":3,"file":"u-newsletter-preference-checkbox.entry.js","sources":["src/newsletter/components/preference-checkbox/preference-checkbox.tsx"],"sourcesContent":["import { Component, h, Method, Prop, State } from \"@stencil/core\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { type ExistingSubscription, newsletterStore, storeDefaultPreference } from \"../../store/newsletter-store\";\n\n@Component({\n  tag: \"u-newsletter-preference-checkbox\",\n  shadow: false,\n})\nexport class NewsletterPreferenceCheckbox {\n  @Prop() internalName!: string;\n  @Prop() preferenceIdentifier!: string;\n  @Prop() checked = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  @State() loading = false;\n\n  @State() existingSubscriptions: ExistingSubscription[] = [];\n  @State() checkedPreferences: string[] = [];\n\n  private storeUnsubscribe?: () => void;\n\n  componentWillLoad() {\n    this.subscribeToStore();\n    this.initializeCheckedState();\n\n    if (this.checked) {\n      storeDefaultPreference(this.internalName, this.preferenceIdentifier);\n    }\n  }\n\n  disconnectedCallback() {\n    this.storeUnsubscribe?.();\n  }\n\n  private subscribeToStore() {\n    this.storeUnsubscribe = newsletterStore.onChange(\"existingSubscriptions\", (subscriptions) => {\n      this.existingSubscriptions = subscriptions;\n    });\n\n    newsletterStore.onChange(\"checkedNewsletters\", (checkedNewsletters) => {\n      this.checkedPreferences = checkedNewsletters[this.internalName] || [];\n    });\n\n    this.existingSubscriptions = newsletterStore.state.existingSubscriptions;\n    this.checkedPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];\n  }\n\n  private initializeCheckedState() {\n    if (NewsletterHelpers.isSubscribed(this.internalName)) {\n      return;\n    }\n\n    if (this.checked) {\n      this.syncToStore(true);\n    }\n  }\n\n  private get subscription(): ExistingSubscription | undefined {\n    return this.existingSubscriptions.find((sub) => sub.newsletter_internal_name === this.internalName);\n  }\n\n  private get isSubscribed(): boolean {\n    return this.subscription !== undefined;\n  }\n\n  private get isConfirmed(): boolean {\n    return this.subscription?.confirmed ?? false;\n  }\n\n  private get isDisabled(): boolean {\n    return this.loading || (this.isSubscribed && !this.isConfirmed);\n  }\n\n  private get isChecked(): boolean {\n    return this.checkedPreferences.includes(this.preferenceIdentifier);\n  }\n\n  private syncToStore(add: boolean) {\n    const currentPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];\n\n    if (add) {\n      if (!currentPreferences.includes(this.preferenceIdentifier)) {\n        newsletterStore.set(\"checkedNewsletters\", {\n          ...newsletterStore.state.checkedNewsletters,\n          [this.internalName]: [...currentPreferences, this.preferenceIdentifier],\n        });\n      }\n    } else {\n      newsletterStore.set(\"checkedNewsletters\", {\n        ...newsletterStore.state.checkedNewsletters,\n        [this.internalName]: currentPreferences.filter((p) => p !== this.preferenceIdentifier),\n      });\n    }\n  }\n\n  private async persistIfSubscribed() {\n    if (this.isSubscribed && this.isConfirmed) {\n      this.loading = true;\n      await NewsletterHelpers.updateSubscriptionPreferences(this.internalName);\n      this.loading = false;\n    }\n  }\n\n  private handleChange = async () => {\n    if (this.isDisabled) return;\n\n    this.syncToStore(!this.isChecked);\n    await this.persistIfSubscribed();\n  };\n\n  /** Public method to toggle the checkbox programmatically */\n  @Method()\n  async toggle() {\n    await this.handleChange();\n  }\n\n  /** Public method to set the checkbox state programmatically */\n  @Method()\n  async setChecked(checked: boolean) {\n    if (this.isDisabled) return;\n    if (checked !== this.isChecked) {\n      this.syncToStore(checked);\n      await this.persistIfSubscribed();\n    }\n  }\n\n  render() {\n    return (\n      <input\n        type=\"checkbox\"\n        checked={this.isChecked}\n        disabled={this.isDisabled}\n        onChange={this.handleChange}\n        class={this.componentClassName}\n        aria-checked={this.isChecked}\n        aria-busy={this.loading}\n        aria-disabled={this.isDisabled}\n        data-internal-name={this.internalName}\n        data-preference-identifier={this.preferenceIdentifier}\n      />\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","NewsletterHelpers.updateSubscriptionPreferences"],"mappings":"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"}

package/dist/esm/u-newsletter-resend-doi-button.entry.js

@@ -1,14 +1,13 @@
-import { r as registerInstance, h } from './index-FTKB5a1d.js';
-import { t } from './i18n-Da7S9Oqf.js';
-import { F as Flash } from './flash-store-Df2YkLTB.js';
-import { a as isSubscribed, i as isConfirmed, r as resendDoi } from './newsletter-helpers-fCpxzovf.js';
-import './unidy-store-Bg7IaIMd.js';
-import './index-BnAYOYR5.js';
-import './index-BVlbCQEX.js';
-import './profile-store-CHlSKuTY.js';
-import './auth-store-DBlGNGhq.js';
-import './component-utils-BGq0leDV.js';
-import './newsletter-store-BB618FgS.js';
+import { r as registerInstance, h } from './index-BsJDptgj.js';
+import { t } from './i18n-ioyZxWsT.js';
+import { F as Flash } from './flash-store-Dn1Bava8.js';
+import { a as isSubscribed, i as isConfirmed, r as resendDoi } from './newsletter-helpers-DoKGN_Kq.js';
+import './unidy-store-B5Bf4Vit.js';
+import './index-C8kmD3tu.js';
+import './index-kgGjfc-n.js';
+import './profile-store-7wBS3gBH.js';
+import './auth-store-CSpEdi46.js';
+import './newsletter-store-DpR85vaC.js';
 
 const resendDoiButtonCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@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-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\\:items-center{align-items:center}.u\\:justify-center{justify-content:center}} /*! 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-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 base{}@layer components;@layer utilities{.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)}}@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}";
 

package/dist/esm/u-newsletter-resend-doi-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-resend-doi-button.entry.js","sources":["src/newsletter/components/resend-doi-button/resend-doi-button.css?tag=u-newsletter-resend-doi-button","src/newsletter/components/resend-doi-button/resend-doi-button.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\n\n@Component({\n  tag: \"u-newsletter-resend-doi-button\",\n  styleUrl: \"resend-doi-button.css\",\n  shadow: false,\n})\nexport class NewsletterResendDoiButton {\n  @Prop() internalName!: string;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() isResending = false;\n\n  private get shouldShow(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName) && !NewsletterHelpers.isConfirmed(this.internalName);\n  }\n\n  private handleClick = async () => {\n    this.isResending = true;\n    const success = await NewsletterHelpers.resendDoi(this.internalName);\n    this.isResending = false;\n\n    if (success) {\n      Flash.success.addMessage(t(\"newsletter.success.doi_sent\"));\n    } else {\n      Flash.error.addMessage(t(\"newsletter.errors.resend_doi_failed\"));\n    }\n  };\n\n  render() {\n    if (!this.shouldShow) {\n      return null;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={this.handleClick}\n        disabled={this.isResending}\n        aria-busy={this.isResending}\n        aria-live=\"polite\"\n        class={`${this.componentClassName} u:flex u:items-center u:justify-center`}\n      >\n        {this.isResending ? <u-spinner /> : t(\"newsletter.buttons.resend_doi\")}\n      </button>\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","NewsletterHelpers.isConfirmed","NewsletterHelpers.resendDoi"],"mappings":";;;;;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,ypNAAypN;;MCUvqN,yBAAyB,GAAA,MAAA;;;;AAC5B,IAAA,YAAY;IACe,kBAAkB,GAAG,EAAE;IAEjD,WAAW,GAAG,KAAK;AAE5B,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAOA,YAA8B,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAACC,WAA6B,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGvG,WAAW,GAAG,YAAW;AAC/B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,MAAM,OAAO,GAAG,MAAMC,SAA2B,CAAC,IAAI,CAAC,YAAY,CAAC;AACpE,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QAExB,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;;aACrD;YACL,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC;;AAEpE,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,cACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,WAAW,eACf,IAAI,CAAC,WAAW,EAAA,WAAA,EACjB,QAAQ,EAClB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,uCAAA,CAAyC,EAEzE,EAAA,IAAI,CAAC,WAAW,GAAG,CAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAG,CAAC,CAAC,+BAA+B,CAAC,CAC/D;;;;;;;"}
+{"version":3,"file":"u-newsletter-resend-doi-button.entry.js","sources":["src/newsletter/components/resend-doi-button/resend-doi-button.css?tag=u-newsletter-resend-doi-button","src/newsletter/components/resend-doi-button/resend-doi-button.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\n\n@Component({\n  tag: \"u-newsletter-resend-doi-button\",\n  styleUrl: \"resend-doi-button.css\",\n  shadow: false,\n})\nexport class NewsletterResendDoiButton {\n  @Prop() internalName!: string;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() isResending = false;\n\n  private get shouldShow(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName) && !NewsletterHelpers.isConfirmed(this.internalName);\n  }\n\n  private handleClick = async () => {\n    this.isResending = true;\n    const success = await NewsletterHelpers.resendDoi(this.internalName);\n    this.isResending = false;\n\n    if (success) {\n      Flash.success.addMessage(t(\"newsletter.success.doi_sent\"));\n    } else {\n      Flash.error.addMessage(t(\"newsletter.errors.resend_doi_failed\"));\n    }\n  };\n\n  render() {\n    if (!this.shouldShow) {\n      return null;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={this.handleClick}\n        disabled={this.isResending}\n        aria-busy={this.isResending}\n        aria-live=\"polite\"\n        class={`${this.componentClassName} u:flex u:items-center u:justify-center`}\n      >\n        {this.isResending ? <u-spinner /> : t(\"newsletter.buttons.resend_doi\")}\n      </button>\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","NewsletterHelpers.isConfirmed","NewsletterHelpers.resendDoi"],"mappings":";;;;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,ypNAAypN;;MCUvqN,yBAAyB,GAAA,MAAA;;;;AAC5B,IAAA,YAAY;IACe,kBAAkB,GAAG,EAAE;IAEjD,WAAW,GAAG,KAAK;AAE5B,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAOA,YAA8B,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAACC,WAA6B,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGvG,WAAW,GAAG,YAAW;AAC/B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,MAAM,OAAO,GAAG,MAAMC,SAA2B,CAAC,IAAI,CAAC,YAAY,CAAC;AACpE,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QAExB,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;;aACrD;YACL,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC;;AAEpE,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,cACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,WAAW,eACf,IAAI,CAAC,WAAW,EAAA,WAAA,EACjB,QAAQ,EAClB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,uCAAA,CAAyC,EAEzE,EAAA,IAAI,CAAC,WAAW,GAAG,CAAa,CAAA,WAAA,EAAA,IAAA,CAAA,GAAG,CAAC,CAAC,+BAA+B,CAAC,CAC/D;;;;;;;"}

package/dist/esm/u-newsletter-root.entry.js

@@ -1,22 +1,26 @@
-import { U as UnidyComponent, r as registerInstance, g as getElement, l as logger, h, e as Host } from './index-FTKB5a1d.js';
-import { i as Auth } from './index-BVlbCQEX.js';
-import { t } from './i18n-Da7S9Oqf.js';
-import { c as clearUrlParam } from './component-utils-BGq0leDV.js';
-import { F as Flash } from './flash-store-Df2YkLTB.js';
-import { w as waitForConfig } from './unidy-store-Bg7IaIMd.js';
-import { f as fetchSubscriptions, s as sendLoginEmail, c as createSubscriptions } from './newsletter-helpers-fCpxzovf.js';
-import { n as newsletterStore, p as persist } from './newsletter-store-BB618FgS.js';
-import './profile-store-CHlSKuTY.js';
-import './index-BnAYOYR5.js';
-import './auth-store-DBlGNGhq.js';
+import { r as registerInstance, d as createEvent, g as getElement, l as logger, h, e as Host } from './index-BsJDptgj.js';
+import { p as clearUrlParam, i as Auth } from './index-kgGjfc-n.js';
+import { t } from './i18n-ioyZxWsT.js';
+import { U as UnidyComponent } from './component-qfegGRWr.js';
+import { F as Flash } from './flash-store-Dn1Bava8.js';
+import { w as waitForConfig } from './unidy-store-B5Bf4Vit.js';
+import { f as fetchSubscriptions, s as sendLoginEmail, c as createSubscriptions } from './newsletter-helpers-DoKGN_Kq.js';
+import { n as newsletterStore, p as persist } from './newsletter-store-DpR85vaC.js';
+import './profile-store-7wBS3gBH.js';
+import './index-C8kmD3tu.js';
+import './auth-store-CSpEdi46.js';
 
-const NewsletterRoot = class extends UnidyComponent {
+const NewsletterRoot = class extends UnidyComponent() {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
+        this.uNewsletterSuccess = createEvent(this, "uNewsletterSuccess", 7);
+        this.uNewsletterError = createEvent(this, "uNewsletterError", 7);
     }
     get el() { return getElement(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 = class extends UnidyComponent {
     }
     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 = class extends UnidyComponent {
                 ...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' })));
     }
 };
 

package/dist/esm/u-newsletter-root.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-root.entry.js","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"],"names":["NewsletterHelpers.fetchSubscriptions","NewsletterHelpers.sendLoginEmail","NewsletterHelpers.createSubscriptions"],"mappings":";;;;;;;;;;;;MAea,cAAe,GAAA,cAAQ,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,MAAMA,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;;;;;;"}
+{"version":3,"file":"u-newsletter-root.entry.js","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"],"names":["NewsletterHelpers.fetchSubscriptions","NewsletterHelpers.sendLoginEmail","NewsletterHelpers.createSubscriptions"],"mappings":";;;;;;;;;;;;MAgBa,cAAe,GAAA,cAAQ,cAAc,EAAE,CAAA;;;;;;;;IAEf,kBAAkB,GAAG,EAAE;AAEjD,IAAA,kBAAkB;AAClB,IAAA,gBAAgB;AAEzB,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,MAAMA,kBAAoC,EAAE;;IAI9C,MAAM,MAAM,CAAC,OAA6B,EAAA;AACxC,QAAA,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,CAAC,KAAK;QAC1F,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC;;QAGnD,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC;YACjC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC;AAC7D,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC;YAClE;;AAGF,QAAA,IAAI,OAAO,KAAK,OAAO,EAAE;YACvB,MAAM,MAAM,GAAG,MAAMC,cAAgC,CAAC,KAAK,CAAC;AAC5D,YAAA,IAAI,MAAM,CAAC,OAAO,KAAK,IAAI,EAAE;AAC3B,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;;AACnD,iBAAA,IAAI,MAAM,CAAC,OAAO,KAAK,KAAK,EAAE;AACnC,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,MAAM,CAAC,KAAK,CAAE,CAAA,EAAE,CAAC;;YAEvE;;AAGF,QAAA,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;AAC5B,YAAA,MAAM,CAAC,KAAK,CAAC,gEAAgE,CAAC;AAC9E,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAyB,EAAE,CAAC;YACvE;;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;AACD,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;YAChE;;QAGF,MAAM,OAAO,GAAG,MAAMC,mBAAqC,CAAC,EAAE,KAAK,EAAE,CAAC;QAEtE,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;;aAC/C;AACL,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC;;;IAIvE,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;;;;;;"}

package/dist/esm/u-newsletter-toggle-subscription-button.entry.js

@@ -1,14 +1,13 @@
-import { r as registerInstance, h } from './index-FTKB5a1d.js';
-import { t } from './i18n-Da7S9Oqf.js';
-import { F as Flash } from './flash-store-Df2YkLTB.js';
-import { a as isSubscribed, b as subscribeToNewsletter, d as deleteSubscription } from './newsletter-helpers-fCpxzovf.js';
-import { n as newsletterStore } from './newsletter-store-BB618FgS.js';
-import './unidy-store-Bg7IaIMd.js';
-import './index-BnAYOYR5.js';
-import './index-BVlbCQEX.js';
-import './profile-store-CHlSKuTY.js';
-import './auth-store-DBlGNGhq.js';
-import './component-utils-BGq0leDV.js';
+import { r as registerInstance, h } from './index-BsJDptgj.js';
+import { t } from './i18n-ioyZxWsT.js';
+import { F as Flash } from './flash-store-Dn1Bava8.js';
+import { a as isSubscribed, b as subscribeToNewsletter, d as deleteSubscription } from './newsletter-helpers-DoKGN_Kq.js';
+import { n as newsletterStore } from './newsletter-store-DpR85vaC.js';
+import './unidy-store-B5Bf4Vit.js';
+import './index-C8kmD3tu.js';
+import './index-kgGjfc-n.js';
+import './profile-store-7wBS3gBH.js';
+import './auth-store-CSpEdi46.js';
 
 const toggleSubscriptionButtonCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@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-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\\:items-center{align-items:center}.u\\:justify-center{justify-content:center}} /*! 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-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 base{}@layer components;@layer utilities{.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)}}@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}";
 
@@ -61,7 +60,7 @@ const ToggleNewsletterSubscriptionButton = class {
     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")));
     }
 };
 ToggleNewsletterSubscriptionButton.style = toggleSubscriptionButtonCss;

package/dist/esm/u-newsletter-toggle-subscription-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-newsletter-toggle-subscription-button.entry.js","sources":["src/newsletter/components/toggle-subscription-button/toggle-subscription-button.css?tag=u-newsletter-toggle-subscription-button","src/newsletter/components/toggle-subscription-button/toggle-subscription-button.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\n\n@Component({\n  tag: \"u-newsletter-toggle-subscription-button\",\n  styleUrl: \"toggle-subscription-button.css\",\n  shadow: false,\n})\nexport class ToggleNewsletterSubscriptionButton {\n  @Prop() internalName!: string;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop({ attribute: \"subscribe-class-name\" }) subscribeClassName = \"\";\n  @Prop({ attribute: \"unsubscribe-class-name\" }) unsubscribeClassName = \"\";\n\n  @State() loading = false;\n\n  private get isSubscribed(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName);\n  }\n\n  private handleClick = async () => {\n    if (this.loading) return;\n\n    if (this.isSubscribed) {\n      await this.handleUnsubscribe();\n    } else {\n      await this.handleSubscribe();\n    }\n  };\n\n  private handleSubscribe = async () => {\n    const { email } = newsletterStore.state;\n\n    if (!email) {\n      Flash.error.addMessage(t(\"newsletter.errors.email_required\"));\n      return;\n    }\n\n    this.loading = true;\n    const success = await NewsletterHelpers.subscribeToNewsletter(this.internalName, email);\n    this.loading = false;\n\n    if (success) {\n      Flash.success.addMessage(t(\"newsletter.success.subscribe\"));\n    }\n  };\n\n  private handleUnsubscribe = async () => {\n    this.loading = true;\n    const success = await NewsletterHelpers.deleteSubscription(this.internalName);\n    this.loading = false;\n\n    if (success) {\n      Flash.info.addMessage(t(\"newsletter.success.unsubscribe\"));\n    } else {\n      Flash.error.addMessage(t(\"newsletter.errors.unsubscribe_failed\"));\n    }\n  };\n\n  render() {\n    const isSubscribed = this.isSubscribed;\n    const stateClassName = isSubscribed ? this.unsubscribeClassName : this.subscribeClassName;\n\n    return (\n      <button\n        type=\"button\"\n        onClick={this.handleClick}\n        disabled={this.loading}\n        aria-busy={this.loading}\n        aria-label={isSubscribed ? t(\"newsletter.buttons.unsubscribe\") : t(\"newsletter.buttons.subscribe\")}\n        aria-live=\"polite\"\n        data-subscribed={isSubscribed}\n        class={`${this.componentClassName} ${stateClassName} u:flex u:items-center u:justify-center`.trim()}\n      >\n        {this.loading ? <u-spinner /> : isSubscribed ? t(\"newsletter.buttons.unsubscribe\") : t(\"newsletter.buttons.subscribe\")}\n      </button>\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","NewsletterHelpers.subscribeToNewsletter","NewsletterHelpers.deleteSubscription"],"mappings":";;;;;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,ypNAAypN;;MCWhrN,kCAAkC,GAAA,MAAA;;;;AACrC,IAAA,YAAY;IAEe,kBAAkB,GAAG,EAAE;IACb,kBAAkB,GAAG,EAAE;IACrB,oBAAoB,GAAG,EAAE;IAE/D,OAAO,GAAG,KAAK;AAExB,IAAA,IAAY,YAAY,GAAA;QACtB,OAAOA,YAA8B,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGlD,WAAW,GAAG,YAAW;QAC/B,IAAI,IAAI,CAAC,OAAO;YAAE;AAElB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,IAAI,CAAC,iBAAiB,EAAE;;aACzB;AACL,YAAA,MAAM,IAAI,CAAC,eAAe,EAAE;;AAEhC,KAAC;IAEO,eAAe,GAAG,YAAW;AACnC,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,CAAC,KAAK;QAEvC,IAAI,CAAC,KAAK,EAAE;YACV,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC;YAC7D;;AAGF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,MAAM,OAAO,GAAG,MAAMC,qBAAuC,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;AACvF,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QAEpB,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC;;AAE/D,KAAC;IAEO,iBAAiB,GAAG,YAAW;AACrC,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,MAAM,OAAO,GAAG,MAAMC,kBAAoC,CAAC,IAAI,CAAC,YAAY,CAAC;AAC7E,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QAEpB,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC;;aACrD;YACL,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC;;AAErE,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY;AACtC,QAAA,MAAM,cAAc,GAAG,YAAY,GAAG,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB;QAEzF,QACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,OAAO,EACX,WAAA,EAAA,IAAI,CAAC,OAAO,gBACX,YAAY,GAAG,CAAC,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAAC,8BAA8B,CAAC,EAAA,WAAA,EACxF,QAAQ,EACD,iBAAA,EAAA,YAAY,EAC7B,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,CAAA,EAAI,cAAc,CAAyC,uCAAA,CAAA,CAAC,IAAI,EAAE,EAElG,EAAA,IAAI,CAAC,OAAO,GAAG,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,GAAG,YAAY,GAAG,CAAC,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAAC,8BAA8B,CAAC,CAC/G;;;;;;;"}
+{"version":3,"file":"u-newsletter-toggle-subscription-button.entry.js","sources":["src/newsletter/components/toggle-subscription-button/toggle-subscription-button.css?tag=u-newsletter-toggle-subscription-button","src/newsletter/components/toggle-subscription-button/toggle-subscription-button.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\n\n@Component({\n  tag: \"u-newsletter-toggle-subscription-button\",\n  styleUrl: \"toggle-subscription-button.css\",\n  shadow: false,\n})\nexport class ToggleNewsletterSubscriptionButton {\n  @Prop() internalName!: string;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop({ attribute: \"subscribe-class-name\" }) subscribeClassName = \"\";\n  @Prop({ attribute: \"unsubscribe-class-name\" }) unsubscribeClassName = \"\";\n\n  @State() loading = false;\n\n  private get isSubscribed(): boolean {\n    return NewsletterHelpers.isSubscribed(this.internalName);\n  }\n\n  private handleClick = async () => {\n    if (this.loading) return;\n\n    if (this.isSubscribed) {\n      await this.handleUnsubscribe();\n    } else {\n      await this.handleSubscribe();\n    }\n  };\n\n  private handleSubscribe = async () => {\n    const { email } = newsletterStore.state;\n\n    if (!email) {\n      Flash.error.addMessage(t(\"newsletter.errors.email_required\"));\n      return;\n    }\n\n    this.loading = true;\n    const success = await NewsletterHelpers.subscribeToNewsletter(this.internalName, email);\n    this.loading = false;\n\n    if (success) {\n      Flash.success.addMessage(t(\"newsletter.success.subscribe\"));\n    }\n  };\n\n  private handleUnsubscribe = async () => {\n    this.loading = true;\n    const success = await NewsletterHelpers.deleteSubscription(this.internalName);\n    this.loading = false;\n\n    if (success) {\n      Flash.info.addMessage(t(\"newsletter.success.unsubscribe\"));\n    } else {\n      Flash.error.addMessage(t(\"newsletter.errors.unsubscribe_failed\"));\n    }\n  };\n\n  render() {\n    const isSubscribed = this.isSubscribed;\n    const stateClassName = isSubscribed ? this.unsubscribeClassName : this.subscribeClassName;\n\n    return (\n      <button\n        type=\"button\"\n        onClick={this.handleClick}\n        disabled={this.loading}\n        aria-busy={this.loading}\n        aria-label={isSubscribed ? t(\"newsletter.buttons.unsubscribe\") : t(\"newsletter.buttons.subscribe\")}\n        aria-live=\"polite\"\n        data-subscribed={isSubscribed}\n        class={`${this.componentClassName} ${stateClassName} u:flex u:items-center u:justify-center`.trim()}\n      >\n        {this.loading ? <u-spinner /> : isSubscribed ? t(\"newsletter.buttons.unsubscribe\") : t(\"newsletter.buttons.subscribe\")}\n      </button>\n    );\n  }\n}\n"],"names":["NewsletterHelpers.isSubscribed","NewsletterHelpers.subscribeToNewsletter","NewsletterHelpers.deleteSubscription"],"mappings":";;;;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,ypNAAypN;;MCWhrN,kCAAkC,GAAA,MAAA;;;;AACrC,IAAA,YAAY;IAEe,kBAAkB,GAAG,EAAE;IACb,kBAAkB,GAAG,EAAE;IACrB,oBAAoB,GAAG,EAAE;IAE/D,OAAO,GAAG,KAAK;AAExB,IAAA,IAAY,YAAY,GAAA;QACtB,OAAOA,YAA8B,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGlD,WAAW,GAAG,YAAW;QAC/B,IAAI,IAAI,CAAC,OAAO;YAAE;AAElB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,IAAI,CAAC,iBAAiB,EAAE;;aACzB;AACL,YAAA,MAAM,IAAI,CAAC,eAAe,EAAE;;AAEhC,KAAC;IAEO,eAAe,GAAG,YAAW;AACnC,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,CAAC,KAAK;QAEvC,IAAI,CAAC,KAAK,EAAE;YACV,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC;YAC7D;;AAGF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,MAAM,OAAO,GAAG,MAAMC,qBAAuC,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;AACvF,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QAEpB,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC;;AAE/D,KAAC;IAEO,iBAAiB,GAAG,YAAW;AACrC,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,MAAM,OAAO,GAAG,MAAMC,kBAAoC,CAAC,IAAI,CAAC,YAAY,CAAC;AAC7E,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QAEpB,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC;;aACrD;YACL,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC;;AAErE,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY;AACtC,QAAA,MAAM,cAAc,GAAG,YAAY,GAAG,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB;QAEzF,QACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,OAAO,EACX,WAAA,EAAA,IAAI,CAAC,OAAO,gBACX,YAAY,GAAG,CAAC,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAAC,8BAA8B,CAAC,EAAA,WAAA,EACxF,QAAQ,EACD,iBAAA,EAAA,YAAY,EAC7B,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,CAAA,EAAI,cAAc,CAAyC,uCAAA,CAAA,CAAC,IAAI,EAAE,EAElG,EAAA,IAAI,CAAC,OAAO,GAAG,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,GAAG,YAAY,GAAG,CAAC,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAAC,8BAA8B,CAAC,CAC/G;;;;;;;"}

package/dist/esm/u-pagination-button.entry.js

@@ -1,17 +1,17 @@
-import { U as UnidyComponent, r as registerInstance, g as getElement, h, e as Host } from './index-FTKB5a1d.js';
+import { r as registerInstance, h, e as Host } from './index-BsJDptgj.js';
+import { U as UnidyComponent } from './component-qfegGRWr.js';
 
-const PaginationButton = class extends UnidyComponent {
+const PaginationButton = class extends UnidyComponent() {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
     }
-    get element() { return getElement(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/esm/u-pagination-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-pagination-button.entry.js","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"],"names":[],"mappings":";;MAMa,gBAAiB,GAAA,cAAQ,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;;;;;;"}
+{"version":3,"file":"u-pagination-button.entry.js","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"],"names":[],"mappings":";;;MAMa,gBAAiB,GAAA,cAAQ,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;;;;;;"}

package/dist/esm/u-pagination-page.entry.js

@@ -1,16 +1,16 @@
-import { U as UnidyComponent, r as registerInstance, g as getElement, h, e as Host } from './index-FTKB5a1d.js';
+import { r as registerInstance, h, e as Host } from './index-BsJDptgj.js';
+import { U as UnidyComponent } from './component-qfegGRWr.js';
 
-const PaginationPage = class extends UnidyComponent {
+const PaginationPage = class extends UnidyComponent() {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
     }
-    get element() { return getElement(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/esm/u-pagination-page.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-pagination-page.entry.js","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"],"names":[],"mappings":";;MAMa,cAAe,GAAA,cAAQ,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;;;;;;"}
+{"version":3,"file":"u-pagination-page.entry.js","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"],"names":[],"mappings":";;;MAMa,cAAe,GAAA,cAAQ,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;;;;;;"}

package/dist/esm/u-passkey.entry.js

@@ -1,12 +1,11 @@
-import { r as registerInstance, h, e as Host } from './index-FTKB5a1d.js';
-import { t } from './i18n-Da7S9Oqf.js';
-import { i as Auth } from './index-BVlbCQEX.js';
-import { s as state } from './auth-store-DBlGNGhq.js';
-import './unidy-store-Bg7IaIMd.js';
-import './index-BnAYOYR5.js';
-import './profile-store-CHlSKuTY.js';
-import './component-utils-BGq0leDV.js';
-import './flash-store-Df2YkLTB.js';
+import { r as registerInstance, h, e as Host } from './index-BsJDptgj.js';
+import { t } from './i18n-ioyZxWsT.js';
+import { i as Auth } from './index-kgGjfc-n.js';
+import { s as state } from './auth-store-CSpEdi46.js';
+import './unidy-store-B5Bf4Vit.js';
+import './index-C8kmD3tu.js';
+import './profile-store-7wBS3gBH.js';
+import './flash-store-Dn1Bava8.js';
 
 const Passkey = class {
     constructor(hostRef) {