@unidy.io/sdk 1.1.2 → 1.1.4

package/dist/esm/u-field_2.entry.js

@@ -0,0 +1,372 @@
+import { r as registerInstance, g as getElement, h, U as UnidyComponent } from './index-Ci3aTmzp.js';
+import { t } from './i18n-CLdWzy5J.js';
+import { s as state } from './profile-store-RmZB2PTc.js';
+import './unidy-store-BldTAtO0.js';
+import './index-Bjp1XO-f.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;@layer utilities{.u\\:flex{display:flex}.u\\:justify-end{justify-content:flex-end}} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer base{}@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;
+
+const RadioGroup = (props) => {
+    if (!("options" in props)) {
+        return (h("input", { type: props.type, name: props.name, required: props.required, value: String(props.value), checked: props.checked, disabled: props.disabled, title: props.title, class: props.componentClassName, onChange: () => props.onChange(String(props.value)), "aria-describedby": props.ariaDescribedBy || undefined }));
+    }
+    return (h("div", { part: `radio-group_field ${props.specificPartKey ? `radio-group_field--${props.specificPartKey}` : ""}`, title: props.title, "aria-describedby": props.ariaDescribedBy || undefined }, props.options.map((opt) => (h("label", { htmlFor: `${props.name}-${opt.value}`, key: String(opt.value), part: `radio-group-item_label ${props.specificPartKey ? `radio-group-item_label--${props.specificPartKey}` : ""} ${opt.checked ? "radio_checked" : ""}`, "data-checked": opt.checked ? "true" : "false" }, h("input", { id: `${props.name}-${opt.value}`, type: props.type, name: props.name, required: props.required, value: String(opt.value), checked: opt.checked, disabled: props.disabled, onChange: () => props.onChange(String(opt.value)), part: `radio-group-item_radio ${props.specificPartKey ? `radio-group-item_radio--${props.specificPartKey}` : ""}` }), opt.label)))));
+};
+
+const Textarea = (props) => (h("textarea", { id: props.id, value: props.value, name: props.name, class: props.componentClassName, required: props.required, part: `textarea_field ${props.specificPartKey ? `textarea_field--${props.specificPartKey}` : ""}`, disabled: props.disabled, title: props.title, onChange: (e) => props.onChange(e.target.value), onBlur: props.onBlur, "aria-describedby": props.ariaDescribedBy || undefined }));
+
+const Input = (props) => (h("input", { id: props.id, type: props.type, value: props.value, class: props.componentClassName, disabled: props.disabled, required: props.required, part: `input_field ${props.specificPartKey ? `input_field--${props.specificPartKey}` : ""}`, title: props.title, placeholder: props.placeholder, onChange: (e) => props.onChange(e.target.value), onBlur: (e) => props.onBlur?.(e), "aria-describedby": props.ariaDescribedBy || undefined }));
+
+const Select = (props) => {
+    const renderOptionLabel = (opt) => {
+        if (props.attr_name === "country_code" && props.countryCodeDisplayOption === "icon" && props.countryIcon) {
+            return props.countryIcon(opt.value);
+        }
+        return opt.label;
+    };
+    return (h("select", { id: props.id, name: props.name, class: props.componentClassName, "data-value": props.value, part: `select_field ${props.specificPartKey ? `select_field--${props.specificPartKey}` : ""}`, disabled: props.disabled, title: props.title, onChange: (e) => props.onChange(e.target.value), "aria-describedby": props.ariaDescribedBy || undefined }, props.emptyOption ? h("option", { value: "", selected: props.value === null || props.value === "" }) : null, props.options.map((opt) => (h("option", { key: opt.value, value: opt.value, "data-selected": opt.value === props.value ? "true" : "false", selected: opt.value === props.value, disabled: opt.value === "--" }, renderOptionLabel(opt))))));
+};
+
+const MultiSelect = (props) => {
+    if (!("options" in props)) {
+        return (h("input", { id: props.id, type: props.type, name: props.name, value: props.value, checked: props.checked, disabled: props.disabled, title: props.title, class: props.componentClassName, onChange: (e) => props.onToggle(props.value, e.target.checked), "aria-describedby": props.ariaDescribedBy || undefined }));
+    }
+    return (h("div", { part: `multi-select-group_field ${props.specificPartKey ? `multi-select-group_field--${props.specificPartKey}` : ""}`, title: props.title, "aria-describedby": props.ariaDescribedBy || undefined }, props.options.map((opt) => (h("label", { key: opt.value, htmlFor: `${props.specificPartKey}-${opt.value}`, part: `multi-select-item_label ${props.specificPartKey ? `multi-select-item_label--${props.specificPartKey}` : ""}` }, h("input", { id: `${props.specificPartKey}-${opt.value}`, type: props.type, checked: Array.isArray(props.value) && props.value.includes(opt.value), disabled: props.disabled, title: props.title, onChange: (e) => props.onToggle(opt.value, e.target.checked), part: `multi-select-item_checkbox ${props.specificPartKey ? `multi-select-item_checkbox--${props.specificPartKey}` : ""}` }), opt.label)))));
+};
+
+const RawField = class extends UnidyComponent {
+    constructor(hostRef) {
+        super();
+        registerInstance(this, hostRef);
+    }
+    required = false;
+    readonlyPlaceholder = "";
+    countryCodeDisplayOption = "label";
+    invalidPhoneMessage = "Please enter a valid phone number.";
+    componentClassName;
+    field;
+    value;
+    checked;
+    disabled;
+    tooltip;
+    type;
+    placeholder;
+    options;
+    emptyOption = false;
+    attrName;
+    radioOptions;
+    multiSelectOptions;
+    specificPartKey;
+    ariaDescribedBy = "";
+    pattern;
+    patternErrorMessage;
+    validationFunc;
+    get el() { return getElement(this); }
+    selected;
+    readStore(fieldName) {
+        if (!fieldName)
+            return;
+        const data = state.data;
+        if (!data)
+            return;
+        let field;
+        if (fieldName.startsWith("custom_attributes.")) {
+            const key = fieldName.replace("custom_attributes.", "");
+            field = data.custom_attributes?.[key];
+        }
+        else {
+            field = data[fieldName];
+        }
+        if (!field)
+            return;
+        if (field.radio_options) {
+            const checkedOption = field.radio_options.find((option) => option.checked);
+            const checkedValue = checkedOption?.value ?? field.value ?? "";
+            return String(checkedValue);
+        }
+        if (field.type === "checkbox") {
+            return Array.isArray(field.value) ? field.value : [];
+        }
+        return field.value;
+    }
+    writeStore(fieldName, value) {
+        if (!fieldName)
+            return;
+        const data = state.data;
+        if (!data)
+            return;
+        const isCustomAttribute = fieldName.startsWith("custom_attributes.");
+        const key = isCustomAttribute ? fieldName.replace("custom_attributes.", "") : fieldName;
+        if (isCustomAttribute) {
+            const field = data.custom_attributes?.[key];
+            state.data = {
+                ...data,
+                custom_attributes: {
+                    ...data.custom_attributes,
+                    [key]: { ...field, value },
+                },
+            };
+        }
+        else {
+            const field = data[key];
+            state.data = { ...data, [key]: { ...field, value } };
+        }
+    }
+    runExternalValidator(value) {
+        if (this.validationFunc) {
+            try {
+                return this.validationFunc(value);
+            }
+            catch (e) {
+                this.logger.error("External validator (validationFunc) threw an error:", e);
+                return null;
+            }
+        }
+    }
+    validateValue(value) {
+        // TODO: We should validate this when the component is loading.
+        if (this.required) {
+            const empty = value === undefined || value === null || value === "";
+            if (empty) {
+                return { valid: false, message: "This field is required." };
+            }
+        }
+        if (this.pattern && typeof value === "string") {
+            const regex = new RegExp(this.pattern);
+            if (!regex.test(value)) {
+                return { valid: false, message: this.patternErrorMessage || "Invalid format." };
+            }
+        }
+        const externalResult = this.runExternalValidator(value);
+        if (externalResult && !externalResult.valid) {
+            return { valid: false, message: externalResult.message || "Invalid input." };
+        }
+        if (this.type === "tel") {
+            const phonePattern = /^(?=.{4,13}$)(\+\d+|\d+)$/;
+            if (typeof value === "string" && value !== "" && !phonePattern.test(value)) {
+                return { valid: false, message: this.invalidPhoneMessage };
+            }
+        }
+        return { valid: true, message: "" };
+    }
+    getNormalizedOptions() {
+        if (Array.isArray(this.options))
+            return this.options;
+        // unidy-raw-field select-options prop can be a JSON string
+        if (typeof this.options === "string")
+            return JSON.parse(this.options);
+        return [];
+    }
+    countryIcon(countryCode, placeholder = "➖") {
+        if (!/^[A-Z]{2}$/.test(countryCode)) {
+            return placeholder;
+        }
+        return Array.from(countryCode)
+            .map((char) => String.fromCodePoint(0x1f1e6 + (char.charCodeAt(0) - "A".charCodeAt(0))))
+            .join("");
+    }
+    onMultiToggle = (optValue, checked) => {
+        const currentValues = Array.isArray(this.selected) ? this.selected : [];
+        let updatedValues;
+        if (checked) {
+            updatedValues = currentValues.includes(optValue) ? currentValues : [...currentValues, optValue];
+        }
+        else {
+            updatedValues = currentValues.filter((v) => v !== optValue);
+        }
+        this.selected = updatedValues;
+        // TODO: validate multiselect if needed
+        this.writeStore(this.field, updatedValues);
+    };
+    onBlurFieldValidation = (e) => {
+        const input = e.target;
+        const val = input.value;
+        const result = this.validateValue(val);
+        const newErrors = { ...state.errors };
+        if (result.valid) {
+            delete newErrors[this.field];
+        }
+        else {
+            newErrors[this.field] = result.message;
+        }
+        state.errors = newErrors;
+    };
+    onChangeFieldValidation = (newValue) => {
+        this.selected = newValue;
+        const result = this.validateValue(newValue);
+        const newErrors = { ...state.errors };
+        if (result.valid) {
+            delete newErrors[this.field];
+            this.writeStore(this.field, newValue);
+        }
+        else {
+            newErrors[this.field] = result.message;
+        }
+        state.errors = newErrors;
+    };
+    componentWillLoad() {
+        if (!this.field)
+            throw new Error('u-raw-field: "field" is required.');
+        if (!this.type)
+            throw new Error('u-raw-field: "type" is required.');
+        const allowed = new Set(["text", "email", "tel", "password", "number", "date", "radio", "textarea", "select", "checkbox"]);
+        if (!allowed.has(this.type)) {
+            this.type = "text";
+        }
+        const current = this.readStore(this.field);
+        const isType = this.type === "text" ||
+            this.type === "email" ||
+            this.type === "tel" ||
+            this.type === "password" ||
+            this.type === "number" ||
+            this.type === "date" ||
+            this.type === "textarea" ||
+            this.type === "select";
+        if (isType && (current === undefined || current === null) && typeof this.value === "string") {
+            this.writeStore(this.field, this.value);
+        }
+        this.selected = current;
+    }
+    componentDidRender() {
+        const errs = state.errors;
+        if (errs?.[this.field]) {
+            this.el.querySelector(`#${CSS.escape(this.field)}`)?.focus();
+        }
+    }
+    render() {
+        if (this.type === "radio") {
+            if (Array.isArray(this.radioOptions) && this.radioOptions.length) {
+                const checkedOptions = this.radioOptions.map((opt) => ({
+                    ...opt,
+                    checked: String(opt.value) === this.selected,
+                }));
+                return (h(RadioGroup, { name: this.field, disabled: this.disabled, title: this.tooltip, type: "radio", onChange: this.onChangeFieldValidation, options: checkedOptions, specificPartKey: this.specificPartKey, "aria-describedby": this.ariaDescribedBy, required: this.required }));
+            }
+            if (typeof this.value === "string") {
+                const currentValue = this.readStore(this.field);
+                const isChecked = currentValue != null && String(currentValue) === this.value;
+                return (h(RadioGroup, { name: this.field, value: this.value, checked: isChecked, disabled: this.disabled, title: this.tooltip, componentClassName: this.componentClassName, type: "radio", specificPartKey: this.specificPartKey, onChange: this.onChangeFieldValidation, "aria-describedby": this.ariaDescribedBy, required: this.required }));
+            }
+        }
+        if (this.type === "checkbox") {
+            if (Array.isArray(this.multiSelectOptions) && this.multiSelectOptions.length) {
+                const selected = Array.isArray(this.selected) ? this.selected : [];
+                return (h(MultiSelect, { value: selected, options: this.multiSelectOptions, disabled: this.disabled, title: this.tooltip, type: "checkbox", specificPartKey: this.specificPartKey, onToggle: this.onMultiToggle, "aria-describedby": this.ariaDescribedBy }));
+            }
+            if (this.value) {
+                const currentValue = this.readStore(this.field) ?? [];
+                const isChecked = currentValue?.includes(this.value);
+                return (h(MultiSelect, { id: `${this.field}-${this.value}`, name: this.field, value: this.value, checked: isChecked, disabled: this.disabled, title: this.tooltip, componentClassName: this.componentClassName, type: "checkbox", onToggle: (val, checked) => {
+                        const current = this.readStore(this.field);
+                        const updated = checked ? [...current, val] : current.filter((v) => v !== val);
+                        this.writeStore(this.field, updated);
+                    }, "aria-describedby": this.ariaDescribedBy }));
+            }
+        }
+        if (this.type === "select") {
+            const currentValue = this.readStore(this.field) ?? "";
+            const option = this.getNormalizedOptions();
+            return (h(Select, { id: this.field, name: this.field, value: currentValue, options: option, disabled: this.disabled, title: this.tooltip, emptyOption: this.emptyOption, onChange: this.onChangeFieldValidation, componentClassName: this.componentClassName, countryCodeDisplayOption: this.countryCodeDisplayOption, countryIcon: this.countryIcon, attr_name: this.attrName, specificPartKey: this.specificPartKey, "aria-describedby": this.ariaDescribedBy }));
+        }
+        if (this.type === "textarea") {
+            const currentValue = this.readStore(this.field) || "";
+            return (h(Textarea, { id: this.field, value: currentValue, required: this.required, disabled: this.disabled, title: this.tooltip, componentClassName: this.componentClassName, specificPartKey: this.specificPartKey, onChange: this.onChangeFieldValidation, onBlur: this.onBlurFieldValidation, "aria-describedby": this.ariaDescribedBy }));
+        }
+        const currentValue = this.readStore(this.field) || "";
+        return (h(Input, { id: this.field, value: currentValue, required: this.required, disabled: this.disabled, title: this.tooltip, type: this.type, componentClassName: this.componentClassName, placeholder: this.placeholder, specificPartKey: this.specificPartKey, onChange: this.onChangeFieldValidation, onBlur: this.onBlurFieldValidation, "aria-describedby": this.ariaDescribedBy }));
+    }
+};
+
+export { Field as u_field, RawField as u_raw_field };
+//# sourceMappingURL=u-field.u-raw-field.entry.js.map

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

@@ -1,6 +1,6 @@
-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';
+import { h, r as registerInstance } from './index-Ci3aTmzp.js';
+import { f as flashState, F as Flash } from './flash-store-CEvWSG0c.js';
+import './index-Bjp1XO-f.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" })));
 
@@ -32,4 +32,4 @@ const FlashMessage = class {
 FlashMessage.style = flashMessageCss;
 
 export { FlashMessage as u_flash_message };
-//# sourceMappingURL=u-flash-message.entry.esm.js.map
+//# sourceMappingURL=u-flash-message.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"u-flash-message.entry.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 → esm}/u-full-profile.entry.js

@@ -1,10 +1,10 @@
-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';
+import { r as registerInstance, h } from './index-Ci3aTmzp.js';
+import { t } from './i18n-CLdWzy5J.js';
+import { s as state } from './profile-store-RmZB2PTc.js';
+import './unidy-store-BldTAtO0.js';
+import './index-Bjp1XO-f.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 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 base{}@layer components,utilities; /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer base{}@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{.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 {
@@ -32,4 +32,4 @@ const FullProfile = class {
 FullProfile.style = fullProfileCss;
 
 export { FullProfile as u_full_profile };
-//# sourceMappingURL=u-full-profile.entry.esm.js.map
+//# sourceMappingURL=u-full-profile.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"u-full-profile.entry.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,u7NAAu7N;;ACI98N,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 → esm}/u-logout-button.entry.js

@@ -1,18 +1,18 @@
-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 { r as registerInstance, c as createEvent, h } from './index-Ci3aTmzp.js';
+import { A as Auth } from './auth-nsjRdpvS.js';
+import { t } from './i18n-CLdWzy5J.js';
+import './auth-store-CVvBlKGv.js';
+import './index-Bjp1XO-f.js';
+import './unidy-store-BldTAtO0.js';
+import './profile-store-RmZB2PTc.js';
 import './component-utils-D1lzXl_Z.js';
-import './index-gEcJztft.js';
+import './flash-store-CEvWSG0c.js';
+import './index-DSDkaHWI.js';
 
 const LogoutButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.logout = createEvent(this, "logout", 7);
+        this.logout = createEvent(this, "logout");
     }
     componentClassName = "";
     reloadOnSuccess = true;
@@ -33,4 +33,4 @@ const LogoutButton = class {
 };
 
 export { LogoutButton as u_logout_button };
-//# sourceMappingURL=u-logout-button.entry.esm.js.map
+//# sourceMappingURL=u-logout-button.entry.js.map

package/dist/esm/u-logout-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"u-logout-button.entry.js","sources":["src/auth/components/logout-button/logout-button.tsx"],"sourcesContent":["import { Component, h, Prop, type EventEmitter, Event } from \"@stencil/core\";\nimport { Auth } from \"../../auth\";\nimport { t } from \"../../../i18n\";\n\n@Component({\n  tag: \"u-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() reloadOnSuccess = true;\n\n  @Event() logout!: EventEmitter<void>;\n\n  private handleLogout = async () => {\n    const authInstance = await Auth.getInstance();\n\n    const result = await authInstance.logout();\n\n    if (result === true) {\n      this.logout.emit();\n\n      if (this.reloadOnSuccess) {\n        window.location.reload();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <button type=\"button\" class={this.componentClassName} onClick={this.handleLogout} aria-live=\"polite\">\n        {t(\"buttons.logout\")}\n      </button>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAQa,YAAY,GAAA,MAAA;;;;;IACY,kBAAkB,GAAG,EAAE;IAClD,eAAe,GAAG,IAAI;AAErB,IAAA,MAAM;IAEP,YAAY,GAAG,YAAW;AAChC,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,MAAM,EAAE;AAE1C,QAAA,IAAI,MAAM,KAAK,IAAI,EAAE;AACnB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAElB,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,gBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;;;AAG9B,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAA,WAAA,EAAY,QAAQ,EAAA,EACjG,CAAC,CAAC,gBAAgB,CAAC,CACb;;;;;;"}

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

@@ -1,13 +1,13 @@
-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 { r as registerInstance, h } from './index-Ci3aTmzp.js';
+import { s as state } from './auth-store-CVvBlKGv.js';
+import { A as Auth } from './auth-nsjRdpvS.js';
+import './index-Bjp1XO-f.js';
+import './unidy-store-BldTAtO0.js';
+import './i18n-CLdWzy5J.js';
+import './profile-store-RmZB2PTc.js';
 import './component-utils-D1lzXl_Z.js';
-import './i18n-BCI_ARJL.js';
-import './index-gEcJztft.js';
+import './flash-store-CEvWSG0c.js';
+import './index-DSDkaHWI.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.esm.js.map
+//# sourceMappingURL=u-magic-code-field.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"u-magic-code-field.entry.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;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"u-missing-field.entry.js","sources":["src/auth/components/missing-field/missing-field.tsx"],"sourcesContent":["import { Component, h, Element } from \"@stencil/core\";\nimport { authState, missingFieldNames } from \"../../store/auth-store\";\n\n@Component({\n  tag: \"u-missing-field\",\n  shadow: false,\n})\nexport class MissingField {\n  @Element() el!: HTMLElement;\n\n  render() {\n    if (authState.step !== \"missing-fields\") return null;\n\n    const fieldNames = missingFieldNames();\n\n    return (\n      <div class=\"missing-fields\">\n        <form>\n          {fieldNames.map((fieldName) => (\n            <u-field key={fieldName} field={fieldName} renderDefaultLabel={true} />\n          ))}\n        </form>\n      </div>\n    );\n  }\n}\n"],"names":["authState"],"mappings":";;;;;MAOa,YAAY,GAAA,MAAA;;;;;IAGvB,MAAM,GAAA;AACJ,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,gBAAgB;AAAE,YAAA,OAAO,IAAI;AAEpD,QAAA,MAAM,UAAU,GAAG,iBAAiB,EAAE;QAEtC,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,IAAA,EACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,MACxB,CAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAI,CAAA,CACxE,CAAC,CACG,CACH;;;;;;"}