@unidy.io/sdk 1.1.8 → 1.1.10

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

@@ -0,0 +1,234 @@
+import { h } from "@stencil/core";
+import * as NewsletterHelpers from "../../newsletter-helpers";
+import { newsletterStore, storeDefaultPreference } from "../../store/newsletter-store";
+export class NewsletterPreferenceCheckbox {
+    internalName;
+    preferenceIdentifier;
+    checked = false;
+    componentClassName;
+    loading = false;
+    existingSubscriptions = [];
+    checkedPreferences = [];
+    storeUnsubscribe;
+    componentWillLoad() {
+        this.subscribeToStore();
+        this.initializeCheckedState();
+        if (this.checked) {
+            storeDefaultPreference(this.internalName, this.preferenceIdentifier);
+        }
+    }
+    disconnectedCallback() {
+        this.storeUnsubscribe?.();
+    }
+    subscribeToStore() {
+        this.storeUnsubscribe = newsletterStore.onChange("existingSubscriptions", (subscriptions) => {
+            this.existingSubscriptions = subscriptions;
+        });
+        newsletterStore.onChange("checkedNewsletters", (checkedNewsletters) => {
+            this.checkedPreferences = checkedNewsletters[this.internalName] || [];
+        });
+        this.existingSubscriptions = newsletterStore.state.existingSubscriptions;
+        this.checkedPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];
+    }
+    initializeCheckedState() {
+        if (NewsletterHelpers.isSubscribed(this.internalName)) {
+            return;
+        }
+        if (this.checked) {
+            this.syncToStore(true);
+        }
+    }
+    get subscription() {
+        return this.existingSubscriptions.find((sub) => sub.newsletter_internal_name === this.internalName);
+    }
+    get isSubscribed() {
+        return this.subscription !== undefined;
+    }
+    get isConfirmed() {
+        return this.subscription?.confirmed ?? false;
+    }
+    get isDisabled() {
+        return this.loading || (this.isSubscribed && !this.isConfirmed);
+    }
+    get isChecked() {
+        return this.checkedPreferences.includes(this.preferenceIdentifier);
+    }
+    syncToStore(add) {
+        const currentPreferences = newsletterStore.state.checkedNewsletters[this.internalName] || [];
+        if (add) {
+            if (!currentPreferences.includes(this.preferenceIdentifier)) {
+                newsletterStore.set("checkedNewsletters", {
+                    ...newsletterStore.state.checkedNewsletters,
+                    [this.internalName]: [...currentPreferences, this.preferenceIdentifier],
+                });
+            }
+        }
+        else {
+            newsletterStore.set("checkedNewsletters", {
+                ...newsletterStore.state.checkedNewsletters,
+                [this.internalName]: currentPreferences.filter((p) => p !== this.preferenceIdentifier),
+            });
+        }
+    }
+    async persistIfSubscribed() {
+        if (this.isSubscribed && this.isConfirmed) {
+            this.loading = true;
+            await NewsletterHelpers.updateSubscriptionPreferences(this.internalName);
+            this.loading = false;
+        }
+    }
+    handleChange = async () => {
+        if (this.isDisabled)
+            return;
+        this.syncToStore(!this.isChecked);
+        await this.persistIfSubscribed();
+    };
+    /** Public method to toggle the checkbox programmatically */
+    async toggle() {
+        await this.handleChange();
+    }
+    /** Public method to set the checkbox state programmatically */
+    async setChecked(checked) {
+        if (this.isDisabled)
+            return;
+        if (checked !== this.isChecked) {
+            this.syncToStore(checked);
+            await this.persistIfSubscribed();
+        }
+    }
+    render() {
+        return (h("input", { key: '06ccad6095f97e2da26a16852c791806728e2ec1', 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 }));
+    }
+    static get is() { return "u-newsletter-preference-checkbox"; }
+    static get properties() {
+        return {
+            "internalName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "internal-name"
+            },
+            "preferenceIdentifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "preference-identifier"
+            },
+            "checked": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "checked",
+                "defaultValue": "false"
+            },
+            "componentClassName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "class-name"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "loading": {},
+            "existingSubscriptions": {},
+            "checkedPreferences": {}
+        };
+    }
+    static get methods() {
+        return {
+            "toggle": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Public method to toggle the checkbox programmatically",
+                    "tags": []
+                }
+            },
+            "setChecked": {
+                "complexType": {
+                    "signature": "(checked: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "checked",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Public method to set the checkbox state programmatically",
+                    "tags": []
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=preference-checkbox.js.map

package/dist/collection/newsletter/components/preference-checkbox/preference-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preference-checkbox.js","sourceRoot":"","sources":["../../../../src/newsletter/components/preference-checkbox/preference-checkbox.tsx"],"names":[],"mappings":"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","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"]}

package/dist/collection/newsletter/components/resend-doi-button/resend-doi-button.css

@@ -0,0 +1 @@
+/*! 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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}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: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-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:0px;--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/collection/newsletter/components/resend-doi-button/resend-doi-button.js

@@ -0,0 +1,89 @@
+import { h } from "@stencil/core";
+import { t } from "../../../i18n";
+import { Flash } from "../../../shared/store/flash-store";
+import * as NewsletterHelpers from "../../newsletter-helpers";
+export class NewsletterResendDoiButton {
+    internalName;
+    componentClassName = "";
+    isResending = false;
+    get shouldShow() {
+        return NewsletterHelpers.isSubscribed(this.internalName) && !NewsletterHelpers.isConfirmed(this.internalName);
+    }
+    handleClick = async () => {
+        this.isResending = true;
+        const success = await NewsletterHelpers.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 is() { return "u-newsletter-resend-doi-button"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["resend-doi-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["resend-doi-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "internalName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "internal-name"
+            },
+            "componentClassName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "class-name",
+                "defaultValue": "\"\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isResending": {}
+        };
+    }
+}
+//# sourceMappingURL=resend-doi-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resend-doi-button.js","sourceRoot":"","sources":["../../../../src/newsletter/components/resend-doi-button/resend-doi-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAO9D,MAAM,OAAO,yBAAyB;IAC5B,YAAY,CAAU;IACK,kBAAkB,GAAG,EAAE,CAAC;IAElD,WAAW,GAAG,KAAK,CAAC;IAE7B,IAAY,UAAU;QACpB,OAAO,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAChH,CAAC;IAEO,WAAW,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACrE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAEzB,IAAI,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,WAAW,eACf,IAAI,CAAC,WAAW,eACjB,QAAQ,EAClB,KAAK,EAAE,GAAG,IAAI,CAAC,kBAAkB,yCAAyC,IAEzE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAa,CAAC,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAC/D,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

package/dist/collection/newsletter/components/submit-button/newsletter-submit-button.js

@@ -0,0 +1,18 @@
+import { newsletterStore } from "../../store/newsletter-store";
+import { getParentNewsletterRoot } from "../helpers";
+export const newsletterContext = {
+    handleClick: async (event, el, forProp) => {
+        event.preventDefault();
+        return await getParentNewsletterRoot(el)?.submit(forProp);
+    },
+    isDisabled(forProp, disabled) {
+        if (forProp === "login") {
+            return disabled || !newsletterStore.state.email;
+        }
+        return disabled || !newsletterStore.state.email || Object.keys(newsletterStore.state.checkedNewsletters).length === 0;
+    },
+    isLoading() {
+        return false;
+    },
+};
+//# sourceMappingURL=newsletter-submit-button.js.map

package/dist/collection/newsletter/components/submit-button/newsletter-submit-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"newsletter-submit-button.js","sourceRoot":"","sources":["../../../../src/newsletter/components/submit-button/newsletter-submit-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAIrD,MAAM,CAAC,MAAM,iBAAiB,GAA6C;IACzE,WAAW,EAAE,KAAK,EAAE,KAAiB,EAAE,EAAe,EAAE,OAA6B,EAAE,EAAE;QACvF,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO,MAAM,uBAAuB,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;IAED,UAAU,CAAC,OAAO,EAAE,QAAkB;QACpC,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,OAAO,QAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;QAClD,CAAC;QAED,OAAO,QAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IACxH,CAAC;IAED,SAAS;QACP,OAAO,KAAK,CAAC;IACf,CAAC;CACF,CAAC","sourcesContent":["import type { SubmitButtonContext } from \"../../../shared/components/submit-button/context\";\nimport { newsletterStore } from \"../../store/newsletter-store\";\nimport { getParentNewsletterRoot } from \"../helpers\";\n\nexport type NewsletterButtonFor = \"login\" | \"create\";\n\nexport const newsletterContext: SubmitButtonContext<NewsletterButtonFor> = {\n  handleClick: async (event: MouseEvent, el: HTMLElement, forProp?: NewsletterButtonFor) => {\n    event.preventDefault();\n    return await getParentNewsletterRoot(el)?.submit(forProp);\n  },\n\n  isDisabled(forProp, disabled?: boolean): boolean {\n    if (forProp === \"login\") {\n      return disabled || !newsletterStore.state.email;\n    }\n\n    return disabled || !newsletterStore.state.email || Object.keys(newsletterStore.state.checkedNewsletters).length === 0;\n  },\n\n  isLoading(): boolean {\n    return false;\n  },\n};\n"]}

package/dist/collection/newsletter/components/toggle-subscription-button/toggle-subscription-button.css

@@ -0,0 +1 @@
+/*! 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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}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: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-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:0px;--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/collection/newsletter/components/toggle-subscription-button/toggle-subscription-button.js

@@ -0,0 +1,154 @@
+import { h } from "@stencil/core";
+import { t } from "../../../i18n";
+import { Flash } from "../../../shared/store/flash-store";
+import * as NewsletterHelpers from "../../newsletter-helpers";
+import { newsletterStore } from "../../store/newsletter-store";
+export class ToggleNewsletterSubscriptionButton {
+    internalName;
+    componentClassName = "";
+    subscribeClassName = "";
+    unsubscribeClassName = "";
+    loading = false;
+    get isSubscribed() {
+        return NewsletterHelpers.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 NewsletterHelpers.subscribeToNewsletter(this.internalName, email);
+        this.loading = false;
+        if (success) {
+            Flash.success.addMessage(t("newsletter.success.subscribe"));
+        }
+    };
+    handleUnsubscribe = async () => {
+        this.loading = true;
+        const success = await NewsletterHelpers.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 is() { return "u-newsletter-toggle-subscription-button"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["toggle-subscription-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["toggle-subscription-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "internalName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "internal-name"
+            },
+            "componentClassName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "class-name",
+                "defaultValue": "\"\""
+            },
+            "subscribeClassName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "subscribe-class-name",
+                "defaultValue": "\"\""
+            },
+            "unsubscribeClassName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "unsubscribe-class-name",
+                "defaultValue": "\"\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "loading": {}
+        };
+    }
+}
+//# sourceMappingURL=toggle-subscription-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-subscription-button.js","sourceRoot":"","sources":["../../../../src/newsletter/components/toggle-subscription-button/toggle-subscription-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAO/D,MAAM,OAAO,kCAAkC;IACrC,YAAY,CAAU;IAEK,kBAAkB,GAAG,EAAE,CAAC;IACd,kBAAkB,GAAG,EAAE,CAAC;IACtB,oBAAoB,GAAG,EAAE,CAAC;IAEhE,OAAO,GAAG,KAAK,CAAC;IAEzB,IAAY,YAAY;QACtB,OAAO,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3D,CAAC;IAEO,WAAW,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO;QAEzB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEM,eAAe,GAAG,KAAK,IAAI,EAAE;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC;QAExC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC;YAC9D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACxF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QAErB,IAAI,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC,CAAC;IAEM,iBAAiB,GAAG,KAAK,IAAI,EAAE;QACrC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9E,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QAErB,IAAI,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACvC,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC;QAE1F,OAAO,CACL,+DACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,OAAO,eACX,IAAI,CAAC,OAAO,gBACX,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,eACxF,QAAQ,qBACD,YAAY,EAC7B,KAAK,EAAE,GAAG,IAAI,CAAC,kBAAkB,IAAI,cAAc,yCAAyC,CAAC,IAAI,EAAE,IAElG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAC/G,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

package/dist/collection/newsletter/index.js

@@ -0,0 +1,11 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export * from "./api/newsletters";
+//# sourceMappingURL=index.js.map

package/dist/collection/newsletter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/newsletter/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,mBAAmB,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport * from \"./api/newsletters\";\n"]}