npm - @unidy.io/sdk - Versions diffs - 1.2.0-alpha9 → 1.2.0 - Mend

@unidy.io/sdk 1.2.0-alpha9 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (715) hide show

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

	@@ -1 +1 @@
1	- {"file":"u-conditional-render.js","mappings":";;;;;;;;AAQA,MAAM,qBAAqB,GAAoD;IAC7E,qBAAqB,EAAE,MAAMA,KAAS,CAAC,qBAAqB,EAAE,OAAO;IACrE,sBAAsB,EAAE,MAAMA,KAAS,CAAC,qBAAqB,EAAE,QAAQ;IACvE,uBAAuB,EAAE,MAAMA,KAAS,CAAC,qBAAqB,EAAE,UAAU;AAC1E,IAAA,0BAA0B,EAAE,MAAM,CAACA,KAAS,CAAC,qBAAqB,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC;AACnG,IAAA,qBAAqB,EAAE,CAAC,QAAgB,KAAKA,KAAS,CAAC,qBAAqB,EAAE,aAAa,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,KAAK;AACxH,IAAA,cAAc,EAAE,MAAMA,KAAS,CAAC,OAAO;AACvC,IAAA,oBAAoB,EAAE,MAAMA,KAAS,CAAC,aAAa;AACnD,IAAA,oBAAoB,EAAE,MAAMA,KAAS,CAAC,aAAa,KAAK,MAAM,IAAIA,KAAS,CAAC,aAAa,KAAK,WAAW;IACzG,yBAAyB,EAAE,MAAMA,KAAS,CAAC,aAAa,KAAK,WAAW;AACxE,IAAA,wBAAwB,EAAE,MAAMA,KAAS,CAAC,aAAa,CAAC,IAAI,KAAK,MAAM,IAAIA,KAAS,CAAC,aAAa,CAAC,IAAI,KAAK,WAAW;IACvH,6BAA6B,EAAE,MAAMA,KAAS,CAAC,aAAa,CAAC,IAAI,KAAK,WAAW;AAEjF,IAAA,kCAAkC,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC;IAC1G,+BAA+B,EAAE,MAAM,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,eAAe;IAC9E,qBAAqB,EAAE,MAAM,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK;IAC1D,uBAAuB,EAAE,CAAC,sBAA8B,KAAKC,YAA8B,CAAC,sBAAsB,CAAC;IACnH,sBAAsB,EAAE,CAAC,sBAA8B,KAAKC,WAA6B,CAAC,sBAAsB,CAAC;AACjH,IAAA,qBAAqB,EAAE,MAAM,eAAe,CAAC,KAAK,CAAC,eAAe,IAAI,eAAe,CAAC,KAAK,CAAC,eAAe,KAAK,EAAE;IAElH,iBAAiB,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,OAAO;AACnD,IAAA,mBAAmB,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACxH,wBAAwB,EAAE,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC;IACtF,oBAAoB,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,UAAU;AACzD,IAAA,iBAAiB,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC;CACzE;AAED,SAAS,QAAQ,CAAC,KAAc,EAAA;AAC9B,IAAA,OAAO,OAAO,CAAC,KAAK,CAAC;AACvB;MAMa,iBAAkB,iBAAAC,kBAAA,CAAA,MAAA,~~iBAAA~~,~~SAAQ~~,cAAc,CAAA~~;;;;;;;;IAC3C~~,IAAI,CAAU;IACd,EAAE,CAAU;IACZ,GAAG,GAAG,KAAK;AACX,IAAA,iBAAiB;IAEjB,iBAAiB,GAAA;QACvB,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;QAC3D,IAAI,kBAAkB,EAAE;AACtB,YAAA,OAAO,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;;AAGpC,QAAA,OAAO,IAAI;;IAGL,YAAY,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;AACzC,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,8EAA8E,CAAC;;AAGnG,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAACH,KAAS,CAAC;AAChD,YAAA,OAAO,IAAI,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,MAAM;;AAGpC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE;AACtC,QAAA,IAAI,KAAK,KAAK,IAAI,EAAE;AAClB,YAAA,OAAO,KAAK;;QAGd,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,WAAW,EAAE;AACtD,QAAA,IAAI,MAAe;AAEnB,QAAA,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;YAC9B,IAAI,YAAY,KAAK,OAAO,IAAI,YAAY,KAAK,UAAU,EAAE;gBAC3D,MAAM,GAAG,CAAC,KAAK;;iBACV;gBACL,MAAM,GAAG,KAAK;;;AAEX,aAAA,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE;AAChC,YAAA,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;;aACnB,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,MAAM,EAAE;AAChE,YAAA,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;;aACnB,IAAI,YAAY,KAAK,UAAU,IAAI,YAAY,KAAK,OAAO,EAAE;AAClE,YAAA,MAAM,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;;aACpB;AACL,YAAA,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;AAG7C,QAAA,OAAO,IAAI,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,MAAM;;IAGpC,MAAM,GAAA;AACJ,QAAA,MAAM,~~OAAO~~,GAAG,IAAI,CAAC,YAAY,EAAE;~~AAEnC~~,QAAA,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAE,CAAC,~~OAAO~~,~~EAChB~~,KAAK,EAAE,EAAE,OAAO,EAAE,~~OAAO~~,GAAG,UAAU,GAAG,SAAS,EAAE,EAAA,aAAA,~~EACvC~~,CAAC,~~OAAO~~,GAAG,MAAM,GAAG,IAAI,~~eAC3B~~,QAAQ,EAAA,EAElB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["authState","NewsletterHelpers.isSubscribed","NewsletterHelpers.isConfirmed","__stencil_proxyCustomElement"],"sources":["src/shared/components/conditional-render/conditional-render.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { type AuthState, authState } from \"../../../auth/store/auth-store\";\nimport ~~{ UnidyComponent } from \"../../../logger\";\nimport~~ * as NewsletterHelpers from \"../../../newsletter/newsletter-helpers\";\nimport { newsletterStore } from \"../../../newsletter/store/newsletter-store\";\nimport { profileStore } from \"../../../profile/store/profile-store\";\nimport { flashState } from \"../../store/flash-store\";\n\nconst PREDEFINED_CONDITIONS: Record<string, (...args: unknown[]) => unknown> = {\n \"auth.passkeyEnabled\": () => authState.availableLoginOptions?.passkey,\n \"auth.passwordEnabled\": () => authState.availableLoginOptions?.password,\n \"auth.magicCodeEnabled\": () => authState.availableLoginOptions?.magic_link,\n \"auth.socialLoginsEnabled\": () => (authState.availableLoginOptions?.social_logins?.length ?? 0) > 0,\n \"auth.hasSocialLogin\": (provider: string) => authState.availableLoginOptions?.social_logins?.includes(provider) ?? false,\n \"auth.loading\": () => authState.loading,\n \"auth.authenticated\": () => authState.authenticated,\n \"auth.magicCodeSent\": () => authState.magicCodeStep === \"sent\" \|\| authState.magicCodeStep === \"requested\",\n \"auth.magicCodeRequested\": () => authState.magicCodeStep === \"requested\",\n \"auth.resetPasswordSent\": () => authState.resetPassword.step === \"sent\" \|\| authState.resetPassword.step === \"requested\",\n \"auth.resetPasswordRequested\": () => authState.resetPassword.step === \"requested\",\n\n \"newsletter.hasCheckedNewsletters\": () => Object.keys(newsletterStore.state.checkedNewsletters).length > 0,\n \"newsletter.hasPreferenceToken\": () => !!newsletterStore.state.preferenceToken,\n \"newsletter.hasEmail\": () => !!newsletterStore.state.email,\n \"newsletter.subscribed\": (newsletterInternalName: string) => NewsletterHelpers.isSubscribed(newsletterInternalName),\n \"newsletter.confirmed\": (newsletterInternalName: string) => NewsletterHelpers.isConfirmed(newsletterInternalName),\n \"newsletter.loggedIn\": () => newsletterStore.state.isAuthenticated \|\| newsletterStore.state.preferenceToken !== \"\",\n\n \"profile.loading\": () => profileStore.state.loading,\n \"profile.hasErrors\": () => Object.keys(profileStore.state.errors).some((key) => profileStore.state.errors[key] !== null),\n \"profile.hasFlashErrors\": () => flashState.messages.some((m) => m.variant === \"error\"),\n \"profile.phoneValid\": () => profileStore.state.phoneValid,\n \"profile.hasData\": () => Object.keys(profileStore.state.data).length > 0,\n};\n\nfunction isTruthy(value: unknown): boolean {\n return Boolean(value);\n}\n\n@Component({\n tag: \"u-conditional-render\",\n shadow: ~~true~~,\n})\nexport class ConditionalRender extends UnidyComponent {\n @Prop() when?: string; // condition to check\n @Prop() is?: string; // optional value to compare against\n @Prop() not = false;\n @Prop() conditionFunction?: (state: AuthState) => boolean;\n\n private evaluateCondition(): unknown {\n const predefinedFunction = PREDEFINED_CONDITIONS[this.when];\n if (predefinedFunction) {\n return predefinedFunction(this.is);\n }\n\n return null;\n }\n\n private shouldRender(): boolean {\n if (!this.when && !this.conditionFunction) {\n this.logger.error(\"[u-conditional-render] Either 'when' or 'conditionFunction' prop is required\");\n }\n\n if (this.conditionFunction) {\n const result = this.conditionFunction(authState);\n return this.not ? !result : result;\n }\n\n const value = this.evaluateCondition();\n if (value === null) {\n return false;\n }\n\n const normalizedIs = this.is?.toString().toLowerCase();\n let result: boolean;\n\n if (typeof value === \"boolean\") {\n if (normalizedIs === \"false\" \|\| normalizedIs === \"disabled\") {\n result = !value;\n } else {\n result = value;\n }\n } else if (this.is === undefined) {\n result = isTruthy(value);\n } else if (normalizedIs === \"enabled\" \|\| normalizedIs === \"true\") {\n result = isTruthy(value);\n } else if (normalizedIs === \"disabled\" \|\| normalizedIs === \"false\") {\n result = !isTruthy(value);\n } else {\n result = String(value) === String(this.is); // to compare exact value\n }\n\n return this.not ? !result : result;\n }\n\n render() {\n const ~~visible~~ = this.shouldRender();\n\n return (\n <Host\n hidden={!~~visible~~}\n style={{ display: ~~visible~~ ? \"contents\" : undefined }}\n aria-hidden={!~~visible~~ ? \"true\" : null}\n aria-live=\"polite\"\n >\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"u-conditional-render.js","mappings":"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","names":["authState","NewsletterHelpers.isSubscribed","NewsletterHelpers.isConfirmed","__stencil_proxyCustomElement"],"sources":["src/shared/components/conditional-render/conditional-render.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { type AuthState, authState } from \"../../../auth/store/auth-store\";\nimport * as NewsletterHelpers from \"../../../newsletter/newsletter-helpers\";\nimport { newsletterStore } from \"../../../newsletter/store/newsletter-store\";\nimport { profileStore } from \"../../../profile/store/profile-store\";\nimport { UnidyComponent } from \"../../base/component\";\nimport { flashState } from \"../../store/flash-store\";\n\nconst PREDEFINED_CONDITIONS: Record<string, (...args: unknown[]) => unknown> = {\n \"auth.passkeyEnabled\": () => authState.availableLoginOptions?.passkey,\n \"auth.passwordEnabled\": () => authState.availableLoginOptions?.password,\n \"auth.magicCodeEnabled\": () => authState.availableLoginOptions?.magic_link,\n \"auth.socialLoginsEnabled\": () => (authState.availableLoginOptions?.social_logins?.length ?? 0) > 0,\n \"auth.hasSocialLogin\": (provider: string) => authState.availableLoginOptions?.social_logins?.includes(provider) ?? false,\n \"auth.loading\": () => authState.loading,\n \"auth.authenticated\": () => authState.authenticated,\n \"auth.magicCodeSent\": () => authState.magicCodeStep === \"sent\" \|\| authState.magicCodeStep === \"requested\",\n \"auth.magicCodeRequested\": () => authState.magicCodeStep === \"requested\",\n \"auth.resetPasswordSent\": () => authState.resetPassword.step === \"sent\" \|\| authState.resetPassword.step === \"requested\",\n \"auth.resetPasswordRequested\": () => authState.resetPassword.step === \"requested\",\n\n \"newsletter.hasCheckedNewsletters\": () => Object.keys(newsletterStore.state.checkedNewsletters).length > 0,\n \"newsletter.hasPreferenceToken\": () => !!newsletterStore.state.preferenceToken,\n \"newsletter.hasEmail\": () => !!newsletterStore.state.email,\n \"newsletter.subscribed\": (newsletterInternalName: string) => NewsletterHelpers.isSubscribed(newsletterInternalName),\n \"newsletter.confirmed\": (newsletterInternalName: string) => NewsletterHelpers.isConfirmed(newsletterInternalName),\n \"newsletter.loggedIn\": () => newsletterStore.state.isAuthenticated \|\| newsletterStore.state.preferenceToken !== \"\",\n\n \"profile.loading\": () => profileStore.state.loading,\n \"profile.hasErrors\": () => Object.keys(profileStore.state.errors).some((key) => profileStore.state.errors[key] !== null),\n \"profile.hasFlashErrors\": () => flashState.messages.some((m) => m.variant === \"error\"),\n \"profile.phoneValid\": () => profileStore.state.phoneValid,\n \"profile.hasData\": () => Object.keys(profileStore.state.data).length > 0,\n};\n\nfunction isTruthy(value: unknown): boolean {\n return Boolean(value);\n}\n\n@Component({\n tag: \"u-conditional-render\",\n shadow: false,\n})\nexport class ConditionalRender extends UnidyComponent() {\n @Prop() when?: string; // condition to check\n @Prop() is?: string; // optional value to compare against\n @Prop() not = false;\n @Prop() conditionFunction?: (state: AuthState) => boolean;\n\n private evaluateCondition(): unknown {\n const predefinedFunction = PREDEFINED_CONDITIONS[this.when];\n if (predefinedFunction) {\n return predefinedFunction(this.is);\n }\n\n return null;\n }\n\n private shouldRender(): boolean {\n if (!this.when && !this.conditionFunction) {\n this.logger.error(\"[u-conditional-render] Either 'when' or 'conditionFunction' prop is required\");\n }\n\n if (this.conditionFunction) {\n const result = this.conditionFunction(authState);\n return this.not ? !result : result;\n }\n\n const value = this.evaluateCondition();\n if (value === null) {\n return false;\n }\n\n const normalizedIs = this.is?.toString().toLowerCase();\n let result: boolean;\n\n if (typeof value === \"boolean\") {\n if (normalizedIs === \"false\" \|\| normalizedIs === \"disabled\") {\n result = !value;\n } else {\n result = value;\n }\n } else if (this.is === undefined) {\n result = isTruthy(value);\n } else if (normalizedIs === \"enabled\" \|\| normalizedIs === \"true\") {\n result = isTruthy(value);\n } else if (normalizedIs === \"disabled\" \|\| normalizedIs === \"false\") {\n result = !isTruthy(value);\n } else {\n result = String(value) === String(this.is); // to compare exact value\n }\n\n return this.not ? !result : result;\n }\n\n render() {\n const shouldShow = this.shouldRender();\n\n return (\n <Host\n hidden={!shouldShow}\n style={{ display: shouldShow ? \"contents\" : undefined }}\n aria-hidden={!shouldShow ? \"true\" : null}\n aria-live=\"polite\"\n >\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/u-config.js CHANGED Viewed

@@ -2,11 +2,12 @@ import { proxyCustomElement, createEvent, h } from '@stencil/core/internal/clien
 import { i as Auth, g as getUnidyClient } from './index2.js';
 import './auth-store.js';
 import { i as instance } from './i18n.js';
-import { U as UnidyComponent } from './logger.js';
+import { U as UnidyComponent } from './component.js';
 import { u as unidyState } from './unidy-store.js';
 import { _ as captureException } from './exports.js';
-const UnidyConfig = /*@__PURE__*/ proxyCustomElement(class UnidyConfig extends UnidyComponent {
+let configInstance = null;
+const UnidyConfig = /*@__PURE__*/ proxyCustomElement(class UnidyConfig extends UnidyComponent() {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -25,6 +26,11 @@ const UnidyConfig = /*@__PURE__*/ proxyCustomElement(class UnidyConfig extends U
     unidyInitialized;
     configChange;
     async componentWillLoad() {
+        if (configInstance !== null) {
+            this.logger.error("Only one <u-config> element is allowed per page.");
+            return;
+        }
+        configInstance = this;
         if (!this.baseUrl || !this.apiKey) {
             this.logger.error("baseUrl and apiKey are required");
             return;
@@ -46,6 +52,13 @@ const UnidyConfig = /*@__PURE__*/ proxyCustomElement(class UnidyConfig extends U
         if (this.checkSignedIn) {
             auth.helpers.checkSignedIn();
         }
+        this.logger.debug("Unidy SDK initialized successfully");
+    }
+    disconnectedCallback() {
+        if (configInstance === this) {
+            configInstance = null;
+            unidyState.isConfigured = false;
+        }
     }
     // extend the list of properties that should be watched when new properties are added to the Config
     onPropChange(newValue, oldValue, propName) {
@@ -61,7 +74,7 @@ const UnidyConfig = /*@__PURE__*/ proxyCustomElement(class UnidyConfig extends U
         });
     }
     render() {
-        return h("slot", { key: 'de45e5c349c49f10aea1005f15edcdda4a32bbaa' });
+        return h("slot", { key: 'd8c63b2abf7d7032823546f4598e9d2fb671bf16' });
     }
     loadCustomTranslations() {
         if (this.customTranslations) {

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

	@@ -1 +1 @@
1	- {"file":"u-config.js","mappings":";;;;;;;;~~MA6Ba~~,WAAY,iBAAAA,kBAAA,CAAA,MAAA,~~WAAA~~,~~SAAQ~~,cAAc,CAAA;;;;;;;;;~~IACrC~~,IAAI,GAAiC,YAAY;IACjD,OAAO,GAAG,EAAE;IACZ,MAAM,GAAG,EAAE;IACX,kBAAkB,GAA6C,EAAE;IACjE,cAAc,GAAG,IAAI;IACrB,MAAM,GAAG,IAAI;IACb,aAAa,GAAG,KAAK;AAEpB,IAAA,gBAAgB;AAChB,IAAA,YAAY;AAErB,IAAA,MAAM,iBAAiB,GAAA;~~QACrB~~,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AACjC,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,iCAAiC,CAAC;YACpD;;AAGF,QAAA,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;AAC/B,QAAA,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;AACjC,QAAA,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;AAC/B,QAAA,UAAU,CAAC,YAAY,GAAG,IAAI;AAE9B,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,SAAA,CAAC;QAEFC,QAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc;QAE9C,IAAI,CAAC,sBAAsB,EAAE;AAC7B,QAAA,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;QAE/B,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;AAEpD,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;;;;~~AAOhC~~,IAAA,YAAY,CAAC,QAAgB,EAAE,QAAgB,EAAE,QAAsB,EAAA;QACrE,IAAI,QAAQ,KAAK,SAAS;YAAE;AAE5B,QAAA,IAAI,QAAQ,IAAI,UAAU,EAAE;AACzB,YAAA,UAA2C,CAAC,QAAQ,CAAC,GAAG,QAAQ;;AAGnE,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrB,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,aAAa,EAAE,QAAQ;AACxB,SAAA,CAAC;;IAGJ,MAAM,GAAA;QACJ,OAAO,8DAAQ;;IAGT,sBAAsB,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,YAAA,IAAI;gBACF,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,kBAAkB,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,kBAAkB;AAEhI,gBAAA,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE;oBAC/B,IAAI,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE;AACrC,wBAAAA,QAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC;;;;YAG/E,OAAO,KAAK,EAAE;AACd,gBAAAC,gBAAuB,CAAC,oCAAoC,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","i18n","Sentry.captureException"],"sources":["src/shared/components/config/config.tsx"],"sourcesContent":["import * as Sentry from \"@sentry/browser\";\nimport { Component, Event, type EventEmitter, h, Prop, Watch } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api/\";\nimport { Auth } from \"../../../auth\";\nimport i18n from \"../../../i18n\";\nimport { UnidyComponent } from \"~~../../../logger~~\";\nimport { unidyState } from \"../../store/unidy-store\";\n\nexport interface Config {\n apiKey: string;\n baseUrl: string;\n locale: string;\n mode: \"production\" \| \"development\";\n}\n\nexport interface ConfigChange {\n key: string;\n value: string;\n previousValue: string;\n}\n\ntype TranslationTree = {\n [key: string]: string \| TranslationTree;\n};\n\n@Component({\n tag: \"u-config\",\n shadow: false,\n})\nexport class UnidyConfig extends UnidyComponent {\n @Prop() mode: \"production\" \| \"development\" = \"production\";\n @Prop() baseUrl = \"\";\n @Prop() apiKey = \"\";\n @Prop() customTranslations: string \| Record<string, TranslationTree> = \"\";\n @Prop() fallbackLocale = \"en\";\n @Prop() locale = \"en\";\n @Prop() checkSignedIn = false;\n\n @Event() unidyInitialized!: EventEmitter<Config>;\n @Event() configChange!: EventEmitter<ConfigChange>;\n\n async componentWillLoad() {\n if (!this.baseUrl \|\| !this.apiKey) {\n this.logger.error(\"baseUrl and apiKey are required\");\n return;\n }\n\n unidyState.apiKey = this.apiKey;\n unidyState.baseUrl = this.baseUrl;\n unidyState.locale = this.locale;\n unidyState.isConfigured = true;\n\n this.unidyInitialized.emit({\n apiKey: this.apiKey,\n baseUrl: this.baseUrl,\n locale: this.locale,\n mode: this.mode,\n });\n\n i18n.options.fallbackLng = this.fallbackLocale;\n\n this.loadCustomTranslations();\n unidyState.locale = this.locale;\n\n const auth = await Auth.initialize(getUnidyClient());\n\n if (this.checkSignedIn) {\n auth.helpers.checkSignedIn();\n }\n }\n\n // extend the list of properties that should be watched when new properties are added to the Config\n @Watch(\"mode\")\n @Watch(\"locale\")\n onPropChange(newValue: string, oldValue: string, propName: keyof Config) {\n if (oldValue === undefined) return;\n\n if (propName in unidyState) {\n (unidyState as Record<keyof Config, string>)[propName] = newValue;\n }\n\n this.configChange.emit({\n key: propName,\n value: newValue,\n previousValue: oldValue,\n });\n }\n\n render() {\n return <slot />;\n }\n\n private loadCustomTranslations() {\n if (this.customTranslations) {\n try {\n const translations = typeof this.customTranslations === \"string\" ? JSON.parse(this.customTranslations) : this.customTranslations;\n\n for (const lang in translations) {\n if (Object.hasOwn(translations, lang)) {\n i18n.addResourceBundle(lang, \"translation\", translations[lang], true, true);\n }\n }\n } catch (error) {\n Sentry.captureException(\"Failed to parse customTranslations\", error);\n }\n }\n }\n}\n"],"version":3}
1	+ {"file":"u-config.js","mappings":"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","names":["__stencil_proxyCustomElement","i18n","Sentry.captureException"],"sources":["src/shared/components/config/config.tsx"],"sourcesContent":["import * as Sentry from \"@sentry/browser\";\nimport { Component, Event, type EventEmitter, h, Prop, Watch } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api/\";\nimport { Auth } from \"../../../auth\";\nimport i18n from \"../../../i18n\";\nimport { UnidyComponent } from \"../../base/component\";\nimport { unidyState } from \"../../store/unidy-store\";\n\nlet configInstance: UnidyConfig \| null = null;\n\nexport interface Config {\n apiKey: string;\n baseUrl: string;\n locale: string;\n mode: \"production\" \| \"development\";\n}\n\nexport interface ConfigChange {\n key: string;\n value: string;\n previousValue: string;\n}\n\ntype TranslationTree = {\n [key: string]: string \| TranslationTree;\n};\n\n@Component({\n tag: \"u-config\",\n shadow: false,\n})\nexport class UnidyConfig extends UnidyComponent() {\n @Prop() mode: \"production\" \| \"development\" = \"production\";\n @Prop() baseUrl = \"\";\n @Prop() apiKey = \"\";\n @Prop() customTranslations: string \| Record<string, TranslationTree> = \"\";\n @Prop() fallbackLocale = \"en\";\n @Prop() locale = \"en\";\n @Prop() checkSignedIn = false;\n\n @Event() unidyInitialized!: EventEmitter<Config>;\n @Event() configChange!: EventEmitter<ConfigChange>;\n\n async componentWillLoad() {\n if (configInstance !== null) {\n this.logger.error(\"Only one <u-config> element is allowed per page.\");\n return;\n }\n configInstance = this;\n\n if (!this.baseUrl \|\| !this.apiKey) {\n this.logger.error(\"baseUrl and apiKey are required\");\n return;\n }\n\n unidyState.apiKey = this.apiKey;\n unidyState.baseUrl = this.baseUrl;\n unidyState.locale = this.locale;\n unidyState.isConfigured = true;\n\n this.unidyInitialized.emit({\n apiKey: this.apiKey,\n baseUrl: this.baseUrl,\n locale: this.locale,\n mode: this.mode,\n });\n\n i18n.options.fallbackLng = this.fallbackLocale;\n\n this.loadCustomTranslations();\n unidyState.locale = this.locale;\n\n const auth = await Auth.initialize(getUnidyClient());\n\n if (this.checkSignedIn) {\n auth.helpers.checkSignedIn();\n }\n\n this.logger.debug(\"Unidy SDK initialized successfully\");\n }\n\n disconnectedCallback() {\n if (configInstance === this) {\n configInstance = null;\n unidyState.isConfigured = false;\n }\n }\n\n // extend the list of properties that should be watched when new properties are added to the Config\n @Watch(\"mode\")\n @Watch(\"locale\")\n onPropChange(newValue: string, oldValue: string, propName: keyof Config) {\n if (oldValue === undefined) return;\n\n if (propName in unidyState) {\n (unidyState as Record<keyof Config, string>)[propName] = newValue;\n }\n\n this.configChange.emit({\n key: propName,\n value: newValue,\n previousValue: oldValue,\n });\n }\n\n render() {\n return <slot />;\n }\n\n private loadCustomTranslations() {\n if (this.customTranslations) {\n try {\n const translations = typeof this.customTranslations === \"string\" ? JSON.parse(this.customTranslations) : this.customTranslations;\n\n for (const lang in translations) {\n if (Object.hasOwn(translations, lang)) {\n i18n.addResourceBundle(lang, \"translation\", translations[lang], true, true);\n }\n }\n } catch (error) {\n Sentry.captureException(\"Failed to parse customTranslations\", error);\n }\n }\n }\n}\n"],"version":3}

package/dist/components/u-email-field.js CHANGED Viewed

@@ -67,7 +67,7 @@ const EmailField = /*@__PURE__*/ proxyCustomElement(class EmailField extends HTM
     }
     render() {
         const placeholderText = t("auth.email.placeholder", { defaultValue: "Enter your email" });
-        return (h("form", { key: '02cf5d0bb0a54628902c0e6512d6a01dec93e729', onSubmit: this.handleSubmit }, h("input", { key: 'ce6a485ab8422ab0ce13dd953293136def4864ca', id: "email", type: "email", value: this.store.state.email, autocomplete: "email", placeholder: placeholderText, disabled: this.isDisabled(), class: `${this.componentClassName} u:disabled:opacity-40 u:disabled:bg-gray-200 u:disabled:cursor-not-allowed`, onInput: this.handleInput, "aria-label": this.ariaLabel }), h("slot", { key: 'f96b2b09bb1520c240d93db91b34a23fa4191d0e' })));
+        return (h("form", { key: '5033ba72842a4cd9125a58170a733c6ec2aaed5a', onSubmit: this.handleSubmit }, h("input", { key: 'f97c1f8881e08fcfcffdf252862e63469b483cbd', id: "email", type: "email", value: this.store.state.email, autocomplete: "email", placeholder: placeholderText, disabled: this.isDisabled(), class: `${this.componentClassName} u:disabled:opacity-40 u:disabled:bg-gray-200 u:disabled:cursor-not-allowed`, onInput: this.handleInput, "aria-label": this.ariaLabel }), h("slot", { key: 'd4d403e19c003e80119be01587d9cd00244908ae' })));
     }
     static get style() { return emailFieldCss; }
 }, [772, "u-email-field", {

package/dist/components/u-error-message.js CHANGED Viewed

@@ -1,30 +1,29 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, h, Host } from '@stencil/core/internal/client';
 import { s as state } from './auth-store.js';
 import { t } from './i18n.js';
 import { n as newsletterStore } from './newsletter-store.js';
-import { h as hasSlotContent } from './component-utils.js';
+import { U as UnidyComponent } from './component.js';
+import { H as HasSlotContent } from './has-slot-content.js';
 import { u as unidyState } from './unidy-store.js';
-const errorMessageCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}: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}";
+const errorMessageCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:block{display:block}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.visible{visibility:visible}.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
-const ErrorMessage = /*@__PURE__*/ proxyCustomElement(class ErrorMessage extends HTMLElement {
+const ErrorMessage = /*@__PURE__*/ proxyCustomElement(class ErrorMessage extends UnidyComponent(HasSlotContent) {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
-        this.__attachShadow();
     }
     componentClassName = "";
     for;
     errorMessages;
-    get el() { return this; }
     detectContext() {
-        if (this.el.closest("u-signin-root") || this.el.closest("u-signin-step"))
+        if (this.element.closest("u-signin-root") || this.element.closest("u-signin-step"))
             return "auth";
-        if (this.el.closest("u-profile"))
+        if (this.element.closest("u-profile"))
             return "profile";
-        if (this.el.closest("u-newsletter-root"))
+        if (this.element.closest("u-newsletter-root"))
             return "newsletter";
         if (this.for === "general" || this.for === "connection")
             return "other";
@@ -44,14 +43,36 @@ const ErrorMessage = /*@__PURE__*/ proxyCustomElement(class ErrorMessage extends
         return errorCode || t("errors.unknown", { defaultValue: "An error occurred" });
     }
     getNewsletterErrorMessage(errorIdentifier) {
-        return t(`newsletter.errors.${errorIdentifier}`) || t("errors.unknown", { defaultValue: "An unknown error occurred" });
+        const translationKey = `newsletter.errors.${errorIdentifier}`;
+        const translated = t(translationKey);
+        if (translated !== translationKey) {
+            return translated;
+        }
+        return t("errors.unknown", { defaultValue: "An unknown error occurred" });
     }
     getErrorMessage(errorCode) {
         if (this.context === "auth") {
             return this.getAuthErrorMessage(errorCode);
         }
+        const fieldError = newsletterStore.state.additionalFieldErrors[this.for];
+        if (fieldError) {
+            return this.translateValidationError(fieldError);
+        }
         return this.getNewsletterErrorMessage(errorCode);
     }
+    translateValidationError(errorIdentifier) {
+        const fieldSpecificKey = `errors.${this.for}.${errorIdentifier}`;
+        const fieldSpecific = t(fieldSpecificKey);
+        if (fieldSpecific !== fieldSpecificKey) {
+            return fieldSpecific;
+        }
+        const genericKey = `errors.validation.${errorIdentifier}`;
+        const generic = t(genericKey);
+        if (generic !== genericKey) {
+            return generic;
+        }
+        return t("errors.unknown", { defaultValue: "An unknown error occurred" });
+    }
     getAuthErrorCode() {
         const forValue = this.for;
         if (forValue === "connection") {
@@ -63,24 +84,28 @@ const ErrorMessage = /*@__PURE__*/ proxyCustomElement(class ErrorMessage extends
         return state.errors[forValue];
     }
     getNewsletterErrorCode() {
-        const error = newsletterStore.state.errors[this.for];
-        return error ?? null;
+        const newsletterError = newsletterStore.state.errors[this.for];
+        if (newsletterError)
+            return newsletterError;
+        const fieldError = newsletterStore.state.additionalFieldErrors[this.for];
+        return fieldError ?? null;
     }
     render() {
         const errorCode = this.context === "newsletter" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();
-        if (!errorCode) {
-            return null;
-        }
+        // Check if we should show the error
+        let shouldShow = !!errorCode;
         // Only render connection_failed for "general" and "connection" types
         if (errorCode === "connection_failed" && this.for !== "general" && this.for !== "connection") {
-            return null;
+            shouldShow = false;
         }
-        const errorMessage = this.getErrorMessage(errorCode);
+        const errorMessage = shouldShow ? this.getErrorMessage(errorCode) : null;
         const formattedMessage = errorMessage?.includes("\n") ? h("div", { style: { whiteSpace: "pre-line" } }, errorMessage) : errorMessage;
-        return h(Host, { class: this.componentClassName }, hasSlotContent(this.el) ? h("slot", null) : formattedMessage);
+        // For shadow: false components with slots, we must always render Host but use hidden/display
+        // to control visibility, otherwise slotted content remains visible in the light DOM
+        return (h(Host, { key: '3389f45bb7effe946394ec1b3e84ff867257d4bc', class: `u:block ${this.componentClassName}`, hidden: !shouldShow, style: { display: shouldShow ? undefined : "none" }, "aria-hidden": !shouldShow ? "true" : null, "aria-live": "polite" }, this.hasSlot ? h("slot", null) : formattedMessage));
     }
     static get style() { return errorMessageCss; }
-}, [769, "u-error-message", {
+}, [772, "u-error-message", {
         "componentClassName": [1, "class-name"],
         "for": [1],
         "errorMessages": [16]

package/dist/components/u-error-message.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"u-error-message.js","mappings":"~~;;;;;;;~~AAAA,MAAM,eAAe,GAAG,~~8jNAA8jN~~;;~~MCczkN~~,~~YAAY~~,iBAAAA,kBAAA,CAAA,MAAA,YAAA,~~SAAA~~,~~WAAA~~,CAAA~~;;;;;;;;IACY~~,kBAAkB,GAAG,EAAE;AAClD,IAAA,GAAG;AAEH,IAAA,aAAa;;IAEb,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,~~EAAE~~,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,~~EAAE~~,CAAC,OAAO,CAAC,eAAe,CAAC;AAAE,YAAA,OAAO,MAAM;~~AAEvF~~,QAAA,IAAI,IAAI,CAAC,~~EAAE~~,CAAC,OAAO,CAAC,WAAW,CAAC;AAAE,YAAA,OAAO,SAAS;~~AAElD~~,QAAA,IAAI,IAAI,CAAC,~~EAAE~~,CAAC,OAAO,CAAC,mBAAmB,CAAC;AAAE,YAAA,OAAO,YAAY;~~QAE7D~~,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,YAAY;AAAE,YAAA,OAAO,OAAO;AAEvE,QAAA,MAAM,IAAI,KAAK,CACb,oIAAoI,CACrI;;AAGH,IAAA,IAAY,OAAO,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;AAGrB,IAAA,mBAAmB,CAAC,SAAiB,EAAA;QAC3C,IAAI,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,EAAE;AACnC,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;;QAGtC,MAAM,eAAe,GAAG,CAAC,CAAC,UAAU,SAAS,CAAA,CAAE,CAAC;AAChD,QAAA,IAAI,eAAe,KAAK,CAAA,OAAA,EAAU,SAAS,CAAA,CAAE,EAAE;AAC7C,YAAA,OAAO,eAAe;;AAGxB,QAAA,OAAO,SAAS,IAAI,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC;;AAGxE,IAAA,yBAAyB,CAAC,eAA0C,EAAA;AAC1E,QAAA,~~OAAO~~,~~CAAC~~,~~CAAC~~,~~CAAA~~,kBAAA,~~EAAqB~~,eAAe,~~CAAA~~,~~CAAE~~,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,2BAA2B,EAAE,CAAC;;~~AAGhH~~,IAAA,eAAe,CAAC,SAAiB,EAAA;AACvC,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;AAC3B,YAAA,OAAO,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC;;AAG5C,QAAA,OAAO,IAAI,CAAC,yBAAyB,CAAC,SAAsC,CAAC;;~~IAGvE~~,gBAAgB,GAAA;AACtB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAoB;AAE1C,QAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;YAC7B,OAAO,UAAU,CAAC,gBAAgB,GAAG,IAAI,GAAG,mBAAmB;;AAGjE,QAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AAC1B,YAAA,OAAOC,KAAS,CAAC,YAAY,CAAC,IAAI;;AAGpC,QAAA,OAAOA,KAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;;IAG3B,sBAAsB,GAAA;AAC5B,QAAA,MAAM,~~KAAK~~,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;~~QACpD~~,OAAO,KAAK,IAAI,IAAI;;~~IAGtB~~,MAAM,GAAA;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,KAAK,YAAY,GAAG,IAAI,CAAC,sBAAsB,EAAE,GAAG,IAAI,CAAC,gBAAgB,EAAE~~;QAEzG~~,IAAI,~~CAAC~~,~~SAAS~~,~~EAAE;AACd~~,~~YAAA~~,~~OAAO~~,~~IAAI;;;AAIb,~~QAAA,IAAI,SAAS,KAAK,mBAAmB,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,YAAY,EAAE;~~AAC5F~~,~~YAAA~~,~~OAAO~~,~~IAAI~~;;~~QAGb~~,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;~~AACpD~~,QAAA,MAAM,gBAAgB,GAAG,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAA,EAAG,YAAY,CAAO,GAAG,YAAY~~;AAEnI~~,QAAA,~~OAAO~~,CAAA,~~CAAC,~~IAAI,EAAA,~~EAAC~~,KAAK,EAAE,IAAI,CAAC,kBAAkB,~~EAAG~~,EAAA,~~cAAc~~,CAAC,IAAI,~~CAAC~~,~~EAAE~~,CAAC,GAAG,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,GAAG,gBAAgB,~~CAAQ~~;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/shared/components/error-message/error-message.css?tag=u-error-message~~&encapsulation=shadow~~","src/shared/components/error-message/error-message.tsx"],"sourcesContent":["~~:host~~ ~~{\n display:~~ ~~block;\~~n}","import { Component, ~~Element,~~ Host, h, Prop } from \"@stencil/core\";\nimport { authState } from \"../../../auth/store/auth-store\";\nimport { t } from \"../../../i18n\";\nimport { type NewsletterErrorIdentifier, newsletterStore } from \"../../../newsletter/store/newsletter-store\";\nimport { ~~hasSlotContent~~ } from \"../../component-~~utils~~\";\nimport { unidyState } from \"../../store/unidy-store\";\n\nexport type AuthErrorType = \"email\" \| \"password\" \| \"magicCode\" \| \"resetPassword\" \| \"general\" \| \"connection\" \| \"passkey\";\n\n@Component({\n tag: \"u-error-message\",\n shadow: ~~true~~,\n styleUrl: \"error-message.css\",\n})\nexport class ErrorMessage {\n @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n @Prop() for!: string;\n\n @Prop() errorMessages?: Record<string, string>;\n ~~@Element() el!: HTMLElement;\~~n private detectContext(): \"auth\" \| \"newsletter\" \| \"profile\" \| \"other\" {\n if (this.el.closest(\"u-signin-root\") \|\| this.el.closest(\"u-signin-step\")) return \"auth\";\n\n if (this.el.closest(\"u-profile\")) return \"profile\";\n\n if (this.el.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n if (this.for === \"general\" \|\| this.for === \"connection\") return \"other\";\n\n throw new Error(\n \"No context found for error message. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.\",\n );\n }\n\n private get context(): \"auth\" \| \"newsletter\" \| \"profile\" \| \"other\" {\n return this.detectContext();\n }\n\n private getAuthErrorMessage(errorCode: string): string {\n if (this.errorMessages?.[errorCode]) {\n return this.errorMessages[errorCode];\n }\n\n const translatedError = t(`errors.${errorCode}`);\n if (translatedError !== `errors.${errorCode}`) {\n return translatedError;\n }\n\n return errorCode \|\| t(\"errors.unknown\", { defaultValue: \"An error occurred\" });\n }\n\n private getNewsletterErrorMessage(errorIdentifier: NewsletterErrorIdentifier): string {\n ~~return~~ t(`newsletter.errors.${errorIdentifier}`) \|\| t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n }\n\n private getErrorMessage(errorCode: string): string \| null {\n if (this.context === \"auth\") {\n return this.getAuthErrorMessage(errorCode);\n }\n\n return this.getNewsletterErrorMessage(errorCode as NewsletterErrorIdentifier);\n }\n\n private getAuthErrorCode(): string \| null {\n const forValue = this.for as AuthErrorType;\n\n if (forValue === \"connection\") {\n return unidyState.backendConnected ? null : \"connection_failed\";\n }\n\n if (forValue === \"general\") {\n return authState.globalErrors.auth;\n }\n\n return authState.errors[forValue];\n }\n\n private getNewsletterErrorCode(): string \| null {\n const ~~error~~ = newsletterStore.state.errors[this.for];\n return ~~error~~ ?? null;\n }\n\n render() {\n const errorCode = this.context === \"newsletter\" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();\n\n if ~~(!errorCode)~~ {\n ~~return~~ ~~null~~;\n }\n\n // Only render connection_failed for \"general\" and \"connection\" types\n if (errorCode === \"connection_failed\" && this.for !== \"general\" && this.for !== \"connection\") {\n ~~return~~ ~~null~~;\n }\n\n const errorMessage = this.getErrorMessage(errorCode);\n const formattedMessage = errorMessage?.includes(\"\\n\") ? <div style={{ whiteSpace: \"pre-line\" }}>{errorMessage}</div> : errorMessage;\n\n return <Host class={this.componentClassName}>{~~hasSlotContent(~~this.~~el)~~ ? <slot /> : formattedMessage}</Host~~>;\~~n }\n}\n"],"version":3}
1	+ {"file":"u-error-message.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,o1NAAo1N;;ACe/1N,MAAA,YAAa,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAQ,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;;;IAC3B,kBAAkB,GAAG,EAAE;AAClD,IAAA,GAAG;AAEH,IAAA,aAAa;IAEb,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC;AAAE,YAAA,OAAO,MAAM;AAEjG,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;AAAE,YAAA,OAAO,SAAS;AAEvD,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;AAAE,YAAA,OAAO,YAAY;QAElE,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,YAAY;AAAE,YAAA,OAAO,OAAO;AAEvE,QAAA,MAAM,IAAI,KAAK,CACb,oIAAoI,CACrI;;AAGH,IAAA,IAAY,OAAO,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;AAGrB,IAAA,mBAAmB,CAAC,SAAiB,EAAA;QAC3C,IAAI,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,EAAE;AACnC,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;;QAGtC,MAAM,eAAe,GAAG,CAAC,CAAC,UAAU,SAAS,CAAA,CAAE,CAAC;AAChD,QAAA,IAAI,eAAe,KAAK,CAAA,OAAA,EAAU,SAAS,CAAA,CAAE,EAAE;AAC7C,YAAA,OAAO,eAAe;;AAGxB,QAAA,OAAO,SAAS,IAAI,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC;;AAGxE,IAAA,yBAAyB,CAAC,eAA0C,EAAA;AAC1E,QAAA,MAAM,cAAc,GAAG,CAAqB,kBAAA,EAAA,eAAe,EAAE;AAC7D,QAAA,MAAM,UAAU,GAAG,CAAC,CAAC,cAAc,CAAC;AAEpC,QAAA,IAAI,UAAU,KAAK,cAAc,EAAE;AACjC,YAAA,OAAO,UAAU;;QAEnB,OAAO,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,2BAA2B,EAAE,CAAC;;AAGnE,IAAA,eAAe,CAAC,SAAiB,EAAA;AACvC,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;AAC3B,YAAA,OAAO,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC;;AAG5C,QAAA,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC;QACxE,IAAI,UAAU,EAAE;AACd,YAAA,OAAO,IAAI,CAAC,wBAAwB,CAAC,UAAU,CAAC;;AAGlD,QAAA,OAAO,IAAI,CAAC,yBAAyB,CAAC,SAAsC,CAAC;;AAGvE,IAAA,wBAAwB,CAAC,eAAuB,EAAA;QACtD,MAAM,gBAAgB,GAAG,CAAU,OAAA,EAAA,IAAI,CAAC,GAAG,CAAA,CAAA,EAAI,eAAe,CAAA,CAAE;AAChE,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,gBAAgB,CAAC;AACzC,QAAA,IAAI,aAAa,KAAK,gBAAgB,EAAE;AACtC,YAAA,OAAO,aAAa;;AAGtB,QAAA,MAAM,UAAU,GAAG,CAAqB,kBAAA,EAAA,eAAe,EAAE;AACzD,QAAA,MAAM,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC;AAC7B,QAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,YAAA,OAAO,OAAO;;QAGhB,OAAO,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,2BAA2B,EAAE,CAAC;;IAGnE,gBAAgB,GAAA;AACtB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAoB;AAE1C,QAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;YAC7B,OAAO,UAAU,CAAC,gBAAgB,GAAG,IAAI,GAAG,mBAAmB;;AAGjE,QAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AAC1B,YAAA,OAAOC,KAAS,CAAC,YAAY,CAAC,IAAI;;AAGpC,QAAA,OAAOA,KAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;;IAG3B,sBAAsB,GAAA;AAC5B,QAAA,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9D,QAAA,IAAI,eAAe;AAAE,YAAA,OAAO,eAAe;AAE3C,QAAA,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC;QACxE,OAAO,UAAU,IAAI,IAAI;;IAG3B,MAAM,GAAA;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,KAAK,YAAY,GAAG,IAAI,CAAC,sBAAsB,EAAE,GAAG,IAAI,CAAC,gBAAgB,EAAE;;AAGzG,QAAA,IAAI,UAAU,GAAG,CAAC,CAAC,SAAS;;AAG5B,QAAA,IAAI,SAAS,KAAK,mBAAmB,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,YAAY,EAAE;YAC5F,UAAU,GAAG,KAAK;;AAGpB,QAAA,MAAM,YAAY,GAAG,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,IAAI;AACxE,QAAA,MAAM,gBAAgB,GAAG,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAA,EAAG,YAAY,CAAO,GAAG,YAAY;;;AAInI,QAAA,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAW,QAAA,EAAA,IAAI,CAAC,kBAAkB,CAAA,CAAE,EAC3C,MAAM,EAAE,CAAC,UAAU,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,EAAE,EAAA,aAAA,EACtC,CAAC,UAAU,GAAG,MAAM,GAAG,IAAI,EAC9B,WAAA,EAAA,QAAQ,EAEjB,EAAA,IAAI,CAAC,OAAO,GAAG,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,GAAG,gBAAgB,CACtC;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/shared/components/error-message/error-message.css?tag=u-error-message","src/shared/components/error-message/error-message.tsx"],"sourcesContent":["/* This file is required for stencil-tailwind-plugin to generate Tailwind CSS for this component */\n","import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { authState } from \"../../../auth/store/auth-store\";\nimport { t } from \"../../../i18n\";\nimport { type NewsletterErrorIdentifier, newsletterStore } from \"../../../newsletter/store/newsletter-store\";\nimport { UnidyComponent } from \"../../base/component\";\nimport { HasSlotContent } from \"../../base/has-slot-content\";\nimport { unidyState } from \"../../store/unidy-store\";\n\nexport type AuthErrorType = \"email\" \| \"password\" \| \"magicCode\" \| \"resetPassword\" \| \"general\" \| \"connection\" \| \"passkey\";\n\n@Component({\n tag: \"u-error-message\",\n shadow: false,\n styleUrl: \"error-message.css\",\n})\nexport class ErrorMessage extends UnidyComponent(HasSlotContent) {\n @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n @Prop() for!: string;\n\n @Prop() errorMessages?: Record<string, string>;\n\n private detectContext(): \"auth\" \| \"newsletter\" \| \"profile\" \| \"other\" {\n if (this.element.closest(\"u-signin-root\") \|\| this.element.closest(\"u-signin-step\")) return \"auth\";\n\n if (this.element.closest(\"u-profile\")) return \"profile\";\n\n if (this.element.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n if (this.for === \"general\" \|\| this.for === \"connection\") return \"other\";\n\n throw new Error(\n \"No context found for error message. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.\",\n );\n }\n\n private get context(): \"auth\" \| \"newsletter\" \| \"profile\" \| \"other\" {\n return this.detectContext();\n }\n\n private getAuthErrorMessage(errorCode: string): string {\n if (this.errorMessages?.[errorCode]) {\n return this.errorMessages[errorCode];\n }\n\n const translatedError = t(`errors.${errorCode}`);\n if (translatedError !== `errors.${errorCode}`) {\n return translatedError;\n }\n\n return errorCode \|\| t(\"errors.unknown\", { defaultValue: \"An error occurred\" });\n }\n\n private getNewsletterErrorMessage(errorIdentifier: NewsletterErrorIdentifier): string {\n const translationKey = `newsletter.errors.${errorIdentifier}`;\n const translated = t(translationKey);\n\n if (translated !== translationKey) {\n return translated;\n }\n return t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n }\n\n private getErrorMessage(errorCode: string): string \| null {\n if (this.context === \"auth\") {\n return this.getAuthErrorMessage(errorCode);\n }\n\n const fieldError = newsletterStore.state.additionalFieldErrors[this.for];\n if (fieldError) {\n return this.translateValidationError(fieldError);\n }\n\n return this.getNewsletterErrorMessage(errorCode as NewsletterErrorIdentifier);\n }\n\n private translateValidationError(errorIdentifier: string): string {\n const fieldSpecificKey = `errors.${this.for}.${errorIdentifier}`;\n const fieldSpecific = t(fieldSpecificKey);\n if (fieldSpecific !== fieldSpecificKey) {\n return fieldSpecific;\n }\n\n const genericKey = `errors.validation.${errorIdentifier}`;\n const generic = t(genericKey);\n if (generic !== genericKey) {\n return generic;\n }\n\n return t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n }\n\n private getAuthErrorCode(): string \| null {\n const forValue = this.for as AuthErrorType;\n\n if (forValue === \"connection\") {\n return unidyState.backendConnected ? null : \"connection_failed\";\n }\n\n if (forValue === \"general\") {\n return authState.globalErrors.auth;\n }\n\n return authState.errors[forValue];\n }\n\n private getNewsletterErrorCode(): string \| null {\n const newsletterError = newsletterStore.state.errors[this.for];\n if (newsletterError) return newsletterError;\n\n const fieldError = newsletterStore.state.additionalFieldErrors[this.for];\n return fieldError ?? null;\n }\n\n render() {\n const errorCode = this.context === \"newsletter\" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();\n\n // Check if we should show the error\n let shouldShow = !!errorCode;\n\n // Only render connection_failed for \"general\" and \"connection\" types\n if (errorCode === \"connection_failed\" && this.for !== \"general\" && this.for !== \"connection\") {\n shouldShow = false;\n }\n\n const errorMessage = shouldShow ? this.getErrorMessage(errorCode) : null;\n const formattedMessage = errorMessage?.includes(\"\\n\") ? <div style={{ whiteSpace: \"pre-line\" }}>{errorMessage}</div> : errorMessage;\n\n // For shadow: false components with slots, we must always render Host but use hidden/display\n // to control visibility, otherwise slotted content remains visible in the light DOM\n return (\n <Host\n class={`u:block ${this.componentClassName}`}\n hidden={!shouldShow}\n style={{ display: shouldShow ? undefined : \"none\" }}\n aria-hidden={!shouldShow ? \"true\" : null}\n aria-live=\"polite\"\n >\n {this.hasSlot ? <slot /> : formattedMessage}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/u-full-profile.js CHANGED Viewed

@@ -32,7 +32,7 @@ const FullProfile = /*@__PURE__*/ proxyCustomElement(class FullProfile extends H
         ];
     }
     render() {
-        return (h("u-profile", { key: '6e10c4263a78a65f4708dab48704e679536b850c' }, this.list().map((field) => (h("u-field", { key: field, field: field, countryCodeDisplayOption: this.countryCodeDisplayOption }))), h("div", { key: '56f9e10efc392135a9a79f14c0865a1d83b6b1df', class: "u:flex u:justify-end" }, h("u-submit-button", { key: '418e8c88df06c513ac1bc46c4926496833ee1a42' }, t("buttons.submit")))));
+        return (h("u-profile", { key: '7de2b4fa3359b1baf43d1bd4e413b793a67efe58' }, this.list().map((field) => (h("u-field", { key: field, field: field, countryCodeDisplayOption: this.countryCodeDisplayOption }))), h("div", { key: 'f2dfeb0539ff4da9e3a9ca164ce3305516866ff1', class: "u:flex u:justify-end" }, h("u-submit-button", { key: '276be0b12438b6feb4df1277635e57ec15a5699f' }, t("buttons.submit")))));
     }
     static get style() { return fullProfileCss; }
 }, [768, "u-full-profile", {

package/dist/components/u-jump-to-service.js CHANGED Viewed

@@ -1,18 +1,20 @@
-import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, h } from '@stencil/core/internal/client';
 import { i as Auth, g as getUnidyClient } from './index2.js';
-import { b as authStoreOnChange, s as state } from './auth-store.js';
-import { u as unidyState } from './unidy-store.js';
 import { t } from './i18n.js';
+import { U as UnidyComponent } from './component.js';
+import { H as HasSlotContent } from './has-slot-content.js';
+import { s as slotFallbackText } from './component-utils.js';
+import { r as redirectWithToken } from './redirect-with-token.js';
+import { s as state } from './auth-store.js';
 import { d as defineCustomElement$2 } from './spinner.js';
-const JumpToService = /*@__PURE__*/ proxyCustomElement(class JumpToService extends HTMLElement {
+const JumpToService = /*@__PURE__*/ proxyCustomElement(class JumpToService extends UnidyComponent(HasSlotContent) {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
     }
-    get el() { return this; }
     /**
      * The OAuth Application ID (service ID) to jump to.
      * @example "2"
@@ -42,18 +44,6 @@ const JumpToService = /*@__PURE__*/ proxyCustomElement(class JumpToService exten
      */
     skipOauthAuthorization = false;
     loading = false;
-    // TODO: Figure out a way to share this across components
-    unsubscribe;
-    connectedCallback() {
-        this.unsubscribe = authStoreOnChange("authenticated", () => {
-            forceUpdate(this);
-        });
-    }
-    disconnectedCallback() {
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-    }
     handleClick = async (event) => {
         event.preventDefault();
         if (!this.serviceId) {
@@ -61,21 +51,19 @@ const JumpToService = /*@__PURE__*/ proxyCustomElement(class JumpToService exten
             return;
         }
         const auth = await Auth.getInstance();
-        const isAuthenticated = await auth.isAuthenticated();
-        if (!isAuthenticated) {
+        if (!(await auth.isAuthenticated())) {
             console.error("[u-jump-to-service] User is not authenticated. Please log in first.");
             return;
         }
         const userData = await auth.userData();
-        if (!userData || !userData.email) {
+        if (!userData?.email) {
             console.error("Failed to get user email from authentication token");
             return;
         }
         this.loading = true;
         try {
             const client = getUnidyClient();
-            // Parse scopes if provided
-            const scopesArray = this.scopes ? this.scopes.split(",").map((s) => s.trim()) : undefined;
+            const scopesArray = this.scopes?.split(",").map((s) => s.trim());
             const [error, token] = await client.auth.jumpToService(this.serviceId, {
                 email: userData.email,
                 redirect_uri: this.redirectUri,
@@ -84,22 +72,13 @@ const JumpToService = /*@__PURE__*/ proxyCustomElement(class JumpToService exten
             });
             if (error) {
                 console.error("Failed to get jump token:", error);
-                this.loading = false;
                 return;
             }
-            const redirectUrl = new URL("/one_time_login", unidyState.baseUrl);
-            // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work
-            redirectUrl.searchParams.set("token", token);
-            if (this.redirectUri) {
-                redirectUrl.searchParams.set("redirect_uri", this.redirectUri);
-            }
-            const finalUrl = redirectUrl.toString();
-            if (this.newtab) {
-                window.open(finalUrl, "_blank");
-            }
-            else {
-                window.location.href = finalUrl;
-            }
+            redirectWithToken({
+                token: token,
+                newTab: this.newtab,
+                extraParams: this.redirectUri ? { redirect_uri: this.redirectUri } : undefined,
+            });
         }
         catch (error) {
             console.error("Error jumping to service:", error);
@@ -112,8 +91,7 @@ const JumpToService = /*@__PURE__*/ proxyCustomElement(class JumpToService exten
         return !state.authenticated || this.loading || !this.serviceId;
     }
     render() {
-        const hasSlot = this.el.childNodes.length > 0;
-        return (h("button", { key: '3f0526c3a12b73cada7b044dfe55fd74757031cf', type: "button", disabled: this.isDisabled(), class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, this.loading ? h("u-spinner", null) : hasSlot ? h("slot", null) : t("buttons.jump_to_service")));
+        return (h("button", { key: 'dc593d260c7b74bbfa108c1201b02c1ed7a414c0', type: "button", disabled: this.isDisabled(), class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, slotFallbackText(t("buttons.jump_to_service"), { hasSlot: this.hasSlot, loading: this.loading })));
     }
 }, [772, "u-jump-to-service", {
         "serviceId": [1, "service-id"],

package/dist/components/u-jump-to-service.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"u-jump-to-service.js","mappings":"~~;;;;;;;MAWa~~,~~aAAa~~,iBAAAA,kBAAA,CAAA,MAAA,aAAA,~~SAAA~~,~~WAAA~~,CAAA~~;;;;;;;;AAGxB~~;;;AAGG;AACgC,IAAA,SAAS;AAE5C;;AAEG;IACK,MAAM,GAAG,KAAK;AAEtB;;AAEG;IACgC,kBAAkB,GAAG,EAAE;AAE1D;;;AAGG;AACkC,IAAA,WAAW;AAEhD;;;;AAIG;AACK,IAAA,MAAM;AAEd;;AAEG;IAC8C,sBAAsB,GAAG,KAAK;IAEtE,OAAO,GAAG,KAAK~~;;AAGhB,IAAA,WAAW~~;~~IAEnB~~,~~iBAAiB,GAAA;QACf,IAAI,CAAC,WAAW,GAAGC,iBAAQ,CAAC,eAAe,EAAE,MAAK;YAChD,WAAW,CAAC,IAAI,CAAC;AACnB,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE;;;AAId,~~IAAA,WAAW,GAAG,OAAO,KAAY,KAAI;QAC3C,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,4CAA4C,CAAC;YAC3D;;AAGF,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;~~AACrC~~,~~QAAA~~,~~MAAM~~,~~eAAe,GAAG,~~MAAM,IAAI,CAAC,eAAe,EAAE~~;QAEpD~~,~~IAAI,~~CAAC,~~eAAe,~~EAAE;~~AACpB~~,YAAA,OAAO,CAAC,KAAK,CAAC,qEAAqE,CAAC;YACpF;;AAGF,QAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;~~QACtC~~,~~IAAI~~,~~CAAC,QAAQ,~~IAAI,CAAC,QAAQ,~~CAAC~~,KAAK,EAAE;~~AAChC~~,YAAA,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC;YACnE;;AAGF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AAEnB,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,cAAc,EAAE~~;;AAG~~/B,~~YAAA,~~MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,~~GAAG~~,~~IAAI,CAAC,MAAM,CAAC,~~KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC~~,GAAG,SAAS~~;~~AAEzF~~,YAAA,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE;gBACrE,KAAK,EAAE,QAAQ,CAAC,KAAK;gBACrB,YAAY,EAAE,IAAI,CAAC,WAAW;AAC9B,gBAAA,MAAM,EAAE,WAAW;gBACnB,wBAAwB,EAAE,IAAI,CAAC,sBAAsB;AACtD,aAAA,CAAC;YAEF,IAAI,KAAK,EAAE;AACT,gBAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;~~AACjD,gBAAA,IAAI,CAAC,OAAO,GAAG,KAAK;gBACpB~~;;~~YAGF~~,~~MAAM~~,~~WAAW,GAAG,IAAI,GAAG,CAAC,~~iBAAiB,~~EAAE,UAAU,~~CAAC,~~OAAO~~,~~CAAC;;YAElE~~,~~WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,~~EAAE,~~KAAK,CAAC~~;~~AAC5C~~,~~YAAA~~,~~IAAI~~,IAAI,CAAC,~~WAAW,EAAE~~;~~gBACpB~~,WAAW,~~CAAC,YAAY,CAAC,GAAG,CAAC,cAAc,~~EAAE,IAAI,CAAC,WAAW,~~CAAC;;AAGhE,YAAA,MAAM,QAAQ,~~GAAG,~~WAAW,CAAC,QAAQ,~~EAAE~~;AAEvC~~,~~YAAA~~,~~IAAI,IAAI,CAAC,MAAM,~~EAAE~~;AACf~~,~~gBAAA,MAAM,CAAC,~~IAAI,CAAC,~~QAAQ~~,EAAE,~~QAAQ~~,~~CAAC;;iBAC1B~~;~~AACL~~,~~gBAAA~~,~~MAAM,~~CAAC,~~QAAQ,CAAC,IAAI,GAAG,QAAQ;;;QAEjC,~~OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;;gBACzC;AACR,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAExB,KAAC;IAEO,UAAU,GAAA;AAChB,QAAA,OAAO,CAACC,KAAS,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS;;IAGpE,MAAM,GAAA;~~QACJ~~,~~MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;AAC7C,~~QAAA,QACE,+DAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,WAAA,EAAY,QAAQ,EAC7H,EAAA,~~IAAI~~,CAAC,~~OAAO~~,~~GAAG~~,~~CAAa~~,~~CAAA~~,~~WAAA~~,~~EAAA~~,~~IAAA,CAAA,GAAG,~~OAAO,~~GAAG~~,~~CAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~,~~IAAA~~,~~CAAQ~~,~~GAAG~~,CAAC,~~CAAC~~,~~yBAAyB~~,CAAC,~~CAC1E~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","~~onChange","~~authState"],"sources":["src/auth/components/jump-to-service/jump-to-service.tsx"],"sourcesContent":["import { Component, h, Prop, State, ~~forceUpdate, Element~~ } from \"@stencil/core\";\nimport { ~~Auth~~ } from \"~~../../auth~~\";\nimport { ~~authState,~~ ~~onChange~~ } from \"~~../../store~~/~~auth~~-~~store~~\";\nimport { ~~getUnidyClient~~ } from \"../../../~~api~~\";\nimport { ~~unidyState~~ } from \"../../../shared/~~store~~/~~unidy~~-~~store~~\";\nimport { t } from \"~~../../../i18n~~\";\n\n@Component({\n tag: \"u-jump-to-service\",\n shadow: false,\n})\nexport class JumpToService ~~{\n @Element~~() ~~el!: HTMLElement;\n~~\n /*\n The OAuth Application ID (service ID) to jump to.\n * @example \"2\"\n /\n @Prop({ attribute: \"service-id\" }) serviceId!: string;\n\n /\n If true, opens the URL in a new tab. Defaults to false.\n /\n @Prop() newtab = false;\n\n /\n Custom CSS class name(s) to apply to the button element.\n /\n @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n /\n Optional redirect URI for the OAuth flow.\n * Must match one of the application's allowed redirect URIs.\n /\n @Prop({ attribute: \"redirect-uri\" }) redirectUri?: string;\n\n /\n Comma-separated list of OAuth scopes to request.\n * Defaults to [\"openid\"] if not provided.\n * @example \"openid,profile\"\n /\n @Prop() scopes?: string;\n\n /\n If true, skips the OAuth authorization step (if already authorized once). Defaults to false.\n */\n @Prop({ attribute: \"skip-oauth-authorization\" }) skipOauthAuthorization = false;\n\n @State() loading = false;\n\n ~~// TODO: Figure out a way to share this across components\n~~ private unsubscribe?: () => void;\n\n connectedCallback() {\n this.unsubscribe = onChange(\"authenticated\", () => {\n forceUpdate(this);\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n private handleClick = async (event: Event) => {\n event.preventDefault();\n\n if (!this.serviceId) {\n console.error(\"[u-jump-to-service] service-id is required\");\n return;\n }\n\n const auth = await Auth.getInstance();\n ~~const~~ ~~isAuthenticated =~~ await auth.isAuthenticated()~~;\n\n if (!isAuthenticated~~) {\n console.error(\"[u-jump-to-service] User is not authenticated. Please log in first.\");\n return;\n }\n\n const userData = await auth.userData();\n if (!userData ~~\|\| !userData.~~email) {\n console.error(\"Failed to get user email from authentication token\");\n return;\n }\n\n this.loading = true;\n\n try {\n const client = getUnidyClient();\n\n ~~// Parse scopes if provided\n~~ const scopesArray = this.scopes ~~? this.scopes.~~split(\",\").map((s) => s.trim()) ~~: undefined~~;\n\n const [error, token] = await client.auth.jumpToService(this.serviceId, {\n email: userData.email,\n redirect_uri: this.redirectUri,\n scopes: scopesArray,\n skip_oauth_authorization: this.skipOauthAuthorization,\n });\n\n if (error) {\n console.error(\"Failed to get jump token:\", error);\n ~~this.loading = false;\n~~ return;\n }\n\n ~~const redirectUrl = new URL~~(\~~"/one_time_login\", unidyState.baseUrl);\~~n // ~~@ts-expect-error~~ - ~~TOKEN IS A STRING, BUT we need to enable strict for it to work\~~n ~~redirectUrl.searchParams.set(\"token\",~~ ~~token);\n if (~~this.~~redirectUri) {\~~n ~~redirectUrl.searchParams.set(\"redirect_uri\",~~ this.redirectUri~~);\n }\n\n const~~ ~~finalUrl~~ = ~~redirectUrl.toString();\n\n if~~ (this.~~newtab)~~ ~~{\n window.open(finalUrl, \"_blank\");\n~~ } ~~else~~ {\n ~~window.location.href = finalUrl;\n~~ }\n } catch (error) {\n console.error(\"Error jumping to service:\", error);\n } finally {\n this.loading = false;\n }\n };\n\n private isDisabled(): boolean {\n return !authState.authenticated \|\| this.loading \|\| !this.serviceId;\n }\n\n render() {\n ~~const hasSlot = this.el.childNodes.length > 0;\n~~ return (\n <button type=\"button\" disabled={this.isDisabled()} class={this.componentClassName} onClick={this.handleClick} aria-live=\"polite\">\n {~~this~~.~~loading~~ ? ~~<u-spinner />~~ : hasSlot ~~? <slot />~~ : ~~t(\"buttons~~.~~jump_to_service\"~~)}\n </button>\n );\n }\n}\n"],"version":3}
1	+ {"file":"u-jump-to-service.js","mappings":";;;;;;;;;;AAca,MAAA,aAAc,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAQ,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;;;AAC/D;;;AAGG;AACgC,IAAA,SAAS;AAE5C;;AAEG;IACK,MAAM,GAAG,KAAK;AAEtB;;AAEG;IACgC,kBAAkB,GAAG,EAAE;AAE1D;;;AAGG;AACkC,IAAA,WAAW;AAEhD;;;;AAIG;AACK,IAAA,MAAM;AAEd;;AAEG;IAC8C,sBAAsB,GAAG,KAAK;IAEtE,OAAO,GAAG,KAAK;AAEhB,IAAA,WAAW,GAAG,OAAO,KAAY,KAAI;QAC3C,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,4CAA4C,CAAC;YAC3D;;AAGF,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;QACrC,IAAI,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC,EAAE;AACnC,YAAA,OAAO,CAAC,KAAK,CAAC,qEAAqE,CAAC;YACpF;;AAGF,QAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;AACtC,QAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE;AACpB,YAAA,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC;YACnE;;AAGF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AAEnB,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,cAAc,EAAE;YAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;AAEhE,YAAA,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE;gBACrE,KAAK,EAAE,QAAQ,CAAC,KAAK;gBACrB,YAAY,EAAE,IAAI,CAAC,WAAW;AAC9B,gBAAA,MAAM,EAAE,WAAW;gBACnB,wBAAwB,EAAE,IAAI,CAAC,sBAAsB;AACtD,aAAA,CAAC;YAEF,IAAI,KAAK,EAAE;AACT,gBAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;gBACjD;;AAGF,YAAA,iBAAiB,CAAC;AAChB,gBAAA,KAAK,EAAE,KAAe;gBACtB,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,SAAS;AAC/E,aAAA,CAAC;;QACF,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;;gBACzC;AACR,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAExB,KAAC;IAEO,UAAU,GAAA;AAChB,QAAA,OAAO,CAACC,KAAS,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS;;IAGpE,MAAM,GAAA;AACJ,QAAA,QACE,+DAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,WAAA,EAAY,QAAQ,EAC7H,EAAA,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAC1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","authState"],"sources":["src/auth/components/jump-to-service/jump-to-service.tsx"],"sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\nimport { getUnidyClient } from \"../../../api\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../shared/base/component\";\nimport { HasSlotContent } from \"../../../shared/base/has-slot-content\";\nimport { slotFallbackText } from \"../../../shared/component-utils\";\nimport { redirectWithToken } from \"../../../shared/utils/redirect-with-token\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n tag: \"u-jump-to-service\",\n shadow: false,\n})\nexport class JumpToService extends UnidyComponent(HasSlotContent) {\n /*\n The OAuth Application ID (service ID) to jump to.\n * @example \"2\"\n /\n @Prop({ attribute: \"service-id\" }) serviceId!: string;\n\n /\n If true, opens the URL in a new tab. Defaults to false.\n /\n @Prop() newtab = false;\n\n /\n Custom CSS class name(s) to apply to the button element.\n /\n @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n /\n Optional redirect URI for the OAuth flow.\n * Must match one of the application's allowed redirect URIs.\n /\n @Prop({ attribute: \"redirect-uri\" }) redirectUri?: string;\n\n /\n Comma-separated list of OAuth scopes to request.\n * Defaults to [\"openid\"] if not provided.\n * @example \"openid,profile\"\n /\n @Prop() scopes?: string;\n\n /\n If true, skips the OAuth authorization step (if already authorized once). Defaults to false.\n */\n @Prop({ attribute: \"skip-oauth-authorization\" }) skipOauthAuthorization = false;\n\n @State() loading = false;\n\n private handleClick = async (event: Event) => {\n event.preventDefault();\n\n if (!this.serviceId) {\n console.error(\"[u-jump-to-service] service-id is required\");\n return;\n }\n\n const auth = await Auth.getInstance();\n if (!(await auth.isAuthenticated())) {\n console.error(\"[u-jump-to-service] User is not authenticated. Please log in first.\");\n return;\n }\n\n const userData = await auth.userData();\n if (!userData?.email) {\n console.error(\"Failed to get user email from authentication token\");\n return;\n }\n\n this.loading = true;\n\n try {\n const client = getUnidyClient();\n const scopesArray = this.scopes?.split(\",\").map((s) => s.trim());\n\n const [error, token] = await client.auth.jumpToService(this.serviceId, {\n email: userData.email,\n redirect_uri: this.redirectUri,\n scopes: scopesArray,\n skip_oauth_authorization: this.skipOauthAuthorization,\n });\n\n if (error) {\n console.error(\"Failed to get jump token:\", error);\n return;\n }\n\n redirectWithToken({\n token: token as string,\n newTab: this.newtab,\n extraParams: this.redirectUri ? { redirect_uri: this.redirectUri } : undefined,\n });\n } catch (error) {\n console.error(\"Error jumping to service:\", error);\n } finally {\n this.loading = false;\n }\n };\n\n private isDisabled(): boolean {\n return !authState.authenticated \|\| this.loading \|\| !this.serviceId;\n }\n\n render() {\n return (\n <button type=\"button\" disabled={this.isDisabled()} class={this.componentClassName} onClick={this.handleClick} aria-live=\"polite\">\n {slotFallbackText(t(\"buttons.jump_to_service\"), { hasSlot: this.hasSlot, loading: this.loading })}\n </button>\n );\n }\n}\n"],"version":3}

package/dist/components/u-jump-to-unidy.js CHANGED Viewed

@@ -1,18 +1,21 @@
-import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, h } from '@stencil/core/internal/client';
 import { i as Auth, g as getUnidyClient } from './index2.js';
-import { b as authStoreOnChange, s as state } from './auth-store.js';
-import { u as unidyState } from './unidy-store.js';
 import { t } from './i18n.js';
+import { U as UnidyComponent } from './component.js';
+import { H as HasSlotContent } from './has-slot-content.js';
+import { s as slotFallbackText } from './component-utils.js';
+import { u as unidyState } from './unidy-store.js';
+import { r as redirectWithToken } from './redirect-with-token.js';
+import { s as state } from './auth-store.js';
 import { d as defineCustomElement$2 } from './spinner.js';
-const JumpToUnidy = /*@__PURE__*/ proxyCustomElement(class JumpToUnidy extends HTMLElement {
+const JumpToUnidy = /*@__PURE__*/ proxyCustomElement(class JumpToUnidy extends UnidyComponent(HasSlotContent) {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
     }
-    get el() { return this; }
     /**
      * The Unidy path to redirect to. Must start with "/".
      * @example "/subscriptions"
@@ -33,11 +36,6 @@ const JumpToUnidy = /*@__PURE__*/ proxyCustomElement(class JumpToUnidy extends H
      */
     componentClassName = "";
     loading = false;
-    unsubscribe;
-    /**
-     * Validates that the path prop is valid (not empty and starts with "/").
-     * @returns true if path is valid, false otherwise
-     */
     isValidPath() {
         return !!this.path && this.path.startsWith("/");
     }
@@ -46,17 +44,6 @@ const JumpToUnidy = /*@__PURE__*/ proxyCustomElement(class JumpToUnidy extends H
             console.error(`[u-jump-to-unidy] Invalid path prop: "${this.path}". Path must be provided and start with "/".`);
         }
     }
-    // TODO: Figure out a way to share this across components
-    connectedCallback() {
-        this.unsubscribe = authStoreOnChange("authenticated", () => {
-            forceUpdate(this);
-        });
-    }
-    disconnectedCallback() {
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-    }
     handleClick = async (event) => {
         event.preventDefault();
         if (!this.isValidPath()) {
@@ -75,13 +62,12 @@ const JumpToUnidy = /*@__PURE__*/ proxyCustomElement(class JumpToUnidy extends H
             return;
         }
         const auth = await Auth.getInstance();
-        const isAuthenticated = await auth.isAuthenticated();
-        if (!isAuthenticated) {
+        if (!(await auth.isAuthenticated())) {
             console.error("[u-jump-to-unidy] User is not authenticated. Please log in first.");
             return;
         }
         const userData = await auth.userData();
-        if (!userData || !userData.email) {
+        if (!userData?.email) {
             console.error("Failed to get user email from authentication token");
             return;
         }
@@ -94,19 +80,13 @@ const JumpToUnidy = /*@__PURE__*/ proxyCustomElement(class JumpToUnidy extends H
             });
             if (error) {
                 console.error("Failed to get jump token:", error);
-                this.loading = false;
                 return;
             }
-            const redirectUrl = new URL("/one_time_login", unidyState.baseUrl);
-            // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work
-            redirectUrl.searchParams.set("token", token);
-            const finalUrl = redirectUrl.toString();
-            if (this.newtab) {
-                window.open(finalUrl, "_blank");
-            }
-            else {
-                window.location.href = finalUrl;
-            }
+            redirectWithToken({
+                // @ts-expect-error - TOKEN IS A STRING, BUT we need to enable strict for it to work
+                token,
+                newTab: this.newtab,
+            });
         }
         catch (error) {
             console.error("Error jumping to Unidy:", error);
@@ -122,8 +102,7 @@ const JumpToUnidy = /*@__PURE__*/ proxyCustomElement(class JumpToUnidy extends H
         return !state.authenticated || this.loading || !this.isValidPath();
     }
     render() {
-        const hasSlot = this.el.childNodes.length > 0;
-        return (h("button", { key: 'bcf35a95e8ea304da27320e6f4406dd57e94aaf7', type: "button", disabled: this.isDisabled(), class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, this.loading ? h("u-spinner", null) : hasSlot ? h("slot", null) : t("buttons.jump_to_unidy")));
+        return (h("button", { key: 'b5747e752d731be9281f82ca0487841ee7baf2d3', type: "button", disabled: this.isDisabled(), class: this.componentClassName, onClick: this.handleClick, "aria-live": "polite" }, slotFallbackText(t("buttons.jump_to_unidy"), { hasSlot: this.hasSlot, loading: this.loading })));
     }
 }, [772, "u-jump-to-unidy", {
         "path": [1],