@unidy.io/sdk 1.1.6 → 1.1.8

package/dist/collection/profile/components/field/field.js

@@ -1,359 +0,0 @@
-import { h } from "@stencil/core";
-import { t } from "../../../i18n";
-import { state as profileState } from "../../store/profile-store";
-/**
- * @part select_field - Styles the base <select> element.
- * @part select_field--example_field - Example of a field-specific selector.
- *   Replace `example_field` with your field name.
- *   e.g. `custom_attributes.favorite_nut` → `select_field--custom_attributes-favorite_nut`, `country_code` → `select_field--country-code`
- * @part radio-group-item_radio
- * @part radio-group_field
- * @part radio-group-item_label
- * @part radio_checked
- * @part multi-select-item_checkbox
- * @part multi-select-group_field
- * @part multi-select-item_label
- * @part textarea_field
- * @part input_field
- */
-export class Field {
-    field;
-    required = false;
-    readonlyPlaceholder = "No information";
-    countryCodeDisplayOption = "label";
-    invalidPhoneMessage = "Please enter a valid phone number.";
-    componentClassName;
-    emptyOption = true;
-    placeholder;
-    renderDefaultLabel = true;
-    pattern;
-    patternErrorMessage;
-    validationFunc;
-    el;
-    selected;
-    getFieldData() {
-        return this.field.startsWith("custom_attributes.")
-            ? profileState.data.custom_attributes?.[this.field.replace("custom_attributes.", "")]
-            : profileState.data[this.field];
-    }
-    componentWillLoad() { }
-    componentDidRender() {
-        const fieldErrors = profileState.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 (profileState.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: profileState.errors[this.field] ? `${this.field}-error` : undefined, pattern: this.pattern, patternErrorMessage: this.patternErrorMessage, validationFunc: this.validationFunc })), profileState.errors[this.field] && (h("span", { id: `${this.field}-error`, part: "field-error-message", "aria-live": "assertive" }, errorPrefix, " ", profileState.errors[this.field]))));
-    }
-    static get is() { return "u-field"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["field.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["field.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "field": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "field"
-            },
-            "required": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "required",
-                "defaultValue": "false"
-            },
-            "readonlyPlaceholder": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "readonly-placeholder",
-                "defaultValue": "\"No information\""
-            },
-            "countryCodeDisplayOption": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"icon\" | \"label\"",
-                    "resolved": "\"icon\" | \"label\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country-code-display-option",
-                "defaultValue": "\"label\""
-            },
-            "invalidPhoneMessage": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "invalid-phone-message",
-                "defaultValue": "\"Please enter a valid phone number.\""
-            },
-            "componentClassName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "class-name"
-            },
-            "emptyOption": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "empty-option",
-                "defaultValue": "true"
-            },
-            "placeholder": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placeholder"
-            },
-            "renderDefaultLabel": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "render-default-label",
-                "defaultValue": "true"
-            },
-            "pattern": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "pattern"
-            },
-            "patternErrorMessage": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "pattern-error-message"
-            },
-            "validationFunc": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(value: string | string[]) => { valid: boolean; message?: string }",
-                    "resolved": "(value: string | string[]) => { valid: boolean; message?: string; }",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "selected": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=field.js.map

package/dist/collection/profile/components/field/field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../../src/profile/components/field/field.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/profile/components/full-profile/full-profile.css

@@ -1 +0,0 @@
-/*! 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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\: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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer 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}

package/dist/collection/profile/components/full-profile/full-profile.js

@@ -1,78 +0,0 @@
-import { h } from "@stencil/core";
-import { t } from "../../../i18n";
-import { state as profileState } from "../../store/profile-store";
-const EXCLUDED_FIELDS = ['custom_attributes', 'email', 'preferred_language'];
-export class FullProfile {
-    fields;
-    countryCodeDisplayOption = "label";
-    list() {
-        if (this.fields) {
-            return this.fields
-                .split(",")
-                .map((field) => field.trim())
-                .filter(Boolean);
-        }
-        return [
-            ...Object.keys(profileState.data || {}).filter((field) => !EXCLUDED_FIELDS.includes(field)),
-            ...Object.keys(profileState.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")))));
-    }
-    static get is() { return "u-full-profile"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["full-profile.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["full-profile.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "fields": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "fields"
-            },
-            "countryCodeDisplayOption": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"icon\" | \"label\"",
-                    "resolved": "\"icon\" | \"label\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country-code-display-option",
-                "defaultValue": "\"label\""
-            }
-        };
-    }
-}
-//# sourceMappingURL=full-profile.js.map

package/dist/collection/profile/components/full-profile/full-profile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"full-profile.js","sourceRoot":"","sources":["../../../../src/profile/components/full-profile/full-profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,eAAe,GAAG,CAAC,mBAAmB,EAAE,OAAO,EAAE,oBAAoB,CAAC,CAAA;AAO5E,MAAM,OAAO,WAAW;IACd,MAAM,CAAU;IAChB,wBAAwB,GAAsB,OAAO,CAAC;IAEtD,IAAI;QACV,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC,MAAM;iBACf,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;iBAC5B,MAAM,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;QAED,OAAO;YACL,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC3F,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,iBAAiB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,KAAK,EAAE,CAAC;SACxG,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACG,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,eAAS,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,GAAI,CAC/F,CAAC;YACF,4DAAK,KAAK,EAAC,sBAAsB;gBAC/B,0EAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAmB,CACpD,CACI,CACb,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}