@unidy.io/sdk 1.1.2 → 1.1.4

package/dist/components/u-password-field.js

@@ -0,0 +1,125 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { s as state, a as authStore } from './auth-store.js';
+import { g as getParentSigninStep } from './helpers.js';
+
+const PasswordField = /*@__PURE__*/ proxyCustomElement(class PasswordField extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get el() { return this; }
+    for = "login";
+    componentClassName = "";
+    ariaLabel = "";
+    getAriaLabel() {
+        if (this.ariaLabel)
+            return this.ariaLabel;
+        switch (this.for) {
+            case "login":
+                return "Password";
+            case "new-password":
+                return "New Password";
+            case "password-confirmation":
+                return "Password Confirmation";
+        }
+    }
+    getValue() {
+        switch (this.for) {
+            case "login":
+                return state.password;
+            case "new-password":
+                return state.resetPassword.newPassword;
+            case "password-confirmation":
+                return state.resetPassword.passwordConfirmation;
+        }
+    }
+    getAutocomplete() {
+        switch (this.for) {
+            case "login":
+                return "current-password";
+            case "new-password":
+            case "password-confirmation":
+                return "new-password";
+        }
+    }
+    getInputName() {
+        switch (this.for) {
+            case "login":
+                return "password";
+            case "new-password":
+                return "new-password";
+            case "password-confirmation":
+                return "confirm-password";
+        }
+    }
+    handleInput = (event) => {
+        const target = event.target;
+        switch (this.for) {
+            case "login":
+                authStore.setPassword(target.value);
+                break;
+            case "new-password":
+                authStore.setNewPassword(target.value);
+                authStore.clearFieldError("resetPassword");
+                authStore.clearFieldError("password");
+                break;
+            case "password-confirmation":
+                authStore.setConfirmPassword(target.value);
+                authStore.clearFieldError("resetPassword");
+                authStore.clearFieldError("password");
+                break;
+        }
+    };
+    handleSubmit = async (event) => {
+        event.preventDefault();
+        (await getParentSigninStep(this.el))?.submit();
+    };
+    shouldRender() {
+        switch (this.for) {
+            case "login":
+                return (state.step === "verification" && state.availableLoginOptions?.password) || state.step === "single-login";
+            case "new-password":
+            case "password-confirmation":
+                return state.step === "reset-password";
+        }
+    }
+    render() {
+        if (!this.shouldRender()) {
+            return null;
+        }
+        if (state.availableLoginOptions && !state.availableLoginOptions.password && state.step !== "single-login") {
+            return null;
+        }
+        const key = this.for === "password-confirmation" ? "auth.password.confirmation.placeholder" : "auth.password.placeholder";
+        const placeholder = t(key, { defaultValue: "Enter your password" });
+        return (h("form", { onSubmit: this.handleSubmit }, h("input", { name: this.getInputName(), type: "password", value: this.getValue(), autocomplete: this.getAutocomplete(), placeholder: placeholder, disabled: state.loading, class: this.componentClassName, onInput: this.handleInput, "aria-label": this.getAriaLabel() })));
+    }
+}, [768, "u-password-field", {
+        "for": [1],
+        "componentClassName": [1, "class-name"],
+        "ariaLabel": [1, "aria-label"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-password-field"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-password-field":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PasswordField);
+            }
+            break;
+    } });
+}
+
+const UPasswordField = PasswordField;
+const defineCustomElement = defineCustomElement$1;
+
+export { UPasswordField, defineCustomElement };
+//# sourceMappingURL=u-password-field.js.map
+
+//# sourceMappingURL=u-password-field.js.map

package/dist/components/u-password-field.js.map

@@ -0,0 +1 @@
+{"file":"u-password-field.js","mappings":"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","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/password-field/password-field.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { authState, authStore } from \"../../store/auth-store\";\nimport { getParentSigninStep } from \"../helpers\";\n\nexport type PasswordFieldFor = \"login\" | \"new-password\" | \"password-confirmation\";\n\n@Component({\n  tag: \"u-password-field\",\n  shadow: false,\n})\nexport class PasswordField {\n  @Element() el!: HTMLElement;\n\n  @Prop() for: PasswordFieldFor = \"login\";\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() ariaLabel = \"\";\n\n  private getAriaLabel(): string {\n    if (this.ariaLabel) return this.ariaLabel;\n\n    switch (this.for) {\n      case \"login\":\n        return \"Password\";\n      case \"new-password\":\n        return \"New Password\";\n      case \"password-confirmation\":\n        return \"Password Confirmation\";\n    }\n  }\n\n  private getValue(): string {\n    switch (this.for) {\n      case \"login\":\n        return authState.password;\n      case \"new-password\":\n        return authState.resetPassword.newPassword;\n      case \"password-confirmation\":\n        return authState.resetPassword.passwordConfirmation;\n    }\n  }\n\n  private getAutocomplete(): string {\n    switch (this.for) {\n      case \"login\":\n        return \"current-password\";\n      case \"new-password\":\n      case \"password-confirmation\":\n        return \"new-password\";\n    }\n  }\n\n  private getInputName(): string {\n    switch (this.for) {\n      case \"login\":\n        return \"password\";\n      case \"new-password\":\n        return \"new-password\";\n      case \"password-confirmation\":\n        return \"confirm-password\";\n    }\n  }\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    switch (this.for) {\n      case \"login\":\n        authStore.setPassword(target.value);\n        break;\n      case \"new-password\":\n        authStore.setNewPassword(target.value);\n        authStore.clearFieldError(\"resetPassword\");\n        authStore.clearFieldError(\"password\");\n        break;\n      case \"password-confirmation\":\n        authStore.setConfirmPassword(target.value);\n        authStore.clearFieldError(\"resetPassword\");\n        authStore.clearFieldError(\"password\");\n        break;\n    }\n  };\n\n  private handleSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    (await getParentSigninStep(this.el))?.submit();\n  };\n\n  private shouldRender(): boolean {\n    switch (this.for) {\n      case \"login\":\n        return (authState.step === \"verification\" && authState.availableLoginOptions?.password) || authState.step === \"single-login\";\n      case \"new-password\":\n      case \"password-confirmation\":\n        return authState.step === \"reset-password\";\n    }\n  }\n\n  render() {\n    if (!this.shouldRender()) {\n      return null;\n    }\n\n    if (authState.availableLoginOptions && !authState.availableLoginOptions.password && authState.step !== \"single-login\") {\n      return null;\n    }\n\n    const key = this.for === \"password-confirmation\" ? \"auth.password.confirmation.placeholder\" : \"auth.password.placeholder\";\n    const placeholder = t(key, { defaultValue: \"Enter your password\" });\n\n    return (\n      <form onSubmit={this.handleSubmit}>\n        <input\n          name={this.getInputName()}\n          type=\"password\"\n          value={this.getValue()}\n          autocomplete={this.getAutocomplete()}\n          placeholder={placeholder}\n          disabled={authState.loading}\n          class={this.componentClassName}\n          onInput={this.handleInput}\n          aria-label={this.getAriaLabel()}\n        />\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-profile.js

@@ -0,0 +1,9 @@
+import { P as Profile, d as defineCustomElement$1 } from './profile.js';
+
+const UProfile = Profile;
+const defineCustomElement = defineCustomElement$1;
+
+export { UProfile, defineCustomElement };
+//# sourceMappingURL=u-profile.js.map
+
+//# sourceMappingURL=u-profile.js.map

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

@@ -0,0 +1 @@
+{"file":"u-profile.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/u-raw-field.js

@@ -0,0 +1,9 @@
+import { R as RawField, d as defineCustomElement$1 } from './raw-field.js';
+
+const URawField = RawField;
+const defineCustomElement = defineCustomElement$1;
+
+export { URawField, defineCustomElement };
+//# sourceMappingURL=u-raw-field.js.map
+
+//# sourceMappingURL=u-raw-field.js.map

package/dist/components/u-raw-field.js.map

@@ -0,0 +1 @@
+{"file":"u-raw-field.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/u-registration-button.js

@@ -0,0 +1,70 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state, a as authStore } from './auth-store.js';
+import { u as unidyState } from './unidy-store.js';
+import { t } from './i18n.js';
+
+const RegistrationButton = /*@__PURE__*/ proxyCustomElement(class RegistrationButton extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get el() { return 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())));
+    }
+}, [772, "u-registration-button", {
+        "for": [1],
+        "componentClassName": [1, "class-name"],
+        "redirectUri": [1, "redirect-uri"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-registration-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-registration-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RegistrationButton);
+            }
+            break;
+    } });
+}
+
+const URegistrationButton = RegistrationButton;
+const defineCustomElement = defineCustomElement$1;
+
+export { URegistrationButton, defineCustomElement };
+//# sourceMappingURL=u-registration-button.js.map
+
+//# sourceMappingURL=u-registration-button.js.map

package/dist/components/u-registration-button.js.map

@@ -0,0 +1 @@
+{"file":"u-registration-button.js","mappings":";;;;;MASa,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;;;;;;;;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,IAAIC,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;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/registration/registration-button.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Element } from \"@stencil/core\";\nimport { authState, authStore } from \"../../store/auth-store\";\nimport { unidyState } from \"../../../shared/store/unidy-store\";\nimport { t } from \"../../../i18n\";\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"],"version":3}

package/dist/components/u-reset-password-button.js

@@ -0,0 +1,63 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { A as Auth } from './auth.js';
+import { s as state } from './auth-store.js';
+import { F as Flash } from './flash-store.js';
+
+const ResetPasswordButton = /*@__PURE__*/ proxyCustomElement(class ResetPasswordButton extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    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);
+        }
+    };
+    getButtonText() {
+        if (state.step === "verification" && 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 (!["verification", "reset-password"].includes(state.step)) {
+            return null;
+        }
+        return (h("button", { type: "button", onClick: this.handleClick, class: this.componentClassName }, this.getButtonText()));
+    }
+}, [768, "u-reset-password-button", {
+        "componentClassName": [1, "class-name"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-reset-password-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-reset-password-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ResetPasswordButton);
+            }
+            break;
+    } });
+}
+
+const UResetPasswordButton = ResetPasswordButton;
+const defineCustomElement = defineCustomElement$1;
+
+export { UResetPasswordButton, defineCustomElement };
+//# sourceMappingURL=u-reset-password-button.js.map
+
+//# sourceMappingURL=u-reset-password-button.js.map

package/dist/components/u-reset-password-button.js.map

@@ -0,0 +1 @@
+{"file":"u-reset-password-button.js","mappings":";;;;;;MAUa,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAA,WAAA,CAAA;;;;;;;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,IAAIC,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,aAAa,GAAA;AACnB,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,qBAAqB,IAAI,CAACA,KAAS,CAAC,qBAAqB,CAAC,QAAQ,EAAE;YACrH,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,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAACA,KAAS,CAAC,IAAI,CAAC,EAAE;AAChE,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;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/reset-pass-button/reset-pass-button.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\nimport { Flash } from \"../../../shared/store/flash-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 getButtonText() {\n    if (authState.step === \"verification\" && authState.availableLoginOptions && !authState.availableLoginOptions.password) {\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 (![\"verification\", \"reset-password\"].includes(authState.step)) {\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"],"version":3}

package/dist/components/u-send-magic-code-button.js

@@ -0,0 +1,85 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { s as state, a as authStore } from './auth-store.js';
+import { A as Auth } from './auth.js';
+
+const SendMagicCodeButton = /*@__PURE__*/ proxyCustomElement(class SendMagicCodeButton extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    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));
+    }
+}, [768, "u-send-magic-code-button", {
+        "disabled": [4],
+        "componentClassName": [1, "class-name"],
+        "countdown": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-send-magic-code-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-send-magic-code-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SendMagicCodeButton);
+            }
+            break;
+    } });
+}
+
+const USendMagicCodeButton = SendMagicCodeButton;
+const defineCustomElement = defineCustomElement$1;
+
+export { USendMagicCodeButton, defineCustomElement };
+//# sourceMappingURL=u-send-magic-code-button.js.map
+
+//# sourceMappingURL=u-send-magic-code-button.js.map

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

@@ -0,0 +1 @@
+{"file":"u-send-magic-code-button.js","mappings":"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","names":["__stencil_proxyCustomElement","authState"],"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 { authState, authStore } from \"../../store/auth-store\";\nimport { Auth } from \"../../auth\";\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"],"version":3}

package/dist/components/u-signed-in.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { a as authStore } from './auth-store.js';
+
+const SignedIn = /*@__PURE__*/ proxyCustomElement(class SignedIn extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    componentClassName = "";
+    not = false;
+    render() {
+        if (this.not ? authStore.state.authenticated : !authStore.state.authenticated) {
+            return null;
+        }
+        return (h(Host, { class: this.componentClassName }, h("slot", null)));
+    }
+}, [769, "u-signed-in", {
+        "componentClassName": [1, "class-name"],
+        "not": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-signed-in"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-signed-in":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SignedIn);
+            }
+            break;
+    } });
+}
+
+const USignedIn = SignedIn;
+const defineCustomElement = defineCustomElement$1;
+
+export { USignedIn, defineCustomElement };
+//# sourceMappingURL=u-signed-in.js.map
+
+//# sourceMappingURL=u-signed-in.js.map

package/dist/components/u-signed-in.js.map

@@ -0,0 +1 @@
+{"file":"u-signed-in.js","mappings":";;;MAOa,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAA,WAAA,CAAA;;;;;;;;IACgB,kBAAkB,GAAG,EAAE;IAClD,GAAG,GAAG,KAAK;IAEnB,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,aAAa,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,EAAE;AAC7E,YAAA,OAAO,IAAI;;QAGb,QACE,EAAC,IAAI,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAClC,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/auth/components/signed-in/signed-in.tsx"],"sourcesContent":["import { Component, Host, Prop, h } from \"@stencil/core\";\nimport { authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-signed-in\",\n  shadow: true,\n})\nexport class SignedIn {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() not = false;\n\n  render() {\n    if (this.not ? authStore.state.authenticated : !authStore.state.authenticated) {\n      return null;\n    }\n\n    return (\n      <Host class={this.componentClassName}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-signin-root.js

@@ -0,0 +1,63 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { a as authStore } from './auth-store.js';
+
+const SigninRoot = /*@__PURE__*/ proxyCustomElement(class SigninRoot extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.authEvent = createEvent(this, "authEvent", 7);
+        this.errorEvent = createEvent(this, "errorEvent", 7);
+    }
+    get el() { return 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)));
+    }
+}, [769, "u-signin-root", {
+        "componentClassName": [1, "class-name"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-signin-root"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-signin-root":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SigninRoot);
+            }
+            break;
+    } });
+}
+
+const USigninRoot = SigninRoot;
+const defineCustomElement = defineCustomElement$1;
+
+export { USigninRoot, defineCustomElement };
+//# sourceMappingURL=u-signin-root.js.map
+
+//# sourceMappingURL=u-signin-root.js.map

package/dist/components/u-signin-root.js.map

@@ -0,0 +1 @@
+{"file":"u-signin-root.js","mappings":";;;MAQa,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAA,WAAA,CAAA;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/auth/components/signin-root/signin-root.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Event, type EventEmitter, Element } 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"],"version":3}

package/dist/components/u-signin-step.js

@@ -0,0 +1,84 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state } from './auth-store.js';
+import { A as Auth } from './auth.js';
+
+const SigninStep = /*@__PURE__*/ proxyCustomElement(class SigninStep extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    get el() { return 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)));
+    }
+}, [769, "u-signin-step", {
+        "name": [1],
+        "alwaysRender": [4, "always-render"],
+        "isActive": [64],
+        "submit": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-signin-step"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-signin-step":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SigninStep);
+            }
+            break;
+    } });
+}
+
+const USigninStep = SigninStep;
+const defineCustomElement = defineCustomElement$1;
+
+export { USigninStep, defineCustomElement };
+//# sourceMappingURL=u-signin-step.js.map
+
+//# sourceMappingURL=u-signin-step.js.map

package/dist/components/u-signin-step.js.map

@@ -0,0 +1 @@
+{"file":"u-signin-step.js","mappings":";;;;MAQa,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAA,WAAA,CAAA;;;;;;;;;AAEb,IAAA,IAAI;IACJ,YAAY,GAAG,KAAK;AAG5B,IAAA,MAAM,QAAQ,GAAA;QACZ,OAAOC,KAAS,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY;;AAI1D,IAAA,MAAM,MAAM,GAAA;QACV,IAAIA,KAAS,CAAC,OAAO;YAAE;AAEvB,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,OAAO,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,EAAE;AACnE,YAAA,MAAM,YAAY,CAAC,OAAO,CAAC,YAAY,CAACA,KAAS,CAAC,KAAK,EAAEA,KAAS,CAAC,QAAQ,CAAC;;AACvE,aAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,EAAE;YAC5C,MAAM,YAAY,CAAC,OAAO,CAAC,wBAAwB,CAACA,KAAS,CAAC,QAAQ,CAAC;;AAClE,aAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE;AAC9C,YAAA,MAAM,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE;;;IAI9C,MAAM,GAAA;QACJ,IAAI,YAAY,GAAG,KAAK;AAExB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;AACzB,YAAA,YAAY,GAAGA,KAAS,CAAC,IAAI,KAAK,OAAO;;AACpC,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE;AACvC,YAAA,YAAY,GAAGA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,IAAI,KAAK,YAAY;;AAC9E,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE;AACzC,YAAA,YAAY,GAAGA,KAAS,CAAC,IAAI,KAAK,gBAAgB;;AAC7C,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE;AACvC,YAAA,YAAY,GAAGA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,MAAM,CAAC,KAAK,KAAK,mBAAmB;;AAC7F,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE;AACvC,YAAA,YAAY,GAAGA,KAAS,CAAC,IAAI,KAAK,cAAc;;AAC3C,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE;AACzC,YAAA,YAAY,GAAGA,KAAS,CAAC,IAAI,KAAK,gBAAgB;;QAGpD,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/signin-step/signin-step.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Method, Element } from \"@stencil/core\";\nimport { authState } from \"../../store/auth-store\";\nimport { Auth } from \"../..\";\n\n@Component({\n  tag: \"u-signin-step\",\n  shadow: true,\n})\nexport class SigninStep {\n  @Element() el!: HTMLElement;\n  @Prop() name!: \"email\" | \"verification\" | \"reset-password\" | \"single-login\" | \"missing-fields\" | \"registration\";\n  @Prop() alwaysRender = false;\n\n  @Method()\n  async isActive(): Promise<boolean> {\n    return authState.step === this.name || this.alwaysRender;\n  }\n\n  @Method()\n  async submit() {\n    if (authState.loading) return;\n\n    const authInstance = await Auth.getInstance();\n\n    if (authState.step === \"email\" || authState.step === \"single-login\") {\n      await authInstance.helpers.createSignIn(authState.email, authState.password);\n    } else if (authState.step === \"verification\") {\n      await authInstance.helpers.authenticateWithPassword(authState.password);\n    } else if (authState.step === \"reset-password\") {\n      await authInstance.helpers.resetPassword();\n    }\n  }\n\n  render() {\n    let shouldRender = false;\n\n    if (this.name === \"email\") {\n      shouldRender = authState.step === \"email\";\n    } else if (this.name === \"verification\") {\n      shouldRender = authState.step === \"verification\" || authState.step === \"magic-code\";\n    } else if (this.name === \"reset-password\") {\n      shouldRender = authState.step === \"reset-password\";\n    } else if (this.name === \"registration\") {\n      shouldRender = authState.step === \"registration\" && authState.errors.email === \"account_not_found\";\n    } else if (this.name === \"single-login\") {\n      shouldRender = authState.step === \"single-login\";\n    } else if (this.name === \"missing-fields\") {\n      shouldRender = authState.step === \"missing-fields\";\n    }\n\n    if (!shouldRender) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}