@unidy.io/sdk 1.1.1-alpha2 → 1.1.2

package/dist/sdk/u-email-field.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-email-field.entry.esm.js","sources":["src/shared/components/email-field/email-field.tsx"],"sourcesContent":["import { Component, Element, h, Prop, State } from \"@stencil/core\";\nimport { getParentSigninStep } from \"../../../auth/components/helpers\";\nimport { authState, authStore } from \"../../../auth/store/auth-store\";\nimport { t } from \"../../../i18n\";\nimport { getParentNewsletterRoot } from \"../../../newsletter/components/helpers\";\nimport type { NewsletterButtonFor } from \"../../../newsletter/components/submit-button/newsletter-submit-button\";\nimport { newsletterStore } from \"../../../newsletter/store/newsletter-store\";\n\n@Component({\n  tag: \"u-email-field\",\n  shadow: false,\n})\nexport class EmailField {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() for?: NewsletterButtonFor;\n  @Prop() ariaLabel = \"Email\";\n  @Prop() disabled = false;\n\n  @State() emailValue = \"\";\n\n  private get context(): \"auth\" | \"newsletter\" | null {\n    if (this.el.closest(\"u-signin-root\")) return \"auth\";\n\n    if (this.el.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n    return null;\n  }\n\n  private get store(): typeof authStore | typeof newsletterStore | null {\n    switch (this.context) {\n      case \"auth\":\n        return authStore;\n      case \"newsletter\":\n        return newsletterStore;\n      default:\n        throw new Error(\n          \"No store found for email field. Make sure you are using the component within a u-signin-root or u-newsletter-root.\",\n        );\n    }\n  }\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    (this.store as { state: { email: string } }).state.email = target.value;\n\n    if (this.context === \"newsletter\") {\n      this.store.state.errors = {};\n    } else {\n      (this.store as { clearFieldError: (field: \"email\") => void }).clearFieldError(\"email\");\n    }\n  };\n\n  private handleSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    if (this.store.state.email === \"\") return;\n\n    if (this.context === \"auth\") return await getParentSigninStep(this.el)?.submit();\n\n    if (this.context === \"newsletter\") return await getParentNewsletterRoot(this.el)?.submit(this.for);\n  };\n\n  private isDisabled(): boolean {\n    if (this.disabled) return true;\n\n    if (this.context === \"auth\") return authState.loading || authState.step === \"verification\" || authState.step === \"registration\";\n\n    if (this.context === \"newsletter\") {\n      return !!newsletterStore.state.preferenceToken && !!newsletterStore.state.email;\n    }\n\n    return false;\n  }\n\n  render() {\n    const placeholderText = t(\"auth.email.placeholder\", { defaultValue: \"Enter your email\" });\n\n    return (\n      <form onSubmit={this.handleSubmit}>\n        <input\n          id=\"email\"\n          type=\"email\"\n          value={this.store.state.email}\n          autocomplete=\"email\"\n          placeholder={placeholderText}\n          disabled={this.isDisabled()}\n          class={`${this.componentClassName} u:disabled:opacity-40 u:disabled:bg-gray-200 u:disabled:cursor-not-allowed`}\n          onInput={this.handleInput}\n          aria-label={this.ariaLabel}\n        />\n        <slot />\n      </form>\n    );\n  }\n}\n"],"names":["authState"],"mappings":"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"}
+{"version":3,"file":"u-email-field.entry.esm.js","sources":["src/shared/components/email-field/email-field.css?tag=u-email-field","src/shared/components/email-field/email-field.tsx"],"sourcesContent":["","import { Component, Element, h, Prop, State } from \"@stencil/core\";\nimport { getParentSigninStep } from \"../../../auth/components/helpers\";\nimport { authState, authStore } from \"../../../auth/store/auth-store\";\nimport { t } from \"../../../i18n\";\nimport { getParentNewsletterRoot } from \"../../../newsletter/components/helpers\";\nimport { newsletterStore } from \"../../../newsletter/store/newsletter-store\";\n\n@Component({\n  tag: \"u-email-field\",\n  styleUrl: \"email-field.css\",\n  shadow: false,\n})\nexport class EmailField {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() ariaLabel = \"Email\";\n  @Prop() disabled = false;\n\n  @State() emailValue = \"\";\n\n  private get context(): \"auth\" | \"newsletter\" | null {\n    if (this.el.closest(\"u-signin-root\")) return \"auth\";\n\n    if (this.el.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n    return null;\n  }\n\n  private get store(): typeof authStore | typeof newsletterStore | null {\n    switch (this.context) {\n      case \"auth\":\n        return authStore;\n      case \"newsletter\":\n        return newsletterStore;\n      default:\n        throw new Error(\n          \"No store found for email field. Make sure you are using the component within a u-signin-root or u-newsletter-root.\",\n        );\n    }\n  }\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    (this.store as { state: { email: string } }).state.email = target.value;\n\n    if (this.context === \"newsletter\") {\n      this.store.state.errors = {};\n    } else {\n      (this.store as { clearFieldError: (field: \"email\") => void }).clearFieldError(\"email\");\n    }\n  };\n\n  private handleSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    if (this.store.state.email === \"\") return;\n\n    if (this.context === \"auth\") return await getParentSigninStep(this.el)?.submit();\n\n    if (this.context === \"newsletter\") return await getParentNewsletterRoot(this.el)?.submit();\n  };\n\n  private isDisabled(): boolean {\n    if (this.disabled) return true;\n\n    if (this.context === \"auth\") return authState.loading || authState.step === \"verification\" || authState.step === \"registration\";\n\n    if (this.context === \"newsletter\") {\n      return !!newsletterStore.state.preferenceToken && !!newsletterStore.state.email;\n    }\n\n    return false;\n  }\n\n  render() {\n    const placeholderText = t(\"auth.email.placeholder\", { defaultValue: \"Enter your email\" });\n\n    return (\n      <form onSubmit={this.handleSubmit}>\n        <input\n          id=\"email\"\n          type=\"email\"\n          value={this.store.state.email}\n          autocomplete=\"email\"\n          placeholder={placeholderText}\n          disabled={this.isDisabled()}\n          class={`${this.componentClassName} u:disabled:opacity-40 u:disabled:bg-gray-200 u:disabled:cursor-not-allowed`}\n          onInput={this.handleInput}\n          aria-label={this.ariaLabel}\n        />\n        <slot />\n      </form>\n    );\n  }\n}\n"],"names":["authState"],"mappings":"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"}

package/dist/sdk/u-email-field.entry.js

@@ -0,0 +1,75 @@
+import { r as registerInstance, f as getElement, h } from './index-BqL27K_R.js';
+import { g as getParentSigninStep } from './helpers-DUHc_Cx7.js';
+import { a as authStore, s as state } from './auth-store-CapiC8gJ.js';
+import { t } from './i18n-BCI_ARJL.js';
+import { g as getParentNewsletterRoot } from './helpers-BqFCd65h.js';
+import { n as newsletterStore } from './newsletter-store-CvULKmsu.js';
+import './index-BnBstyfp.js';
+import './unidy-store-BwZym11Y.js';
+
+const emailFieldCss = "/*! tailwindcss v4.1.17 | 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-color-gray-200:oklch(92.8% .006 264.531);--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\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.u\\:disabled\\:bg-gray-200:disabled{background-color:var(--u-color-gray-200)}.u\\:disabled\\:opacity-40:disabled{opacity:.4}} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+
+const EmailField = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(this); }
+    componentClassName = "";
+    ariaLabel = "Email";
+    disabled = false;
+    emailValue = "";
+    get context() {
+        if (this.el.closest("u-signin-root"))
+            return "auth";
+        if (this.el.closest("u-newsletter-root"))
+            return "newsletter";
+        return null;
+    }
+    get store() {
+        switch (this.context) {
+            case "auth":
+                return authStore;
+            case "newsletter":
+                return newsletterStore;
+            default:
+                throw new Error("No store found for email field. Make sure you are using the component within a u-signin-root or u-newsletter-root.");
+        }
+    }
+    handleInput = (event) => {
+        const target = event.target;
+        this.store.state.email = target.value;
+        if (this.context === "newsletter") {
+            this.store.state.errors = {};
+        }
+        else {
+            this.store.clearFieldError("email");
+        }
+    };
+    handleSubmit = async (event) => {
+        event.preventDefault();
+        if (this.store.state.email === "")
+            return;
+        if (this.context === "auth")
+            return await getParentSigninStep(this.el)?.submit();
+        if (this.context === "newsletter")
+            return await getParentNewsletterRoot(this.el)?.submit();
+    };
+    isDisabled() {
+        if (this.disabled)
+            return true;
+        if (this.context === "auth")
+            return state.loading || state.step === "verification" || state.step === "registration";
+        if (this.context === "newsletter") {
+            return !!newsletterStore.state.preferenceToken && !!newsletterStore.state.email;
+        }
+        return false;
+    }
+    render() {
+        const placeholderText = t("auth.email.placeholder", { defaultValue: "Enter your email" });
+        return (h("form", { key: '9ffd28a32bb27b888afd08621216e0e712b61f01', onSubmit: this.handleSubmit }, h("input", { key: 'd2f84ee9ac9b67de5819d32c36c4cc6438cf6039', 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: '8599149b12879b73c95f62d22b45743b1438143a' })));
+    }
+};
+EmailField.style = emailFieldCss;
+
+export { EmailField as u_email_field };
+//# sourceMappingURL=u-email-field.entry.esm.js.map

package/dist/{esm → sdk}/u-error-message.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-Ci3aTmzp.js';
-import { t } from './i18n-BR-AGAnn.js';
-import { s as state } from './auth-store-BMqUdTpC.js';
-import { u as unidyState } from './unidy-store-BldTAtO0.js';
-import { n as newsletterStore } from './newsletter-store-BYmuLQg8.js';
+import { r as registerInstance, f as getElement, h, a as Host } from './index-BqL27K_R.js';
+import { t } from './i18n-BCI_ARJL.js';
+import { s as state } from './auth-store-CapiC8gJ.js';
+import { u as unidyState } from './unidy-store-BwZym11Y.js';
+import { n as newsletterStore } from './newsletter-store-CvULKmsu.js';
 import { h as hasSlotContent } from './component-utils-D1lzXl_Z.js';
-import './index-Bjp1XO-f.js';
+import './index-BnBstyfp.js';
 
 const ErrorMessage = class {
     constructor(hostRef) {
@@ -77,4 +77,4 @@ const ErrorMessage = class {
 };
 
 export { ErrorMessage as u_error_message };
-//# sourceMappingURL=u-error-message.entry.js.map
+//# sourceMappingURL=u-error-message.entry.esm.js.map

package/dist/sdk/u-field.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"u-field.entry.esm.js","sources":["src/profile/components/field/field.css?tag=u-field&encapsulation=shadow","src/profile/components/field/field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n.field-error:focus {\n  border-color: red;\n  outline-color: red;\n}\n\n.multi-select-readonly-container {\n  list-style: none;\n}\n.multi-select-readonly-container li {\n  display: inline-block;\n}\n\n[part=\"input\"]:disabled,\n[part=\"select\"]:disabled {\n  cursor: not-allowed;\n}\n","import { Component, Prop, State, h, Element } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { state as profileState } from \"../../store/profile-store\";\n/**\n * @part select_field - Styles the base <select> element.\n * @part select_field--example_field - Example of a field-specific selector.\n *   Replace `example_field` with your field name.\n *   e.g. `custom_attributes.favorite_nut` → `select_field--custom_attributes-favorite_nut`, `country_code` → `select_field--country-code`\n * @part radio-group-item_radio\n * @part radio-group_field\n * @part radio-group-item_label\n * @part radio_checked\n * @part multi-select-item_checkbox\n * @part multi-select-group_field\n * @part multi-select-item_label\n * @part textarea_field\n * @part input_field\n */\n\n@Component({\n  tag: \"u-field\",\n  styleUrl: \"field.css\",\n  shadow: true,\n})\nexport class Field {\n  @Prop() field!: string;\n  @Prop() required = false;\n  @Prop() readonlyPlaceholder = \"No information\";\n  @Prop() countryCodeDisplayOption?: \"icon\" | \"label\" = \"label\";\n  @Prop() invalidPhoneMessage = \"Please enter a valid phone number.\";\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n  @Prop() emptyOption = true;\n  @Prop() placeholder?: string;\n  @Prop() renderDefaultLabel = true;\n\n  @Prop() pattern?: string;\n  @Prop() patternErrorMessage?: string;\n  @Prop() validationFunc?: (value: string | string[]) => { valid: boolean; message?: string };\n\n  @Element() el!: HTMLElement;\n\n  @State() selected?: string | string[];\n\n  private getFieldData() {\n    return this.field.startsWith(\"custom_attributes.\")\n      ? profileState.data.custom_attributes?.[this.field.replace(\"custom_attributes.\", \"\")]\n      : profileState.data[this.field];\n  }\n\n  componentWillLoad() {}\n\n  componentDidRender() {\n    const fieldErrors = profileState.errors;\n\n    if (Object.keys(fieldErrors)[0] === this.field) {\n      this.el.shadowRoot?.getElementById(this.field)?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n      this.el.shadowRoot\n        ?.getElementById(this.field)\n        ?.querySelector<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>(\"input, select, textarea\")\n        ?.focus();\n    }\n  }\n\n  private createSpecificPartKey(fieldName: string) {\n    if (fieldName.startsWith(\"custom_attributes.\")) {\n      return fieldName.replace(/[^\\w-]/g, \"-\");\n    }\n    return fieldName;\n  }\n\n  // biome-ignore lint/suspicious/noExplicitAny: needed for dynamic fieldData\n  private multiSelectLabel = (fieldData: any): string[] => {\n    const multiselectMatches: string[] = [];\n    if (Array.isArray(fieldData.value)) {\n      for (const val of fieldData.value) {\n        // biome-ignore lint/suspicious/noExplicitAny: needed for dynamic option\n        const match = fieldData.options?.find((opt: any) => opt.value === val);\n        const optionTranslationKey = `fields.${this.field}.options.${val}`;\n        const translatedOptionLabel = t(optionTranslationKey);\n        const optionLabel = translatedOptionLabel !== optionTranslationKey ? translatedOptionLabel : match?.label;\n        multiselectMatches.push(optionLabel ?? val);\n      }\n    }\n    return multiselectMatches;\n  };\n\n  render() {\n    if (profileState.loading) {\n      return <u-spinner />;\n    }\n\n    const fieldData = this.getFieldData();\n    if (!fieldData) {\n      return null;\n    }\n\n    const labelTranslationKey = `fields.${this.field}.label`;\n    const label = t(labelTranslationKey, { defaultValue: fieldData?.label });\n\n    const placeholderTranslationKey = `fields.${this.field}.placeholder`;\n    const placeholder = t(placeholderTranslationKey, { defaultValue: this.placeholder ? this.placeholder : \"\" });\n\n    const readonlyPlaceholderTranslationKey = `fields.${this.field}.readonlyPlaceholder`;\n    const readonlyPlaceholder = t(readonlyPlaceholderTranslationKey, {\n      defaultValue: this.readonlyPlaceholder ? this.readonlyPlaceholder : \"\",\n    });\n\n    const translatedOptions = (fieldData.options || []).map((opt) => {\n      const translationKey = `fields.${this.field}.options.${opt.value}`;\n      const label = t(translationKey, { defaultValue: opt.label });\n      return { ...opt, label };\n    });\n\n    const translatedRadioOptions = (fieldData.radio_options || []).map((opt) => {\n      const translationKey = `fields.${this.field}.options.${opt.value}`;\n      const label = t(translationKey, { defaultValue: opt.label });\n      return { ...opt, label };\n    });\n\n    const errorPrefix = t(\"errors.prefix\", { defaultValue: \"ERROR: \" });\n\n    const isLocked = !!fieldData?.locked;\n    const lockedText = fieldData?.locked_text ? fieldData.locked_text : \"\";\n    const isReadonly = fieldData?.readonly === true;\n    const multiSelectReadonlyLabels = this.multiSelectLabel(fieldData);\n\n    return (\n      <div part={`field-container field-container--${this.createSpecificPartKey(this.field)}`}>\n        <slot name=\"label\" />\n\n        {this.renderDefaultLabel && (\n          <label htmlFor={this.field} part={`field_label field_label--${this.createSpecificPartKey(this.field)}`}>\n            {label}\n            {fieldData?.required || this.required ? <span part=\"required-indicator\"> *</span> : null}\n          </label>\n        )}\n        {isReadonly && fieldData?.type !== \"checkbox\" ? (\n          <span id={this.field} part=\"readonly-indicator\">\n            {fieldData?.value || readonlyPlaceholder}\n          </span>\n        ) : null}\n        {isReadonly && fieldData?.type === \"checkbox\" && (\n          <ul id={this.field} class=\"multi-select-readonly-container\" part=\"multi-select-readonly-container\">\n            {multiSelectReadonlyLabels.map((label) => (\n              <li key={label} part=\"multi-select-readonly-field\">\n                {label}\n              </li>\n            ))}\n          </ul>\n        )}\n        {!isReadonly && (\n          <u-raw-field\n            id={this.field}\n            field={this.field}\n            type={fieldData.type as string}\n            value={fieldData.value}\n            options={fieldData.type === \"select\" ? translatedOptions : undefined}\n            radioOptions={fieldData.type === \"radio\" ? translatedRadioOptions : undefined}\n            multiSelectOptions={fieldData.type === \"checkbox\" ? translatedOptions : undefined}\n            required={fieldData.required || this.required}\n            disabled={isLocked}\n            tooltip={isLocked ? lockedText : undefined}\n            placeholder={placeholder}\n            componentClassName={this.componentClassName}\n            emptyOption={this.emptyOption}\n            countryCodeDisplayOption={this.countryCodeDisplayOption}\n            attrName={fieldData.attr_name}\n            specificPartKey={this.createSpecificPartKey(this.field)}\n            ariaDescribedBy={profileState.errors[this.field] ? `${this.field}-error` : undefined}\n            pattern={this.pattern}\n            patternErrorMessage={this.patternErrorMessage}\n            validationFunc={this.validationFunc}\n          />\n        )}\n\n        {profileState.errors[this.field] && (\n          <span id={`${this.field}-error`} part=\"field-error-message\" aria-live=\"assertive\">\n            {errorPrefix} {profileState.errors[this.field]}\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n"],"names":["profileState"],"mappings":"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"}

package/dist/sdk/u-field.entry.js

@@ -0,0 +1,101 @@
+import { r as registerInstance, f as getElement, h } from './index-BqL27K_R.js';
+import { t } from './i18n-BCI_ARJL.js';
+import { s as state } from './profile-store-DD6sq42i.js';
+import './unidy-store-BwZym11Y.js';
+import './index-BnBstyfp.js';
+
+const fieldCss = "/*! tailwindcss v4.1.17 | 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.17 | 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{.block{display:block}.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}.field-error:focus{border-color:red;outline-color:red}.multi-select-readonly-container{list-style:none}.multi-select-readonly-container li{display:inline-block}[part=input]:disabled,[part=select]:disabled{cursor:not-allowed}@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 Field = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    field;
+    required = false;
+    readonlyPlaceholder = "No information";
+    countryCodeDisplayOption = "label";
+    invalidPhoneMessage = "Please enter a valid phone number.";
+    componentClassName;
+    emptyOption = true;
+    placeholder;
+    renderDefaultLabel = true;
+    pattern;
+    patternErrorMessage;
+    validationFunc;
+    get el() { return getElement(this); }
+    selected;
+    getFieldData() {
+        return this.field.startsWith("custom_attributes.")
+            ? state.data.custom_attributes?.[this.field.replace("custom_attributes.", "")]
+            : state.data[this.field];
+    }
+    componentWillLoad() { }
+    componentDidRender() {
+        const fieldErrors = state.errors;
+        if (Object.keys(fieldErrors)[0] === this.field) {
+            this.el.shadowRoot?.getElementById(this.field)?.scrollIntoView({ behavior: "smooth", block: "center" });
+            this.el.shadowRoot
+                ?.getElementById(this.field)
+                ?.querySelector("input, select, textarea")
+                ?.focus();
+        }
+    }
+    createSpecificPartKey(fieldName) {
+        if (fieldName.startsWith("custom_attributes.")) {
+            return fieldName.replace(/[^\w-]/g, "-");
+        }
+        return fieldName;
+    }
+    // biome-ignore lint/suspicious/noExplicitAny: needed for dynamic fieldData
+    multiSelectLabel = (fieldData) => {
+        const multiselectMatches = [];
+        if (Array.isArray(fieldData.value)) {
+            for (const val of fieldData.value) {
+                // biome-ignore lint/suspicious/noExplicitAny: needed for dynamic option
+                const match = fieldData.options?.find((opt) => opt.value === val);
+                const optionTranslationKey = `fields.${this.field}.options.${val}`;
+                const translatedOptionLabel = t(optionTranslationKey);
+                const optionLabel = translatedOptionLabel !== optionTranslationKey ? translatedOptionLabel : match?.label;
+                multiselectMatches.push(optionLabel ?? val);
+            }
+        }
+        return multiselectMatches;
+    };
+    render() {
+        if (state.loading) {
+            return h("u-spinner", null);
+        }
+        const fieldData = this.getFieldData();
+        if (!fieldData) {
+            return null;
+        }
+        const labelTranslationKey = `fields.${this.field}.label`;
+        const label = t(labelTranslationKey, { defaultValue: fieldData?.label });
+        const placeholderTranslationKey = `fields.${this.field}.placeholder`;
+        const placeholder = t(placeholderTranslationKey, { defaultValue: this.placeholder ? this.placeholder : "" });
+        const readonlyPlaceholderTranslationKey = `fields.${this.field}.readonlyPlaceholder`;
+        const readonlyPlaceholder = t(readonlyPlaceholderTranslationKey, {
+            defaultValue: this.readonlyPlaceholder ? this.readonlyPlaceholder : "",
+        });
+        const translatedOptions = (fieldData.options || []).map((opt) => {
+            const translationKey = `fields.${this.field}.options.${opt.value}`;
+            const label = t(translationKey, { defaultValue: opt.label });
+            return { ...opt, label };
+        });
+        const translatedRadioOptions = (fieldData.radio_options || []).map((opt) => {
+            const translationKey = `fields.${this.field}.options.${opt.value}`;
+            const label = t(translationKey, { defaultValue: opt.label });
+            return { ...opt, label };
+        });
+        const errorPrefix = t("errors.prefix", { defaultValue: "ERROR: " });
+        const isLocked = !!fieldData?.locked;
+        const lockedText = fieldData?.locked_text ? fieldData.locked_text : "";
+        const isReadonly = fieldData?.readonly === true;
+        const multiSelectReadonlyLabels = this.multiSelectLabel(fieldData);
+        return (h("div", { part: `field-container field-container--${this.createSpecificPartKey(this.field)}` }, h("slot", { name: "label" }), this.renderDefaultLabel && (h("label", { htmlFor: this.field, part: `field_label field_label--${this.createSpecificPartKey(this.field)}` }, label, fieldData?.required || this.required ? h("span", { part: "required-indicator" }, " *") : null)), isReadonly && fieldData?.type !== "checkbox" ? (h("span", { id: this.field, part: "readonly-indicator" }, fieldData?.value || readonlyPlaceholder)) : null, isReadonly && fieldData?.type === "checkbox" && (h("ul", { id: this.field, class: "multi-select-readonly-container", part: "multi-select-readonly-container" }, multiSelectReadonlyLabels.map((label) => (h("li", { key: label, part: "multi-select-readonly-field" }, label))))), !isReadonly && (h("u-raw-field", { id: this.field, field: this.field, type: fieldData.type, value: fieldData.value, options: fieldData.type === "select" ? translatedOptions : undefined, radioOptions: fieldData.type === "radio" ? translatedRadioOptions : undefined, multiSelectOptions: fieldData.type === "checkbox" ? translatedOptions : undefined, required: fieldData.required || this.required, disabled: isLocked, tooltip: isLocked ? lockedText : undefined, placeholder: placeholder, componentClassName: this.componentClassName, emptyOption: this.emptyOption, countryCodeDisplayOption: this.countryCodeDisplayOption, attrName: fieldData.attr_name, specificPartKey: this.createSpecificPartKey(this.field), ariaDescribedBy: state.errors[this.field] ? `${this.field}-error` : undefined, pattern: this.pattern, patternErrorMessage: this.patternErrorMessage, validationFunc: this.validationFunc })), state.errors[this.field] && (h("span", { id: `${this.field}-error`, part: "field-error-message", "aria-live": "assertive" }, errorPrefix, " ", state.errors[this.field]))));
+    }
+};
+Field.style = fieldCss;
+
+export { Field as u_field };
+//# sourceMappingURL=u-field.entry.esm.js.map

package/dist/sdk/u-flash-message.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-flash-message.entry.esm.js","sources":["src/shared/components/flash-message/close-icon.tsx","src/shared/components/flash-message/flash-message.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\n\nexport const CloseIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <title>Close</title>\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n","import { Component, Prop, h } from \"@stencil/core\";\nimport { flashState, Flash } from \"../../store/flash-store\";\nimport { CloseIcon } from \"./close-icon\";\n\nconst variantClasses = {\n  error: \"u:bg-red-50 u:border-red-300 u:text-red-800\",\n  success: \"u:bg-green-50 u:border-green-400 u:text-green-800\",\n  info: \"u:bg-blue-50 u:border-blue-300 u:text-blue-800\",\n};\n\n@Component({\n  tag: \"u-flash-message\",\n  shadow: false,\n})\nexport class FlashMessage {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() removeAfterSeconds: number | null = null;\n\n  componentWillLoad() {\n    if (this.removeAfterSeconds) {\n      flashState.autoRemoveDelay = this.removeAfterSeconds * 1000;\n    }\n  }\n\n  render() {\n    if (flashState.messages.length === 0) {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:flex-col u:gap-2 u:z-[500] u:min-w-64 u:max-w-lg ${this.componentClassName}`}>\n        {flashState.messages.map((message) => (\n          <div\n            key={message.id}\n            class={`u:flex u:items-start u:justify-between u:gap-3 u:p-3 u:rounded u:border ${variantClasses[message.variant]}`}\n            role=\"alert\"\n            aria-live=\"polite\"\n          >\n            <span class=\"u:break-words\">{message.text}</span>\n            <button\n              type=\"button\"\n              class=\"u:cursor-pointer u:leading-none u:pt-1\"\n              onClick={() => Flash.remove(message.id)}\n              aria-label=\"Close\"\n            >\n              <CloseIcon />\n            </button>\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAEO,MAAM,SAAS,GAAG,OACvB,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EAAA,cAAA,EACR,GAAG,EACD,gBAAA,EAAA,OAAO,qBACN,OAAO,EAAA,EAEvB,CAAoB,CAAA,OAAA,EAAA,IAAA,EAAA,OAAA,CAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,EACtC,CAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,CAClC,CACP;;ACdD,MAAM,cAAc,GAAG;AACrB,IAAA,KAAK,EAAE,6CAA6C;AACpD,IAAA,OAAO,EAAE,mDAAmD;AAC5D,IAAA,IAAI,EAAE,gDAAgD;CACvD;MAMY,YAAY,GAAA,MAAA;;;;IACY,kBAAkB,GAAG,EAAE;IAClD,kBAAkB,GAAkB,IAAI;IAEhD,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;IAI/D,MAAM,GAAA;QACJ,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACpC,YAAA,OAAO,IAAI;;QAGb,QACE,WAAK,KAAK,EAAE,CAAA,0DAAA,EAA6D,IAAI,CAAC,kBAAkB,CAAA,CAAE,EAAA,EAC/F,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MAC/B,WACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,KAAK,EAAE,CAAA,wEAAA,EAA2E,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA,CAAE,EACnH,IAAI,EAAC,OAAO,eACF,QAAQ,EAAA,EAElB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,IAAE,OAAO,CAAC,IAAI,CAAQ,EACjD,CACE,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAE,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAA,YAAA,EAC5B,OAAO,EAAA,EAElB,CAAC,CAAA,SAAS,OAAG,CACN,CACL,CACP,CAAC,CACE;;;;;;"}
+{"version":3,"file":"u-flash-message.entry.esm.js","sources":["src/shared/components/flash-message/close-icon.tsx","src/shared/components/flash-message/flash-message.css?tag=u-flash-message","src/shared/components/flash-message/flash-message.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\n\nexport const CloseIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <title>Close</title>\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n","","import { Component, Prop, h } from \"@stencil/core\";\nimport { flashState, Flash } from \"../../store/flash-store\";\nimport { CloseIcon } from \"./close-icon\";\n\nconst variantClasses = {\n  error: \"u:bg-red-50 u:border-red-300 u:text-red-800\",\n  success: \"u:bg-green-50 u:border-green-400 u:text-green-800\",\n  info: \"u:bg-blue-50 u:border-blue-300 u:text-blue-800\",\n};\n\n@Component({\n  tag: \"u-flash-message\",\n  styleUrl: \"flash-message.css\",\n  shadow: false,\n})\nexport class FlashMessage {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() removeAfterSeconds: number | null = null;\n\n  componentWillLoad() {\n    if (this.removeAfterSeconds) {\n      flashState.autoRemoveDelay = this.removeAfterSeconds * 1000;\n    }\n  }\n\n  render() {\n    if (flashState.messages.length === 0) {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:flex-col u:gap-2 u:z-[500] u:min-w-64 u:max-w-lg ${this.componentClassName}`}>\n        {flashState.messages.map((message) => (\n          <div\n            key={message.id}\n            class={`u:flex u:items-start u:justify-between u:gap-3 u:p-3 u:rounded u:border ${variantClasses[message.variant]}`}\n            role=\"alert\"\n            aria-live=\"polite\"\n          >\n            <span class=\"u:break-words\">{message.text}</span>\n            <button\n              type=\"button\"\n              class=\"u:cursor-pointer u:leading-none u:pt-1\"\n              onClick={() => Flash.remove(message.id)}\n              aria-label=\"Close\"\n            >\n              <CloseIcon />\n            </button>\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAEO,MAAM,SAAS,GAAG,OACvB,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EAAA,cAAA,EACR,GAAG,EACD,gBAAA,EAAA,OAAO,qBACN,OAAO,EAAA,EAEvB,CAAoB,CAAA,OAAA,EAAA,IAAA,EAAA,OAAA,CAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,EACtC,CAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,CAClC,CACP;;AClBD,MAAM,eAAe,GAAG,g6QAAg6Q;;ACIx7Q,MAAM,cAAc,GAAG;AACrB,IAAA,KAAK,EAAE,6CAA6C;AACpD,IAAA,OAAO,EAAE,mDAAmD;AAC5D,IAAA,IAAI,EAAE,gDAAgD;CACvD;MAOY,YAAY,GAAA,MAAA;;;;IACY,kBAAkB,GAAG,EAAE;IAClD,kBAAkB,GAAkB,IAAI;IAEhD,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;IAI/D,MAAM,GAAA;QACJ,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACpC,YAAA,OAAO,IAAI;;QAGb,QACE,WAAK,KAAK,EAAE,CAAA,0DAAA,EAA6D,IAAI,CAAC,kBAAkB,CAAA,CAAE,EAAA,EAC/F,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MAC/B,WACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,KAAK,EAAE,CAAA,wEAAA,EAA2E,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA,CAAE,EACnH,IAAI,EAAC,OAAO,eACF,QAAQ,EAAA,EAElB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,IAAE,OAAO,CAAC,IAAI,CAAQ,EACjD,CACE,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAE,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAA,YAAA,EAC5B,OAAO,EAAA,EAElB,CAAC,CAAA,SAAS,OAAG,CACN,CACL,CACP,CAAC,CACE;;;;;;;"}

package/dist/sdk/u-flash-message.entry.js

@@ -0,0 +1,35 @@
+import { h, r as registerInstance } from './index-BqL27K_R.js';
+import { f as flashState, F as Flash } from './flash-store-DNcSEn2p.js';
+import './index-BnBstyfp.js';
+
+const CloseIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("title", null, "Close"), h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })));
+
+const flashMessageCss = "/*! tailwindcss v4.1.17 | 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-border-style:solid;--tw-leading: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:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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-color-red-50:oklch(97.1% .013 17.38);--u-color-red-300:oklch(80.8% .114 19.571);--u-color-red-800:oklch(44.4% .177 26.899);--u-color-green-50:oklch(98.2% .018 155.826);--u-color-green-400:oklch(79.2% .209 151.711);--u-color-green-800:oklch(44.8% .119 151.328);--u-color-blue-50:oklch(97% .014 254.604);--u-color-blue-300:oklch(80.9% .105 251.813);--u-color-blue-800:oklch(42.4% .199 265.638);--u-spacing:.25rem;--u-container-lg:32rem;--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\\:z-\\[500\\]{z-index:500}.u\\:flex{display:flex}.u\\:max-w-lg{max-width:var(--u-container-lg)}.u\\:min-w-64{min-width:calc(var(--u-spacing)*64)}.u\\:cursor-pointer{cursor:pointer}.u\\:flex-col{flex-direction:column}.u\\:items-start{align-items:flex-start}.u\\:justify-between{justify-content:space-between}.u\\:gap-2{gap:calc(var(--u-spacing)*2)}.u\\:gap-3{gap:calc(var(--u-spacing)*3)}.u\\:rounded{border-radius:.25rem}.u\\:border{border-style:var(--tw-border-style);border-width:1px}.u\\:border-blue-300{border-color:var(--u-color-blue-300)}.u\\:border-green-400{border-color:var(--u-color-green-400)}.u\\:border-red-300{border-color:var(--u-color-red-300)}.u\\:bg-blue-50{background-color:var(--u-color-blue-50)}.u\\:bg-green-50{background-color:var(--u-color-green-50)}.u\\:bg-red-50{background-color:var(--u-color-red-50)}.u\\:p-3{padding:calc(var(--u-spacing)*3)}.u\\:pt-1{padding-top:calc(var(--u-spacing)*1)}.u\\:leading-none{--tw-leading:1;line-height:1}.u\\:break-words{overflow-wrap:break-word}.u\\:text-blue-800{color:var(--u-color-blue-800)}.u\\:text-green-800{color:var(--u-color-green-800)}.u\\:text-red-800{color:var(--u-color-red-800)}.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)}} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components; /*! tailwindcss v4.1.17 | 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}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}";
+
+const variantClasses = {
+    error: "u:bg-red-50 u:border-red-300 u:text-red-800",
+    success: "u:bg-green-50 u:border-green-400 u:text-green-800",
+    info: "u:bg-blue-50 u:border-blue-300 u:text-blue-800",
+};
+const FlashMessage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    componentClassName = "";
+    removeAfterSeconds = null;
+    componentWillLoad() {
+        if (this.removeAfterSeconds) {
+            flashState.autoRemoveDelay = this.removeAfterSeconds * 1000;
+        }
+    }
+    render() {
+        if (flashState.messages.length === 0) {
+            return null;
+        }
+        return (h("div", { class: `u:flex u:flex-col u:gap-2 u:z-[500] u:min-w-64 u:max-w-lg ${this.componentClassName}` }, flashState.messages.map((message) => (h("div", { key: message.id, class: `u:flex u:items-start u:justify-between u:gap-3 u:p-3 u:rounded u:border ${variantClasses[message.variant]}`, role: "alert", "aria-live": "polite" }, h("span", { class: "u:break-words" }, message.text), h("button", { type: "button", class: "u:cursor-pointer u:leading-none u:pt-1", onClick: () => Flash.remove(message.id), "aria-label": "Close" }, h(CloseIcon, null)))))));
+    }
+};
+FlashMessage.style = flashMessageCss;
+
+export { FlashMessage as u_flash_message };
+//# sourceMappingURL=u-flash-message.entry.esm.js.map

package/dist/sdk/u-full-profile.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-full-profile.entry.esm.js","sources":["src/profile/components/full-profile/full-profile.css?tag=u-full-profile","src/profile/components/full-profile/full-profile.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { state as profileState } from \"../../store/profile-store\";\n\n@Component({\n  tag: \"u-full-profile\",\n  styleUrl: \"full-profile.css\",\n  shadow: false,\n})\nexport class FullProfile {\n  @Prop() fields?: string;\n  @Prop() countryCodeDisplayOption?: \"icon\" | \"label\" = \"label\";\n\n  private list() {\n    if (this.fields) {\n      return this.fields\n        .split(\",\")\n        .map((field) => field.trim())\n        .filter(Boolean);\n    }\n    return [\n      ...Object.keys(profileState.data || {}).filter((field) => field !== \"custom_attributes\" && field !== \"email\"),\n      ...Object.keys(profileState.data?.custom_attributes || {}).map((field) => `custom_attributes.${field}`),\n    ];\n  }\n\n  render() {\n    return (\n      <u-profile>\n        {this.list().map((field) => (\n          <u-field key={field} field={field} countryCodeDisplayOption={this.countryCodeDisplayOption} />\n        ))}\n        <div class=\"u:flex u:justify-end\">\n          <u-submit-button>{t(\"buttons.submit\")}</u-submit-button>\n        </div>\n      </u-profile>\n    );\n  }\n}\n"],"names":["profileState"],"mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,+/OAA+/O;;MCSzgP,WAAW,GAAA,MAAA;;;;AACd,IAAA,MAAM;IACN,wBAAwB,GAAsB,OAAO;IAErD,IAAI,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAC;iBACT,KAAK,CAAC,GAAG;iBACT,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE;iBAC3B,MAAM,CAAC,OAAO,CAAC;;QAEpB,OAAO;YACL,GAAG,MAAM,CAAC,IAAI,CAACA,KAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,mBAAmB,IAAI,KAAK,KAAK,OAAO,CAAC;YAC7G,GAAG,MAAM,CAAC,IAAI,CAACA,KAAY,CAAC,IAAI,EAAE,iBAAiB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,CAAA,kBAAA,EAAqB,KAAK,CAAA,CAAE,CAAC;SACxG;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,MACrB,CAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EAAI,CAAA,CAC/F,CAAC,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAkB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAC,CAAC,gBAAgB,CAAC,CAAmB,CACpD,CACI;;;;;;;"}
+{"version":3,"file":"u-full-profile.entry.esm.js","sources":["src/profile/components/full-profile/full-profile.css?tag=u-full-profile","src/profile/components/full-profile/full-profile.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { state as profileState } from \"../../store/profile-store\";\n\nconst EXCLUDED_FIELDS = ['custom_attributes', 'email', 'preferred_language']\n\n@Component({\n  tag: \"u-full-profile\",\n  styleUrl: \"full-profile.css\",\n  shadow: false,\n})\nexport class FullProfile {\n  @Prop() fields?: string;\n  @Prop() countryCodeDisplayOption?: \"icon\" | \"label\" = \"label\";\n\n  private list() {\n    if (this.fields) {\n      return this.fields\n        .split(\",\")\n        .map((field) => field.trim())\n        .filter(Boolean);\n    }\n\n    return [\n      ...Object.keys(profileState.data || {}).filter((field) => !EXCLUDED_FIELDS.includes(field)),\n      ...Object.keys(profileState.data?.custom_attributes || {}).map((field) => `custom_attributes.${field}`),\n    ];\n  }\n\n  render() {\n    return (\n      <u-profile>\n        {this.list().map((field) => (\n          <u-field key={field} field={field} countryCodeDisplayOption={this.countryCodeDisplayOption} />\n        ))}\n        <div class=\"u:flex u:justify-end\">\n          <u-submit-button>{t(\"buttons.submit\")}</u-submit-button>\n        </div>\n      </u-profile>\n    );\n  }\n}\n"],"names":["profileState"],"mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,mnNAAmnN;;ACI1oN,MAAM,eAAe,GAAG,CAAC,mBAAmB,EAAE,OAAO,EAAE,oBAAoB,CAAC;MAO/D,WAAW,GAAA,MAAA;;;;AACd,IAAA,MAAM;IACN,wBAAwB,GAAsB,OAAO;IAErD,IAAI,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAC;iBACT,KAAK,CAAC,GAAG;iBACT,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE;iBAC3B,MAAM,CAAC,OAAO,CAAC;;QAGpB,OAAO;YACL,GAAG,MAAM,CAAC,IAAI,CAACA,KAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC3F,GAAG,MAAM,CAAC,IAAI,CAACA,KAAY,CAAC,IAAI,EAAE,iBAAiB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,CAAA,kBAAA,EAAqB,KAAK,CAAA,CAAE,CAAC;SACxG;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,MACrB,CAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EAAI,CAAA,CAC/F,CAAC,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAkB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAC,CAAC,gBAAgB,CAAC,CAAmB,CACpD,CACI;;;;;;;"}

package/dist/sdk/u-full-profile.entry.js

@@ -0,0 +1,35 @@
+import { r as registerInstance, h } from './index-BqL27K_R.js';
+import { t } from './i18n-BCI_ARJL.js';
+import { s as state } from './profile-store-DD6sq42i.js';
+import './unidy-store-BwZym11Y.js';
+import './index-BnBstyfp.js';
+
+const fullProfileCss = "/*! tailwindcss v4.1.17 | 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\\:flex{display:flex}.u\\:justify-end{justify-content:flex-end}} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+
+const EXCLUDED_FIELDS = ['custom_attributes', 'email', 'preferred_language'];
+const FullProfile = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    fields;
+    countryCodeDisplayOption = "label";
+    list() {
+        if (this.fields) {
+            return this.fields
+                .split(",")
+                .map((field) => field.trim())
+                .filter(Boolean);
+        }
+        return [
+            ...Object.keys(state.data || {}).filter((field) => !EXCLUDED_FIELDS.includes(field)),
+            ...Object.keys(state.data?.custom_attributes || {}).map((field) => `custom_attributes.${field}`),
+        ];
+    }
+    render() {
+        return (h("u-profile", { key: 'e3e7e3d645c884f0fad805b4f40c6dd16319c33f' }, this.list().map((field) => (h("u-field", { key: field, field: field, countryCodeDisplayOption: this.countryCodeDisplayOption }))), h("div", { key: '81358b421d25d7c6fc77a8cce6c22af8121c73ff', class: "u:flex u:justify-end" }, h("u-submit-button", { key: '075a0b4531bfb34bfbe7a60cb61340aa95c8a5c5' }, t("buttons.submit")))));
+    }
+};
+FullProfile.style = fullProfileCss;
+
+export { FullProfile as u_full_profile };
+//# sourceMappingURL=u-full-profile.entry.esm.js.map

package/dist/{esm → sdk}/u-logout-button.entry.js

@@ -1,18 +1,18 @@
-import { r as registerInstance, c as createEvent, h } from './index-Ci3aTmzp.js';
-import { A as Auth } from './auth-DLKPv5Zm.js';
-import { t } from './i18n-BR-AGAnn.js';
-import './auth-store-BMqUdTpC.js';
-import './index-Bjp1XO-f.js';
-import './unidy-store-BldTAtO0.js';
-import './profile-store-RmZB2PTc.js';
-import './flash-store-CEvWSG0c.js';
+import { r as registerInstance, d as createEvent, h } from './index-BqL27K_R.js';
+import { A as Auth } from './auth-Che07PeV.js';
+import { t } from './i18n-BCI_ARJL.js';
+import './auth-store-CapiC8gJ.js';
+import './index-BnBstyfp.js';
+import './unidy-store-BwZym11Y.js';
+import './profile-store-DD6sq42i.js';
+import './flash-store-DNcSEn2p.js';
 import './component-utils-D1lzXl_Z.js';
-import './index-DKaIwo59.js';
+import './index-gEcJztft.js';
 
 const LogoutButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.logout = createEvent(this, "logout");
+        this.logout = createEvent(this, "logout", 7);
     }
     componentClassName = "";
     reloadOnSuccess = true;
@@ -33,4 +33,4 @@ const LogoutButton = class {
 };
 
 export { LogoutButton as u_logout_button };
-//# sourceMappingURL=u-logout-button.entry.js.map
+//# sourceMappingURL=u-logout-button.entry.esm.js.map

package/dist/sdk/u-magic-code-field.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-magic-code-field.entry.esm.js","sources":["src/auth/components/magic-code-field/magic-code-field.css?tag=u-magic-code-field","src/auth/components/magic-code-field/magic-code-field.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { authState } from \"../../store/auth-store\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-magic-code-field\",\n  styleUrl: \"magic-code-field.css\",\n  shadow: false,\n})\nexport class MagicCodeField {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() codeDigits: string[] = [\"\", \"\", \"\", \"\"];\n\n  private inputRefs: HTMLInputElement[] = [];\n\n  private handleInput = (event: Event, index: number) => {\n    const target = event.target as HTMLInputElement;\n    const value = target.value.replace(/[^0-9]/g, \"\");\n    const sanitizedDigit = value.slice(-1);\n    target.value = sanitizedDigit;\n\n    const newDigits = [...this.codeDigits];\n    newDigits[index] = sanitizedDigit;\n    this.codeDigits = newDigits;\n\n    const fullCode = newDigits.join(\"\");\n\n    if (value && index < 3) {\n      const nextInput = this.inputRefs[index + 1];\n      if (nextInput) {\n        nextInput.focus();\n      }\n    }\n\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, index: number) => {\n    if (event.key === \"Backspace\" && !this.codeDigits[index] && index > 0) {\n      const prevInput = this.inputRefs[index - 1];\n      if (prevInput) {\n        prevInput.focus();\n      }\n    }\n  };\n\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n    const pastedData = event.clipboardData?.getData(\"text\") || \"\";\n    const digits = pastedData\n      .replace(/[^0-9]/g, \"\")\n      .slice(0, 4)\n      .split(\"\");\n\n    while (digits.length < 4) {\n      digits.push(\"\");\n    }\n\n    this.codeDigits = digits;\n\n    const firstEmptyIndex = digits.findIndex((digit) => !digit);\n    const targetIndex = firstEmptyIndex !== -1 ? firstEmptyIndex : 3;\n    if (this.inputRefs[targetIndex]) {\n      this.inputRefs[targetIndex].focus();\n    }\n\n    const fullCode = digits.join(\"\");\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private authenticateWithCode = async (code: string) => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.authenticateWithMagicCode(code);\n  };\n  render() {\n    if (authState.step !== \"magic-code\") {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:gap-0.5 u:w-full u:justify-center ${this.componentClassName}`}>\n        {this.codeDigits.map((digit, index) => (\n          <input\n            // biome-ignore lint/suspicious/noArrayIndexKey: digits are fixed position inputs\n            key={index}\n            ref={(el) => {\n              if (el) this.inputRefs[index] = el;\n            }}\n            id={`digit-input-${index + 1}`}\n            type=\"text\"\n            inputmode=\"numeric\"\n            maxlength=\"1\"\n            value={digit}\n            disabled={authState.loading}\n            onInput={(event) => this.handleInput(event, index)}\n            onKeyDown={(event) => this.handleKeyDown(event, index)}\n            onPaste={index === 0 ? this.handlePaste : undefined}\n            aria-label={`Digit ${index + 1} of ${this.codeDigits.length}`}\n            class=\"u:w-[50px] u:h-[50px] u:text-center u:text-lg u:border-2 u:border-solid u:border-slate-200 u:rounded-lg u:outline-none u:transition-colors u:duration-200\"\n            part=\"digit-input\"\n          />\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":["authState"],"mappings":";;;;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,6/PAA6/P;;MCS1gQ,cAAc,GAAA,MAAA;;;;IACU,kBAAkB,GAAG,EAAE;IAEjD,UAAU,GAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IAExC,SAAS,GAAuB,EAAE;AAElC,IAAA,WAAW,GAAG,CAAC,KAAY,EAAE,KAAa,KAAI;AACpD,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;QACjD,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;AACtC,QAAA,MAAM,CAAC,KAAK,GAAG,cAAc;QAE7B,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;AACtC,QAAA,SAAS,CAAC,KAAK,CAAC,GAAG,cAAc;AACjC,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS;QAE3B,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;AAEnC,QAAA,IAAI,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE;YACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC;YAC3C,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE;;;AAIrB,QAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;;AAEvC,KAAC;AAEO,IAAA,aAAa,GAAG,CAAC,KAAoB,EAAE,KAAa,KAAI;AAC9D,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;YACrE,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC;YAC3C,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE;;;AAGvB,KAAC;AAEO,IAAA,WAAW,GAAG,CAAC,KAAqB,KAAI;QAC9C,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE;QAC7D,MAAM,MAAM,GAAG;AACZ,aAAA,OAAO,CAAC,SAAS,EAAE,EAAE;AACrB,aAAA,KAAK,CAAC,CAAC,EAAE,CAAC;aACV,KAAK,CAAC,EAAE,CAAC;AAEZ,QAAA,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AACxB,YAAA,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;;AAGjB,QAAA,IAAI,CAAC,UAAU,GAAG,MAAM;AAExB,QAAA,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC;AAC3D,QAAA,MAAM,WAAW,GAAG,eAAe,KAAK,EAAE,GAAG,eAAe,GAAG,CAAC;AAChE,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE;;QAGrC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AAChC,QAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;;AAEvC,KAAC;AAEO,IAAA,oBAAoB,GAAG,OAAO,IAAY,KAAI;AACpD,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;QAE7C,MAAM,YAAY,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC;AAC5D,KAAC;IACD,MAAM,GAAA;AACJ,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,YAAY,EAAE;AACnC,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,WAAK,KAAK,EAAE,CAAA,2CAAA,EAA8C,IAAI,CAAC,kBAAkB,CAAA,CAAE,EAChF,EAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChC,CAAA,CAAA,OAAA,EAAA;;YAEE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,CAAC,EAAE,KAAI;AACV,gBAAA,IAAI,EAAE;AAAE,oBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;aACnC,EACD,EAAE,EAAE,CAAA,YAAA,EAAe,KAAK,GAAG,CAAC,EAAE,EAC9B,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,SAAS,EAAC,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAEA,KAAS,CAAC,OAAO,EAC3B,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,EAClD,SAAS,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,EACtD,OAAO,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,SAAS,gBACvC,SAAS,KAAK,GAAG,CAAC,CAAA,IAAA,EAAO,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,EAC7D,KAAK,EAAC,2JAA2J,EACjK,IAAI,EAAC;UACL,CACH,CAAC,CACE;;;;;;;"}
+{"version":3,"file":"u-magic-code-field.entry.esm.js","sources":["src/auth/components/magic-code-field/magic-code-field.css?tag=u-magic-code-field","src/auth/components/magic-code-field/magic-code-field.tsx"],"sourcesContent":["","import { Component, h, Prop, State } from \"@stencil/core\";\nimport { authState } from \"../../store/auth-store\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-magic-code-field\",\n  styleUrl: \"magic-code-field.css\",\n  shadow: false,\n})\nexport class MagicCodeField {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  @State() codeDigits: string[] = [\"\", \"\", \"\", \"\"];\n\n  private inputRefs: HTMLInputElement[] = [];\n\n  private handleInput = (event: Event, index: number) => {\n    const target = event.target as HTMLInputElement;\n    const value = target.value.replace(/[^0-9]/g, \"\");\n    const sanitizedDigit = value.slice(-1);\n    target.value = sanitizedDigit;\n\n    const newDigits = [...this.codeDigits];\n    newDigits[index] = sanitizedDigit;\n    this.codeDigits = newDigits;\n\n    const fullCode = newDigits.join(\"\");\n\n    if (value && index < 3) {\n      const nextInput = this.inputRefs[index + 1];\n      if (nextInput) {\n        nextInput.focus();\n      }\n    }\n\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, index: number) => {\n    if (event.key === \"Backspace\" && !this.codeDigits[index] && index > 0) {\n      const prevInput = this.inputRefs[index - 1];\n      if (prevInput) {\n        prevInput.focus();\n      }\n    }\n  };\n\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n    const pastedData = event.clipboardData?.getData(\"text\") || \"\";\n    const digits = pastedData\n      .replace(/[^0-9]/g, \"\")\n      .slice(0, 4)\n      .split(\"\");\n\n    while (digits.length < 4) {\n      digits.push(\"\");\n    }\n\n    this.codeDigits = digits;\n\n    const firstEmptyIndex = digits.findIndex((digit) => !digit);\n    const targetIndex = firstEmptyIndex !== -1 ? firstEmptyIndex : 3;\n    if (this.inputRefs[targetIndex]) {\n      this.inputRefs[targetIndex].focus();\n    }\n\n    const fullCode = digits.join(\"\");\n    if (fullCode.length === 4) {\n      this.authenticateWithCode(fullCode);\n    }\n  };\n\n  private authenticateWithCode = async (code: string) => {\n    const authInstance = await Auth.getInstance();\n\n    await authInstance.helpers.authenticateWithMagicCode(code);\n  };\n  render() {\n    if (authState.step !== \"magic-code\") {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:gap-0.5 u:w-full u:justify-center ${this.componentClassName}`}>\n        {this.codeDigits.map((digit, index) => (\n          <input\n            // biome-ignore lint/suspicious/noArrayIndexKey: digits are fixed position inputs\n            key={index}\n            ref={(el) => {\n              if (el) this.inputRefs[index] = el;\n            }}\n            id={`digit-input-${index + 1}`}\n            type=\"text\"\n            inputmode=\"numeric\"\n            maxlength=\"1\"\n            value={digit}\n            disabled={authState.loading}\n            onInput={(event) => this.handleInput(event, index)}\n            onKeyDown={(event) => this.handleKeyDown(event, index)}\n            onPaste={index === 0 ? this.handlePaste : undefined}\n            aria-label={`Digit ${index + 1} of ${this.codeDigits.length}`}\n            class=\"u:w-[50px] u:h-[50px] u:text-center u:text-lg u:border-2 u:border-solid u:border-slate-200 u:rounded-lg u:outline-none u:transition-colors u:duration-200\"\n            part=\"digit-input\"\n          />\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":["authState"],"mappings":"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"}

package/dist/{esm → sdk}/u-magic-code-field.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h } from './index-Ci3aTmzp.js';
-import { s as state } from './auth-store-BMqUdTpC.js';
-import { A as Auth } from './auth-DLKPv5Zm.js';
-import './index-Bjp1XO-f.js';
-import './unidy-store-BldTAtO0.js';
-import './profile-store-RmZB2PTc.js';
-import './flash-store-CEvWSG0c.js';
+import { r as registerInstance, h } from './index-BqL27K_R.js';
+import { s as state } from './auth-store-CapiC8gJ.js';
+import { A as Auth } from './auth-Che07PeV.js';
+import './index-BnBstyfp.js';
+import './unidy-store-BwZym11Y.js';
+import './profile-store-DD6sq42i.js';
+import './flash-store-DNcSEn2p.js';
 import './component-utils-D1lzXl_Z.js';
-import './i18n-BR-AGAnn.js';
-import './index-DKaIwo59.js';
+import './i18n-BCI_ARJL.js';
+import './index-gEcJztft.js';
 
 const magicCodeFieldCss = "/*! tailwindcss v4.1.17 | 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-border-style:solid;--tw-duration: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:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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-color-slate-200:oklch(92.9% .013 255.508);--u-spacing:.25rem;--u-text-lg:1.125rem;--u-text-lg--line-height:1.55556;--u-radius-lg:.5rem;--u-default-transition-duration:.15s;--u-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:flex{display:flex}.u\\:h-\\[50px\\]{height:50px}.u\\:w-\\[50px\\]{width:50px}.u\\:w-full{width:100%}.u\\:justify-center{justify-content:center}.u\\:gap-0\\.5{gap:calc(var(--u-spacing)*.5)}.u\\:rounded-lg{border-radius:var(--u-radius-lg)}.u\\:border-2{border-style:var(--tw-border-style);border-width:2px}.u\\:border-solid{--tw-border-style:solid;border-style:solid}.u\\:border-slate-200{border-color:var(--u-color-slate-200)}.u\\:text-center{text-align:center}.u\\:text-lg{font-size:var(--u-text-lg);line-height:var(--tw-leading,var(--u-text-lg--line-height))}.u\\:transition-colors{transition-duration:var(--tw-duration,var(--u-default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--u-default-transition-timing-function))}.u\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.u\\:outline-none{--tw-outline-style:none;outline-style:none}.fixed{position:fixed}.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)}} /*! tailwindcss v4.1.17 | 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}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-duration{syntax:\"*\";inherits:false}";
 
@@ -86,4 +86,4 @@ const MagicCodeField = class {
 MagicCodeField.style = magicCodeFieldCss;
 
 export { MagicCodeField as u_magic_code_field };
-//# sourceMappingURL=u-magic-code-field.entry.js.map
+//# sourceMappingURL=u-magic-code-field.entry.esm.js.map

package/dist/{esm → sdk}/u-missing-field.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, g as getElement, h } from './index-Ci3aTmzp.js';
-import { s as state, m as missingFieldNames } from './auth-store-BMqUdTpC.js';
-import './index-Bjp1XO-f.js';
-import './unidy-store-BldTAtO0.js';
+import { r as registerInstance, f as getElement, h } from './index-BqL27K_R.js';
+import { s as state, m as missingFieldNames } from './auth-store-CapiC8gJ.js';
+import './index-BnBstyfp.js';
+import './unidy-store-BwZym11Y.js';
 
 const MissingField = class {
     constructor(hostRef) {
@@ -17,4 +17,4 @@ const MissingField = class {
 };
 
 export { MissingField as u_missing_field };
-//# sourceMappingURL=u-missing-field.entry.js.map
+//# sourceMappingURL=u-missing-field.entry.esm.js.map

package/dist/{esm → sdk}/u-missing-fields-submit-button.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, g as getElement, h } from './index-Ci3aTmzp.js';
-import { g as getUnidyClient } from './index-DKaIwo59.js';
-import { s as state } from './profile-store-RmZB2PTc.js';
-import { s as state$1, a as authStore } from './auth-store-BMqUdTpC.js';
-import { v as validateRequiredFieldsUnchanged, b as buildPayload } from './profile-helpers-7onubaoR.js';
+import { r as registerInstance, f as getElement, h } from './index-BqL27K_R.js';
+import { g as getUnidyClient } from './index-gEcJztft.js';
+import { s as state } from './profile-store-DD6sq42i.js';
+import { s as state$1, a as authStore } from './auth-store-CapiC8gJ.js';
+import { v as validateRequiredFieldsUnchanged, b as buildPayload } from './profile-helpers-Bs3aj0CO.js';
 import { h as hasSlotContent } from './component-utils-D1lzXl_Z.js';
-import { t } from './i18n-BR-AGAnn.js';
-import './unidy-store-BldTAtO0.js';
-import './index-Bjp1XO-f.js';
+import { t } from './i18n-BCI_ARJL.js';
+import './unidy-store-BwZym11Y.js';
+import './index-BnBstyfp.js';
 
 const MissingFieldsSubmitButton = class {
     constructor(hostRef) {
@@ -41,4 +41,4 @@ const MissingFieldsSubmitButton = class {
 };
 
 export { MissingFieldsSubmitButton as u_missing_fields_submit_button };
-//# sourceMappingURL=u-missing-fields-submit-button.entry.js.map
+//# sourceMappingURL=u-missing-fields-submit-button.entry.esm.js.map