@unidy.io/sdk 1.1.1-alpha2 → 1.1.2

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

@@ -1,260 +0,0 @@
-import * as Sentry from "@sentry/browser";
-import { h } from "@stencil/core";
-import i18n from "../../../i18n";
-import { unidyState } from "../../store/unidy-store";
-import { Auth } from "../../../auth";
-import { getUnidyClient } from "../../../api/";
-import { UnidyComponent } from "../../../logger";
-export class UnidyConfig extends UnidyComponent {
-    constructor() {
-        super();
-    }
-    mode = "production";
-    baseUrl = "";
-    apiKey = "";
-    customTranslations = "";
-    fallbackLocale = "en";
-    locale = "en";
-    unidyInitialized;
-    configChange;
-    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;
-        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: '1105e4e4e3732dfa457352ef7d9b3fdc1095f960' });
-    }
-    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

@@ -1 +0,0 @@
-{"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, Prop, Watch, Event, type EventEmitter, h } from \"@stencil/core\";\nimport i18n from \"../../../i18n\";\nimport { unidyState } from \"../../store/unidy-store\";\nimport { Auth } from \"../../../auth\";\nimport { getUnidyClient } from \"../../../api/\";\nimport { UnidyComponent } from \"../../../logger\";\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  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    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.js

@@ -1,161 +0,0 @@
-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 = "";
-    for;
-    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(this.for);
-    };
-    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: 'a578ecb30bd45355bfa266a2ee8e9fc6a72760e6', onSubmit: this.handleSubmit }, h("input", { key: '7e7e323cb5b1aab9edba7f9fb8841f28aca8342b', 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: 'a2dcf0b021609bad22cfc7cddacdb0075d6d70ae' })));
-    }
-    static get is() { return "u-email-field"; }
-    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": "NewsletterButtonFor",
-                    "resolved": "\"create\" | \"login\"",
-                    "references": {
-                        "NewsletterButtonFor": {
-                            "location": "import",
-                            "path": "../../../newsletter/components/submit-button/newsletter-submit-button",
-                            "id": "src/newsletter/components/submit-button/newsletter-submit-button.ts::NewsletterButtonFor"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "for"
-            },
-            "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

@@ -1 +0,0 @@
-{"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 type { NewsletterButtonFor } from \"../../../newsletter/components/submit-button/newsletter-submit-button\";\nimport { newsletterStore } from \"../../../newsletter/store/newsletter-store\";\n\n@Component({\n  tag: \"u-email-field\",\n  shadow: false,\n})\nexport class EmailField {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() for?: NewsletterButtonFor;\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(this.for);\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

@@ -1,141 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { t } from "../../../i18n";
-import { authState } from "../../../auth/store/auth-store";
-import { unidyState } from "../../store/unidy-store";
-import { newsletterStore } from "../../../newsletter/store/newsletter-store";
-import { hasSlotContent } from "../../component-utils";
-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

@@ -1 +0,0 @@
-{"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, h, Host, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { authState } from \"../../../auth/store/auth-store\";\nimport { unidyState } from \"../../store/unidy-store\";\nimport { type NewsletterErrorIdentifier, newsletterStore } from \"../../../newsletter/store/newsletter-store\";\nimport { hasSlotContent } from \"../../component-utils\";\n\nexport type AuthErrorType = \"email\" | \"password\" | \"magicCode\" | \"resetPassword\" | \"general\" | \"connection\";\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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}