@unidy.io/sdk 1.1.3 → 1.1.5

package/dist/components/u-newsletter-resend-doi-button.js

@@ -0,0 +1,70 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { F as Flash } from './flash-store.js';
+import { a as isSubscribed, i as isConfirmed, r as resendDoi } from './newsletter-helpers.js';
+import { d as defineCustomElement$2 } from './spinner.js';
+
+const resendDoiButtonCss = "/*! tailwindcss v4.1.17 | 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.17 | 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}";
+
+const NewsletterResendDoiButton = /*@__PURE__*/ proxyCustomElement(class NewsletterResendDoiButton extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    internalName;
+    componentClassName = "";
+    isResending = false;
+    get shouldShow() {
+        return isSubscribed(this.internalName) && !isConfirmed(this.internalName);
+    }
+    handleClick = async () => {
+        this.isResending = true;
+        const success = await resendDoi(this.internalName);
+        this.isResending = false;
+        if (success) {
+            Flash.success.addMessage(t("newsletter.success.doi_sent"));
+        }
+        else {
+            Flash.error.addMessage(t("newsletter.errors.resend_doi_failed"));
+        }
+    };
+    render() {
+        if (!this.shouldShow) {
+            return null;
+        }
+        return (h("button", { type: "button", onClick: this.handleClick, disabled: this.isResending, "aria-busy": this.isResending, "aria-live": "polite", class: `${this.componentClassName} u:flex u:items-center u:justify-center` }, this.isResending ? h("u-spinner", null) : t("newsletter.buttons.resend_doi")));
+    }
+    static get style() { return resendDoiButtonCss; }
+}, [768, "u-newsletter-resend-doi-button", {
+        "internalName": [1, "internal-name"],
+        "componentClassName": [1, "class-name"],
+        "isResending": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-newsletter-resend-doi-button", "u-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-newsletter-resend-doi-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NewsletterResendDoiButton);
+            }
+            break;
+        case "u-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const UNewsletterResendDoiButton = NewsletterResendDoiButton;
+const defineCustomElement = defineCustomElement$1;
+
+export { UNewsletterResendDoiButton, defineCustomElement };
+//# sourceMappingURL=u-newsletter-resend-doi-button.js.map
+
+//# sourceMappingURL=u-newsletter-resend-doi-button.js.map

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

@@ -0,0 +1 @@
+{"file":"u-newsletter-resend-doi-button.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,ypNAAypN;;MCUvqN,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAA,WAAA,CAAA;;;;;;;AAC5B,IAAA,YAAY;IACe,kBAAkB,GAAG,EAAE;IAEjD,WAAW,GAAG,KAAK;AAE5B,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAOC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","NewsletterHelpers.isSubscribed","NewsletterHelpers.isConfirmed","NewsletterHelpers.resendDoi"],"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"],"version":3}

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

@@ -0,0 +1,90 @@
+import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
+import { A as Auth } from './auth.js';
+import { t } from './i18n.js';
+import { U as UnidyComponent, l as logger } from './logger.js';
+import { c as clearUrlParam } from './component-utils.js';
+import { F as Flash } from './flash-store.js';
+import { w as waitForConfig } from './unidy-store.js';
+import { f as fetchSubscriptions, s as sendLoginEmail, c as createSubscriptions } from './newsletter-helpers.js';
+import { n as newsletterStore, p as persist } from './newsletter-store.js';
+
+const NewsletterRoot = /*@__PURE__*/ proxyCustomElement(class NewsletterRoot extends UnidyComponent {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get el() { return this; }
+    componentClassName = "";
+    getErrorText(errorIdentifier) {
+        return t(`newsletter.errors.${errorIdentifier}`) || t("errors.unknown", { defaultValue: "An unknown error occurred" });
+    }
+    async componentWillLoad() {
+        const newsletterError = clearUrlParam("newsletter_error");
+        const preferenceToken = clearUrlParam("preference_token");
+        const email = clearUrlParam("email");
+        if (newsletterError) {
+            Flash.error.addMessage(this.getErrorText(newsletterError));
+        }
+        if (preferenceToken && email) {
+            newsletterStore.state.preferenceToken = preferenceToken;
+            newsletterStore.state.email = email;
+            persist("preferenceToken");
+            persist("email");
+        }
+        const authInstance = await Auth.getInstance();
+        const isAuthenticated = await authInstance.isAuthenticated();
+        newsletterStore.state.isAuthenticated = isAuthenticated;
+        if (isAuthenticated) {
+            const userData = await authInstance.userData();
+            if (userData) {
+                newsletterStore.state.email = userData.email;
+            }
+        }
+        await waitForConfig();
+        await fetchSubscriptions();
+    }
+    async submit(forType) {
+        const { email, checkedNewsletters } = newsletterStore.state;
+        if (forType === "login") {
+            if (!email) {
+                Flash.error.addMessage(t("newsletter.errors.email_required"));
+                return;
+            }
+            return await sendLoginEmail(email);
+        }
+        if (Object.keys(checkedNewsletters).length === 0) {
+            logger.error("No newsletters selected: please select at least one newsletter");
+            return;
+        }
+        await createSubscriptions({ email });
+    }
+    render() {
+        return (h(Host, { key: '10358670a779f8ee38e85f26aae1addbe400e519', class: this.componentClassName }, h("slot", { key: '702944e986d7784a583c2245dc7a03f423ce271e' })));
+    }
+}, [772, "u-newsletter-root", {
+        "componentClassName": [1, "class-name"],
+        "submit": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-newsletter-root"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-newsletter-root":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NewsletterRoot);
+            }
+            break;
+    } });
+}
+
+const UNewsletterRoot = NewsletterRoot;
+const defineCustomElement = defineCustomElement$1;
+
+export { UNewsletterRoot, defineCustomElement };
+//# sourceMappingURL=u-newsletter-root.js.map
+
+//# sourceMappingURL=u-newsletter-root.js.map

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

@@ -0,0 +1 @@
+{"file":"u-newsletter-root.js","mappings":";;;;;;;;;;MAea,cAAe,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAQ,cAAc,CAAA;;;;;;;;IAEb,kBAAkB,GAAG,EAAE;AAE1D,IAAA,YAAY,CAAC,eAA0C,EAAA;AACrD,QAAA,OAAO,CAAC,CAAC,CAAA,kBAAA,EAAqB,eAAe,CAAA,CAAE,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,2BAA2B,EAAE,CAAC;;AAGxH,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,MAAM,eAAe,GAAG,aAAa,CAAC,kBAAkB,CAAC;AACzD,QAAA,MAAM,eAAe,GAAG,aAAa,CAAC,kBAAkB,CAAC;AACzD,QAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;QAEpC,IAAI,eAAe,EAAE;AACnB,YAAA,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,eAA4C,CAAC,CAAC;;AAGzF,QAAA,IAAI,eAAe,IAAI,KAAK,EAAE;AAC5B,YAAA,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe;AACvD,YAAA,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK;YAEnC,OAAO,CAAC,iBAAiB,CAAC;YAC1B,OAAO,CAAC,OAAO,CAAC;;AAGlB,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAC7C,QAAA,MAAM,eAAe,GAAG,MAAM,YAAY,CAAC,eAAe,EAAE;AAC5D,QAAA,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe;QAEvD,IAAI,eAAe,EAAE;AACnB,YAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,QAAQ,EAAE;YAE9C,IAAI,QAAQ,EAAE;gBACZ,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK;;;QAIhD,MAAM,aAAa,EAAE;AACrB,QAAA,MAAMC,kBAAoC,EAAE;;IAI9C,MAAM,MAAM,CAAC,OAA6B,EAAA;QACxC,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,eAAe,CAAC,KAAK;AAE3D,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;;QAGF,MAAMC,mBAAqC,CAAC,EAAE,KAAK,EAAE,CAAC;;IAGxD,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAClC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","NewsletterHelpers.fetchSubscriptions","NewsletterHelpers.sendLoginEmail","NewsletterHelpers.createSubscriptions"],"sources":["src/newsletter/components/newsletter-root/newsletter-root.tsx"],"sourcesContent":["import { Component, Element, Host, h, Method, Prop } from \"@stencil/core\";\nimport { Auth } from \"../../../auth/auth\";\nimport { t } from \"../../../i18n\";\nimport { logger, UnidyComponent } from \"../../../logger\";\nimport { clearUrlParam } from \"../../../shared/component-utils\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { waitForConfig } from \"../../../shared/store/unidy-store\";\nimport * as NewsletterHelpers from \"../../newsletter-helpers\";\nimport { type NewsletterErrorIdentifier, newsletterStore, persist } from \"../../store/newsletter-store\";\nimport type { NewsletterButtonFor } from \"../submit-button/newsletter-submit-button\";\n\n@Component({\n  tag: \"u-newsletter-root\",\n  shadow: false,\n})\nexport class NewsletterRoot extends UnidyComponent {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  getErrorText(errorIdentifier: NewsletterErrorIdentifier): string {\n    return t(`newsletter.errors.${errorIdentifier}`) || t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n  }\n\n  async componentWillLoad() {\n    const newsletterError = clearUrlParam(\"newsletter_error\");\n    const preferenceToken = clearUrlParam(\"preference_token\");\n    const email = clearUrlParam(\"email\");\n\n    if (newsletterError) {\n      Flash.error.addMessage(this.getErrorText(newsletterError as NewsletterErrorIdentifier));\n    }\n\n    if (preferenceToken && email) {\n      newsletterStore.state.preferenceToken = preferenceToken;\n      newsletterStore.state.email = email;\n\n      persist(\"preferenceToken\");\n      persist(\"email\");\n    }\n\n    const authInstance = await Auth.getInstance();\n    const isAuthenticated = await authInstance.isAuthenticated();\n    newsletterStore.state.isAuthenticated = isAuthenticated;\n\n    if (isAuthenticated) {\n      const userData = await authInstance.userData();\n\n      if (userData) {\n        newsletterStore.state.email = userData.email;\n      }\n    }\n\n    await waitForConfig();\n    await NewsletterHelpers.fetchSubscriptions();\n  }\n\n  @Method()\n  async submit(forType?: NewsletterButtonFor) {\n    const { email, checkedNewsletters } = 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    await NewsletterHelpers.createSubscriptions({ email });\n  }\n\n  render() {\n    return (\n      <Host class={this.componentClassName}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1,97 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { F as Flash } from './flash-store.js';
+import { a as isSubscribed, b as subscribeToNewsletter, d as deleteSubscription } from './newsletter-helpers.js';
+import { n as newsletterStore } from './newsletter-store.js';
+import { d as defineCustomElement$2 } from './spinner.js';
+
+const toggleSubscriptionButtonCss = "/*! tailwindcss v4.1.17 | 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.17 | 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}";
+
+const ToggleNewsletterSubscriptionButton = /*@__PURE__*/ proxyCustomElement(class ToggleNewsletterSubscriptionButton extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    internalName;
+    componentClassName = "";
+    subscribeClassName = "";
+    unsubscribeClassName = "";
+    loading = false;
+    get isSubscribed() {
+        return isSubscribed(this.internalName);
+    }
+    handleClick = async () => {
+        if (this.loading)
+            return;
+        if (this.isSubscribed) {
+            await this.handleUnsubscribe();
+        }
+        else {
+            await this.handleSubscribe();
+        }
+    };
+    handleSubscribe = async () => {
+        const { email } = newsletterStore.state;
+        if (!email) {
+            Flash.error.addMessage(t("newsletter.errors.email_required"));
+            return;
+        }
+        this.loading = true;
+        const success = await subscribeToNewsletter(this.internalName, email);
+        this.loading = false;
+        if (success) {
+            Flash.success.addMessage(t("newsletter.success.subscribe"));
+        }
+    };
+    handleUnsubscribe = async () => {
+        this.loading = true;
+        const success = await deleteSubscription(this.internalName);
+        this.loading = false;
+        if (success) {
+            Flash.info.addMessage(t("newsletter.success.unsubscribe"));
+        }
+        else {
+            Flash.error.addMessage(t("newsletter.errors.unsubscribe_failed"));
+        }
+    };
+    render() {
+        const isSubscribed = this.isSubscribed;
+        const stateClassName = isSubscribed ? this.unsubscribeClassName : this.subscribeClassName;
+        return (h("button", { key: '2f858a8d382dd0a2b3e7c20aca3fbf8970f4be4e', type: "button", onClick: this.handleClick, disabled: this.loading, "aria-busy": this.loading, "aria-label": isSubscribed ? t("newsletter.buttons.unsubscribe") : t("newsletter.buttons.subscribe"), "aria-live": "polite", "data-subscribed": isSubscribed, class: `${this.componentClassName} ${stateClassName} u:flex u:items-center u:justify-center`.trim() }, this.loading ? h("u-spinner", null) : isSubscribed ? t("newsletter.buttons.unsubscribe") : t("newsletter.buttons.subscribe")));
+    }
+    static get style() { return toggleSubscriptionButtonCss; }
+}, [768, "u-newsletter-toggle-subscription-button", {
+        "internalName": [1, "internal-name"],
+        "componentClassName": [1, "class-name"],
+        "subscribeClassName": [1, "subscribe-class-name"],
+        "unsubscribeClassName": [1, "unsubscribe-class-name"],
+        "loading": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-newsletter-toggle-subscription-button", "u-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-newsletter-toggle-subscription-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ToggleNewsletterSubscriptionButton);
+            }
+            break;
+        case "u-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const UNewsletterToggleSubscriptionButton = ToggleNewsletterSubscriptionButton;
+const defineCustomElement = defineCustomElement$1;
+
+export { UNewsletterToggleSubscriptionButton, defineCustomElement };
+//# sourceMappingURL=u-newsletter-toggle-subscription-button.js.map
+
+//# sourceMappingURL=u-newsletter-toggle-subscription-button.js.map

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

@@ -0,0 +1 @@
+{"file":"u-newsletter-toggle-subscription-button.js","mappings":";;;;;;;AAAA,MAAM,2BAA2B,GAAG,ypNAAypN;;MCWhrN,kCAAkC,iBAAAA,kBAAA,CAAA,MAAA,kCAAA,SAAA,WAAA,CAAA;;;;;;;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,OAAOC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","NewsletterHelpers.isSubscribed","NewsletterHelpers.subscribeToNewsletter","NewsletterHelpers.deleteSubscription"],"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"],"version":3}

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

@@ -0,0 +1,86 @@
+import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
+import { U as UnidyComponent } from './logger.js';
+
+const PaginationButton = /*@__PURE__*/ proxyCustomElement(class PaginationButton extends UnidyComponent {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get element() { return this; }
+    direction = "next";
+    customClass;
+    paginationMeta = null;
+    store = null;
+    unsubscribe = null;
+    componentDidLoad() {
+        this.store = this.element.closest("u-ticketable-list")?.store;
+        if (!this.store) {
+            this.logger.warn("TicketableList component not found");
+            return;
+        }
+        // Get initial state
+        this.paginationMeta = this.store.state.paginationMeta;
+        // Subscribe to store changes - watch for changes to paginationMeta
+        this.unsubscribe = this.store.onChange("paginationMeta", (value) => {
+            this.paginationMeta = value;
+        });
+    }
+    disconnectedCallback() {
+        this.unsubscribe?.();
+    }
+    handleClick = () => {
+        const parent = this.element.closest("u-ticketable-list");
+        if (!parent || !this.paginationMeta) {
+            return;
+        }
+        const isPrev = this.direction === "prev";
+        let newPage = null;
+        if (isPrev && this.paginationMeta.prev !== null) {
+            newPage = this.paginationMeta.prev;
+        }
+        else if (!isPrev && this.paginationMeta.next !== null) {
+            newPage = this.paginationMeta.next;
+        }
+        if (newPage !== null) {
+            parent.setAttribute("page", String(newPage));
+        }
+    };
+    render() {
+        if (!this.store) {
+            this.logger.warn("TicketableList component not found");
+            return null;
+        }
+        const isPrev = this.direction === "prev";
+        const icon = isPrev ? "←" : "→";
+        // Determine disabled state based on pagination meta
+        const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);
+        return (h(Host, null, h("button", { type: "button", onClick: this.handleClick, disabled: disabled, "aria-label": isPrev ? "Previous page" : "Next page", class: this.customClass }, h("slot", { name: "icon" }, h("span", { "aria-hidden": "true" }, icon)))));
+    }
+}, [772, "u-pagination-button", {
+        "direction": [1],
+        "customClass": [1, "custom-class"],
+        "paginationMeta": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-pagination-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-pagination-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PaginationButton);
+            }
+            break;
+    } });
+}
+
+const UPaginationButton = PaginationButton;
+const defineCustomElement = defineCustomElement$1;
+
+export { UPaginationButton, defineCustomElement };
+//# sourceMappingURL=u-pagination-button.js.map
+
+//# sourceMappingURL=u-pagination-button.js.map

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

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

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

@@ -0,0 +1,66 @@
+import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
+import { U as UnidyComponent } from './logger.js';
+
+const PaginationPage = /*@__PURE__*/ proxyCustomElement(class PaginationPage extends UnidyComponent {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get element() { return this; }
+    customClass;
+    paginationMeta = null;
+    store = null;
+    unsubscribe = null;
+    componentDidLoad() {
+        this.store = this.element.closest("u-ticketable-list")?.store;
+        if (!this.store) {
+            this.logger.warn("TicketableList component not found");
+            return;
+        }
+        // Get initial state
+        this.paginationMeta = this.store.state.paginationMeta;
+        // Subscribe to store changes - watch for changes to paginationMeta
+        this.unsubscribe = this.store.onChange("paginationMeta", (value) => {
+            this.paginationMeta = value;
+        });
+    }
+    disconnectedCallback() {
+        this.unsubscribe?.();
+    }
+    render() {
+        if (!this.store) {
+            this.logger.warn("TicketableList component not found");
+            return null;
+        }
+        if (!this.paginationMeta) {
+            return null;
+        }
+        return (h(Host, null, h("span", { class: this.customClass }, "Page ", this.paginationMeta.page, " of ", this.paginationMeta.last)));
+    }
+}, [768, "u-pagination-page", {
+        "customClass": [1, "custom-class"],
+        "paginationMeta": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-pagination-page"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-pagination-page":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PaginationPage);
+            }
+            break;
+    } });
+}
+
+const UPaginationPage = PaginationPage;
+const defineCustomElement = defineCustomElement$1;
+
+export { UPaginationPage, defineCustomElement };
+//# sourceMappingURL=u-pagination-page.js.map
+
+//# sourceMappingURL=u-pagination-page.js.map

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

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

package/dist/components/u-passkey.js

@@ -0,0 +1,65 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { s as state } from './auth-store.js';
+import { A as Auth } from './auth.js';
+
+const Passkey = /*@__PURE__*/ proxyCustomElement(class Passkey extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    disabled = false;
+    componentClassName = "";
+    ariaDescribedBy = "";
+    isSupported = false;
+    componentWillLoad() {
+        // Check if WebAuthn is supported
+        this.isSupported = typeof window !== "undefined" && !!window.PublicKeyCredential;
+    }
+    handleClick = async () => {
+        if (this.disabled || state.loading || !this.isSupported)
+            return;
+        const authInstance = await Auth.getInstance();
+        await authInstance.helpers.authenticateWithPasskey();
+    };
+    render() {
+        if (!state.availableLoginOptions?.passkey) {
+            return null;
+        }
+        if (!this.isSupported) {
+            return null;
+        }
+        const isDisabled = this.disabled || state.loading;
+        const text = t("auth.passkey.button_text", { defaultValue: "Sign in with Passkey" });
+        const loadingText = t("auth.passkey.loading_text", { defaultValue: "Authenticating..." });
+        return (h(Host, null, h("button", { type: "button", disabled: isDisabled, onClick: this.handleClick, class: this.componentClassName, "aria-live": "polite", "aria-describedby": this.ariaDescribedBy || undefined }, state.loading ? loadingText : text)));
+    }
+}, [768, "u-passkey", {
+        "disabled": [4],
+        "componentClassName": [1, "class-name"],
+        "ariaDescribedBy": [1, "aria-described-by"],
+        "isSupported": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-passkey"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-passkey":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Passkey);
+            }
+            break;
+    } });
+}
+
+const UPasskey = Passkey;
+const defineCustomElement = defineCustomElement$1;
+
+export { UPasskey, defineCustomElement };
+//# sourceMappingURL=u-passkey.js.map
+
+//# sourceMappingURL=u-passkey.js.map

package/dist/components/u-passkey.js.map

@@ -0,0 +1 @@
+{"file":"u-passkey.js","mappings":";;;;;MASa,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAA,WAAA,CAAA;;;;;;;IACV,QAAQ,GAAG,KAAK;IACW,kBAAkB,GAAG,EAAE;IAClD,eAAe,GAAI,EAAE;IAEpB,WAAW,GAAG,KAAK;IAE5B,iBAAiB,GAAA;;AAEf,QAAA,IAAI,CAAC,WAAW,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC,mBAAmB;;IAG1E,WAAW,GAAG,YAAW;QAC/B,IAAI,IAAI,CAAC,QAAQ,IAAIC,KAAS,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE;AAE7D,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,YAAY,CAAC,OAAO,CAAC,uBAAuB,EAAE;AACtD,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAACA,KAAS,CAAC,qBAAqB,EAAE,OAAO,EAAE;AAC7C,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,OAAO,IAAI;;QAGb,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAIA,KAAS,CAAC,OAAO;AACrD,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,0BAA0B,EAAE,EAAE,YAAY,EAAE,sBAAsB,EAAE,CAAC;AACpF,QAAA,MAAM,WAAW,GAAG,CAAC,CAAC,2BAA2B,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC;QAEzF,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,IAAI,CAAC,kBAAkB,EACpB,WAAA,EAAA,QAAQ,EACA,kBAAA,EAAA,IAAI,CAAC,eAAe,IAAI,SAAS,EAElD,EAAAA,KAAS,CAAC,OAAO,GAAG,WAAW,GAAG,IAAI,CAChC,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/passkey/passkey.tsx"],"sourcesContent":["import { Component, h, Prop, State, Host } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { authState } from \"../../store/auth-store\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-passkey\",\n  shadow: false,\n})\nexport class Passkey {\n  @Prop() disabled = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() ariaDescribedBy? = \"\";\n\n  @State() isSupported = false;\n\n  componentWillLoad() {\n    // Check if WebAuthn is supported\n    this.isSupported = typeof window !== \"undefined\" && !!window.PublicKeyCredential;\n  }\n\n  private handleClick = async () => {\n    if (this.disabled || authState.loading || !this.isSupported) return;\n\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.authenticateWithPasskey();\n  };\n\n  render() {\n    if (!authState.availableLoginOptions?.passkey) {\n      return null;\n    }\n\n    if (!this.isSupported) {\n      return null;\n    }\n\n    const isDisabled = this.disabled || authState.loading;\n    const text = t(\"auth.passkey.button_text\", { defaultValue: \"Sign in with Passkey\" });\n    const loadingText = t(\"auth.passkey.loading_text\", { defaultValue: \"Authenticating...\" });\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          disabled={isDisabled}\n          onClick={this.handleClick}\n          class={this.componentClassName}\n          aria-live=\"polite\"\n          aria-describedby={this.ariaDescribedBy || undefined}\n        >\n          {authState.loading ? loadingText : text}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}