@unidy.io/sdk 1.1.8 → 1.1.9

package/dist/components/field.js

@@ -0,0 +1,144 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { s as state } from './profile-store.js';
+import { d as defineCustomElement$2 } from './raw-field.js';
+import { d as defineCustomElement$1 } from './spinner.js';
+
+const fieldCss = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities; /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer 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;@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 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 = /*@__PURE__*/ proxyCustomElement(class Field extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    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 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]))));
+    }
+    static get style() { return fieldCss; }
+}, [769, "u-field", {
+        "field": [1],
+        "required": [4],
+        "readonlyPlaceholder": [1, "readonly-placeholder"],
+        "countryCodeDisplayOption": [1, "country-code-display-option"],
+        "invalidPhoneMessage": [1, "invalid-phone-message"],
+        "componentClassName": [1, "class-name"],
+        "emptyOption": [4, "empty-option"],
+        "placeholder": [1],
+        "renderDefaultLabel": [4, "render-default-label"],
+        "pattern": [1],
+        "patternErrorMessage": [1, "pattern-error-message"],
+        "validationFunc": [16],
+        "selected": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-field", "u-raw-field", "u-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-field":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Field);
+            }
+            break;
+        case "u-raw-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "u-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { Field as F, defineCustomElement as d };
+//# sourceMappingURL=field.js.map
+
+//# sourceMappingURL=field.js.map

package/dist/components/field.js.map

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

package/dist/components/flash-store.js

@@ -0,0 +1,47 @@
+import { c as createStore } from './index3.js';
+
+const store = createStore({
+    messages: [],
+    autoRemoveDelay: null,
+});
+let idCounter = 0;
+class FlashStore {
+    get state() {
+        return store.state;
+    }
+    addMessage(text, variant) {
+        const id = `flash-${++idCounter}`;
+        store.state.messages = [...store.state.messages, { id, text, variant }];
+        if (store.state.autoRemoveDelay) {
+            setTimeout(() => this.remove(id), store.state.autoRemoveDelay);
+        }
+        return id;
+    }
+    remove(id) {
+        store.state.messages = store.state.messages.filter((m) => m.id !== id);
+    }
+    clear(variant) {
+        if (variant) {
+            store.state.messages = store.state.messages.filter((m) => m.variant !== variant);
+        }
+        else {
+            store.state.messages = [];
+        }
+    }
+    success = {
+        addMessage: (text) => this.addMessage(text, "success"),
+    };
+    error = {
+        addMessage: (text) => this.addMessage(text, "error"),
+    };
+    info = {
+        addMessage: (text) => this.addMessage(text, "info"),
+    };
+}
+const Flash = new FlashStore();
+const flashState = store.state;
+
+export { Flash as F, flashState as f };
+//# sourceMappingURL=flash-store.js.map
+
+//# sourceMappingURL=flash-store.js.map

package/dist/components/flash-store.js.map

@@ -0,0 +1 @@
+{"file":"flash-store.js","mappings":";;AAeA,MAAM,KAAK,GAAG,WAAW,CAAa;AACpC,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA,CAAC;AAEF,IAAI,SAAS,GAAG,CAAC;AAEjB,MAAM,UAAU,CAAA;AACd,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,KAAK,CAAC,KAAK;;IAGZ,UAAU,CAAC,IAAY,EAAE,OAAqB,EAAA;AACpD,QAAA,MAAM,EAAE,GAAG,CAAA,MAAA,EAAS,EAAE,SAAS,EAAE;QACjC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AAEvE,QAAA,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe,EAAE;AAC/B,YAAA,UAAU,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC;;AAGhE,QAAA,OAAO,EAAE;;AAGX,IAAA,MAAM,CAAC,EAAU,EAAA;QACf,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;;AAGxE,IAAA,KAAK,CAAC,OAAsB,EAAA;QAC1B,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC;;aAC3E;AACL,YAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE;;;AAI7B,IAAA,OAAO,GAAG;AACR,QAAA,UAAU,EAAE,CAAC,IAAY,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC;KAC/D;AAED,IAAA,KAAK,GAAG;AACN,QAAA,UAAU,EAAE,CAAC,IAAY,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC;KAC7D;AAED,IAAA,IAAI,GAAG;AACL,QAAA,UAAU,EAAE,CAAC,IAAY,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC;KAC5D;AACF;AAEY,MAAA,KAAK,GAAG,IAAI,UAAU;AACtB,MAAA,UAAU,GAAG,KAAK,CAAC;;;;","names":[],"sources":["src/shared/store/flash-store.ts"],"sourcesContent":["import { createStore } from \"@stencil/store\";\n\nexport type FlashVariant = \"error\" | \"success\" | \"info\";\n\nexport interface FlashMessage {\n  id: string;\n  text: string;\n  variant: FlashVariant;\n}\n\ninterface FlashState {\n  messages: FlashMessage[];\n  autoRemoveDelay: number | null;\n}\n\nconst store = createStore<FlashState>({\n  messages: [],\n  autoRemoveDelay: null,\n});\n\nlet idCounter = 0;\n\nclass FlashStore {\n  get state() {\n    return store.state;\n  }\n\n  private addMessage(text: string, variant: FlashVariant): string {\n    const id = `flash-${++idCounter}`;\n    store.state.messages = [...store.state.messages, { id, text, variant }];\n\n    if (store.state.autoRemoveDelay) {\n      setTimeout(() => this.remove(id), store.state.autoRemoveDelay);\n    }\n\n    return id;\n  }\n\n  remove(id: string) {\n    store.state.messages = store.state.messages.filter((m) => m.id !== id);\n  }\n\n  clear(variant?: FlashVariant) {\n    if (variant) {\n      store.state.messages = store.state.messages.filter((m) => m.variant !== variant);\n    } else {\n      store.state.messages = [];\n    }\n  }\n\n  success = {\n    addMessage: (text: string) => this.addMessage(text, \"success\"),\n  };\n\n  error = {\n    addMessage: (text: string) => this.addMessage(text, \"error\"),\n  };\n\n  info = {\n    addMessage: (text: string) => this.addMessage(text, \"info\"),\n  };\n}\n\nexport const Flash = new FlashStore();\nexport const flashState = store.state;\nexport const onFlashChange: <K extends keyof FlashState>(prop: K, cb: (value: FlashState[K]) => void) => () => void = store.onChange;\n"],"version":3}

package/dist/components/helpers.js

@@ -0,0 +1,9 @@
+function getParentSigninStep(element) {
+    const signinStep = element.closest("u-signin-step");
+    return signinStep;
+}
+
+export { getParentSigninStep as g };
+//# sourceMappingURL=helpers.js.map
+
+//# sourceMappingURL=helpers.js.map

package/dist/components/helpers.js.map

@@ -0,0 +1 @@
+{"file":"helpers.js","mappings":"AAAM,SAAU,mBAAmB,CAAC,OAAoB,EAAA;IACtD,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,eAAe,CAA2B;AAC7E,IAAA,OAAO,UAAU;AACnB;;;;","names":[],"sources":["src/auth/components/helpers.ts"],"sourcesContent":["export function getParentSigninStep(element: HTMLElement): HTMLUSigninStepElement | null {\n  const signinStep = element.closest(\"u-signin-step\") as HTMLUSigninStepElement;\n  return signinStep;\n}\n"],"version":3}

package/dist/components/helpers2.js

@@ -0,0 +1,9 @@
+function getParentNewsletterRoot(element) {
+    const newsletterRoot = element.closest("u-newsletter-root");
+    return newsletterRoot || null;
+}
+
+export { getParentNewsletterRoot as g };
+//# sourceMappingURL=helpers2.js.map
+
+//# sourceMappingURL=helpers2.js.map

package/dist/components/helpers2.js.map

@@ -0,0 +1 @@
+{"file":"helpers2.js","mappings":"AAAM,SAAU,uBAAuB,CAAC,OAAoB,EAAA;IAC1D,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAA+B;IACzF,OAAO,cAAc,IAAI,IAAI;AAC/B;;;;","names":[],"sources":["src/newsletter/components/helpers.ts"],"sourcesContent":["export function getParentNewsletterRoot(element: HTMLElement): HTMLUNewsletterRootElement | null {\n  const newsletterRoot = element.closest(\"u-newsletter-root\") as HTMLUNewsletterRootElement;\n  return newsletterRoot || null;\n}\n"],"version":3}