@unidy.io/sdk 1.1.8 → 1.1.10

package/dist/esm/u-profile_2.entry.js

@@ -0,0 +1,326 @@
+import { r as registerInstance, d as createEvent, f as captureException, h, e as Host, g as getElement } from './index-COQ27Nb6.js';
+import { g as getUnidyClient } from './index-Du3hUdhU.js';
+import { A as Auth } from './auth-CAHM6e4m.js';
+import { a as authStore, b as authStoreOnChange, s as state$1 } from './auth-store-ItTnEMlF.js';
+import { t } from './i18n-OKf8uE5j.js';
+import { o as onChange, u as unidyState } from './unidy-store-CAcMVdD8.js';
+import { v as validateRequiredFieldsUnchanged, b as buildPayload } from './profile-helpers-Beduxnin.js';
+import { s as state, p as profileStoreOnChange } from './profile-store-CsSDT9Tb.js';
+import { g as getParentSigninStep } from './helpers-DUHc_Cx7.js';
+import { n as newsletterStore } from './newsletter-store-CIsyE51r.js';
+import { g as getParentNewsletterRoot } from './helpers-BqFCd65h.js';
+import { h as hasSlotContent } from './component-utils-BGq0leDV.js';
+import './flash-store-CMXH65i_.js';
+import './index-DVkRTYPC.js';
+
+const Profile = class {
+    profileId;
+    initialData = "";
+    uProfileSuccess;
+    uProfileError;
+    fetchingProfileData = false;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uProfileSuccess = createEvent(this, "uProfileSuccess", 7);
+        this.uProfileError = createEvent(this, "uProfileError", 7);
+        onChange("locale", async (_locale) => {
+            if (authStore.state.authenticated)
+                await this.getTokenAndFetchProfile();
+        });
+    }
+    async componentWillLoad() {
+        if (this.initialData !== "") {
+            state.data = typeof this.initialData === "string" ? JSON.parse(this.initialData) : this.initialData;
+        }
+        else if (authStore.state.authenticated) {
+            await this.getTokenAndFetchProfile();
+        }
+        state.loading = false;
+    }
+    async getTokenAndFetchProfile() {
+        const authInstance = await Auth.getInstance();
+        const idToken = await authInstance.getToken();
+        if (idToken && typeof idToken === "string") {
+            await this.fetchProfileData(idToken);
+        }
+    }
+    async fetchProfileData(idToken) {
+        // avoid multiple requests
+        if (this.fetchingProfileData)
+            return;
+        this.fetchingProfileData = true;
+        try {
+            const resp = await getUnidyClient().profile.fetchProfile({ idToken, lang: unidyState.locale });
+            if (resp.success) {
+                state.configuration = JSON.parse(JSON.stringify(resp.data));
+                state.configUpdateSource = "fetch";
+                state.errors = {};
+                state.flashErrors = {};
+                state.data = JSON.parse(JSON.stringify(resp.data));
+            }
+            else {
+                state.flashErrors = { [String(resp?.status)]: String(resp?.error) };
+            }
+        }
+        catch (error) {
+            captureException("Failed to fetch profile data:", error);
+            state.flashErrors = { error: t("errors.failed_to_load_profile") };
+        }
+        this.fetchingProfileData = false;
+    }
+    async submitProfile() {
+        const authInstance = await Auth.getInstance();
+        state.loading = true;
+        const { configuration, ...stateWithoutConfig } = state;
+        if (!validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {
+            state.loading = false;
+            return;
+        }
+        const updatedProfileData = buildPayload(stateWithoutConfig.data);
+        const resp = await getUnidyClient().profile.updateProfile({
+            idToken: (await authInstance.getToken()),
+            data: updatedProfileData,
+            lang: unidyState.locale,
+        });
+        if (resp?.success) {
+            state.loading = false;
+            state.configuration = JSON.parse(JSON.stringify(resp.data));
+            state.configUpdateSource = "submit";
+            state.errors = {};
+            this.uProfileSuccess.emit({ message: "profile_updated_successfully", payload: resp.data });
+        }
+        else {
+            if (resp?.data && "flatErrors" in resp.data) {
+                state.errors = resp.data.flatErrors;
+                this.uProfileError.emit({
+                    error: "profile_update_field_errors",
+                    details: { fieldErrors: state.errors, httpStatus: resp?.status, responseData: resp?.data },
+                });
+            }
+            else {
+                state.flashErrors = { [String(resp?.status)]: String(resp?.error) };
+                this.uProfileError.emit({
+                    error: "profile_update_failed",
+                    details: { flashErrors: state.flashErrors, httpStatus: resp?.status, responseData: resp?.data },
+                });
+            }
+            state.loading = false;
+        }
+    }
+    componentDidLoad() {
+        profileStoreOnChange("configuration", (cfg) => {
+            state.data = cfg;
+        });
+        authStoreOnChange("token", (newToken) => {
+            const token = newToken ?? "";
+            if (token) {
+                this.fetchProfileData(token);
+            }
+        });
+    }
+    render() {
+        const hasFieldErrors = Object.values(state.errors).some(Boolean);
+        const errorMsg = Object.values(state.flashErrors).filter(Boolean).join(", ");
+        const wasSubmit = state.configUpdateSource === "submit";
+        if (authStore.state.authenticated) {
+            return this.fetchingProfileData ? (h("div", null, t("loading"))) : (h(Host, null, h("slot", null), !hasFieldErrors && errorMsg && h("flash-message", { variant: "error", message: errorMsg }), wasSubmit && !errorMsg && !hasFieldErrors && h("flash-message", { variant: "success", message: t("profile.updated") })));
+        }
+        return h("h2", null, t("profile.signInToView"));
+    }
+};
+
+const authContext = {
+    handleClick: async (event, el, _forProp) => {
+        event.preventDefault();
+        await getParentSigninStep(el)?.submit();
+    },
+    isDisabled(forProp, disabled) {
+        if (disabled || state$1.loading)
+            return true;
+        if (state$1.step === "email" && forProp === "email") {
+            return state$1.email === "";
+        }
+        if (state$1.step === "verification" && forProp === "password") {
+            return state$1.password === "";
+        }
+        if (state$1.step === "reset-password" && forProp === "resetPassword") {
+            return !state$1.resetPassword.newPassword || !state$1.resetPassword.passwordConfirmation;
+        }
+        return false;
+    },
+    isLoading() {
+        return state$1.loading;
+    },
+    getButtonText(forProp, text) {
+        if (text)
+            return text;
+        switch (state$1.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$1.availableLoginOptions?.password && forProp === "password") {
+            return false;
+        }
+        if (state$1.step === "email") {
+            return forProp === "email";
+        }
+        if (state$1.step === "verification") {
+            return forProp === "password" && state$1.magicCodeStep !== "sent";
+        }
+        if (state$1.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.errors && Object.keys(state.errors).length > 0) || state.phoneValid === false;
+    },
+    isLoading() {
+        return state.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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(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());
+    }
+};
+SubmitButton.style = submitButtonCss;
+
+export { Profile as u_profile, SubmitButton as u_submit_button };
+//# sourceMappingURL=u-profile.u-submit-button.entry.js.map

package/dist/esm/u-registration-button.entry.js

@@ -0,0 +1,46 @@
+import { r as registerInstance, g as getElement, h, e as Host } from './index-COQ27Nb6.js';
+import { t } from './i18n-OKf8uE5j.js';
+import { u as unidyState } from './unidy-store-CAcMVdD8.js';
+import { s as state, a as authStore } from './auth-store-ItTnEMlF.js';
+import './index-DVkRTYPC.js';
+
+const RegistrationButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(this); }
+    for;
+    componentClassName = "";
+    redirectUri = window.location.href;
+    getButtonText() {
+        return t("buttons.registration", { defaultValue: "Register New Account" });
+    }
+    shouldRender() {
+        if (state.errors.email === "account_not_found") {
+            authStore.setStep("registration");
+            return this.for === "email";
+        }
+        return false;
+    }
+    getAuthUrl() {
+        const baseUrl = unidyState.baseUrl;
+        const redirectUri = this.redirectUri ? encodeURIComponent(this.redirectUri) : baseUrl;
+        const encodedEmail = encodeURIComponent(state.email);
+        return `${baseUrl}/logins?email=${encodedEmail}&sdk_redirect_uri=${redirectUri}`;
+    }
+    handleClick = async (event) => {
+        event.preventDefault();
+        if (state.errors.email === "account_not_found" && state.step === "registration") {
+            window.location.href = this.getAuthUrl();
+        }
+    };
+    render() {
+        if (!this.shouldRender()) {
+            return null;
+        }
+        return (h(Host, null, h("slot", { name: "registration-content" }), h("button", { type: "submit", class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, this.getButtonText())));
+    }
+};
+
+export { RegistrationButton as u_registration_button };
+//# sourceMappingURL=u-registration-button.entry.js.map

package/dist/esm/u-registration-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"u-registration-button.entry.js","sources":["src/auth/components/registration/registration-button.tsx"],"sourcesContent":["import { Component, Element, Host, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { unidyState } from \"../../../shared/store/unidy-store\";\nimport { authState, authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-registration-button\",\n  shadow: false,\n})\nexport class RegistrationButton {\n  @Element() el!: HTMLElement;\n\n  @Prop() for!: \"email\";\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() redirectUri: string = window.location.href;\n\n  private getButtonText() {\n    return t(\"buttons.registration\", { defaultValue: \"Register New Account\" });\n  }\n\n  private shouldRender(): boolean {\n    if (authState.errors.email === \"account_not_found\") {\n      authStore.setStep(\"registration\");\n      return this.for === \"email\";\n    }\n\n    return false;\n  }\n\n  private getAuthUrl(): string {\n    const baseUrl = unidyState.baseUrl;\n    const redirectUri = this.redirectUri ? encodeURIComponent(this.redirectUri) : baseUrl;\n    const encodedEmail = encodeURIComponent(authState.email);\n\n    return `${baseUrl}/logins?email=${encodedEmail}&sdk_redirect_uri=${redirectUri}`;\n  }\n\n  private handleClick = async (event: Event) => {\n    event.preventDefault();\n\n    if (authState.errors.email === \"account_not_found\" && authState.step === \"registration\") {\n      window.location.href = this.getAuthUrl();\n    }\n  };\n\n  render() {\n    if (!this.shouldRender()) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <slot name=\"registration-content\" />\n        <button type=\"submit\" class={this.componentClassName} onClick={this.handleClick} aria-live=\"polite\">\n          {this.getButtonText()}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":["authState"],"mappings":";;;;;;MASa,kBAAkB,GAAA,MAAA;;;;;AAGrB,IAAA,GAAG;IACwB,kBAAkB,GAAG,EAAE;AAClD,IAAA,WAAW,GAAW,MAAM,CAAC,QAAQ,CAAC,IAAI;IAE1C,aAAa,GAAA;QACnB,OAAO,CAAC,CAAC,sBAAsB,EAAE,EAAE,YAAY,EAAE,sBAAsB,EAAE,CAAC;;IAGpE,YAAY,GAAA;QAClB,IAAIA,KAAS,CAAC,MAAM,CAAC,KAAK,KAAK,mBAAmB,EAAE;AAClD,YAAA,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC;AACjC,YAAA,OAAO,IAAI,CAAC,GAAG,KAAK,OAAO;;AAG7B,QAAA,OAAO,KAAK;;IAGN,UAAU,GAAA;AAChB,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,OAAO;QACrF,MAAM,YAAY,GAAG,kBAAkB,CAACA,KAAS,CAAC,KAAK,CAAC;AAExD,QAAA,OAAO,GAAG,OAAO,CAAA,cAAA,EAAiB,YAAY,CAAqB,kBAAA,EAAA,WAAW,EAAE;;AAG1E,IAAA,WAAW,GAAG,OAAO,KAAY,KAAI;QAC3C,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAIA,KAAS,CAAC,MAAM,CAAC,KAAK,KAAK,mBAAmB,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,EAAE;YACvF,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;;AAE5C,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;;QAGb,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,sBAAsB,EAAG,CAAA,EACpC,CAAQ,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAY,WAAA,EAAA,QAAQ,EAChG,EAAA,IAAI,CAAC,aAAa,EAAE,CACd,CACJ;;;;;;"}

package/dist/esm/u-reset-password-button.entry.js

@@ -0,0 +1,54 @@
+import { r as registerInstance, h } from './index-COQ27Nb6.js';
+import { t } from './i18n-OKf8uE5j.js';
+import { F as Flash } from './flash-store-CMXH65i_.js';
+import { A as Auth } from './auth-CAHM6e4m.js';
+import { s as state } from './auth-store-ItTnEMlF.js';
+import './unidy-store-CAcMVdD8.js';
+import './index-DVkRTYPC.js';
+import './index-Du3hUdhU.js';
+import './profile-store-CsSDT9Tb.js';
+import './component-utils-BGq0leDV.js';
+
+const ResetPasswordButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    componentClassName = "";
+    handleClick = async () => {
+        const authInstance = await Auth.getInstance();
+        await authInstance.helpers.sendResetPasswordEmail();
+        if (state.resetPassword.step === "sent") {
+            const successMessage = t("auth.resetPassword.success_message", {
+                defaultValue: "Password reset email sent. Please check your inbox.",
+            });
+            Flash.success.addMessage(successMessage);
+        }
+    };
+    shouldRender() {
+        if (["verification", "reset-password"].includes(state.step))
+            return true;
+        if (state.step === "single-login" && state.sid !== null)
+            return true;
+        return false;
+    }
+    getButtonText() {
+        if (["verification", "single-login"].includes(state.step) &&
+            state.availableLoginOptions &&
+            !state.availableLoginOptions.password) {
+            return t("auth.resetPassword.button_text_set", { defaultValue: "Set Password" });
+        }
+        if (state.step === "reset-password") {
+            return t("auth.resetPassword.button_text_resend", { defaultValue: "Resend Password Reset Email" });
+        }
+        return t("auth.resetPassword.button_text_reset", { defaultValue: "Reset Password" });
+    }
+    render() {
+        if (!this.shouldRender()) {
+            return null;
+        }
+        return (h("button", { type: "button", onClick: this.handleClick, class: this.componentClassName }, this.getButtonText()));
+    }
+};
+
+export { ResetPasswordButton as u_reset_password_button };
+//# sourceMappingURL=u-reset-password-button.entry.js.map

package/dist/esm/u-reset-password-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"u-reset-password-button.entry.js","sources":["src/auth/components/reset-pass-button/reset-pass-button.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-reset-password-button\",\n  shadow: false,\n})\nexport class ResetPasswordButton {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private handleClick = async () => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.sendResetPasswordEmail();\n\n    if (authState.resetPassword.step === \"sent\") {\n      const successMessage = t(\"auth.resetPassword.success_message\", {\n        defaultValue: \"Password reset email sent. Please check your inbox.\",\n      });\n\n      Flash.success.addMessage(successMessage);\n    }\n  };\n\n  private shouldRender(): boolean {\n    if ([\"verification\", \"reset-password\"].includes(authState.step)) return true;\n\n    if (authState.step === \"single-login\" && authState.sid !== null) return true;\n\n    return false;\n  }\n\n  private getButtonText() {\n    if (\n      [\"verification\", \"single-login\"].includes(authState.step) &&\n      authState.availableLoginOptions &&\n      !authState.availableLoginOptions.password\n    ) {\n      return t(\"auth.resetPassword.button_text_set\", { defaultValue: \"Set Password\" });\n    }\n\n    if (authState.step === \"reset-password\") {\n      return t(\"auth.resetPassword.button_text_resend\", { defaultValue: \"Resend Password Reset Email\" });\n    }\n\n    return t(\"auth.resetPassword.button_text_reset\", { defaultValue: \"Reset Password\" });\n  }\n  render() {\n    if (!this.shouldRender()) {\n      return null;\n    }\n\n    return (\n      <button type=\"button\" onClick={this.handleClick} class={this.componentClassName}>\n        {this.getButtonText()}\n      </button>\n    );\n  }\n}\n"],"names":["authState"],"mappings":";;;;;;;;;;;MAUa,mBAAmB,GAAA,MAAA;;;;IACK,kBAAkB,GAAG,EAAE;IAElD,WAAW,GAAG,YAAW;AAC/B,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,YAAY,CAAC,OAAO,CAAC,sBAAsB,EAAE;QAEnD,IAAIA,KAAS,CAAC,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE;AAC3C,YAAA,MAAM,cAAc,GAAG,CAAC,CAAC,oCAAoC,EAAE;AAC7D,gBAAA,YAAY,EAAE,qDAAqD;AACpE,aAAA,CAAC;AAEF,YAAA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC;;AAE5C,KAAC;IAEO,YAAY,GAAA;QAClB,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAACA,KAAS,CAAC,IAAI,CAAC;AAAE,YAAA,OAAO,IAAI;QAE5E,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,GAAG,KAAK,IAAI;AAAE,YAAA,OAAO,IAAI;AAE5E,QAAA,OAAO,KAAK;;IAGN,aAAa,GAAA;QACnB,IACE,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,QAAQ,CAACA,KAAS,CAAC,IAAI,CAAC;AACzD,YAAAA,KAAS,CAAC,qBAAqB;AAC/B,YAAA,CAACA,KAAS,CAAC,qBAAqB,CAAC,QAAQ,EACzC;YACA,OAAO,CAAC,CAAC,oCAAoC,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;;AAGlF,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE;YACvC,OAAO,CAAC,CAAC,uCAAuC,EAAE,EAAE,YAAY,EAAE,6BAA6B,EAAE,CAAC;;QAGpG,OAAO,CAAC,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;;IAEtF,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,CAAQ,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC5E,EAAA,IAAI,CAAC,aAAa,EAAE,CACd;;;;;;"}

package/dist/esm/u-send-magic-code-button.entry.js

@@ -0,0 +1,66 @@
+import { r as registerInstance, h } from './index-COQ27Nb6.js';
+import { t } from './i18n-OKf8uE5j.js';
+import { A as Auth } from './auth-CAHM6e4m.js';
+import { s as state, a as authStore } from './auth-store-ItTnEMlF.js';
+import './unidy-store-CAcMVdD8.js';
+import './index-DVkRTYPC.js';
+import './index-Du3hUdhU.js';
+import './profile-store-CsSDT9Tb.js';
+import './component-utils-BGq0leDV.js';
+import './flash-store-CMXH65i_.js';
+
+const SendMagicCodeButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    disabled = false;
+    componentClassName = "";
+    countdown = 0;
+    countdownInterval = null;
+    handleClick = async () => {
+        if (this.disabled || state.loading || this.countdown > 0)
+            return;
+        const authInstance = await Auth.getInstance();
+        const [_error, response] = await authInstance.helpers.sendMagicCode();
+        if (response && "enable_resend_after" in response) {
+            this.startCountdown(response.enable_resend_after);
+        }
+    };
+    startCountdown = (enableResendAfter) => {
+        this.countdown = Math.ceil(enableResendAfter / 1000);
+        this.countdownInterval = window.setInterval(() => {
+            this.countdown--;
+            if (this.countdown <= 0) {
+                this.clearCountdown();
+                authStore.clearFieldError("magicCode");
+            }
+        }, 1000);
+    };
+    clearCountdown = () => {
+        if (this.countdownInterval) {
+            clearInterval(this.countdownInterval);
+            this.countdownInterval = null;
+        }
+        this.countdown = 0;
+    };
+    disconnectedCallback() {
+        this.clearCountdown();
+    }
+    render() {
+        if (!state.availableLoginOptions?.magic_link && state.step !== "single-login") {
+            return null;
+        }
+        if (state.step !== "magic-code" && state.step !== "verification" && state.step !== "single-login") {
+            return null;
+        }
+        const isDisabled = this.disabled || state.magicCodeStep === "requested" || this.countdown > 0 || state.email === "";
+        const buttonTextKey = state.step !== "magic-code" ? "auth.magicCode.button_text" : "auth.magicCode.resend.button_text";
+        const text = t(buttonTextKey, { defaultValue: "Send Magic Code" });
+        const alreadySentText = t("auth.magicCode.already_sent_text", { defaultValue: "Magic code already sent to your email" });
+        const sendingText = t("auth.magicCode.sending_text", { defaultValue: "Sending..." });
+        return (h("button", { type: "button", disabled: isDisabled, onClick: this.handleClick, class: this.componentClassName, "aria-live": "polite" }, this.countdown > 0 ? alreadySentText : state.loading && state.magicCodeStep === "requested" ? sendingText : text));
+    }
+};
+
+export { SendMagicCodeButton as u_send_magic_code_button };
+//# sourceMappingURL=u-send-magic-code-button.entry.js.map

package/dist/esm/u-send-magic-code-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"u-send-magic-code-button.entry.js","sources":["src/auth/components/send-magic-code-button/send-magic-code-button.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Auth } from \"../../auth\";\nimport { authState, authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-send-magic-code-button\",\n  shadow: false,\n})\nexport class SendMagicCodeButton {\n  @Prop() disabled = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() countdown = 0;\n  private countdownInterval: number | null = null;\n\n  private handleClick = async () => {\n    if (this.disabled || authState.loading || this.countdown > 0) return;\n\n    const authInstance = await Auth.getInstance();\n\n    const [_error, response] = await authInstance.helpers.sendMagicCode();\n\n    if (response && \"enable_resend_after\" in response) {\n      this.startCountdown(response.enable_resend_after);\n    }\n  };\n\n  private startCountdown = (enableResendAfter: number) => {\n    this.countdown = Math.ceil(enableResendAfter / 1000);\n\n    this.countdownInterval = window.setInterval(() => {\n      this.countdown--;\n      if (this.countdown <= 0) {\n        this.clearCountdown();\n        authStore.clearFieldError(\"magicCode\");\n      }\n    }, 1000);\n  };\n\n  private clearCountdown = () => {\n    if (this.countdownInterval) {\n      clearInterval(this.countdownInterval);\n      this.countdownInterval = null;\n    }\n    this.countdown = 0;\n  };\n\n  disconnectedCallback() {\n    this.clearCountdown();\n  }\n\n  render() {\n    if (!authState.availableLoginOptions?.magic_link && authState.step !== \"single-login\") {\n      return null;\n    }\n\n    if (authState.step !== \"magic-code\" && authState.step !== \"verification\" && authState.step !== \"single-login\") {\n      return null;\n    }\n\n    const isDisabled = this.disabled || authState.magicCodeStep === \"requested\" || this.countdown > 0 || authState.email === \"\";\n    const buttonTextKey = authState.step !== \"magic-code\" ? \"auth.magicCode.button_text\" : \"auth.magicCode.resend.button_text\";\n    const text = t(buttonTextKey, { defaultValue: \"Send Magic Code\" });\n    const alreadySentText = t(\"auth.magicCode.already_sent_text\", { defaultValue: \"Magic code already sent to your email\" });\n    const sendingText = t(\"auth.magicCode.sending_text\", { defaultValue: \"Sending...\" });\n\n    return (\n      <button type=\"button\" disabled={isDisabled} onClick={this.handleClick} class={this.componentClassName} aria-live=\"polite\">\n        {this.countdown > 0 ? alreadySentText : authState.loading && authState.magicCodeStep === \"requested\" ? sendingText : text}\n      </button>\n    );\n  }\n}\n"],"names":["authState"],"mappings":";;;;;;;;;;;MASa,mBAAmB,GAAA,MAAA;;;;IACtB,QAAQ,GAAG,KAAK;IACW,kBAAkB,GAAG,EAAE;IAEjD,SAAS,GAAG,CAAC;IACd,iBAAiB,GAAkB,IAAI;IAEvC,WAAW,GAAG,YAAW;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAIA,KAAS,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC;YAAE;AAE9D,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,MAAM,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE;AAErE,QAAA,IAAI,QAAQ,IAAI,qBAAqB,IAAI,QAAQ,EAAE;AACjD,YAAA,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,mBAAmB,CAAC;;AAErD,KAAC;AAEO,IAAA,cAAc,GAAG,CAAC,iBAAyB,KAAI;QACrD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAEpD,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;YAC/C,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,EAAE;gBACvB,IAAI,CAAC,cAAc,EAAE;AACrB,gBAAA,SAAS,CAAC,eAAe,CAAC,WAAW,CAAC;;SAEzC,EAAE,IAAI,CAAC;AACV,KAAC;IAEO,cAAc,GAAG,MAAK;AAC5B,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;AAE/B,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC;AACpB,KAAC;IAED,oBAAoB,GAAA;QAClB,IAAI,CAAC,cAAc,EAAE;;IAGvB,MAAM,GAAA;AACJ,QAAA,IAAI,CAACA,KAAS,CAAC,qBAAqB,EAAE,UAAU,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,EAAE;AACrF,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,YAAY,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,EAAE;AAC7G,YAAA,OAAO,IAAI;;QAGb,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAIA,KAAS,CAAC,aAAa,KAAK,WAAW,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,IAAIA,KAAS,CAAC,KAAK,KAAK,EAAE;AAC3H,QAAA,MAAM,aAAa,GAAGA,KAAS,CAAC,IAAI,KAAK,YAAY,GAAG,4BAA4B,GAAG,mCAAmC;AAC1H,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClE,QAAA,MAAM,eAAe,GAAG,CAAC,CAAC,kCAAkC,EAAE,EAAE,YAAY,EAAE,uCAAuC,EAAE,CAAC;AACxH,QAAA,MAAM,WAAW,GAAG,CAAC,CAAC,6BAA6B,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AAEpF,QAAA,QACE,CAAQ,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAY,WAAA,EAAA,QAAQ,EACtH,EAAA,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,eAAe,GAAGA,KAAS,CAAC,OAAO,IAAIA,KAAS,CAAC,aAAa,KAAK,WAAW,GAAG,WAAW,GAAG,IAAI,CAClH;;;;;;"}

package/dist/esm/u-signin-root.entry.js

@@ -0,0 +1,41 @@
+import { r as registerInstance, d as createEvent, g as getElement, h, e as Host } from './index-COQ27Nb6.js';
+import { a as authStore } from './auth-store-ItTnEMlF.js';
+import './index-DVkRTYPC.js';
+import './unidy-store-CAcMVdD8.js';
+
+const SigninRoot = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.authEvent = createEvent(this, "authEvent", 7);
+        this.errorEvent = createEvent(this, "errorEvent", 7);
+    }
+    get el() { return getElement(this); }
+    componentClassName = "";
+    authEvent;
+    errorEvent;
+    componentDidLoad() {
+        authStore.setRootComponentRef(this);
+        const signInSteps = this.el.querySelectorAll("u-signin-step").values();
+        if ([...signInSteps].some((step) => step.name === "single-login")) {
+            authStore.setInitialStep("single-login");
+        }
+        else {
+            authStore.setInitialStep("email");
+        }
+    }
+    onAuth(response) {
+        this.authEvent.emit(response);
+    }
+    onError(error) {
+        this.errorEvent.emit({ error: error });
+    }
+    render() {
+        if (authStore.state.authenticated) {
+            return null;
+        }
+        return (h(Host, { class: this.componentClassName }, h("slot", null)));
+    }
+};
+
+export { SigninRoot as u_signin_root };
+//# sourceMappingURL=u-signin-root.entry.js.map

package/dist/esm/u-signin-root.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"u-signin-root.entry.js","sources":["src/auth/components/signin-root/signin-root.tsx"],"sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, h, Prop } from \"@stencil/core\";\nimport type { TokenResponse } from \"../../api/auth\";\nimport { authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-signin-root\",\n  shadow: true,\n})\nexport class SigninRoot {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @Event() authEvent!: EventEmitter<TokenResponse>;\n  @Event() errorEvent!: EventEmitter<{ error: string }>;\n\n  componentDidLoad() {\n    authStore.setRootComponentRef(this);\n    const signInSteps = this.el.querySelectorAll(\"u-signin-step\").values();\n    if ([...signInSteps].some((step: HTMLUSigninStepElement) => step.name === \"single-login\")) {\n      authStore.setInitialStep(\"single-login\");\n    } else {\n      authStore.setInitialStep(\"email\");\n    }\n  }\n\n  onAuth(response: TokenResponse) {\n    this.authEvent.emit(response);\n  }\n\n  onError(error: string) {\n    this.errorEvent.emit({ error: error });\n  }\n\n  render() {\n    if (authStore.state.authenticated) {\n      return null;\n    }\n\n    return (\n      <Host class={this.componentClassName}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;MAQa,UAAU,GAAA,MAAA;;;;;;;IAGc,kBAAkB,GAAG,EAAE;AAEjD,IAAA,SAAS;AACT,IAAA,UAAU;IAEnB,gBAAgB,GAAA;AACd,QAAA,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC;AACnC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,MAAM,EAAE;AACtE,QAAA,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAA4B,KAAK,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,EAAE;AACzF,YAAA,SAAS,CAAC,cAAc,CAAC,cAAc,CAAC;;aACnC;AACL,YAAA,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC;;;AAIrC,IAAA,MAAM,CAAC,QAAuB,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAG/B,IAAA,OAAO,CAAC,KAAa,EAAA;QACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;;IAGxC,MAAM,GAAA;AACJ,QAAA,IAAI,SAAS,CAAC,KAAK,CAAC,aAAa,EAAE;AACjC,YAAA,OAAO,IAAI;;QAGb,QACE,EAAC,IAAI,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAClC,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACH;;;;;;"}

package/dist/esm/u-signin-step.entry.js

@@ -0,0 +1,64 @@
+import { r as registerInstance, g as getElement, h, e as Host } from './index-COQ27Nb6.js';
+import { A as Auth } from './auth-CAHM6e4m.js';
+import { s as state } from './auth-store-ItTnEMlF.js';
+import './index-Du3hUdhU.js';
+import './profile-store-CsSDT9Tb.js';
+import './index-DVkRTYPC.js';
+import './unidy-store-CAcMVdD8.js';
+import './i18n-OKf8uE5j.js';
+import './component-utils-BGq0leDV.js';
+import './flash-store-CMXH65i_.js';
+
+const SigninStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(this); }
+    name;
+    alwaysRender = false;
+    async isActive() {
+        return state.step === this.name || this.alwaysRender;
+    }
+    async submit() {
+        if (state.loading)
+            return;
+        const authInstance = await Auth.getInstance();
+        if (state.step === "email" || state.step === "single-login") {
+            await authInstance.helpers.createSignIn(state.email, state.password);
+        }
+        else if (state.step === "verification") {
+            await authInstance.helpers.authenticateWithPassword(state.password);
+        }
+        else if (state.step === "reset-password") {
+            await authInstance.helpers.resetPassword();
+        }
+    }
+    render() {
+        let shouldRender = false;
+        if (this.name === "email") {
+            shouldRender = state.step === "email";
+        }
+        else if (this.name === "verification") {
+            shouldRender = state.step === "verification" || state.step === "magic-code";
+        }
+        else if (this.name === "reset-password") {
+            shouldRender = state.step === "reset-password";
+        }
+        else if (this.name === "registration") {
+            shouldRender = state.step === "registration" && state.errors.email === "account_not_found";
+        }
+        else if (this.name === "single-login") {
+            shouldRender = state.step === "single-login";
+        }
+        else if (this.name === "missing-fields") {
+            shouldRender = state.step === "missing-fields";
+        }
+        if (!shouldRender) {
+            return null;
+        }
+        return (h(Host, null, h("slot", null)));
+    }
+};
+
+export { SigninStep as u_signin_step };
+//# sourceMappingURL=u-signin-step.entry.js.map