@unidy.io/sdk 1.1.8 → 1.1.10

package/dist/components/u-passkey.js

@@ -0,0 +1,65 @@
+import { proxyCustomElement, HTMLElement, h, Host } 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';
+
+const Passkey = /*@__PURE__*/ proxyCustomElement(class Passkey extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    disabled = false;
+    componentClassName = "";
+    ariaDescribedBy = "";
+    isSupported = false;
+    componentWillLoad() {
+        // Check if WebAuthn is supported
+        this.isSupported = typeof window !== "undefined" && !!window.PublicKeyCredential;
+    }
+    handleClick = async () => {
+        if (this.disabled || state.loading || !this.isSupported)
+            return;
+        const authInstance = await Auth.getInstance();
+        await authInstance.helpers.authenticateWithPasskey();
+    };
+    render() {
+        if (!state.availableLoginOptions?.passkey) {
+            return null;
+        }
+        if (!this.isSupported) {
+            return null;
+        }
+        const isDisabled = this.disabled || state.loading;
+        const text = t("auth.passkey.button_text", { defaultValue: "Sign in with Passkey" });
+        const loadingText = t("auth.passkey.loading_text", { defaultValue: "Authenticating..." });
+        return (h(Host, null, h("button", { type: "button", disabled: isDisabled, onClick: this.handleClick, class: this.componentClassName, "aria-live": "polite", "aria-describedby": this.ariaDescribedBy || undefined }, state.loading ? loadingText : text)));
+    }
+}, [768, "u-passkey", {
+        "disabled": [4],
+        "componentClassName": [1, "class-name"],
+        "ariaDescribedBy": [1, "aria-described-by"],
+        "isSupported": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-passkey"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-passkey":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Passkey);
+            }
+            break;
+    } });
+}
+
+const UPasskey = Passkey;
+const defineCustomElement = defineCustomElement$1;
+
+export { UPasskey, defineCustomElement };
+//# sourceMappingURL=u-passkey.js.map
+
+//# sourceMappingURL=u-passkey.js.map

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

@@ -0,0 +1 @@
+{"file":"u-passkey.js","mappings":";;;;;MASa,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAA,WAAA,CAAA;;;;;;;IACV,QAAQ,GAAG,KAAK;IACW,kBAAkB,GAAG,EAAE;IAClD,eAAe,GAAI,EAAE;IAEpB,WAAW,GAAG,KAAK;IAE5B,iBAAiB,GAAA;;AAEf,QAAA,IAAI,CAAC,WAAW,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC,mBAAmB;;IAG1E,WAAW,GAAG,YAAW;QAC/B,IAAI,IAAI,CAAC,QAAQ,IAAIC,KAAS,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE;AAE7D,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,YAAY,CAAC,OAAO,CAAC,uBAAuB,EAAE;AACtD,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAACA,KAAS,CAAC,qBAAqB,EAAE,OAAO,EAAE;AAC7C,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,OAAO,IAAI;;QAGb,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAIA,KAAS,CAAC,OAAO;AACrD,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,0BAA0B,EAAE,EAAE,YAAY,EAAE,sBAAsB,EAAE,CAAC;AACpF,QAAA,MAAM,WAAW,GAAG,CAAC,CAAC,2BAA2B,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC;QAEzF,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,IAAI,CAAC,kBAAkB,EACpB,WAAA,EAAA,QAAQ,EACA,kBAAA,EAAA,IAAI,CAAC,eAAe,IAAI,SAAS,EAElD,EAAAA,KAAS,CAAC,OAAO,GAAG,WAAW,GAAG,IAAI,CAChC,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/passkey/passkey.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-passkey\",\n  shadow: false,\n})\nexport class Passkey {\n  @Prop() disabled = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() ariaDescribedBy? = \"\";\n\n  @State() isSupported = false;\n\n  componentWillLoad() {\n    // Check if WebAuthn is supported\n    this.isSupported = typeof window !== \"undefined\" && !!window.PublicKeyCredential;\n  }\n\n  private handleClick = async () => {\n    if (this.disabled || authState.loading || !this.isSupported) return;\n\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.authenticateWithPasskey();\n  };\n\n  render() {\n    if (!authState.availableLoginOptions?.passkey) {\n      return null;\n    }\n\n    if (!this.isSupported) {\n      return null;\n    }\n\n    const isDisabled = this.disabled || authState.loading;\n    const text = t(\"auth.passkey.button_text\", { defaultValue: \"Sign in with Passkey\" });\n    const loadingText = t(\"auth.passkey.loading_text\", { defaultValue: \"Authenticating...\" });\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          disabled={isDisabled}\n          onClick={this.handleClick}\n          class={this.componentClassName}\n          aria-live=\"polite\"\n          aria-describedby={this.ariaDescribedBy || undefined}\n        >\n          {authState.loading ? loadingText : text}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

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

@@ -0,0 +1,127 @@
+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":
+                if (state.step === "single-login")
+                    return true;
+                if (state.step === "verification" && state.availableLoginOptions?.password) {
+                    return true;
+                }
+                return false;
+            case "new-password":
+            case "password-confirmation":
+                return state.step === "reset-password";
+        }
+    }
+    render() {
+        if (!this.shouldRender()) {
+            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, Element, h, Prop } 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        if (authState.step === \"single-login\") return true;\n        if (authState.step === \"verification\" && authState.availableLoginOptions?.password) {\n          return true;\n        }\n        return false;\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    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.d.ts

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

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.d.ts

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

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.d.ts

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

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

@@ -0,0 +1,70 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { u as unidyState } from './unidy-store.js';
+import { s as state, a as authStore } from './auth-store.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, 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"],"version":3}

package/dist/components/u-reset-password-button.d.ts

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

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

@@ -0,0 +1,72 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { F as Flash } from './flash-store.js';
+import { A as Auth } from './auth.js';
+import { s as state } from './auth-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);
+        }
+    };
+    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()));
+    }
+}, [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,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;;;;;;;;;;;;;;;;;;;;;;;;","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 { 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"],"version":3}

package/dist/components/u-send-magic-code-button.d.ts

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

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 { A as Auth } from './auth.js';
+import { s as state, a as authStore } from './auth-store.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 { 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"],"version":3}

package/dist/components/u-signed-in.d.ts

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

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, h, Prop } 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}