@unidy.io/sdk 1.1.8 → 1.1.10

package/dist/components/submit-button.js

@@ -0,0 +1,233 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { s as state } from './auth-store.js';
+import { g as getParentSigninStep } from './helpers.js';
+import { n as newsletterStore } from './newsletter-store.js';
+import { g as getParentNewsletterRoot } from './helpers2.js';
+import { s as state$1 } from './profile-store.js';
+import { h as hasSlotContent } from './component-utils.js';
+import { d as defineCustomElement$1 } from './spinner.js';
+
+const authContext = {
+    handleClick: async (event, el, _forProp) => {
+        event.preventDefault();
+        await getParentSigninStep(el)?.submit();
+    },
+    isDisabled(forProp, disabled) {
+        if (disabled || state.loading)
+            return true;
+        if (state.step === "email" && forProp === "email") {
+            return state.email === "";
+        }
+        if (state.step === "verification" && forProp === "password") {
+            return state.password === "";
+        }
+        if (state.step === "reset-password" && forProp === "resetPassword") {
+            return !state.resetPassword.newPassword || !state.resetPassword.passwordConfirmation;
+        }
+        return false;
+    },
+    isLoading() {
+        return state.loading;
+    },
+    getButtonText(forProp, text) {
+        if (text)
+            return text;
+        switch (state.step) {
+            case "email":
+                return t("buttons.continue");
+            case "verification":
+                if (forProp === "password") {
+                    return t("auth.password.button_text", { defaultValue: "Sign In with Password" });
+                }
+                return t("buttons.submit");
+            case "reset-password":
+                if (forProp === "resetPassword") {
+                    return t("auth.resetPassword.button_text_set", { defaultValue: "Set Password" });
+                }
+                return t("buttons.submit");
+            default:
+                return t("buttons.submit");
+        }
+    },
+    shouldRender(forProp) {
+        if (!state.availableLoginOptions?.password && forProp === "password") {
+            return false;
+        }
+        if (state.step === "email") {
+            return forProp === "email";
+        }
+        if (state.step === "verification") {
+            return forProp === "password" && state.magicCodeStep !== "sent";
+        }
+        if (state.step === "reset-password") {
+            return forProp === "resetPassword";
+        }
+        return false;
+    },
+};
+
+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;
+    },
+};
+
+function getParentProfile(el) {
+    return el.closest("u-profile");
+}
+const profileContext = {
+    async handleClick(event, el, _forProp) {
+        event.preventDefault();
+        await getParentProfile(el)?.submitProfile();
+    },
+    isDisabled(_forProp, disabled) {
+        return disabled || (state$1.errors && Object.keys(state$1.errors).length > 0) || state$1.phoneValid === false;
+    },
+    isLoading() {
+        return state$1.loading;
+    },
+};
+
+const defaultContext = {
+    async handleClick() { },
+    isDisabled(_forProp, disabled = false) {
+        return disabled || false;
+    },
+    isLoading() {
+        return false;
+    },
+};
+
+const submitButtonCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-animate-spin:spin 1s linear infinite;--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:flex{display:flex}.u\\:justify-center{justify-content:center}.u\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.u\\:disabled\\:opacity-50:disabled{opacity:.5}.u\\:inline-flex{display:inline-flex}.u\\:h-\\[1em\\]{height:1em}.u\\:w-\\[1em\\]{width:1em}.u\\:animate-spin{animation:var(--u-animate-spin)}.u\\:items-center{align-items:center}.u\\:rounded-\\[50\\%\\]{border-radius:50%}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components;@layer utilities{}@keyframes spin{to{transform:rotate(1turn)}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components;@layer utilities{.u\\:justify-end{justify-content:flex-end}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+
+const SubmitButton = /*@__PURE__*/ proxyCustomElement(class SubmitButton extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get el() { return this; }
+    for;
+    text;
+    disabled = false;
+    componentClassName = "";
+    context = "auth";
+    contextModule = defaultContext;
+    hasSlot = false;
+    async componentWillLoad() {
+        // this needs to be evaluated on load, bc doing it on render will evaluate the generated dom for "shadow: false"
+        // components and always return true on re-render
+        this.hasSlot = hasSlotContent(this.el);
+        this.context = this.detectContext();
+        switch (this.context) {
+            case "auth":
+                this.contextModule = authContext;
+                break;
+            case "profile":
+                this.contextModule = profileContext;
+                break;
+            case "newsletter":
+                this.contextModule = newsletterContext;
+                break;
+            default:
+                this.contextModule = defaultContext;
+        }
+    }
+    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";
+        throw new Error("No context found for submit button. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.");
+    }
+    handleClick = async (event) => {
+        await this.contextModule.handleClick(event, this.el, this.for);
+    };
+    isDisabled() {
+        return this.contextModule.isDisabled(this.for, this.disabled);
+    }
+    isLoading() {
+        return this.contextModule.isLoading();
+    }
+    getButtonText() {
+        if (this.contextModule.getButtonText) {
+            return this.contextModule.getButtonText(this.for, this.text);
+        }
+        if (this.text) {
+            return this.text;
+        }
+        return t("buttons.submit");
+    }
+    getButtonContent() {
+        const loading = this.isLoading();
+        if (loading) {
+            return h("u-spinner", null);
+        }
+        if (this.hasSlot) {
+            return h("slot", null);
+        }
+        return this.getButtonText();
+    }
+    render() {
+        if (this.contextModule.shouldRender && !this.contextModule.shouldRender(this.for)) {
+            return null;
+        }
+        const buttonClasses = [
+            this.componentClassName,
+            this.context === "auth" ? "u:flex u:justify-center" : "",
+            "u:disabled:opacity-50 u:disabled:cursor-not-allowed",
+        ].join(" ");
+        const buttonProps = {
+            type: "submit",
+            part: `${this.context}-submit-button`,
+            disabled: this.isDisabled() || this.isLoading(),
+            class: buttonClasses,
+            onClick: this.handleClick,
+            "aria-live": "polite",
+        };
+        return h("button", { ...buttonProps }, this.getButtonContent());
+    }
+    static get style() { return submitButtonCss; }
+}, [772, "u-submit-button", {
+        "for": [1],
+        "text": [1],
+        "disabled": [4],
+        "componentClassName": [1, "class-name"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-submit-button", "u-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-submit-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SubmitButton);
+            }
+            break;
+        case "u-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { SubmitButton as S, defineCustomElement as d };
+//# sourceMappingURL=submit-button.js.map
+
+//# sourceMappingURL=submit-button.js.map

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

@@ -0,0 +1 @@
+{"file":"submit-button.js","mappings":"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","names":["authState","profileState","__stencil_proxyCustomElement"],"sources":["src/auth/components/submit-button/auth-submit-button.ts","src/newsletter/components/submit-button/newsletter-submit-button.ts","src/profile/components/submit-button/profile-submit-button.ts","src/shared/components/submit-button/context.ts","src/shared/components/submit-button/submit-button.css?tag=u-submit-button","src/shared/components/submit-button/submit-button.tsx"],"sourcesContent":["import { t } from \"../../../i18n\";\nimport type { SubmitButtonContext } from \"../../../shared/components/submit-button/context\";\nimport { authState } from \"../../store/auth-store\";\nimport { getParentSigninStep } from \"../helpers\";\n\nexport type AuthButtonFor = \"email\" | \"password\" | \"resetPassword\";\n\nexport const authContext: SubmitButtonContext<AuthButtonFor> = {\n  handleClick: async (event: MouseEvent, el: HTMLElement, _forProp?: AuthButtonFor) => {\n    event.preventDefault();\n    await getParentSigninStep(el)?.submit();\n  },\n\n  isDisabled(forProp?: AuthButtonFor, disabled?: boolean): boolean {\n    if (disabled || authState.loading) return true;\n\n    if (authState.step === \"email\" && forProp === \"email\") {\n      return authState.email === \"\";\n    }\n\n    if (authState.step === \"verification\" && forProp === \"password\") {\n      return authState.password === \"\";\n    }\n\n    if (authState.step === \"reset-password\" && forProp === \"resetPassword\") {\n      return !authState.resetPassword.newPassword || !authState.resetPassword.passwordConfirmation;\n    }\n\n    return false;\n  },\n\n  isLoading(): boolean {\n    return authState.loading;\n  },\n\n  getButtonText(forProp?: AuthButtonFor, text?: string): string {\n    if (text) return text;\n\n    switch (authState.step) {\n      case \"email\":\n        return t(\"buttons.continue\");\n      case \"verification\":\n        if (forProp === \"password\") {\n          return t(\"auth.password.button_text\", { defaultValue: \"Sign In with Password\" });\n        }\n        return t(\"buttons.submit\");\n      case \"reset-password\":\n        if (forProp === \"resetPassword\") {\n          return t(\"auth.resetPassword.button_text_set\", { defaultValue: \"Set Password\" });\n        }\n        return t(\"buttons.submit\");\n      default:\n        return t(\"buttons.submit\");\n    }\n  },\n\n  shouldRender(forProp?: AuthButtonFor): boolean {\n    if (!authState.availableLoginOptions?.password && forProp === \"password\") {\n      return false;\n    }\n\n    if (authState.step === \"email\") {\n      return forProp === \"email\";\n    }\n\n    if (authState.step === \"verification\") {\n      return forProp === \"password\" && authState.magicCodeStep !== \"sent\";\n    }\n\n    if (authState.step === \"reset-password\") {\n      return forProp === \"resetPassword\";\n    }\n\n    return false;\n  },\n};\n","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","import type { SubmitButtonContext } from \"../../../shared/components/submit-button/context\";\nimport { state as profileState } from \"../../store/profile-store\";\n\nfunction getParentProfile(el: HTMLElement) {\n  return el.closest(\"u-profile\") as HTMLUProfileElement | null;\n}\n\nexport const profileContext: SubmitButtonContext = {\n  async handleClick(event: MouseEvent, el: HTMLElement, _forProp?: string) {\n    event.preventDefault();\n    await getParentProfile(el)?.submitProfile();\n  },\n\n  isDisabled(_forProp, disabled?: boolean): boolean {\n    return disabled || (profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false;\n  },\n\n  isLoading(): boolean {\n    return profileState.loading;\n  },\n};\n","export interface SubmitButtonContext<ForContext = string> {\n  init?(): Promise<void>;\n  handleClick(event: MouseEvent, el: HTMLElement, forProp?: ForContext): Promise<void>;\n  isDisabled(forProp?: ForContext, disabled?: boolean): boolean;\n  isLoading(): boolean;\n  getButtonText?(forProp?: ForContext, text?: string): string;\n  shouldRender?(forProp?: ForContext): boolean;\n}\n\nexport const defaultContext: SubmitButtonContext = {\n  async handleClick() {},\n\n  isDisabled(_forProp, disabled = false): boolean {\n    return disabled || false;\n  },\n\n  isLoading(): boolean {\n    return false;\n  },\n};\n","","import { Component, Element, h, Prop } from \"@stencil/core\";\nimport { type AuthButtonFor, authContext } from \"../../../auth/components/submit-button/auth-submit-button\";\nimport { t } from \"../../../i18n\";\nimport { type NewsletterButtonFor, newsletterContext } from \"../../../newsletter/components/submit-button/newsletter-submit-button\";\nimport { profileContext } from \"../../../profile/components/submit-button/profile-submit-button\";\nimport { hasSlotContent } from \"../../component-utils\";\nimport { defaultContext, type SubmitButtonContext } from \"./context\";\n\n@Component({\n  tag: \"u-submit-button\",\n  styleUrl: \"submit-button.css\",\n  shadow: false,\n})\nexport class SubmitButton {\n  @Element() el!: HTMLElement;\n  @Prop() for?: AuthButtonFor | NewsletterButtonFor;\n  @Prop() text?: string;\n  @Prop() disabled = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private context: \"auth\" | \"profile\" | \"newsletter\" = \"auth\";\n  private contextModule: SubmitButtonContext = defaultContext;\n  private hasSlot = false;\n\n  async componentWillLoad() {\n    // this needs to be evaluated on load, bc doing it on render will evaluate the generated dom for \"shadow: false\"\n    // components and always return true on re-render\n    this.hasSlot = hasSlotContent(this.el);\n\n    this.context = this.detectContext();\n\n    switch (this.context) {\n      case \"auth\":\n        this.contextModule = authContext;\n        break;\n      case \"profile\":\n        this.contextModule = profileContext;\n        break;\n      case \"newsletter\":\n        this.contextModule = newsletterContext;\n        break;\n      default:\n        this.contextModule = defaultContext;\n    }\n  }\n\n  private detectContext(): \"auth\" | \"profile\" | \"newsletter\" {\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    throw new Error(\n      \"No context found for submit button. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.\",\n    );\n  }\n\n  private handleClick = async (event: MouseEvent) => {\n    await this.contextModule.handleClick(event, this.el, this.for);\n  };\n\n  private isDisabled(): boolean {\n    return this.contextModule.isDisabled(this.for, this.disabled);\n  }\n\n  private isLoading(): boolean {\n    return this.contextModule.isLoading();\n  }\n\n  private getButtonText(): string {\n    if (this.contextModule.getButtonText) {\n      return this.contextModule.getButtonText(this.for, this.text);\n    }\n    if (this.text) {\n      return this.text;\n    }\n\n    return t(\"buttons.submit\");\n  }\n\n  private getButtonContent() {\n    const loading = this.isLoading();\n\n    if (loading) {\n      return <u-spinner />;\n    }\n\n    if (this.hasSlot) {\n      return <slot />;\n    }\n\n    return this.getButtonText();\n  }\n\n  render() {\n    if (this.contextModule.shouldRender && !this.contextModule.shouldRender(this.for)) {\n      return null;\n    }\n\n    const buttonClasses = [\n      this.componentClassName,\n      this.context === \"auth\" ? \"u:flex u:justify-center\" : \"\",\n      \"u:disabled:opacity-50 u:disabled:cursor-not-allowed\",\n    ].join(\" \");\n\n    const buttonProps: Record<string, unknown> = {\n      type: \"submit\",\n      part: `${this.context}-submit-button`,\n      disabled: this.isDisabled() || this.isLoading(),\n      class: buttonClasses,\n      onClick: this.handleClick,\n      \"aria-live\": \"polite\",\n    };\n\n    return <button {...buttonProps}>{this.getButtonContent()}</button>;\n  }\n}\n"],"version":3}

package/dist/components/u-conditional-render.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UConditionalRender extends Components.UConditionalRender, HTMLElement {}
+export const UConditionalRender: {
+    prototype: UConditionalRender;
+    new (): UConditionalRender;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/u-conditional-render.js

@@ -0,0 +1,120 @@
+import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
+import { s as state } from './auth-store.js';
+import { U as UnidyComponent } from './logger.js';
+import { i as isConfirmed, a as isSubscribed } from './newsletter-helpers.js';
+import { n as newsletterStore } from './newsletter-store.js';
+import { a as profileStore } from './profile-store.js';
+
+const PREDEFINED_CONDITIONS = {
+    "auth.passkeyEnabled": () => state.availableLoginOptions?.passkey,
+    "auth.passwordEnabled": () => state.availableLoginOptions?.password,
+    "auth.magicCodeEnabled": () => state.availableLoginOptions?.magic_link,
+    "auth.socialLoginsEnabled": () => (state.availableLoginOptions?.social_logins?.length ?? 0) > 0,
+    "auth.hasSocialLogin": (provider) => state.availableLoginOptions?.social_logins?.includes(provider) ?? false,
+    "auth.loading": () => state.loading,
+    "auth.authenticated": () => state.authenticated,
+    "auth.magicCodeSent": () => state.magicCodeStep === "sent" || state.magicCodeStep === "requested",
+    "auth.magicCodeRequested": () => state.magicCodeStep === "requested",
+    "auth.resetPasswordSent": () => state.resetPassword.step === "sent" || state.resetPassword.step === "requested",
+    "auth.resetPasswordRequested": () => state.resetPassword.step === "requested",
+    "newsletter.hasCheckedNewsletters": () => Object.keys(newsletterStore.state.checkedNewsletters).length > 0,
+    "newsletter.hasPreferenceToken": () => !!newsletterStore.state.preferenceToken,
+    "newsletter.hasEmail": () => !!newsletterStore.state.email,
+    "newsletter.subscribed": (newsletterInternalName) => isSubscribed(newsletterInternalName),
+    "newsletter.confirmed": (newsletterInternalName) => isConfirmed(newsletterInternalName),
+    "newsletter.loggedIn": () => newsletterStore.state.isAuthenticated || newsletterStore.state.preferenceToken !== "",
+    "profile.loading": () => profileStore.state.loading,
+    "profile.hasErrors": () => Object.keys(profileStore.state.errors).some((key) => profileStore.state.errors[key] !== null),
+    "profile.hasFlashErrors": () => Object.keys(profileStore.state.flashErrors).some((key) => profileStore.state.flashErrors[key] !== null),
+    "profile.phoneValid": () => profileStore.state.phoneValid,
+    "profile.hasData": () => Object.keys(profileStore.state.data).length > 0,
+};
+function isTruthy(value) {
+    return Boolean(value);
+}
+const ConditionalRender = /*@__PURE__*/ proxyCustomElement(class ConditionalRender extends UnidyComponent {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    when; // condition to check
+    is; // optional value to compare against
+    not = false;
+    conditionFunction;
+    evaluateCondition() {
+        const predefinedFunction = PREDEFINED_CONDITIONS[this.when];
+        if (predefinedFunction) {
+            return predefinedFunction(this.is);
+        }
+        return null;
+    }
+    shouldRender() {
+        if (!this.when && !this.conditionFunction) {
+            this.logger.error("[u-conditional-render] Either 'when' or 'conditionFunction' prop is required");
+        }
+        if (this.conditionFunction) {
+            const result = this.conditionFunction(state);
+            return this.not ? !result : result;
+        }
+        const value = this.evaluateCondition();
+        if (value === null) {
+            return false;
+        }
+        const normalizedIs = this.is?.toString().toLowerCase();
+        let result;
+        if (typeof value === "boolean") {
+            if (normalizedIs === "false" || normalizedIs === "disabled") {
+                result = !value;
+            }
+            else {
+                result = value;
+            }
+        }
+        else if (this.is === undefined) {
+            result = isTruthy(value);
+        }
+        else if (normalizedIs === "enabled" || normalizedIs === "true") {
+            result = isTruthy(value);
+        }
+        else if (normalizedIs === "disabled" || normalizedIs === "false") {
+            result = !isTruthy(value);
+        }
+        else {
+            result = String(value) === String(this.is); // to compare exact value
+        }
+        return this.not ? !result : result;
+    }
+    render() {
+        const visible = this.shouldRender();
+        return (h(Host, { key: '9ccf807174a600e86a593f812c3ad89d7f7a97ad', hidden: !visible, style: { display: visible ? "contents" : undefined }, "aria-hidden": !visible ? "true" : null, "aria-live": "polite" }, h("slot", { key: '6747ba1cbe28344c1f5a0258843948a046644471' })));
+    }
+}, [769, "u-conditional-render", {
+        "when": [1],
+        "is": [1],
+        "not": [4],
+        "conditionFunction": [16]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-conditional-render"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-conditional-render":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ConditionalRender);
+            }
+            break;
+    } });
+}
+
+const UConditionalRender = ConditionalRender;
+const defineCustomElement = defineCustomElement$1;
+
+export { UConditionalRender, defineCustomElement };
+//# sourceMappingURL=u-conditional-render.js.map
+
+//# sourceMappingURL=u-conditional-render.js.map

package/dist/components/u-conditional-render.js.map

@@ -0,0 +1 @@
+{"file":"u-conditional-render.js","mappings":"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","names":["authState","NewsletterHelpers.isSubscribed","NewsletterHelpers.isConfirmed","__stencil_proxyCustomElement"],"sources":["src/shared/components/conditional-render/conditional-render.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { type AuthState, authState } from \"../../../auth/store/auth-store\";\nimport { UnidyComponent } from \"../../../logger\";\nimport * as NewsletterHelpers from \"../../../newsletter/newsletter-helpers\";\nimport { newsletterStore } from \"../../../newsletter/store/newsletter-store\";\nimport { profileStore } from \"../../../profile/store/profile-store\";\n\nconst PREDEFINED_CONDITIONS: Record<string, (...args: unknown[]) => unknown> = {\n  \"auth.passkeyEnabled\": () => authState.availableLoginOptions?.passkey,\n  \"auth.passwordEnabled\": () => authState.availableLoginOptions?.password,\n  \"auth.magicCodeEnabled\": () => authState.availableLoginOptions?.magic_link,\n  \"auth.socialLoginsEnabled\": () => (authState.availableLoginOptions?.social_logins?.length ?? 0) > 0,\n  \"auth.hasSocialLogin\": (provider: string) => authState.availableLoginOptions?.social_logins?.includes(provider) ?? false,\n  \"auth.loading\": () => authState.loading,\n  \"auth.authenticated\": () => authState.authenticated,\n  \"auth.magicCodeSent\": () => authState.magicCodeStep === \"sent\" || authState.magicCodeStep === \"requested\",\n  \"auth.magicCodeRequested\": () => authState.magicCodeStep === \"requested\",\n  \"auth.resetPasswordSent\": () => authState.resetPassword.step === \"sent\" || authState.resetPassword.step === \"requested\",\n  \"auth.resetPasswordRequested\": () => authState.resetPassword.step === \"requested\",\n\n  \"newsletter.hasCheckedNewsletters\": () => Object.keys(newsletterStore.state.checkedNewsletters).length > 0,\n  \"newsletter.hasPreferenceToken\": () => !!newsletterStore.state.preferenceToken,\n  \"newsletter.hasEmail\": () => !!newsletterStore.state.email,\n  \"newsletter.subscribed\": (newsletterInternalName: string) => NewsletterHelpers.isSubscribed(newsletterInternalName),\n  \"newsletter.confirmed\": (newsletterInternalName: string) => NewsletterHelpers.isConfirmed(newsletterInternalName),\n  \"newsletter.loggedIn\": () => newsletterStore.state.isAuthenticated || newsletterStore.state.preferenceToken !== \"\",\n\n  \"profile.loading\": () => profileStore.state.loading,\n  \"profile.hasErrors\": () => Object.keys(profileStore.state.errors).some((key) => profileStore.state.errors[key] !== null),\n  \"profile.hasFlashErrors\": () => Object.keys(profileStore.state.flashErrors).some((key) => profileStore.state.flashErrors[key] !== null),\n  \"profile.phoneValid\": () => profileStore.state.phoneValid,\n  \"profile.hasData\": () => Object.keys(profileStore.state.data).length > 0,\n};\n\nfunction isTruthy(value: unknown): boolean {\n  return Boolean(value);\n}\n\n@Component({\n  tag: \"u-conditional-render\",\n  shadow: true,\n})\nexport class ConditionalRender extends UnidyComponent {\n  @Prop() when?: string; // condition to check\n  @Prop() is?: string; // optional value to compare against\n  @Prop() not = false;\n  @Prop() conditionFunction?: (state: AuthState) => boolean;\n\n  private evaluateCondition(): unknown {\n    const predefinedFunction = PREDEFINED_CONDITIONS[this.when];\n    if (predefinedFunction) {\n      return predefinedFunction(this.is);\n    }\n\n    return null;\n  }\n\n  private shouldRender(): boolean {\n    if (!this.when && !this.conditionFunction) {\n      this.logger.error(\"[u-conditional-render] Either 'when' or 'conditionFunction' prop is required\");\n    }\n\n    if (this.conditionFunction) {\n      const result = this.conditionFunction(authState);\n      return this.not ? !result : result;\n    }\n\n    const value = this.evaluateCondition();\n    if (value === null) {\n      return false;\n    }\n\n    const normalizedIs = this.is?.toString().toLowerCase();\n    let result: boolean;\n\n    if (typeof value === \"boolean\") {\n      if (normalizedIs === \"false\" || normalizedIs === \"disabled\") {\n        result = !value;\n      } else {\n        result = value;\n      }\n    } else if (this.is === undefined) {\n      result = isTruthy(value);\n    } else if (normalizedIs === \"enabled\" || normalizedIs === \"true\") {\n      result = isTruthy(value);\n    } else if (normalizedIs === \"disabled\" || normalizedIs === \"false\") {\n      result = !isTruthy(value);\n    } else {\n      result = String(value) === String(this.is); // to compare exact value\n    }\n\n    return this.not ? !result : result;\n  }\n\n  render() {\n    const visible = this.shouldRender();\n\n    return (\n      <Host\n        hidden={!visible}\n        style={{ display: visible ? \"contents\" : undefined }}\n        aria-hidden={!visible ? \"true\" : null}\n        aria-live=\"polite\"\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-config.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UConfig extends Components.UConfig, HTMLElement {}
+export const UConfig: {
+    prototype: UConfig;
+    new (): UConfig;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/u-config.js

@@ -0,0 +1,118 @@
+import { proxyCustomElement, createEvent, h } from '@stencil/core/internal/client';
+import { g as getUnidyClient } from './index2.js';
+import { A as Auth } from './auth.js';
+import './auth-store.js';
+import { i as instance } from './i18n.js';
+import { U as UnidyComponent } from './logger.js';
+import { u as unidyState } from './unidy-store.js';
+import { _ as captureException } from './exports.js';
+
+const UnidyConfig = /*@__PURE__*/ proxyCustomElement(class UnidyConfig extends UnidyComponent {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.unidyInitialized = createEvent(this, "unidyInitialized", 7);
+        this.configChange = createEvent(this, "configChange", 7);
+    }
+    mode = "production";
+    baseUrl = "";
+    apiKey = "";
+    customTranslations = "";
+    fallbackLocale = "en";
+    locale = "en";
+    checkSignedIn = false;
+    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,
+        });
+        instance.options.fallbackLng = this.fallbackLocale;
+        this.loadCustomTranslations();
+        unidyState.locale = this.locale;
+        const auth = await Auth.initialize(getUnidyClient());
+        if (this.checkSignedIn) {
+            auth.helpers.checkSignedIn();
+        }
+    }
+    // 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: 'de45e5c349c49f10aea1005f15edcdda4a32bbaa' });
+    }
+    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)) {
+                        instance.addResourceBundle(lang, "translation", translations[lang], true, true);
+                    }
+                }
+            }
+            catch (error) {
+                captureException("Failed to parse customTranslations", error);
+            }
+        }
+    }
+    static get watchers() { return {
+        "mode": ["onPropChange"],
+        "locale": ["onPropChange"]
+    }; }
+}, [772, "u-config", {
+        "mode": [1],
+        "baseUrl": [1, "base-url"],
+        "apiKey": [1, "api-key"],
+        "customTranslations": [1, "custom-translations"],
+        "fallbackLocale": [1, "fallback-locale"],
+        "locale": [1],
+        "checkSignedIn": [4, "check-signed-in"]
+    }, undefined, {
+        "mode": ["onPropChange"],
+        "locale": ["onPropChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-config"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-config":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UnidyConfig);
+            }
+            break;
+    } });
+}
+
+const UConfig = UnidyConfig;
+const defineCustomElement = defineCustomElement$1;
+
+export { UConfig, defineCustomElement };
+//# sourceMappingURL=u-config.js.map
+
+//# sourceMappingURL=u-config.js.map

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

@@ -0,0 +1 @@
+{"file":"u-config.js","mappings":";;;;;;;;;MA6Ba,WAAY,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAQ,cAAc,CAAA;;;;;;;;;IACrC,IAAI,GAAiC,YAAY;IACjD,OAAO,GAAG,EAAE;IACZ,MAAM,GAAG,EAAE;IACX,kBAAkB,GAA6C,EAAE;IACjE,cAAc,GAAG,IAAI;IACrB,MAAM,GAAG,IAAI;IACb,aAAa,GAAG,KAAK;AAEpB,IAAA,gBAAgB;AAChB,IAAA,YAAY;AAErB,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AACjC,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,iCAAiC,CAAC;YACpD;;AAGF,QAAA,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;AAC/B,QAAA,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;AACjC,QAAA,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;AAC/B,QAAA,UAAU,CAAC,YAAY,GAAG,IAAI;AAE9B,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,SAAA,CAAC;QAEFC,QAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc;QAE9C,IAAI,CAAC,sBAAsB,EAAE;AAC7B,QAAA,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;QAE/B,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;AAEpD,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;;;;AAOhC,IAAA,YAAY,CAAC,QAAgB,EAAE,QAAgB,EAAE,QAAsB,EAAA;QACrE,IAAI,QAAQ,KAAK,SAAS;YAAE;AAE5B,QAAA,IAAI,QAAQ,IAAI,UAAU,EAAE;AACzB,YAAA,UAA2C,CAAC,QAAQ,CAAC,GAAG,QAAQ;;AAGnE,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrB,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,aAAa,EAAE,QAAQ;AACxB,SAAA,CAAC;;IAGJ,MAAM,GAAA;QACJ,OAAO,8DAAQ;;IAGT,sBAAsB,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,YAAA,IAAI;gBACF,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,kBAAkB,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,kBAAkB;AAEhI,gBAAA,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE;oBAC/B,IAAI,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE;AACrC,wBAAAA,QAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC;;;;YAG/E,OAAO,KAAK,EAAE;AACd,gBAAAC,gBAAuB,CAAC,oCAAoC,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","i18n","Sentry.captureException"],"sources":["src/shared/components/config/config.tsx"],"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  @Prop() checkSignedIn = false;\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    const auth = await Auth.initialize(getUnidyClient());\n\n    if (this.checkSignedIn) {\n      auth.helpers.checkSignedIn();\n    }\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"],"version":3}

package/dist/components/u-email-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UEmailField extends Components.UEmailField, HTMLElement {}
+export const UEmailField: {
+    prototype: UEmailField;
+    new (): UEmailField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;