@unidy.io/sdk 1.1.8 → 1.1.9

package/dist/collection/shared/components/config/config.js

@@ -0,0 +1,260 @@
+import * as Sentry from "@sentry/browser";
+import { h } from "@stencil/core";
+import { getUnidyClient } from "../../../api/";
+import { Auth } from "../../../auth";
+import i18n from "../../../i18n";
+import { UnidyComponent } from "../../../logger";
+import { unidyState } from "../../store/unidy-store";
+export class UnidyConfig extends UnidyComponent {
+    constructor() {
+        super();
+    }
+    mode = "production";
+    baseUrl = "";
+    apiKey = "";
+    customTranslations = "";
+    fallbackLocale = "en";
+    locale = "en";
+    unidyInitialized;
+    configChange;
+    async componentWillLoad() {
+        if (!this.baseUrl || !this.apiKey) {
+            this.logger.error("baseUrl and apiKey are required");
+            return;
+        }
+        unidyState.apiKey = this.apiKey;
+        unidyState.baseUrl = this.baseUrl;
+        unidyState.locale = this.locale;
+        unidyState.isConfigured = true;
+        this.unidyInitialized.emit({
+            apiKey: this.apiKey,
+            baseUrl: this.baseUrl,
+            locale: this.locale,
+            mode: this.mode,
+        });
+        i18n.options.fallbackLng = this.fallbackLocale;
+        this.loadCustomTranslations();
+        unidyState.locale = this.locale;
+        await Auth.initialize(getUnidyClient());
+    }
+    // extend the list of properties that should be watched when new properties are added to the Config
+    onPropChange(newValue, oldValue, propName) {
+        if (oldValue === undefined)
+            return;
+        if (propName in unidyState) {
+            unidyState[propName] = newValue;
+        }
+        this.configChange.emit({
+            key: propName,
+            value: newValue,
+            previousValue: oldValue,
+        });
+    }
+    render() {
+        return h("slot", { key: 'c1f855a1b3661d92bffe82bd4d927e832907f272' });
+    }
+    loadCustomTranslations() {
+        if (this.customTranslations) {
+            try {
+                const translations = typeof this.customTranslations === "string" ? JSON.parse(this.customTranslations) : this.customTranslations;
+                for (const lang in translations) {
+                    if (Object.hasOwn(translations, lang)) {
+                        i18n.addResourceBundle(lang, "translation", translations[lang], true, true);
+                    }
+                }
+            }
+            catch (error) {
+                Sentry.captureException("Failed to parse customTranslations", error);
+            }
+        }
+    }
+    static get is() { return "u-config"; }
+    static get properties() {
+        return {
+            "mode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"production\" | \"development\"",
+                    "resolved": "\"development\" | \"production\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mode",
+                "defaultValue": "\"production\""
+            },
+            "baseUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "base-url",
+                "defaultValue": "\"\""
+            },
+            "apiKey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "api-key",
+                "defaultValue": "\"\""
+            },
+            "customTranslations": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | Record<string, TranslationTree>",
+                    "resolved": "string | { [x: string]: TranslationTree; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        },
+                        "TranslationTree": {
+                            "location": "global",
+                            "id": "global::TranslationTree"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-translations",
+                "defaultValue": "\"\""
+            },
+            "fallbackLocale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "fallback-locale",
+                "defaultValue": "\"en\""
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "locale",
+                "defaultValue": "\"en\""
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "unidyInitialized",
+                "name": "unidyInitialized",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "Config",
+                    "resolved": "Config",
+                    "references": {
+                        "Config": {
+                            "location": "local",
+                            "path": "/Users/fran/work/unidy-sdk/packages/sdk/src/shared/components/config/config.tsx",
+                            "id": "src/shared/components/config/config.tsx::Config"
+                        }
+                    }
+                }
+            }, {
+                "method": "configChange",
+                "name": "configChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ConfigChange",
+                    "resolved": "ConfigChange",
+                    "references": {
+                        "ConfigChange": {
+                            "location": "local",
+                            "path": "/Users/fran/work/unidy-sdk/packages/sdk/src/shared/components/config/config.tsx",
+                            "id": "src/shared/components/config/config.tsx::ConfigChange"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "mode",
+                "methodName": "onPropChange"
+            }, {
+                "propName": "locale",
+                "methodName": "onPropChange"
+            }];
+    }
+}
+//# sourceMappingURL=config.js.map

package/dist/collection/shared/components/config/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../../src/shared/components/config/config.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as Sentry from \"@sentry/browser\";\nimport { Component, Event, type EventEmitter, h, Prop, Watch } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api/\";\nimport { Auth } from \"../../../auth\";\nimport i18n from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../logger\";\nimport { unidyState } from \"../../store/unidy-store\";\n\nexport interface Config {\n  apiKey: string;\n  baseUrl: string;\n  locale: string;\n  mode: \"production\" | \"development\";\n}\n\nexport interface ConfigChange {\n  key: string;\n  value: string;\n  previousValue: string;\n}\n\ntype TranslationTree = {\n  [key: string]: string | TranslationTree;\n};\n\n@Component({\n  tag: \"u-config\",\n  shadow: false,\n})\nexport class UnidyConfig extends UnidyComponent {\n  @Prop() mode: \"production\" | \"development\" = \"production\";\n  @Prop() baseUrl = \"\";\n  @Prop() apiKey = \"\";\n  @Prop() customTranslations: string | Record<string, TranslationTree> = \"\";\n  @Prop() fallbackLocale = \"en\";\n  @Prop() locale = \"en\";\n\n  @Event() unidyInitialized!: EventEmitter<Config>;\n  @Event() configChange!: EventEmitter<ConfigChange>;\n\n  async componentWillLoad() {\n    if (!this.baseUrl || !this.apiKey) {\n      this.logger.error(\"baseUrl and apiKey are required\");\n      return;\n    }\n\n    unidyState.apiKey = this.apiKey;\n    unidyState.baseUrl = this.baseUrl;\n    unidyState.locale = this.locale;\n    unidyState.isConfigured = true;\n\n    this.unidyInitialized.emit({\n      apiKey: this.apiKey,\n      baseUrl: this.baseUrl,\n      locale: this.locale,\n      mode: this.mode,\n    });\n\n    i18n.options.fallbackLng = this.fallbackLocale;\n\n    this.loadCustomTranslations();\n    unidyState.locale = this.locale;\n\n    await Auth.initialize(getUnidyClient());\n  }\n\n  // extend the list of properties that should be watched when new properties are added to the Config\n  @Watch(\"mode\")\n  @Watch(\"locale\")\n  onPropChange(newValue: string, oldValue: string, propName: keyof Config) {\n    if (oldValue === undefined) return;\n\n    if (propName in unidyState) {\n      (unidyState as Record<keyof Config, string>)[propName] = newValue;\n    }\n\n    this.configChange.emit({\n      key: propName,\n      value: newValue,\n      previousValue: oldValue,\n    });\n  }\n\n  render() {\n    return <slot />;\n  }\n\n  private loadCustomTranslations() {\n    if (this.customTranslations) {\n      try {\n        const translations = typeof this.customTranslations === \"string\" ? JSON.parse(this.customTranslations) : this.customTranslations;\n\n        for (const lang in translations) {\n          if (Object.hasOwn(translations, lang)) {\n            i18n.addResourceBundle(lang, \"translation\", translations[lang], true, true);\n          }\n        }\n      } catch (error) {\n        Sentry.captureException(\"Failed to parse customTranslations\", error);\n      }\n    }\n  }\n}\n"]}

package/dist/collection/shared/components/email-field/email-field.css

@@ -0,0 +1 @@
+/*! 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-color-gray-200:oklch(92.8% .006 264.531);--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\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.u\:disabled\:bg-gray-200:disabled{background-color:var(--u-color-gray-200)}.u\:disabled\:opacity-40:disabled{opacity:.4}} /*! 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-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/shared/components/email-field/email-field.js

@@ -0,0 +1,145 @@
+import { h } from "@stencil/core";
+import { getParentSigninStep } from "../../../auth/components/helpers";
+import { authState, authStore } from "../../../auth/store/auth-store";
+import { t } from "../../../i18n";
+import { getParentNewsletterRoot } from "../../../newsletter/components/helpers";
+import { newsletterStore } from "../../../newsletter/store/newsletter-store";
+export class EmailField {
+    el;
+    componentClassName = "";
+    ariaLabel = "Email";
+    disabled = false;
+    emailValue = "";
+    get context() {
+        if (this.el.closest("u-signin-root"))
+            return "auth";
+        if (this.el.closest("u-newsletter-root"))
+            return "newsletter";
+        return null;
+    }
+    get store() {
+        switch (this.context) {
+            case "auth":
+                return authStore;
+            case "newsletter":
+                return newsletterStore;
+            default:
+                throw new Error("No store found for email field. Make sure you are using the component within a u-signin-root or u-newsletter-root.");
+        }
+    }
+    handleInput = (event) => {
+        const target = event.target;
+        this.store.state.email = target.value;
+        if (this.context === "newsletter") {
+            this.store.state.errors = {};
+        }
+        else {
+            this.store.clearFieldError("email");
+        }
+    };
+    handleSubmit = async (event) => {
+        event.preventDefault();
+        if (this.store.state.email === "")
+            return;
+        if (this.context === "auth")
+            return await getParentSigninStep(this.el)?.submit();
+        if (this.context === "newsletter")
+            return await getParentNewsletterRoot(this.el)?.submit();
+    };
+    isDisabled() {
+        if (this.disabled)
+            return true;
+        if (this.context === "auth")
+            return authState.loading || authState.step === "verification" || authState.step === "registration";
+        if (this.context === "newsletter") {
+            return !!newsletterStore.state.preferenceToken && !!newsletterStore.state.email;
+        }
+        return false;
+    }
+    render() {
+        const placeholderText = t("auth.email.placeholder", { defaultValue: "Enter your email" });
+        return (h("form", { key: '435145b8bcd40a984052b2a64b144ebbe16b188c', onSubmit: this.handleSubmit }, h("input", { key: '3ca976a93d48c62617375add44dced059e961709', id: "email", type: "email", value: this.store.state.email, autocomplete: "email", placeholder: placeholderText, disabled: this.isDisabled(), class: `${this.componentClassName} u:disabled:opacity-40 u:disabled:bg-gray-200 u:disabled:cursor-not-allowed`, onInput: this.handleInput, "aria-label": this.ariaLabel }), h("slot", { key: '5eb4e5d803e9278cd603890269ff5e07457576f5' })));
+    }
+    static get is() { return "u-email-field"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["email-field.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["email-field.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "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": "\"\""
+            },
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label",
+                "defaultValue": "\"Email\""
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "emailValue": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=email-field.js.map

package/dist/collection/shared/components/email-field/email-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-field.js","sourceRoot":"","sources":["../../../../src/shared/components/email-field/email-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, State } from \"@stencil/core\";\nimport { getParentSigninStep } from \"../../../auth/components/helpers\";\nimport { authState, authStore } from \"../../../auth/store/auth-store\";\nimport { t } from \"../../../i18n\";\nimport { getParentNewsletterRoot } from \"../../../newsletter/components/helpers\";\nimport { newsletterStore } from \"../../../newsletter/store/newsletter-store\";\n\n@Component({\n  tag: \"u-email-field\",\n  styleUrl: \"email-field.css\",\n  shadow: false,\n})\nexport class EmailField {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() ariaLabel = \"Email\";\n  @Prop() disabled = false;\n\n  @State() emailValue = \"\";\n\n  private get context(): \"auth\" | \"newsletter\" | null {\n    if (this.el.closest(\"u-signin-root\")) return \"auth\";\n\n    if (this.el.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n    return null;\n  }\n\n  private get store(): typeof authStore | typeof newsletterStore | null {\n    switch (this.context) {\n      case \"auth\":\n        return authStore;\n      case \"newsletter\":\n        return newsletterStore;\n      default:\n        throw new Error(\n          \"No store found for email field. Make sure you are using the component within a u-signin-root or u-newsletter-root.\",\n        );\n    }\n  }\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    (this.store as { state: { email: string } }).state.email = target.value;\n\n    if (this.context === \"newsletter\") {\n      this.store.state.errors = {};\n    } else {\n      (this.store as { clearFieldError: (field: \"email\") => void }).clearFieldError(\"email\");\n    }\n  };\n\n  private handleSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    if (this.store.state.email === \"\") return;\n\n    if (this.context === \"auth\") return await getParentSigninStep(this.el)?.submit();\n\n    if (this.context === \"newsletter\") return await getParentNewsletterRoot(this.el)?.submit();\n  };\n\n  private isDisabled(): boolean {\n    if (this.disabled) return true;\n\n    if (this.context === \"auth\") return authState.loading || authState.step === \"verification\" || authState.step === \"registration\";\n\n    if (this.context === \"newsletter\") {\n      return !!newsletterStore.state.preferenceToken && !!newsletterStore.state.email;\n    }\n\n    return false;\n  }\n\n  render() {\n    const placeholderText = t(\"auth.email.placeholder\", { defaultValue: \"Enter your email\" });\n\n    return (\n      <form onSubmit={this.handleSubmit}>\n        <input\n          id=\"email\"\n          type=\"email\"\n          value={this.store.state.email}\n          autocomplete=\"email\"\n          placeholder={placeholderText}\n          disabled={this.isDisabled()}\n          class={`${this.componentClassName} u:disabled:opacity-40 u:disabled:bg-gray-200 u:disabled:cursor-not-allowed`}\n          onInput={this.handleInput}\n          aria-label={this.ariaLabel}\n        />\n        <slot />\n      </form>\n    );\n  }\n}\n"]}

package/dist/collection/shared/components/error-message/error-message.js

@@ -0,0 +1,141 @@
+import { Host, h } from "@stencil/core";
+import { authState } from "../../../auth/store/auth-store";
+import { t } from "../../../i18n";
+import { newsletterStore } from "../../../newsletter/store/newsletter-store";
+import { hasSlotContent } from "../../component-utils";
+import { unidyState } from "../../store/unidy-store";
+export class ErrorMessage {
+    componentClassName = "";
+    for;
+    errorMessages;
+    el;
+    detectContext() {
+        if (this.el.closest("u-signin-root") || this.el.closest("u-signin-step"))
+            return "auth";
+        if (this.el.closest("u-profile"))
+            return "profile";
+        if (this.el.closest("u-newsletter-root"))
+            return "newsletter";
+        if (this.for === "general" || this.for === "connection")
+            return "other";
+        throw new Error("No context found for error message. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.");
+    }
+    get context() {
+        return this.detectContext();
+    }
+    getAuthErrorMessage(errorCode) {
+        if (this.errorMessages?.[errorCode]) {
+            return this.errorMessages[errorCode];
+        }
+        const translatedError = t(`errors.${errorCode}`);
+        if (translatedError !== `errors.${errorCode}`) {
+            return translatedError;
+        }
+        return errorCode || t("errors.unknown", { defaultValue: "An error occurred" });
+    }
+    getNewsletterErrorMessage(errorIdentifier) {
+        return t(`newsletter.errors.${errorIdentifier}`) || t("errors.unknown", { defaultValue: "An unknown error occurred" });
+    }
+    getErrorMessage(errorCode) {
+        if (this.context === "auth") {
+            return this.getAuthErrorMessage(errorCode);
+        }
+        return this.getNewsletterErrorMessage(errorCode);
+    }
+    getAuthErrorCode() {
+        const forValue = this.for;
+        if (forValue === "connection") {
+            return unidyState.backendConnected ? null : "connection_failed";
+        }
+        if (forValue === "general") {
+            return authState.globalErrors.auth;
+        }
+        return authState.errors[forValue];
+    }
+    getNewsletterErrorCode() {
+        const error = newsletterStore.state.errors[this.for];
+        return error ?? null;
+    }
+    render() {
+        const errorCode = this.context === "newsletter" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();
+        if (!errorCode) {
+            return null;
+        }
+        // Only render connection_failed for "general" and "connection" types
+        if (errorCode === "connection_failed" && this.for !== "general" && this.for !== "connection") {
+            return null;
+        }
+        const errorMessage = this.getErrorMessage(errorCode);
+        const formattedMessage = errorMessage?.includes("\n") ? h("div", { style: { whiteSpace: "pre-line" } }, errorMessage) : errorMessage;
+        return h(Host, { class: this.componentClassName }, hasSlotContent(this.el) ? h("slot", null) : formattedMessage);
+    }
+    static get is() { return "u-error-message"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "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": "\"\""
+            },
+            "for": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "for"
+            },
+            "errorMessages": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Record<string, string>",
+                    "resolved": "{ [x: string]: string; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=error-message.js.map

package/dist/collection/shared/components/error-message/error-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-message.js","sourceRoot":"","sources":["../../../../src/shared/components/error-message/error-message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, h, Prop } from \"@stencil/core\";\nimport { authState } from \"../../../auth/store/auth-store\";\nimport { t } from \"../../../i18n\";\nimport { type NewsletterErrorIdentifier, newsletterStore } from \"../../../newsletter/store/newsletter-store\";\nimport { hasSlotContent } from \"../../component-utils\";\nimport { unidyState } from \"../../store/unidy-store\";\n\nexport type AuthErrorType = \"email\" | \"password\" | \"magicCode\" | \"resetPassword\" | \"general\" | \"connection\" | \"passkey\";\n\n@Component({\n  tag: \"u-error-message\",\n  shadow: true,\n})\nexport class ErrorMessage {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() for!: string;\n\n  @Prop() errorMessages?: Record<string, string>;\n  @Element() el!: HTMLElement;\n\n  private detectContext(): \"auth\" | \"newsletter\" | \"profile\" | \"other\" {\n    if (this.el.closest(\"u-signin-root\") || this.el.closest(\"u-signin-step\")) return \"auth\";\n\n    if (this.el.closest(\"u-profile\")) return \"profile\";\n\n    if (this.el.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n    if (this.for === \"general\" || this.for === \"connection\") return \"other\";\n\n    throw new Error(\n      \"No context found for error message. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.\",\n    );\n  }\n\n  private get context(): \"auth\" | \"newsletter\" | \"profile\" | \"other\" {\n    return this.detectContext();\n  }\n\n  private getAuthErrorMessage(errorCode: string): string {\n    if (this.errorMessages?.[errorCode]) {\n      return this.errorMessages[errorCode];\n    }\n\n    const translatedError = t(`errors.${errorCode}`);\n    if (translatedError !== `errors.${errorCode}`) {\n      return translatedError;\n    }\n\n    return errorCode || t(\"errors.unknown\", { defaultValue: \"An error occurred\" });\n  }\n\n  private getNewsletterErrorMessage(errorIdentifier: NewsletterErrorIdentifier): string {\n    return t(`newsletter.errors.${errorIdentifier}`) || t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n  }\n\n  private getErrorMessage(errorCode: string): string | null {\n    if (this.context === \"auth\") {\n      return this.getAuthErrorMessage(errorCode);\n    }\n\n    return this.getNewsletterErrorMessage(errorCode as NewsletterErrorIdentifier);\n  }\n\n  private getAuthErrorCode(): string | null {\n    const forValue = this.for as AuthErrorType;\n\n    if (forValue === \"connection\") {\n      return unidyState.backendConnected ? null : \"connection_failed\";\n    }\n\n    if (forValue === \"general\") {\n      return authState.globalErrors.auth;\n    }\n\n    return authState.errors[forValue];\n  }\n\n  private getNewsletterErrorCode(): string | null {\n    const error = newsletterStore.state.errors[this.for];\n    return error ?? null;\n  }\n\n  render() {\n    const errorCode = this.context === \"newsletter\" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();\n\n    if (!errorCode) {\n      return null;\n    }\n\n    // Only render connection_failed for \"general\" and \"connection\" types\n    if (errorCode === \"connection_failed\" && this.for !== \"general\" && this.for !== \"connection\") {\n      return null;\n    }\n\n    const errorMessage = this.getErrorMessage(errorCode);\n    const formattedMessage = errorMessage?.includes(\"\\n\") ? <div style={{ whiteSpace: \"pre-line\" }}>{errorMessage}</div> : errorMessage;\n\n    return <Host class={this.componentClassName}>{hasSlotContent(this.el) ? <slot /> : formattedMessage}</Host>;\n  }\n}\n"]}

package/dist/collection/shared/components/flash-message/close-icon.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const CloseIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("title", null, "Close"), h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })));
+//# sourceMappingURL=close-icon.js.map

package/dist/collection/shared/components/flash-message/close-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-icon.js","sourceRoot":"","sources":["../../../../src/shared/components/flash-message/close-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO;IAEvB,yBAAoB;IACpB,YAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IACtC,YAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACP,CAAC","sourcesContent":["import { h } from \"@stencil/core\";\n\nexport const CloseIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <title>Close</title>\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n"]}

package/dist/collection/shared/components/flash-message/flash-message.css

@@ -0,0 +1 @@
+/*! 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-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--u-color-red-50:oklch(97.1% .013 17.38);--u-color-red-300:oklch(80.8% .114 19.571);--u-color-red-800:oklch(44.4% .177 26.899);--u-color-green-50:oklch(98.2% .018 155.826);--u-color-green-400:oklch(79.2% .209 151.711);--u-color-green-800:oklch(44.8% .119 151.328);--u-color-blue-50:oklch(97% .014 254.604);--u-color-blue-300:oklch(80.9% .105 251.813);--u-color-blue-800:oklch(42.4% .199 265.638);--u-spacing:.25rem;--u-container-xl:36rem;--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\:z-\[500\]{z-index:500}.u\:mr-1{margin-right:calc(var(--u-spacing)*1)}.u\:flex{display:flex}.u\:max-w-xl{max-width:var(--u-container-xl)}.u\:min-w-64{min-width:calc(var(--u-spacing)*64)}.u\:cursor-pointer{cursor:pointer}.u\:flex-col{flex-direction:column}.u\:items-start{align-items:flex-start}.u\:justify-between{justify-content:space-between}.u\:gap-2{gap:calc(var(--u-spacing)*2)}.u\:gap-3{gap:calc(var(--u-spacing)*3)}.u\:rounded{border-radius:.25rem}.u\:border{border-style:var(--tw-border-style);border-width:1px}.u\:border-solid{--tw-border-style:solid;border-style:solid}.u\:border-blue-300{border-color:var(--u-color-blue-300)}.u\:border-green-400{border-color:var(--u-color-green-400)}.u\:border-red-300{border-color:var(--u-color-red-300)}.u\:bg-blue-50{background-color:var(--u-color-blue-50)}.u\:bg-green-50{background-color:var(--u-color-green-50)}.u\:bg-red-50{background-color:var(--u-color-red-50)}.u\:p-3{padding:calc(var(--u-spacing)*3)}.u\:pt-1{padding-top:calc(var(--u-spacing)*1)}.u\:leading-none{--tw-leading:1;line-height:1}.u\:break-words{overflow-wrap:break-word}.u\:text-blue-800{color:var(--u-color-blue-800)}.u\:text-green-800{color:var(--u-color-green-800)}.u\:text-red-800{color:var(--u-color-red-800)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}