@unidy.io/sdk 1.2.0-alpha9 → 1.2.0

package/dist/collection/auth/components/logout-button/logout-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"logout-button.js","sourceRoot":"","sources":["../../../../src/auth/components/logout-button/logout-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAMlC,MAAM,OAAO,YAAY;IACZ,EAAE,CAAe;IACO,kBAAkB,GAAG,EAAE,CAAC;IACnD,eAAe,GAAG,IAAI,CAAC;IAEtB,MAAM,CAAsB;IAE7B,OAAO,GAAG,KAAK,CAAC;IAExB,KAAK,CAAC,iBAAiB;QACrB,gHAAgH;QAChH,iDAAiD;QACjD,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACzC,CAAC;IAEO,YAAY,GAAG,KAAK,IAAI,EAAE;QAChC,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9C,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,MAAM,EAAE,CAAC;QAE3C,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAEnB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,+DAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,eAAY,QAAQ,IACjG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CACvC,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() reloadOnSuccess = true;\n\n  @Event() logout!: EventEmitter<void>;\n\n  private hasSlot = false;\n\n  async componentWillLoad() {\n    // this needs to be evaluated on load, bc doing it on render will evaluate the generated dom for \"shadow: false\"\n    // components and always return true on re-render\n    this.hasSlot = hasSlotContent(this.el);\n  }\n\n  private handleLogout = async () => {\n    const authInstance = await Auth.getInstance();\n\n    const result = await authInstance.logout();\n\n    if (result === true) {\n      this.logout.emit();\n\n      if (this.reloadOnSuccess) {\n        window.location.reload();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <button type=\"button\" class={this.componentClassName} onClick={this.handleLogout} aria-live=\"polite\">\n        {this.hasSlot ? <slot /> : t(\"buttons.logout\")}\n      </button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"logout-button.js","sourceRoot":"","sources":["../../../../src/auth/components/logout-button/logout-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAMlC,MAAM,OAAO,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;;;;IAC3B,kBAAkB,GAAG,EAAE,CAAC;IACnD,eAAe,GAAG,IAAI,CAAC;IAEtB,MAAM,CAAsB;IAE7B,YAAY,GAAG,KAAK,IAAI,EAAE;QAChC,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9C,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,MAAM,EAAE,CAAC;QAE3C,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAEnB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,+DAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,eAAY,QAAQ,IACjG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CACvC,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton extends UnidyComponent(HasSlotContent) {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() reloadOnSuccess = true;\n\n  @Event() logout!: EventEmitter<void>;\n\n  private handleLogout = async () => {\n    const authInstance = await Auth.getInstance();\n\n    const result = await authInstance.logout();\n\n    if (result === true) {\n      this.logout.emit();\n\n      if (this.reloadOnSuccess) {\n        window.location.reload();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <button type=\"button\" class={this.componentClassName} onClick={this.handleLogout} aria-live=\"polite\">\n        {this.hasSlot ? <slot /> : t(\"buttons.logout\")}\n      </button>\n    );\n  }\n}\n"]}

package/dist/collection/auth/components/missing-field/missing-field.js

@@ -2,13 +2,37 @@ import { h } from "@stencil/core";
 import { authState, missingFieldNames } from "../../store/auth-store";
 export class MissingField {
     el;
+    componentClassName;
     render() {
         if (authState.step !== "missing-fields")
             return null;
         const fieldNames = missingFieldNames();
-        return (h("div", { class: "missing-fields" }, h("form", null, fieldNames.map((fieldName) => (h("u-field", { key: fieldName, field: fieldName, renderDefaultLabel: true }))))));
+        return (h("div", { class: "missing-fields" }, h("form", null, fieldNames.map((fieldName) => (h("u-field", { key: fieldName, field: fieldName, renderDefaultLabel: true, "class-name": this.componentClassName }))))));
     }
     static get is() { return "u-missing-field"; }
+    static get properties() {
+        return {
+            "componentClassName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "class-name"
+            }
+        };
+    }
     static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=missing-field.js.map

package/dist/collection/auth/components/missing-field/missing-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"missing-field.js","sourceRoot":"","sources":["../../../../src/auth/components/missing-field/missing-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAMtE,MAAM,OAAO,YAAY;IACZ,EAAE,CAAe;IAE5B,MAAM;QACJ,IAAI,SAAS,CAAC,IAAI,KAAK,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAErD,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAC;QAEvC,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;YACzB,gBACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC7B,eAAS,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAI,CACxE,CAAC,CACG,CACH,CACP,CAAC;IACJ,CAAC;;;CACF","sourcesContent":["import { Component, Element, h } from \"@stencil/core\";\nimport { authState, missingFieldNames } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-field\",\n  shadow: false,\n})\nexport class MissingField {\n  @Element() el!: HTMLElement;\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    const fieldNames = missingFieldNames();\n\n    return (\n      <div class=\"missing-fields\">\n        <form>\n          {fieldNames.map((fieldName) => (\n            <u-field key={fieldName} field={fieldName} renderDefaultLabel={true} />\n          ))}\n        </form>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"missing-field.js","sourceRoot":"","sources":["../../../../src/auth/components/missing-field/missing-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAMtE,MAAM,OAAO,YAAY;IACZ,EAAE,CAAe;IACO,kBAAkB,CAAU;IAE/D,MAAM;QACJ,IAAI,SAAS,CAAC,IAAI,KAAK,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAErD,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAC;QAEvC,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;YACzB,gBACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC7B,eAAS,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,gBAAc,IAAI,CAAC,kBAAkB,GAAI,CAC7G,CAAC,CACG,CACH,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\nimport { authState, missingFieldNames } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-field\",\n  shadow: false,\n})\nexport class MissingField {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    const fieldNames = missingFieldNames();\n\n    return (\n      <div class=\"missing-fields\">\n        <form>\n          {fieldNames.map((fieldName) => (\n            <u-field key={fieldName} field={fieldName} renderDefaultLabel={true} class-name={this.componentClassName} />\n          ))}\n        </form>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/auth/components/missing-fields-submit-button/missing-fields-submit-button.js

@@ -3,10 +3,14 @@ import { getUnidyClient } from "../../../api";
 import { t } from "../../../i18n";
 import { buildPayload, validateRequiredFieldsUnchanged } from "../../../profile/profile-helpers";
 import { state as profileState } from "../../../profile/store/profile-store";
-import { hasSlotContent } from "../../../shared/component-utils";
+import { UnidyComponent } from "../../../shared/base/component";
+import { HasSlotContent } from "../../../shared/base/has-slot-content";
 import { authState, authStore } from "../../store/auth-store";
-export class MissingFieldsSubmitButton {
-    el;
+export class MissingFieldsSubmitButton extends UnidyComponent(HasSlotContent) {
+    constructor() {
+        super();
+    }
+    componentClassName = "";
     async onSubmit() {
         profileState.loading = true;
         const { configuration, ...stateWithoutConfig } = profileState;
@@ -28,15 +32,37 @@ export class MissingFieldsSubmitButton {
         profileState.loading = false;
         authStore.setToken(jwt);
         // Emit authEvent to allow modal-based logins to close after successful submission
-        this.el.dispatchEvent(new CustomEvent("authEvent", { detail: { jwt }, bubbles: true, composed: true }));
+        this.element.dispatchEvent(new CustomEvent("authEvent", { detail: { jwt }, bubbles: true, composed: true }));
     }
     render() {
         if (authState.step !== "missing-fields")
             return null;
-        return (h("div", null, h("button", { type: "button", onClick: () => this.onSubmit(), part: "button", disabled: (profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false, "aria-live": "polite" }, profileState.loading ? h("u-spinner", null) : hasSlotContent(this.el) ? h("slot", null) : t("buttons.submit"))));
+        return (h("div", null, h("button", { type: "button", onClick: () => this.onSubmit(), part: "button", class: this.componentClassName, disabled: (profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false, "aria-live": "polite" }, profileState.loading ? h("u-spinner", null) : this.hasSlot ? h("slot", null) : t("buttons.submit"))));
     }
     static get is() { return "u-missing-fields-submit-button"; }
-    static get encapsulation() { return "shadow"; }
-    static get elementRef() { return "el"; }
+    static get properties() {
+        return {
+            "componentClassName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "class-name",
+                "defaultValue": "\"\""
+            }
+        };
+    }
 }
 //# sourceMappingURL=missing-fields-submit-button.js.map

package/dist/collection/auth/components/missing-fields-submit-button/missing-fields-submit-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"missing-fields-submit-button.js","sourceRoot":"","sources":["../../../../src/auth/components/missing-fields-submit-button/missing-fields-submit-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,OAAO,yBAAyB;IACzB,EAAE,CAAe;IAEpB,KAAK,CAAC,QAAQ;QACpB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAE5B,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAG,YAAY,CAAC;QAE9D,IAAI,CAAC,+BAA+B,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9D,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACjE,MAAM,GAAG,GAAG,SAAS,CAAC,GAAa,CAAC;QAEpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAM,cAAc,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC;YACxE,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE;SACtC,CAAC,CAAC;QAEH,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,EAAE,GAAG,QAAyB,CAAC;QAC1C,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAExB,kFAAkF;QAClF,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1G,CAAC;IAED,MAAM;QACJ,IAAI,SAAS,CAAC,IAAI,KAAK,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAErD,OAAO,CACL;YACE,cACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAC9B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,YAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,YAAY,CAAC,UAAU,KAAK,KAAK,eACzG,QAAQ,IAEjB,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAa,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CACzF,CACL,CACP,CAAC;IACJ,CAAC;;;;CACF","sourcesContent":["import { Component, Element, h } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { t } from \"../../../i18n\";\nimport { buildPayload, validateRequiredFieldsUnchanged } from \"../../../profile/profile-helpers\";\nimport { state as profileState } from \"../../../profile/store/profile-store\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport type { TokenResponse } from \"../../api/auth\";\nimport { authState, authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-fields-submit-button\",\n  shadow: true,\n})\nexport class MissingFieldsSubmitButton {\n  @Element() el!: HTMLElement;\n\n  private async onSubmit() {\n    profileState.loading = true;\n\n    const { configuration, ...stateWithoutConfig } = profileState;\n\n    if (!validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {\n      profileState.loading = false;\n      return;\n    }\n\n    const updatedProfileData = buildPayload(stateWithoutConfig.data);\n    const sid = authState.sid as string;\n\n    const [error, response] = await getUnidyClient().auth.updateMissingFields({\n      signInId: sid,\n      payload: { user: updatedProfileData },\n    });\n\n    if (error) {\n      profileState.loading = false;\n      return;\n    }\n\n    const { jwt } = response as TokenResponse;\n    profileState.loading = false;\n    authStore.setToken(jwt);\n\n    // Emit authEvent to allow modal-based logins to close after successful submission\n    this.el.dispatchEvent(new CustomEvent(\"authEvent\", { detail: { jwt }, bubbles: true, composed: true }));\n  }\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    return (\n      <div>\n        <button\n          type=\"button\"\n          onClick={() => this.onSubmit()}\n          part=\"button\"\n          disabled={(profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false}\n          aria-live=\"polite\"\n        >\n          {profileState.loading ? <u-spinner /> : hasSlotContent(this.el) ? <slot /> : t(\"buttons.submit\")}\n        </button>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"missing-fields-submit-button.js","sourceRoot":"","sources":["../../../../src/auth/components/missing-fields-submit-button/missing-fields-submit-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,OAAO,yBAA0B,SAAQ,cAAc,CAAC,cAAc,CAAC;;;;IACxC,kBAAkB,GAAG,EAAE,CAAC;IAEnD,KAAK,CAAC,QAAQ;QACpB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAE5B,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAG,YAAY,CAAC;QAE9D,IAAI,CAAC,+BAA+B,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9D,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACjE,MAAM,GAAG,GAAG,SAAS,CAAC,GAAa,CAAC;QAEpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAM,cAAc,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC;YACxE,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE;SACtC,CAAC,CAAC;QAEH,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,EAAE,GAAG,QAAyB,CAAC;QAC1C,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAExB,kFAAkF;QAClF,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/G,CAAC;IAED,MAAM;QACJ,IAAI,SAAS,CAAC,IAAI,KAAK,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAErD,OAAO,CACL;YACE,cACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAC9B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,YAAY,CAAC,UAAU,KAAK,KAAK,eACzG,QAAQ,IAEjB,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAC9E,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { t } from \"../../../i18n\";\nimport { buildPayload, validateRequiredFieldsUnchanged } from \"../../../profile/profile-helpers\";\nimport { state as profileState } from \"../../../profile/store/profile-store\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport type { TokenResponse } from \"../../api/auth\";\nimport { authState, authStore } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-fields-submit-button\",\n  shadow: false,\n})\nexport class MissingFieldsSubmitButton extends UnidyComponent(HasSlotContent) {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private async onSubmit() {\n    profileState.loading = true;\n\n    const { configuration, ...stateWithoutConfig } = profileState;\n\n    if (!validateRequiredFieldsUnchanged(stateWithoutConfig.data)) {\n      profileState.loading = false;\n      return;\n    }\n\n    const updatedProfileData = buildPayload(stateWithoutConfig.data);\n    const sid = authState.sid as string;\n\n    const [error, response] = await getUnidyClient().auth.updateMissingFields({\n      signInId: sid,\n      payload: { user: updatedProfileData },\n    });\n\n    if (error) {\n      profileState.loading = false;\n      return;\n    }\n\n    const { jwt } = response as TokenResponse;\n    profileState.loading = false;\n    authStore.setToken(jwt);\n\n    // Emit authEvent to allow modal-based logins to close after successful submission\n    this.element.dispatchEvent(new CustomEvent(\"authEvent\", { detail: { jwt }, bubbles: true, composed: true }));\n  }\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    return (\n      <div>\n        <button\n          type=\"button\"\n          onClick={() => this.onSubmit()}\n          part=\"button\"\n          class={this.componentClassName}\n          disabled={(profileState.errors && Object.keys(profileState.errors).length > 0) || profileState.phoneValid === false}\n          aria-live=\"polite\"\n        >\n          {profileState.loading ? <u-spinner /> : this.hasSlot ? <slot /> : t(\"buttons.submit\")}\n        </button>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/auth/components/password-field/password-field.js

@@ -104,7 +104,7 @@ export class PasswordField {
                     "references": {
                         "PasswordFieldFor": {
                             "location": "local",
-                            "path": "/Users/fran/work/worktrees-unidy-sdk/jump-to-service/packages/sdk/src/auth/components/password-field/password-field.tsx",
+                            "path": "/Users/bvogel/Development/unidy-sdk/packages/sdk/src/auth/components/password-field/password-field.tsx",
                             "id": "src/auth/components/password-field/password-field.tsx::PasswordFieldFor"
                         }
                     }

package/dist/collection/auth/components/reset-pass-button/reset-pass-button.js

@@ -1,16 +1,15 @@
 import { h } from "@stencil/core";
 import { t } from "../../../i18n";
-import { hasSlotContent } from "../../../shared/component-utils";
+import { UnidyComponent } from "../../../shared/base/component";
+import { HasSlotContent } from "../../../shared/base/has-slot-content";
 import { Flash } from "../../../shared/store/flash-store";
 import { Auth } from "../../auth";
 import { authState } from "../../store/auth-store";
-export class ResetPasswordButton {
-    el;
-    componentClassName = "";
-    hasSlot = false;
-    async componentWillLoad() {
-        this.hasSlot = hasSlotContent(this.el);
+export class ResetPasswordButton extends UnidyComponent(HasSlotContent) {
+    constructor() {
+        super();
     }
+    componentClassName = "";
     handleClick = async () => {
         const authInstance = await Auth.getInstance();
         await authInstance.helpers.sendResetPasswordEmail();
@@ -68,6 +67,5 @@ export class ResetPasswordButton {
             }
         };
     }
-    static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=reset-pass-button.js.map

package/dist/collection/auth/components/reset-pass-button/reset-pass-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset-pass-button.js","sourceRoot":"","sources":["../../../../src/auth/components/reset-pass-button/reset-pass-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,OAAO,mBAAmB;IACnB,EAAE,CAAe;IACO,kBAAkB,GAAG,EAAE,CAAC;IAEnD,OAAO,GAAG,KAAK,CAAC;IAExB,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACzC,CAAC;IAEO,WAAW,GAAG,KAAK,IAAI,EAAE;QAC/B,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9C,MAAM,YAAY,CAAC,OAAO,CAAC,sBAAsB,EAAE,CAAC;QAEpD,IAAI,SAAS,CAAC,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC5C,MAAM,cAAc,GAAG,CAAC,CAAC,oCAAoC,EAAE;gBAC7D,YAAY,EAAE,qDAAqD;aACpE,CAAC,CAAC;YAEH,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,CAAC;IAEM,YAAY;QAClB,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAE7E,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,IAAI,SAAS,CAAC,GAAG,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAE7E,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,IAAI,SAAS,CAAC,qBAAqB,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,QAAQ,EAAE,CAAC;YACtH,OAAO,CAAC,CAAC,oCAAoC,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,CAAC;QACnF,CAAC;QAED,IAAI,SAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YACxC,OAAO,CAAC,CAAC,uCAAuC,EAAE,EAAE,YAAY,EAAE,6BAA6B,EAAE,CAAC,CAAC;QACrG,CAAC;QAED,OAAO,CAAC,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACvF,CAAC;IACD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,cAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,IAC5E,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CACxC,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\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  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private hasSlot = false;\n\n  async componentWillLoad() {\n    this.hasSlot = hasSlotContent(this.el);\n  }\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 (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 (!this.shouldRender()) {\n      return null;\n    }\n\n    return (\n      <button type=\"button\" onClick={this.handleClick} class={this.componentClassName}>\n        {this.hasSlot ? <slot /> : this.getButtonText()}\n      </button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"reset-pass-button.js","sourceRoot":"","sources":["../../../../src/auth/components/reset-pass-button/reset-pass-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,OAAO,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;;;;IAClC,kBAAkB,GAAG,EAAE,CAAC;IAEnD,WAAW,GAAG,KAAK,IAAI,EAAE;QAC/B,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9C,MAAM,YAAY,CAAC,OAAO,CAAC,sBAAsB,EAAE,CAAC;QAEpD,IAAI,SAAS,CAAC,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC5C,MAAM,cAAc,GAAG,CAAC,CAAC,oCAAoC,EAAE;gBAC7D,YAAY,EAAE,qDAAqD;aACpE,CAAC,CAAC;YAEH,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,CAAC;IAEM,YAAY;QAClB,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAE7E,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,IAAI,SAAS,CAAC,GAAG,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAE7E,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,IAAI,SAAS,CAAC,qBAAqB,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,QAAQ,EAAE,CAAC;YACtH,OAAO,CAAC,CAAC,oCAAoC,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,CAAC;QACnF,CAAC;QAED,IAAI,SAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YACxC,OAAO,CAAC,CAAC,uCAAuC,EAAE,EAAE,YAAY,EAAE,6BAA6B,EAAE,CAAC,CAAC;QACrG,CAAC;QAED,OAAO,CAAC,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACvF,CAAC;IACD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,cAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,IAC5E,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CACxC,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\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 extends UnidyComponent(HasSlotContent) {\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 (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 (!this.shouldRender()) {\n      return null;\n    }\n\n    return (\n      <button type=\"button\" onClick={this.handleClick} class={this.componentClassName}>\n        {this.hasSlot ? <slot /> : this.getButtonText()}\n      </button>\n    );\n  }\n}\n"]}

package/dist/collection/auth/components/signed-in/signed-in.js

@@ -4,13 +4,10 @@ export class SignedIn {
     componentClassName = "";
     not = false;
     render() {
-        if (this.not ? authStore.state.authenticated : !authStore.state.authenticated) {
-            return null;
-        }
-        return (h(Host, { class: this.componentClassName }, h("slot", null)));
+        const shouldShow = this.not ? !authStore.state.authenticated : authStore.state.authenticated;
+        return (h(Host, { key: '678665a8b0b36eb84be4374c20a6036424675d0c', class: this.componentClassName, hidden: !shouldShow, style: { display: shouldShow ? undefined : "none" }, "aria-hidden": !shouldShow ? "true" : null, "aria-live": "polite" }, h("slot", { key: 'cad91fa9ea14bf4f51e3635814cbca82db529620' })));
     }
     static get is() { return "u-signed-in"; }
-    static get encapsulation() { return "shadow"; }
     static get properties() {
         return {
             "componentClassName": {

package/dist/collection/auth/components/signed-in/signed-in.js.map

@@ -1 +1 @@
-{"version":3,"file":"signed-in.js","sourceRoot":"","sources":["../../../../src/auth/components/signed-in/signed-in.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,OAAO,QAAQ;IACgB,kBAAkB,GAAG,EAAE,CAAC;IACnD,GAAG,GAAG,KAAK,CAAC;IAEpB,MAAM;QACJ,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YAC9E,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB;YAClC,eAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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,"file":"signed-in.js","sourceRoot":"","sources":["../../../../src/auth/components/signed-in/signed-in.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,OAAO,QAAQ;IACgB,kBAAkB,GAAG,EAAE,CAAC;IACnD,GAAG,GAAG,KAAK,CAAC;IAEpB,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC;QAE7F,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,MAAM,EAAE,CAAC,UAAU,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,iBACtC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,eAC9B,QAAQ;YAElB,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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: false,\n})\nexport class SignedIn {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() not = false;\n\n  render() {\n    const shouldShow = this.not ? !authStore.state.authenticated : authStore.state.authenticated;\n\n    return (\n      <Host\n        class={this.componentClassName}\n        hidden={!shouldShow}\n        style={{ display: shouldShow ? undefined : \"none\" }}\n        aria-hidden={!shouldShow ? \"true\" : null}\n        aria-live=\"polite\"\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/auth/components/signin-root/signin-root.js

@@ -22,13 +22,10 @@ export class SigninRoot {
         this.errorEvent.emit({ error: error });
     }
     render() {
-        if (authStore.state.authenticated) {
-            return null;
-        }
-        return (h(Host, { class: this.componentClassName }, h("slot", null)));
+        const shouldShow = !authStore.state.authenticated;
+        return (h(Host, { key: '77d93a8ed79a3423e57753927da88cbbd5371a06', class: this.componentClassName, hidden: !shouldShow, style: { display: shouldShow ? undefined : "none" }, "aria-hidden": !shouldShow ? "true" : null, "aria-live": "polite" }, h("slot", { key: 'ac7f4bfb225f973ef81317fce2a7c040d428cbe5' })));
     }
     static get is() { return "u-signin-root"; }
-    static get encapsulation() { return "shadow"; }
     static get properties() {
         return {
             "componentClassName": {

package/dist/collection/auth/components/signin-root/signin-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"signin-root.js","sourceRoot":"","sources":["../../../../src/auth/components/signin-root/signin-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE5F,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,OAAO,UAAU;IACV,EAAE,CAAe;IAEO,kBAAkB,GAAG,EAAE,CAAC;IAElD,SAAS,CAA+B;IACxC,UAAU,CAAmC;IAEtD,gBAAgB;QACd,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAEpC,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,MAAM,EAAE,CAAC;QACvE,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAA4B,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,EAAE,CAAC;YAC1F,SAAS,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACH,CAAC;IAED,MAAM,CAAC,QAAuB;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CAAC,KAAa;QACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,IAAI,SAAS,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YAClC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB;YAClC,eAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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\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,"file":"signin-root.js","sourceRoot":"","sources":["../../../../src/auth/components/signin-root/signin-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE5F,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,OAAO,UAAU;IACV,EAAE,CAAe;IAEO,kBAAkB,GAAG,EAAE,CAAC;IAElD,SAAS,CAA+B;IACxC,UAAU,CAAmC;IAEtD,gBAAgB;QACd,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAEpC,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,MAAM,EAAE,CAAC;QACvE,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAA4B,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,EAAE,CAAC;YAC1F,SAAS,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACH,CAAC;IAED,MAAM,CAAC,QAAuB;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CAAC,KAAa;QACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC;QAElD,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,MAAM,EAAE,CAAC,UAAU,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,iBACtC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,eAC9B,QAAQ;YAElB,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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: false,\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\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    const shouldShow = !authStore.state.authenticated;\n\n    return (\n      <Host\n        class={this.componentClassName}\n        hidden={!shouldShow}\n        style={{ display: shouldShow ? undefined : \"none\" }}\n        aria-hidden={!shouldShow ? \"true\" : null}\n        aria-live=\"polite\"\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/auth/components/signin-step/signin-step.js

@@ -23,35 +23,31 @@ export class SigninStep {
         }
     }
     render() {
-        let shouldRender = false;
+        let shouldShow = false;
         if (this.name === "email") {
-            shouldRender = authState.step === "email";
+            shouldShow = authState.step === "email";
         }
         else if (this.name === "verification") {
-            shouldRender = authState.step === "verification";
+            shouldShow = authState.step === "verification";
         }
         else if (this.name === "magic-code") {
-            shouldRender = authState.step === "magic-code";
+            shouldShow = authState.step === "magic-code";
         }
         else if (this.name === "reset-password") {
-            shouldRender = authState.step === "reset-password";
+            shouldShow = authState.step === "reset-password";
         }
         else if (this.name === "registration") {
-            shouldRender = authState.step === "registration" && authState.errors.email === "account_not_found";
+            shouldShow = authState.step === "registration" && authState.errors.email === "account_not_found";
         }
         else if (this.name === "single-login") {
-            shouldRender = authState.step === "single-login";
+            shouldShow = authState.step === "single-login";
         }
         else if (this.name === "missing-fields") {
-            shouldRender = authState.step === "missing-fields";
+            shouldShow = authState.step === "missing-fields";
         }
-        if (!shouldRender) {
-            return null;
-        }
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: 'b031de4d10084ec39decec809c6e2888451ccdf0', hidden: !shouldShow, style: { display: shouldShow ? undefined : "none" }, "aria-hidden": !shouldShow ? "true" : null, "aria-live": "polite" }, h("slot", { key: '5982f082965fbdfd46c4966aa0896e2382e4c500' })));
     }
     static get is() { return "u-signin-step"; }
-    static get encapsulation() { return "shadow"; }
     static get properties() {
         return {
             "name": {

package/dist/collection/auth/components/signin-step/signin-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"signin-step.js","sourceRoot":"","sources":["../../../../src/auth/components/signin-step/signin-step.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,OAAO,UAAU;IACV,EAAE,CAAe;IACpB,IAAI,CAAmH;IACvH,YAAY,GAAG,KAAK,CAAC;IAG7B,KAAK,CAAC,QAAQ;QACZ,OAAO,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;IAC3D,CAAC;IAGD,KAAK,CAAC,MAAM;QACV,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO;QAE9B,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9C,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACpE,MAAM,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC/E,CAAC;aAAM,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YAC7C,MAAM,YAAY,CAAC,OAAO,CAAC,wBAAwB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1E,CAAC;aAAM,IAAI,SAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YAC/C,MAAM,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,YAAY,GAAG,KAAK,CAAC;QAEzB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1B,YAAY,GAAG,SAAS,CAAC,IAAI,KAAK,OAAO,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACxC,YAAY,GAAG,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC;QACnD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YACtC,YAAY,GAAG,SAAS,CAAC,IAAI,KAAK,YAAY,CAAC;QACjD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YAC1C,YAAY,GAAG,SAAS,CAAC,IAAI,KAAK,gBAAgB,CAAC;QACrD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACxC,YAAY,GAAG,SAAS,CAAC,IAAI,KAAK,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,KAAK,KAAK,mBAAmB,CAAC;QACrG,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACxC,YAAY,GAAG,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC;QACnD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YAC1C,YAAY,GAAG,SAAS,CAAC,IAAI,KAAK,gBAAgB,CAAC;QACrD,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,EAAC,IAAI;YACH,eAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, h, Method, Prop } from \"@stencil/core\";\nimport { Auth } from \"../..\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-signin-step\",\n  shadow: true,\n})\nexport class SigninStep {\n  @Element() el!: HTMLElement;\n  @Prop() name!: \"email\" | \"verification\" | \"magic-code\" | \"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\";\n    } else if (this.name === \"magic-code\") {\n      shouldRender = 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,"file":"signin-step.js","sourceRoot":"","sources":["../../../../src/auth/components/signin-step/signin-step.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,OAAO,UAAU;IACV,EAAE,CAAe;IACpB,IAAI,CAAmH;IACvH,YAAY,GAAG,KAAK,CAAC;IAG7B,KAAK,CAAC,QAAQ;QACZ,OAAO,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;IAC3D,CAAC;IAGD,KAAK,CAAC,MAAM;QACV,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO;QAE9B,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9C,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACpE,MAAM,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC/E,CAAC;aAAM,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YAC7C,MAAM,YAAY,CAAC,OAAO,CAAC,wBAAwB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1E,CAAC;aAAM,IAAI,SAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YAC/C,MAAM,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,UAAU,GAAG,KAAK,CAAC;QAEvB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1B,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,OAAO,CAAC;QAC1C,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACxC,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC;QACjD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YACtC,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,YAAY,CAAC;QAC/C,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YAC1C,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,gBAAgB,CAAC;QACnD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACxC,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,KAAK,KAAK,mBAAmB,CAAC;QACnG,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACxC,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC;QACjD,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YAC1C,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,gBAAgB,CAAC;QACnD,CAAC;QAED,OAAO,CACL,EAAC,IAAI,qDACH,MAAM,EAAE,CAAC,UAAU,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,iBACtC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,eAC9B,QAAQ;YAElB,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, h, Method, Prop } from \"@stencil/core\";\nimport { Auth } from \"../..\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-signin-step\",\n  shadow: false,\n})\nexport class SigninStep {\n  @Element() el!: HTMLElement;\n  @Prop() name!: \"email\" | \"verification\" | \"magic-code\" | \"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 shouldShow = false;\n\n    if (this.name === \"email\") {\n      shouldShow = authState.step === \"email\";\n    } else if (this.name === \"verification\") {\n      shouldShow = authState.step === \"verification\";\n    } else if (this.name === \"magic-code\") {\n      shouldShow = authState.step === \"magic-code\";\n    } else if (this.name === \"reset-password\") {\n      shouldShow = authState.step === \"reset-password\";\n    } else if (this.name === \"registration\") {\n      shouldShow = authState.step === \"registration\" && authState.errors.email === \"account_not_found\";\n    } else if (this.name === \"single-login\") {\n      shouldShow = authState.step === \"single-login\";\n    } else if (this.name === \"missing-fields\") {\n      shouldShow = authState.step === \"missing-fields\";\n    }\n\n    return (\n      <Host\n        hidden={!shouldShow}\n        style={{ display: shouldShow ? undefined : \"none\" }}\n        aria-hidden={!shouldShow ? \"true\" : null}\n        aria-live=\"polite\"\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/auth/components/social-logins/social-login-button.css

@@ -1 +1 @@
-/*! 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-border-style:solid;--tw-font-weight:initial;--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:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--u-color-gray-100:oklch(96.7% .003 264.542);--u-color-gray-300:oklch(87.2% .01 258.338);--u-color-gray-600:oklch(44.6% .03 256.802);--u-color-white:#fff;--u-spacing:.25rem;--u-text-base:1rem;--u-text-base--line-height:1.5;--u-font-weight-medium:500;--u-radius-md:.375rem;--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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}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: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\:sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u\:ml-4{margin-left:calc(var(--u-spacing)*4)}.u\:block{display:block}.u\:flex{display:flex}.u\:h-5{height:calc(var(--u-spacing)*5)}.u\:h-6{height:calc(var(--u-spacing)*6)}.u\:h-10{height:calc(var(--u-spacing)*10)}.u\:w-5{width:calc(var(--u-spacing)*5)}.u\:w-6{width:calc(var(--u-spacing)*6)}.u\:w-full{width:100%}.u\:cursor-not-allowed{cursor:not-allowed}.u\:cursor-pointer{cursor:pointer}.u\:items-center{align-items:center}.u\:justify-center{justify-content:center}.u\:rounded-md{border-radius:var(--u-radius-md)}.u\:border{border-style:var(--tw-border-style);border-width:1px}.u\:border-solid{--tw-border-style:solid;border-style:solid}.u\:border-gray-300{border-color:var(--u-color-gray-300)}.u\:border-gray-600{border-color:var(--u-color-gray-600)}.u\:bg-\[\#131314\]{background-color:#131314}.u\:bg-white{background-color:var(--u-color-white)}.u\:fill-current{fill:currentColor}.u\:text-base{font-size:var(--u-text-base);line-height:var(--tw-leading,var(--u-text-base--line-height))}.u\:font-medium{--tw-font-weight:var(--u-font-weight-medium);font-weight:var(--u-font-weight-medium)}.u\:text-\[\#1f1f1f\]{color:#1f1f1f}.u\:text-white{color:var(--u-color-white)}.block{display:block}.hidden{display:none}.fill-current{fill:currentColor}.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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false} /*! 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 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{}@layer base{}@layer components;@layer utilities{}:host{display:block}@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}@media (hover:hover){.u\:hover\:bg-\[\#1f1f20\]:hover{background-color:#1f1f20}.u\:hover\:bg-gray-100:hover{background-color:var(--u-color-gray-100)}}
+/*! 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-border-style:solid;--tw-font-weight:initial;--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:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--u-color-gray-100:oklch(96.7% .003 264.542);--u-color-gray-300:oklch(87.2% .01 258.338);--u-color-gray-600:oklch(44.6% .03 256.802);--u-color-white:#fff;--u-spacing:.25rem;--u-text-base:1rem;--u-text-base--line-height:1.5;--u-font-weight-medium:500;--u-radius-md:.375rem;--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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}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: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\:sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u\:ml-4{margin-left:calc(var(--u-spacing)*4)}.u\:block{display:block}.u\:flex{display:flex}.u\:h-5{height:calc(var(--u-spacing)*5)}.u\:h-6{height:calc(var(--u-spacing)*6)}.u\:h-10{height:calc(var(--u-spacing)*10)}.u\:w-5{width:calc(var(--u-spacing)*5)}.u\:w-6{width:calc(var(--u-spacing)*6)}.u\:w-full{width:100%}.u\:cursor-not-allowed{cursor:not-allowed}.u\:cursor-pointer{cursor:pointer}.u\:items-center{align-items:center}.u\:justify-center{justify-content:center}.u\:rounded-md{border-radius:var(--u-radius-md)}.u\:border{border-style:var(--tw-border-style);border-width:1px}.u\:border-solid{--tw-border-style:solid;border-style:solid}.u\:border-gray-300{border-color:var(--u-color-gray-300)}.u\:border-gray-600{border-color:var(--u-color-gray-600)}.u\:bg-\[\#131314\]{background-color:#131314}.u\:bg-white{background-color:var(--u-color-white)}.u\:fill-current{fill:currentColor}.u\:text-base{font-size:var(--u-text-base);line-height:var(--tw-leading,var(--u-text-base--line-height))}.u\:font-medium{--tw-font-weight:var(--u-font-weight-medium);font-weight:var(--u-font-weight-medium)}.u\:text-\[\#1f1f1f\]{color:#1f1f1f}.u\:text-white{color:var(--u-color-white)}.block{display:block}.hidden{display:none}.fill-current{fill:currentColor}.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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false} /*! 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 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{}@layer base{}@layer components;@layer utilities{}@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}@media (hover:hover){.u\:hover\:bg-\[\#1f1f20\]:hover{background-color:#1f1f20}.u\:hover\:bg-gray-100:hover{background-color:var(--u-color-gray-100)}}

package/dist/collection/auth/components/social-logins/social-login-button.js

@@ -1,7 +1,7 @@
 import * as Sentry from "@sentry/browser";
-import { h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { t } from "../../../i18n";
-import { UnidyComponent } from "../../../logger";
+import { UnidyComponent } from "../../../shared/base/component";
 import { unidyState } from "../../../shared/store/unidy-store";
 import { authState } from "../../store/auth-store";
 import { AppleLogo } from "./logos/apple";
@@ -11,13 +11,13 @@ import { GoogleLogo } from "./logos/google";
 import { LinkedInLogo } from "./logos/linkedin";
 const SHARED_ICON_CLASSNAME = "u:w-5 u:h-5 u:block";
 const ICON_MAP = {
-    google: h(GoogleLogo, { className: SHARED_ICON_CLASSNAME }),
-    linkedin: h(LinkedInLogo, { className: SHARED_ICON_CLASSNAME }),
-    apple: h(AppleLogo, { className: `${SHARED_ICON_CLASSNAME} u:fill-current` }),
-    discord: h(DiscordLogo, { className: `${SHARED_ICON_CLASSNAME} u:fill-current` }),
-    facebook: h(FacebookLogo, { className: "u:w-6 u:h-6 u:block" }),
+    google: () => h(GoogleLogo, { className: SHARED_ICON_CLASSNAME }),
+    linkedin: () => h(LinkedInLogo, { className: SHARED_ICON_CLASSNAME }),
+    apple: () => h(AppleLogo, { className: `${SHARED_ICON_CLASSNAME} u:fill-current` }),
+    discord: () => h(DiscordLogo, { className: `${SHARED_ICON_CLASSNAME} u:fill-current` }),
+    facebook: () => h(FacebookLogo, { className: "u:w-6 u:h-6 u:block" }),
 };
-export class SocialLoginButton extends UnidyComponent {
+export class SocialLoginButton extends UnidyComponent() {
     constructor() {
         super();
     }
@@ -59,7 +59,7 @@ export class SocialLoginButton extends UnidyComponent {
         if (this.isUnsupportedProvider || this.provider === "unidy") {
             return null;
         }
-        return ICON_MAP[this.provider];
+        return ICON_MAP[this.provider]();
     }
     getButtonClasses() {
         const baseClasses = "u:w-full u:h-10 u:border u:border-solid u:rounded-md u:text-base u:font-medium";
@@ -79,12 +79,11 @@ export class SocialLoginButton extends UnidyComponent {
             provider: providerName,
         });
         // TODO: allow users to customize already used providers with custom text and icon
-        return (h("button", { type: "button", class: this.getButtonClasses(), onClick: this.onClick, part: "social-login-button" }, h("div", { class: "u:flex u:items-center u:justify-center", part: "social-login-button-content" }, h("slot", { name: "icon" }, h("span", { "aria-hidden": "true" }, this.renderIcon())), this.iconOnly ? (
+        return (h(Host, { class: "u:block" }, h("button", { type: "button", class: this.getButtonClasses(), onClick: this.onClick, part: "social-login-button" }, h("div", { class: "u:flex u:items-center u:justify-center", part: "social-login-button-content" }, h("slot", { name: "icon" }, h("span", { "aria-hidden": "true" }, this.renderIcon())), this.iconOnly ? (
         // Render the hidden text for accessibility.
-        h("span", { class: "u:sr-only" }, text)) : (h("span", { class: !this.isUnsupportedProvider ? "u:ml-4" : "", part: "social-login-button-text" }, text)))));
+        h("span", { class: "u:sr-only" }, text)) : (h("span", { class: !this.isUnsupportedProvider ? "u:ml-4" : "", part: "social-login-button-text" }, text))))));
     }
     static get is() { return "u-social-login-button"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["social-login-button.css"]

package/dist/collection/auth/components/social-logins/social-login-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"social-login-button.js","sourceRoot":"","sources":["../../../../src/auth/components/social-logins/social-login-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as Sentry from \"@sentry/browser\";\nimport { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../logger\";\nimport { unidyState } from \"../../../shared/store/unidy-store\";\nimport { authState } from \"../../store/auth-store\";\nimport { AppleLogo } from \"./logos/apple\";\nimport { DiscordLogo } from \"./logos/discord\";\nimport { FacebookLogo } from \"./logos/facebook\";\nimport { GoogleLogo } from \"./logos/google\";\nimport { LinkedInLogo } from \"./logos/linkedin\";\n\nconst SHARED_ICON_CLASSNAME = \"u:w-5 u:h-5 u:block\";\n\nconst ICON_MAP = {\n  google: <GoogleLogo className={SHARED_ICON_CLASSNAME} />,\n  linkedin: <LinkedInLogo className={SHARED_ICON_CLASSNAME} />,\n  apple: <AppleLogo className={`${SHARED_ICON_CLASSNAME} u:fill-current`} />,\n  discord: <DiscordLogo className={`${SHARED_ICON_CLASSNAME} u:fill-current`} />,\n  facebook: <FacebookLogo className=\"u:w-6 u:h-6 u:block\" />,\n} as const;\n\ntype SocialLoginProvider = keyof typeof ICON_MAP | \"unidy\";\n\n@Component({\n  tag: \"u-social-login-button\",\n  styleUrl: \"social-login-button.css\",\n  shadow: true,\n})\nexport class SocialLoginButton extends UnidyComponent {\n  @Prop() provider: SocialLoginProvider = \"google\";\n  @Prop() redirectUri: string = window.location.href;\n  @Prop() iconOnly = false;\n  @Prop() theme: \"light\" | \"dark\" = \"light\";\n\n  componentWillLoad() {\n    if (this.isUnsupportedProvider) {\n      Sentry.captureException(`[u-social-login-button] Unsupported provider \"${this.provider}\".`);\n      return;\n    }\n  }\n\n  private get isUnsupportedProvider(): boolean {\n    return !Object.hasOwn(ICON_MAP, this.provider) && this.provider !== \"unidy\";\n  }\n\n  private get isProviderEnabled(): boolean {\n    if (authState.step !== \"verification\") {\n      return true; // TODO: for now we show all providers on the email step since we don't have registration flow in place yet\n    }\n\n    if (!authState.availableLoginOptions?.social_logins) {\n      return false;\n    }\n\n    return authState.availableLoginOptions.social_logins.some((enabled) => enabled.startsWith(this.provider) || enabled === this.provider);\n  }\n\n  private getAuthUrl(): string {\n    const baseUrl = unidyState.baseUrl;\n    const redirectUri = this.redirectUri ? encodeURIComponent(this.redirectUri) : baseUrl;\n\n    return `${baseUrl}/api/sdk/v1/sign_ins/auth/omniauth/${this.provider}?sdk_redirect_uri=${redirectUri}`;\n  }\n\n  private onClick = async () => {\n    if (!unidyState.baseUrl) {\n      this.logger.error(\"baseUrl is not set. Make sure <u-config> is rendered with a valid base-url.\");\n      return;\n    }\n\n    window.location.href = this.getAuthUrl();\n  };\n\n  private renderIcon() {\n    if (this.isUnsupportedProvider || this.provider === \"unidy\") {\n      return null;\n    }\n\n    return ICON_MAP[this.provider];\n  }\n\n  private getButtonClasses(): string {\n    const baseClasses = \"u:w-full u:h-10 u:border u:border-solid u:rounded-md u:text-base u:font-medium\";\n    const cursorClass = this.isUnsupportedProvider ? \"u:cursor-not-allowed\" : \"u:cursor-pointer\";\n    const themeClasses =\n      this.theme === \"dark\"\n        ? \"u:bg-[#131314] u:text-white u:border-gray-600 u:hover:bg-[#1f1f20]\"\n        : \"u:bg-white u:text-[#1f1f1f] u:border-gray-300 u:hover:bg-gray-100\";\n\n    return `${baseClasses} ${cursorClass} ${themeClasses}`;\n  }\n\n  render() {\n    if (!this.isProviderEnabled) {\n      return null;\n    }\n\n    const providerName = this.provider.charAt(0).toUpperCase() + this.provider.slice(1);\n    const text = t(\"auth.socialLogin.button_text\", {\n      defaultValue: \"Continue with {{provider}}\",\n      provider: providerName,\n    });\n\n    // TODO: allow users to customize already used providers with custom text and icon\n    return (\n      <button type=\"button\" class={this.getButtonClasses()} onClick={this.onClick} part=\"social-login-button\">\n        <div class=\"u:flex u:items-center u:justify-center\" part=\"social-login-button-content\">\n          <slot name=\"icon\">\n            <span aria-hidden=\"true\">{this.renderIcon()}</span>\n          </slot>\n\n          {this.iconOnly ? (\n            // Render the hidden text for accessibility.\n            <span class=\"u:sr-only\">{text}</span>\n          ) : (\n            <span class={!this.isUnsupportedProvider ? \"u:ml-4\" : \"\"} part=\"social-login-button-text\">\n              {text}\n            </span>\n          )}\n        </div>\n      </button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"social-login-button.js","sourceRoot":"","sources":["../../../../src/auth/components/social-logins/social-login-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as Sentry from \"@sentry/browser\";\nimport { Component, Host, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { unidyState } from \"../../../shared/store/unidy-store\";\nimport { authState } from \"../../store/auth-store\";\nimport { AppleLogo } from \"./logos/apple\";\nimport { DiscordLogo } from \"./logos/discord\";\nimport { FacebookLogo } from \"./logos/facebook\";\nimport { GoogleLogo } from \"./logos/google\";\nimport { LinkedInLogo } from \"./logos/linkedin\";\n\nconst SHARED_ICON_CLASSNAME = \"u:w-5 u:h-5 u:block\";\n\nconst ICON_MAP = {\n  google: () => <GoogleLogo className={SHARED_ICON_CLASSNAME} />,\n  linkedin: () => <LinkedInLogo className={SHARED_ICON_CLASSNAME} />,\n  apple: () => <AppleLogo className={`${SHARED_ICON_CLASSNAME} u:fill-current`} />,\n  discord: () => <DiscordLogo className={`${SHARED_ICON_CLASSNAME} u:fill-current`} />,\n  facebook: () => <FacebookLogo className=\"u:w-6 u:h-6 u:block\" />,\n} as const;\n\ntype SocialLoginProvider = keyof typeof ICON_MAP | \"unidy\";\n\n@Component({\n  tag: \"u-social-login-button\",\n  styleUrl: \"social-login-button.css\",\n  shadow: false,\n})\nexport class SocialLoginButton extends UnidyComponent() {\n  @Prop() provider: SocialLoginProvider = \"google\";\n  @Prop() redirectUri: string = window.location.href;\n  @Prop() iconOnly = false;\n  @Prop() theme: \"light\" | \"dark\" = \"light\";\n\n  componentWillLoad() {\n    if (this.isUnsupportedProvider) {\n      Sentry.captureException(`[u-social-login-button] Unsupported provider \"${this.provider}\".`);\n      return;\n    }\n  }\n\n  private get isUnsupportedProvider(): boolean {\n    return !Object.hasOwn(ICON_MAP, this.provider) && this.provider !== \"unidy\";\n  }\n\n  private get isProviderEnabled(): boolean {\n    if (authState.step !== \"verification\") {\n      return true; // TODO: for now we show all providers on the email step since we don't have registration flow in place yet\n    }\n\n    if (!authState.availableLoginOptions?.social_logins) {\n      return false;\n    }\n\n    return authState.availableLoginOptions.social_logins.some((enabled) => enabled.startsWith(this.provider) || enabled === this.provider);\n  }\n\n  private getAuthUrl(): string {\n    const baseUrl = unidyState.baseUrl;\n    const redirectUri = this.redirectUri ? encodeURIComponent(this.redirectUri) : baseUrl;\n\n    return `${baseUrl}/api/sdk/v1/sign_ins/auth/omniauth/${this.provider}?sdk_redirect_uri=${redirectUri}`;\n  }\n\n  private onClick = async () => {\n    if (!unidyState.baseUrl) {\n      this.logger.error(\"baseUrl is not set. Make sure <u-config> is rendered with a valid base-url.\");\n      return;\n    }\n\n    window.location.href = this.getAuthUrl();\n  };\n\n  private renderIcon() {\n    if (this.isUnsupportedProvider || this.provider === \"unidy\") {\n      return null;\n    }\n\n    return ICON_MAP[this.provider]();\n  }\n\n  private getButtonClasses(): string {\n    const baseClasses = \"u:w-full u:h-10 u:border u:border-solid u:rounded-md u:text-base u:font-medium\";\n    const cursorClass = this.isUnsupportedProvider ? \"u:cursor-not-allowed\" : \"u:cursor-pointer\";\n    const themeClasses =\n      this.theme === \"dark\"\n        ? \"u:bg-[#131314] u:text-white u:border-gray-600 u:hover:bg-[#1f1f20]\"\n        : \"u:bg-white u:text-[#1f1f1f] u:border-gray-300 u:hover:bg-gray-100\";\n\n    return `${baseClasses} ${cursorClass} ${themeClasses}`;\n  }\n\n  render() {\n    if (!this.isProviderEnabled) {\n      return null;\n    }\n\n    const providerName = this.provider.charAt(0).toUpperCase() + this.provider.slice(1);\n    const text = t(\"auth.socialLogin.button_text\", {\n      defaultValue: \"Continue with {{provider}}\",\n      provider: providerName,\n    });\n\n    // TODO: allow users to customize already used providers with custom text and icon\n    return (\n      <Host class=\"u:block\">\n        <button type=\"button\" class={this.getButtonClasses()} onClick={this.onClick} part=\"social-login-button\">\n          <div class=\"u:flex u:items-center u:justify-center\" part=\"social-login-button-content\">\n            <slot name=\"icon\">\n              <span aria-hidden=\"true\">{this.renderIcon()}</span>\n            </slot>\n\n            {this.iconOnly ? (\n              // Render the hidden text for accessibility.\n              <span class=\"u:sr-only\">{text}</span>\n            ) : (\n              <span class={!this.isUnsupportedProvider ? \"u:ml-4\" : \"\"} part=\"social-login-button-text\">\n                {text}\n              </span>\n            )}\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/auth/components/submit-button/auth-submit-button.js

@@ -1,9 +1,19 @@
 import { t } from "../../../i18n";
 import { authState } from "../../store/auth-store";
 import { getParentSigninStep } from "../helpers";
+function getEmailInput(el) {
+    const signinRoot = el.closest("u-signin-root") || el.closest("u-signin-step");
+    const emailField = signinRoot?.querySelector("u-email-field");
+    return emailField?.querySelector('input[type="email"]');
+}
 export const authContext = {
     handleClick: async (event, el, _forProp) => {
         event.preventDefault();
+        const emailInput = getEmailInput(el);
+        if (emailInput && !emailInput.checkValidity()) {
+            emailInput.reportValidity();
+            return;
+        }
         await getParentSigninStep(el)?.submit();
     },
     isDisabled(forProp, disabled) {

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

@@ -1 +1 @@
-{"version":3,"file":"auth-submit-button.js","sourceRoot":"","sources":["../../../../src/auth/components/submit-button/auth-submit-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { t } from \"../../../i18n\";\nimport type { SubmitButtonContext } from \"../../../shared/components/submit-button/context\";\nimport { authState } from \"../../store/auth-store\";\nimport { getParentSigninStep } from \"../helpers\";\n\nexport type AuthButtonFor = \"email\" | \"password\" | \"resetPassword\" | \"single-login\";\n\nexport const authContext: SubmitButtonContext<AuthButtonFor> = {\n  handleClick: async (event: MouseEvent, el: HTMLElement, _forProp?: AuthButtonFor) => {\n    event.preventDefault();\n    await getParentSigninStep(el)?.submit();\n  },\n\n  isDisabled(forProp?: AuthButtonFor, disabled?: boolean): boolean {\n    if (disabled || authState.loading) return true;\n\n    if (authState.step === \"email\" && forProp === \"email\") {\n      return authState.email === \"\";\n    }\n\n    if (authState.step === \"single-login\" && forProp === \"single-login\") {\n      return authState.email === \"\" || authState.password === \"\";\n    }\n\n    if (authState.step === \"verification\" && forProp === \"password\") {\n      return authState.password === \"\";\n    }\n\n    if (authState.step === \"reset-password\" && forProp === \"resetPassword\") {\n      return !authState.resetPassword.newPassword || !authState.resetPassword.passwordConfirmation;\n    }\n\n    return false;\n  },\n\n  isLoading(): boolean {\n    return authState.loading;\n  },\n\n  getButtonText(forProp?: AuthButtonFor, text?: string): string {\n    if (text) return text;\n\n    switch (authState.step) {\n      case \"email\":\n        return t(\"buttons.continue\");\n      case \"verification\":\n        if (forProp === \"password\") {\n          return t(\"auth.password.button_text\", { defaultValue: \"Sign In with Password\" });\n        }\n        return t(\"buttons.submit\");\n      case \"reset-password\":\n        if (forProp === \"resetPassword\") {\n          return t(\"auth.resetPassword.save_new_password\", { defaultValue: \"Set Password\" });\n        }\n        return t(\"buttons.submit\");\n      case \"single-login\":\n        if (forProp === \"single-login\") {\n          return t(\"auth.single-login.button_text\", { defaultValue: \"Sign In\" });\n        }\n        return t(\"buttons.submit\");\n      default:\n        return t(\"buttons.submit\");\n    }\n  },\n\n  shouldRender(forProp?: AuthButtonFor): boolean {\n    if (!authState.availableLoginOptions?.password && forProp === \"password\") {\n      return false;\n    }\n\n    if (authState.step === \"email\") {\n      return forProp === \"email\";\n    }\n\n    if (authState.step === \"single-login\") {\n      return forProp === \"single-login\";\n    }\n\n    if (authState.step === \"verification\") {\n      return forProp === \"password\" && authState.magicCodeStep !== \"sent\";\n    }\n\n    if (authState.step === \"reset-password\") {\n      return forProp === \"resetPassword\";\n    }\n\n    return false;\n  },\n};\n"]}
+{"version":3,"file":"auth-submit-button.js","sourceRoot":"","sources":["../../../../src/auth/components/submit-button/auth-submit-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { t } from \"../../../i18n\";\nimport type { SubmitButtonContext } from \"../../../shared/components/submit-button/context\";\nimport { authState } from \"../../store/auth-store\";\nimport { getParentSigninStep } from \"../helpers\";\n\nexport type AuthButtonFor = \"email\" | \"password\" | \"resetPassword\" | \"single-login\";\n\nfunction getEmailInput(el: HTMLElement) {\n  const signinRoot = el.closest(\"u-signin-root\") || el.closest(\"u-signin-step\");\n  const emailField = signinRoot?.querySelector(\"u-email-field\");\n  return emailField?.querySelector('input[type=\"email\"]') as HTMLInputElement | null;\n}\n\nexport const authContext: SubmitButtonContext<AuthButtonFor> = {\n  handleClick: async (event: MouseEvent, el: HTMLElement, _forProp?: AuthButtonFor) => {\n    event.preventDefault();\n\n    const emailInput = getEmailInput(el);\n    if (emailInput && !emailInput.checkValidity()) {\n      emailInput.reportValidity();\n      return;\n    }\n\n    await getParentSigninStep(el)?.submit();\n  },\n\n  isDisabled(forProp?: AuthButtonFor, disabled?: boolean): boolean {\n    if (disabled || authState.loading) return true;\n\n    if (authState.step === \"email\" && forProp === \"email\") {\n      return authState.email === \"\";\n    }\n\n    if (authState.step === \"single-login\" && forProp === \"single-login\") {\n      return authState.email === \"\" || authState.password === \"\";\n    }\n\n    if (authState.step === \"verification\" && forProp === \"password\") {\n      return authState.password === \"\";\n    }\n\n    if (authState.step === \"reset-password\" && forProp === \"resetPassword\") {\n      return !authState.resetPassword.newPassword || !authState.resetPassword.passwordConfirmation;\n    }\n\n    return false;\n  },\n\n  isLoading(): boolean {\n    return authState.loading;\n  },\n\n  getButtonText(forProp?: AuthButtonFor, text?: string): string {\n    if (text) return text;\n\n    switch (authState.step) {\n      case \"email\":\n        return t(\"buttons.continue\");\n      case \"verification\":\n        if (forProp === \"password\") {\n          return t(\"auth.password.button_text\", { defaultValue: \"Sign In with Password\" });\n        }\n        return t(\"buttons.submit\");\n      case \"reset-password\":\n        if (forProp === \"resetPassword\") {\n          return t(\"auth.resetPassword.save_new_password\", { defaultValue: \"Set Password\" });\n        }\n        return t(\"buttons.submit\");\n      case \"single-login\":\n        if (forProp === \"single-login\") {\n          return t(\"auth.single-login.button_text\", { defaultValue: \"Sign In\" });\n        }\n        return t(\"buttons.submit\");\n      default:\n        return t(\"buttons.submit\");\n    }\n  },\n\n  shouldRender(forProp?: AuthButtonFor): boolean {\n    if (!authState.availableLoginOptions?.password && forProp === \"password\") {\n      return false;\n    }\n\n    if (authState.step === \"email\") {\n      return forProp === \"email\";\n    }\n\n    if (authState.step === \"single-login\") {\n      return forProp === \"single-login\";\n    }\n\n    if (authState.step === \"verification\") {\n      return forProp === \"password\" && authState.magicCodeStep !== \"sent\";\n    }\n\n    if (authState.step === \"reset-password\") {\n      return forProp === \"resetPassword\";\n    }\n\n    return false;\n  },\n};\n"]}

package/dist/collection/collection-manifest.json

@@ -35,6 +35,7 @@
     "shared/components/submit-button/submit-button.js",
     "ticketable/components/pagination/pagination-button.js",
     "ticketable/components/pagination/pagination-page.js",
+    "ticketable/components/ticketable-export/ticketable-export.js",
     "ticketable/components/ticketable-list/ticketable-list.js"
   ],
   "compiler": {

package/dist/collection/locales/de.json

@@ -92,6 +92,22 @@
     "reset_token_expired": "Reset-Token ist abgelaufen. Bitte fordern Sie eine neue E-Mail zum Zurücksetzen des Passworts an",
     "reset_token_missing": "Reset-Token fehlt",
     "schema_validation_error": "Schemavalidierungsfehler",
+    "validation": {
+      "accepted": "muss akzeptiert werden",
+      "blank": "darf nicht leer sein",
+      "empty": "darf nicht leer sein",
+      "even": "muss gerade sein",
+      "exclusion": "ist reserviert",
+      "in": "ist nicht in der Liste enthalten",
+      "inclusion": "ist nicht in der Liste enthalten",
+      "invalid": "ist ungültig",
+      "not_a_number": "ist keine Zahl",
+      "odd": "muss ungerade sein",
+      "present": "muss leer sein",
+      "taken": "ist bereits vergeben",
+      "too_long": "ist zu lang",
+      "too_short": "ist zu kurz"
+    },
     "sign_in_expired": "Anmeldung abgelaufen",
     "sign_in_not_found": "Anmeldung nicht gefunden",
     "sign_out_failed": "Abmelden fehlgeschlagen, Grund: {{reason}}",